/* Class Styles */
	
.bodyText,
.bodyText a:link,
.bodyText a:visited,
.bodyText a:active {
	font: 12px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #313131;
	line-height: 19px;
	margin-top: 0px;
	font-weight: normal;
	}

.bodyText a:hover {
	color: #38ADDE;
}

.bodyTextBlue,
.bodyTextBlue a:link,
.bodyTextBlue a:visited,
.bodyTextBlue a:active {
	font:12px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #1195c1;
	line-height:19px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
	}

.bodyTextBlue a:hover {
	color: #1195c1;
}

.checkoutLink,
.checkoutLink a,
.checkoutLink a:active,
.checkoutLink a:visited { 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	margin-top:0px;
	color:#F2CD94;
	font-weight:normal;
	text-decoration:none;
}

.checkoutLink a:hover {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	margin-top:0px;
	color:#F2CD94;
	font-weight:bold;
	text-decoration:none;
}

.exhibText,
.exhibText a,
.exhibText a:link,
.exhibText a:active,
.exhibText a:visited {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:17px;
	margin-top:0px;
	text-decoration:none;
	}

.exhibText a:hover {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:17px;
	margin-top:0px;
	text-decoration:underline;
	}

/* White text */
.whiteText,
.whiteText a,
.whiteText a:link,
.whiteText a:active,
.whiteText a:visited {
	font:12px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	margin-top:0px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}
	
.whiteText a:hover {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
	} 
	
	
/* Feature White text */
.featureWhiteText,
.featureWhiteText a,
.featureWhiteText a:link,
.featureWhiteText a:active,
.featureWhiteText a:visited {
	font:14px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
	}
	
.featureWhiteText a:hover {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
	}
	
.featureText,
.featureText a,
.featureText a:link,
.featureText a:active,
.featureText a:visited {
	font:14px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#535353;
	line-height:17px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
	}
	
.featureText a:hover {
	color:#535353;
	font-weight:normal;
	text-decoration:underline;
	} 	
	
	
.pageName {
	font: 25px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #108ac9;
	font-weight:normal;
	}
	
.pageNameWhite,
.pageNameWhite a,
.pageNameWhite a:active,
.pageNameWhite a:visited,
.pageNameWhite a:hover {
	font: 24px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}
	
.subTitleWhite,
.subTitleWhite a,
.subTitleWhite a:active,
.subTitleWhite a:visited,
.subTitleWhite a:hover {
	font: 22px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}

.subTitle,
.subTitle a,
.subTitle a:active,
.subTitle a:visited,
.subTitle a:hover {
	font: 22px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #5e5e5e;
	font-weight:normal;
	text-decoration:none;
	}
	
.newsText,
.newsText a:link,
.newsText a:visited,
.newsText a:active {
	font: 11px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #3f3f3f;
	margin-top: 0px;
	font-weight: normal;
	text-decoration:none;
	}

.newsText a:hover {
	color: #38ADDE;
} 
	
.smallText,
.smallText2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}

.samteq,
.samteq a,
.samteq a:link,
.samteq a:active,
.samteq a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color: #FFFFFF;
	}
.samteq a:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color: #FFFFFF;
	}
	
.footertext,
.footertext a,
.footertext a:link,
.footertext a:active,
.footertext a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color: #FFFFFF;
	}
.footertext a:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color: #FFFFFF;
	}

.smallTextRed {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	}

/* EVENT DISPLAY STYLES */ 
.eventTitle,
.eventTitle a,
.eventTitle a:link,
.eventTitle a:active,
.eventTitle a:visited,
.eventTitle a:hover {
	font:18px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#919191;
	font-weight:normal;
	margin-top:0px;
	text-decoration:none;
	}
.eventDates {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	

/* FEEDBACK MENU STYLES */
#feedback { display:block; position:fixed; text-align:right; top:200px; right:-1px; padding:1px; width:70px; border:none;
 }

/* TOP MENU ITEMS */

.topMenuItem {
font:18px Century Gothic, Verdana, Tahoma, sans-serif;
display:block;
color:#3a3a3a;
padding:9px 11px !important;
font-weight:normal;
text-decoration:none;
outline: none; 
}

.topMenuItem:hover {
color:#1195c1;
font-weight:normal;
text-decoration:none;
}

.topMenuItemSelected,
.topMenuItemSelected:hover {
font:18px Century Gothic, Verdana, Tahoma, sans-serif;
display:block;
color:#1195c1;
padding:9px 11px !important;
font-weight:bold;
text-decoration:none;
outline: none;  
}

.sideMenuItem {
font:13px Century Gothic, Verdana, Tahoma, sans-serif;
display:block;
color:#FFFFFF;
padding:5px 10px;
font-weight:normal;
text-decoration:none;
outline: none; 
border-bottom:1px solid #7B326A;
}

.sideMenuItem:hover {
color:#7B326A;
font-weight:normal;
text-decoration:none;
border-bottom:1px solid #7B326A;
}

.sideMenuItemSelected,
.sideMenuItemSelected:hover {
font:13px Century Gothic, Verdana, Tahoma, sans-serif;
display:block;
color:#FFFFFF;
padding:5px 10px;
background:#7B326A;
text-decoration:none;
outline: none;  
border-bottom:1px solid #7B326A;
}

.roundedcorners {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.roundedcornersbottom {
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

.contactsbox {
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
background-color:#e4e4e4;
}

.fullshadows {
-webkit-box-shadow: #0d2f41 2px 2px 2px, #0d2f41 -2px -2px 2px;
-moz-box-shadow: #0d2f41 2px 2px 2px, #0d2f41 -2px -2px 2px; 
box-shadow: #0d2f41 2px 2px 2px, #0d2f41 -2px -2px 2px;
}

.headerbar {
-webkit-box-shadow: #676767 2px 2px 2px, #676767 -2px -2px 2px;
-moz-box-shadow: #676767 2px 2px 2px, #676767 -2px -2px 2px; 
box-shadow: #676767 2px 2px 2px, #676767 -2px -2px 2px;
}

.bottomshadows {
-webkit-box-shadow: #0d2f41 0px 2px 2px;
-moz-box-shadow: #0d2f41 0px 2px 2px; 
box-shadow: #0d2f41 0px 2px 2px;
}

.smallroundedbox {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}

.testimonialText,
.testimonialText a,
.testimonialText a:link,
.testimonialText a:active,
.testimonialText a:visited,
.testimonialText a:hover {
	font:16px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#565656;
	line-height:19px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
}
	
.quoteMarks {
font:Century Gothic, Verdana, Tahoma, sans-serif;
font-size:30px;
font-weight:normal;
color:#1195c1;
line-height:14px;
position:relative;
top:10px;
}

/* MENU STYLES */
#sddm,
#sddm2
{	margin: 0px;
	padding: 0;
	z-index: 30;
	}

#sddm li,
#sddm2 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	font-weight:normal;
	text-align: center;
	text-decoration: none}

#sddm div,
#sddm2 div
{	position: absolute;
	visibility: hidden;
	margin: 5px 1px 1px 1px;
	padding: 0;
	background: #FFFFFF;
	-webkit-box-shadow: #444445 0px 3px 2px 0px;
	-moz-box-shadow: #444445 0px 3px 2px 0px; 
	box-shadow: #444445 0px 3px 2px 0px;
	/*width: 148px;*/
	border: none;
	z-index:100;
	float:inherit}

	#sddm div a,
	#sddm2 div a
	{	position: relative;
		display: block;
		margin: 2;
		padding: 5px 10px !important;
		width: auto;
		white-space: nowrap;
		/*width: 128px;*/
		text-align: left;
		text-decoration: none;
		color: #666666;
		font: 12px Century Gothic, Verdana, Tahoma, sans-serif; }


	#sddm div a:hover	{	
	background: #FFFFFF;
	color: #1195c1; }
	
	#sddm2 div a:hover	{	
	background: #FFFFFF;
	color: #1195c1; }




/* #####################################################################
   #
   #   Project       : Modal Login with jQuery Effects
   #   Author        : Rodrigo Amarante (rodrigockamarante)
   #   Version       : 1.0
   #   Created       : 07/28/2015
   #   Last Change   : 08/02/2015
   #
   ##################################################################### */
   

#login-modal .modal-dialog {
   max-width: 350px;
   margin: 10px auto;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
	width:100%;
	margin-top:30px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #f7f7f7;
    border: 0px solid #6F6F6F;
    border-radius: 15px;
    outline: 0;
	color:#464646;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 0 15px 15px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #FFFFFF;
}

.btn-link:hover, .btn-link:focus {
    color: #FFFFFF;
    text-decoration: underline;
}

.glyphicon {
    top: 0px;
}

.form-control {
  border-radius: 0px;
}


.box{
  height:190px;text-align:center; background-repeat:no-repeat; background-size:cover; position:relative;
}
.box > h3 {
  font-weight:100;color:#FFFFFF;text-transform:uppercase;font-size:36px;margin:0;padding:0;position:absolute;left:0;right:0;top:20px;
}


.px {
	padding-left:0.5em !important;
	padding-right:0.5em !important;
}

.selectDiv {
	width: 80%;
   	overflow: hidden;
   	background: url('../../images/main/new_arrow.png') no-repeat 97% #FEFEFE;
   	border: 1px solid #939393;
    margin:0px auto;
    padding:10px 15px;
    position: relative;
    z-index:100;
	font-size:14px;
	text-align:left;
	color:#F18D00;
}
.selectDefault {
	padding-left:5px;
}
.selectDiv select {
	margin:0px;
   	padding:0px;
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
	-webkit-appearance: none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    z-index:101;
}
.selectDiv select:focus {
    outline: none;
}

a.selecttop{
	float:right;background-color:#FFFFFF;color:#f18d00;padding:5px 20px;text-decoration:none;border-radius:20px;margin:11px 0 10px 0;font-size:18px;font-weight:100;
  }
  
@media (min-width: 420px) {
  a.jointop{
	float:right;background-color:#FFFFFF;color:#f18d00;padding:5px 20px;text-decoration:none;border-radius:20px;margin:10px 0 5px 0;font-size:18px;font-weight:100;
  }
}
@media (max-width: 420px) {
  a.jointop{
	display:none;
  }
}

.time, .class, .overflow{
	padding:0;
}
.time > div {
	background:#f18d00;
	margin:0;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:0px;
}

.class > div, .class > a > div {
	/*background:#5c5c5c;*/
	margin:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:17px;
	overflow:hidden;
	padding:0 5px;
	border-radius:0px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.class > a:hover > div {
	/*background-color: #f18d00;*/
	margin:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:17px;
	overflow:hidden;
	padding:0 5px;
	border-radius:0px;
}


.overflow > div, .overflow > a > div {
	background:#5c5c5c;
	margin:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:17px;
	overflow:hidden;
	padding:0 5px;
	border-radius:5px;
}

.row.timerow {
  background: #f4f4f4 none repeat scroll 0 0;
  border-radius: 0px;
}
.footer{
	background:#464646;padding:20px 0 15px;border-bottom:5px solid #f18d00;text-align:center;
}
.footer ul {
	list-style:none;margin:0 auto;padding:0;width:80%;text-align:center;
}
.footer ul > li {
	display:inline-block;
	margin:0 25px;
}
.footer ul > li > a {
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}
.footer p{
	font-size:12px;
	color:#FFFFFF;
	padding:10px 0 0 0;
}
.footer img {
	margin-top:15px;
}

@media (min-width:768px) {
  .navbar-brand_mob {
	display:none;
  }
  .navbar-brand {
	display:block;
  }
  .social_foot {
		text-align:right;
	}
}
@media (max-width:768px) {
	.social_foot {
		text-align:center;
	}
	.footer ul {
		margin-top:15px;
		width:100%;
	}
	.footer ul > li {
		margin: 0 5px;
	}
  .navbar-brand_mob {
	display:block;
	float: left;
	font-size: 18px;
	line-height: 20px;
	padding: 15px;
  }
  .navbar-toggle {
 	 margin-bottom: 15px;
     margin-top: 15px;
  }
  .navbar {
	  min-height:0;
  }
  .navbar-brand {
	display:none;
  }
}

@media(max-width:768px){
	div#payment_select > div > .payment_tab.selected{display:block;} 
  	div#payment_select > div > .payment_tab{display:none;}
	div#payment_select > div > .payment_tab.selected > div {border-left:0px solid #aaaaaa;margin:20px 0;text-align:center;color:#aaaaaa;}
}
  div#payment_select > div > .payment_tab.selected > div {
	color:#FFFFFF;
  }
  div#payment_select > div > .payment_tab > div {
	border-left:1px solid rgba(255,255,255,0.6);margin:5px 0;text-align:center;color:rgba(255,255,255,0.6);
  }
  div#payment_select > div:last-child > .payment_tab > div {
	border-right:1px solid rgba(255,255,255,0.6);
  }
  
  .payment_tab {
	  text-decoration:none;
  }



div.pricingtable > form > label {  
    display: block;  
    cursor: pointer;  
    position: relative;
	z-index:20;    
	font-size: 20px;
	text-align:left;
	background-color:#646464;
	color:#FFFFFF; 
	height:auto;
	min-height:100px;
	margin-bottom:20px;
}
div.pricingtable > form > label.promotional{ background : #20b358;}

@media (min-width:991px){
	.cell{ 
		display:table-cell !important;
		float:none !important;
		vertical-align:middle !important;
	}
}

#summary .affix { max-width:400px;}
#summary table tr.space>td {
	padding:0.5em 0;
}

@media (min-width:991px){
	div.pricingtable > form > label > h2 {margin:0;position:absolute;top:30%;left:15px;font-size:18px;font-weight:bold;}
	div.pricingtable > form > label > h2 > span {font-size:13px;font-weight:normal;display:block;margin-top:20px;}
	div.pricingtable > form > label > h3{margin:0;position:absolute;right:10%;top:15%;font-size:24px;font-weight:bold;}
	div.pricingtable > form > label > h3 > span.price{font-size:40px;}
	div.pricingtable > form > label > h3 > span.extra{font-size:14px;position:absolute;top:40px;left:0px;width:100px;}
	div.pricingtable > form > label > div.chev{position:absolute;top:35%;right:15px;display:block;}
	div.pricingtable > form > label > div.chev > i{margin-left:-10px;}
	input[type=radio]:nth-child(2) + label > h3{top:15%;}

	div.pricingtable > form > label { display:table;}
	div.pricingtable > form > label .trow{ display:table-row; height:100%;}
	div.pricingtable > form > label .trow .cell{ display:table-cell;float:none;vertical-align:middle;padding:0;}
	div.pricingtable > form > label .h2 {font-size:22px;font-weight:bold;margin:0;}
	div.pricingtable > form > label .h3 {font-size:14px;margin:0; margin-top:15px;}
	div.pricingtable > form > label .h1{font-size:24px;font-weight:bold;margin:0}
	div.pricingtable > form > label .h1 > .price{font-size:50px;}
	div.pricingtable > form > label .h1 > .extra{font-size:14px;}
	div.pricingtable > form > label .chev{position:absolute;right:0;top:50%;transform:translate(0,-50%);opacity:0.6;}
	div.pricingtable > form > label .chev > i{margin-left:-10px;}
	div.pricingtable > form > label .valign-center { vertical-align: middle;}
}
@media (max-width:991px){
	div.pricingtable > form > label > h2 {margin:5%;position:static;font-size:18px;font-weight:bold;}
	div.pricingtable > form > label > h2 > span {font-size:13px;font-weight:normal;display:block;margin-top:20px;}
	div.pricingtable > form > label > h3{margin:0;position:absolute;right:15px;top:5%;font-size:24px;font-weight:bold;}
	div.pricingtable > form > label > h3 > span.price{font-size:40px;}
	div.pricingtable > form > label > h3 > span.extra{font-size:10px;position:absolute;left:0;bottom:-5px;}
	div.pricingtable > form > label > div.chev{display:none;}
	input[type=radio]:nth-child(2) + label > h3{top:5%;}

	div.pricingtable > form > label .h2 {font-size:22px;font-weight:bold;margin:0;}
	div.pricingtable > form > label .h3 {font-size:14px;margin:0; margin-top:15px;}
	div.pricingtable > form > label .h1{font-size:24px;font-weight:bold;margin:0}
	div.pricingtable > form > label .h1 > .price{font-size:40px;}
	div.pricingtable > form > label .h1 > .extra{font-size:14px;}
	div.pricingtable > form > label .chev{display:none;}
	div.pricingtable > form > label .valign-center { vertical-align: middle;}
}
input[type=radio]:nth-child(2) + label > div.chev{top:35%;}

input[type=radio]:nth-child(2) + label {  
    display: block;  
    cursor: pointer;  
    position: relative;
	z-index:20;    
	font-size: 20px;
	text-align:left;
	background-color:#646464;
	color:#FFFFFF; 
	height:100px;
}

input[type=radio] {  
    display: none;  
}

input[type=radio]:checked + label {  
    content: "";  
 	color:#FFFFFF !important;
	background-color:#f18d00 !important;
	height:auto;
	min-height:100px;
}
input[type=radio]:nth-child(2) + label {  
	min-height:100px;
	height:auto;
}
.replacesingle {
color: #464646;
font-size: 36px;
font-weight: 100;
margin: 20px 0 10px 0;
padding: 0;
text-align: center;
line-height:1.1;
width:100% !important;
}
.replacemain {
font-size:16px;color:#464646;padding:0;margin:0 0 10px 0;
}
.check{
	display:none;position: absolute; right: 15px; top: 26px;
}
.checkmain{
	display:none;right: -80px; bottom: 15px;
}

@media (min-width:768px) {
#terms {
margin-left:20%;
}
	#pc {display:block;}
	form#join_sign_up > div > label, form#join_sign_up .panel-body > label {
		float:left;
		width:20%;
		margin-top:15px;
		clear:both;
		text-align:right;
		padding-right:20px;
	}
	form#join_sign_up > div > input[type=text], form#join_sign_up .panel-body > input[type=text]{
		margin-top:10px;
		float:left;
		width:70%;
	}
	
	form#join_sign_up > div > input[type=email], form#join_sign_up .panel-body > input[type=email]{
		margin-top:10px;
		float:left;
		width:70%;
	}
	
	form#join_sign_up > div > input[type=tel], form#join_sign_up .panel-body > input[type=tel]{
		margin-top:10px;
		float:left;
		width:50%;
	}
	form#join_sign_up > input[type=text]#member_pc, form#join_sign_up .panel-body > input[type=text]#member_pc{
		margin-top:10px;
		float:left;
		width:25%;
	}
	form#join_sign_up > div > select, form#join_sign_up .panel-body > select{
		margin-top:10px;
		display:inline-block;
		width:25%;
	}
	
	form#join_sign_up > div > div > label, form#join_sign_up .panel-body > div > label {
		float:left;
		width:20%;
		margin-top:15px;
		clear:both;
		text-align:right;
		padding-right:20px;
	}
	
	form#join_sign_up > div > div > input[type=text], form#join_sign_up .panel-body > div > input[type=text]{
		margin-top:10px;
		display:inline-block;
		width:70%;
	}
	
	form#join_sign_up > div > div > input[type=email], form#join_sign_up .panel-body > div > input[type=email]{
		margin-top:10px;
		display:inline-block;
		width:70%;
	}
	
	form#join_sign_up > div > div > div > label, form#join_sign_up .panel-body > div > div > label {
		float:left;
		width:20%;
		margin-top:15px;
		clear:both;
		text-align:right;
		padding-right:20px;
	}
	
	form#join_sign_up > div > div > div > input[type=text], form#join_sign_up .panel-body > div > div > input[type=text]{
		margin-top:10px;
		display:inline-block;
		width:70%;
	}
	
	
	form#join_sign_up > div > div > div > input[type=email], form#join_sign_up .panel-body > div > div > input[type=email]{
		margin-top:10px;
		display:inline-block;
		width:70%;
	}
	
	form#join_sign_up > div > div > input[type="tel"], form#join_sign_up .panel-body > div > input[type=tel] {
	  display: inline-block;
	  margin-top: 10px;
	  width: 70%;
	}
	
	form#join_sign_up > div > div > select, form#join_sign_up .panel-body > div > select {
		margin-top:10px;
		display:inline-block;
		width:auto;
	}
	#member_pass {width:50%;}
	.datefield { 
		
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		color: #555;
		display: inline-block;
		font-size: 14px;
		height: 34px;
		line-height: 1.42857;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		width: 35%;margin-top:10px;
	}
	
	
	.datefield input { 
	  display: inline-block;
	  width: 29%;
	  padding: 0;
	  text-align:center;
	  font-size: 14px;
	  line-height: 1.42857143;
	  color: #555;
	  background-color: #fff;
	  background-image: none;
	  border: 0px solid #ccc;
	  border-radius: 0px;
	  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
			  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
	  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;         
	}
	
	.datefield input#year { width:2.5em; }
	.datefield input:focus { border-color:#66afe9;
		box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
	.age_verify{
		overflow: hidden; clear: both;
	}
	.age_verify > p {margin-left:20% !important;}
	.age_verify > input {margin-left:20% !important;}
	#fulladdress {
		overflow: hidden; clear: both;
	}
	.error {
		border-color:#dc4444 !important;
		box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6) !important;
	}
	.selectlabel { display:block;}
	#doblabel {
		right: 0px; top: 0px; float: left; clear: both; position: relative; text-align: right; width: 20%; margin: 15px 0px 0px;
	}
	#parentlabel{
		clear: none !important;
color: rgb(139, 139, 139);
display: inline;
float: left;
font-weight: normal;
margin-left: 10px;
text-align: left !important;
width: 70% !important;
}
#member_pass {margin-top:10px;}
#passlabel{margin-right:0;}
}

.paypal-button-hidden {
	visibility: hidden;
}

@media (min-width:768px) {
	#chooseT {
		float:left;font-weight:bold;font-size:24px;color:#FFFFFF;margin:0;
	}
	#chooseDD {
		max-width:195px;float:left;margin-left:25px;color:#818181;
	}
}
@media (max-width:768px) {
	.checkmain{
	display:none; right: 15px; top: -40px;
}
	
	#chooseT {
		text-align:center;font-weight:bold;font-size:24px;color:#FFFFFF;margin:0;
	}
	#chooseDD {
		max-width:195px;margin:0 auto;color:#818181;
	}
}






.loader {
	position:relative;
	height:20px;
	margin:15px 0;
}
.loader > div {
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #ccc;
  border-radius: 50%;
}

.loader > div:nth-child(1) {
  background-color: #f18d00;
  opacity:1;
  -webkit-animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.loader > div:nth-child(2) {
  background-color: #f18d00;
  opacity:0.8;
  -webkit-animation: move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.loader > div:nth-child(3) {
  background-color: #f18d00;
  opacity:0.6;
  -webkit-animation: move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.loader > div:nth-child(4) {
  background-color: #f18d00;
  opacity:0.4;
  -webkit-animation: move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

@-webkit-keyframes move {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}

@keyframes move {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}

#classmodalmargin {
	max-width:400px;margin:5% auto;
}
@media (max-width:400px) {
	#classmodalmargin {
		max-width:400px;margin:5%;
	}
}
@media (max-width:767px) {
#terms {
margin-left:0;
}
	form {

  margin: 20px;
}
.form-control{margin-bottom:10px;}
.selectlabel { display:none; }
form > div > div, form .panel-body >div {
  position: relative;
}

form > div > div#fulladdress, form .panel-body > div#fulladdress {
  position:static;
}

form > div > div#fulladdress > div, form .panel-body > div#fulladdress > div {
  position:relative;
}
form input, form textarea {
  border: 2px solid gray;
  background: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 8px 12px;
  outline: 0;
}
form input:valid, form textarea:valid {
  background: white;
}
form input:focus, form textarea:focus {
  border-color: #f06d06;
}
form div:not(.checkbox) > input:focus + label, form textarea:focus + label {
  background: #f06d06;
  color: white;
  font-size: 70%;
  padding: 1px 6px;
  z-index: 2;
  text-transform: uppercase;
}
form div:not(.checkbox) > label {
  transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
  position: absolute;
  color: #999;
  padding: 7px 6px;
}
form textarea {
  display: block;
  resize: vertical;
}

form.go-bottom input, form.go-bottom textarea {
  padding: 12px 12px 12px 12px;
}
form.go-bottom label {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
form.go-bottom input:focus, form.go-bottom textarea:focus {
  padding: 4px 6px 20px 6px;
}
form.go-bottom input:focus + label, form.go-bottom textarea:focus + label {
  top: 100%;
  margin-top: -16px;
}

form.go-right div:not(.checkbox) > label {
  top: 2px;
  right: 100%;
  width: 100%;
  margin-right: -100%;
  bottom: 2px;
}
form.go-right div:not(.checkbox) > input:focus + label, form.go-right textarea:focus + label {
  right: 0;
  margin-right: 0;
  width: 40%;
  padding-top: 5px;
}
.datefield { 
		
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		color: #555;
		display: inline-block;
		font-size: 14px;
		height: 34px;
		line-height: 1.42857;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		width: 80%;margin-top:10px;margin-bottom:10px;
	}
	
	
	.datefield input { 
	  display: inline-block;
	  width: 29%;
	  padding: 0;
	  text-align:center;
	  font-size: 14px;
	  line-height: 1.42857143;
	  color: #555;
	  background-color: #fff;
	  background-image: none;
	  border: 0px solid #ccc;
	  border-radius: 0px;
	  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
			  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
	  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;         
	}
	
	.datefield input#year { width:2.5em; }
	.datefield input:focus { border-color:#66afe9;
		box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
	.age_verify{
		overflow: hidden; clear: both;
	}
	#fulladdress {
		overflow: hidden; clear: both;
	}
	.error {
		border-color:#dc4444 !important;
		box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6) !important;
	}
	#doblabel {
		right: 0px; top: 0px; float: none; clear: both; position: relative; text-align: left; width: 100%; margin: 15px 0px 0px;
	}
	#parentlabel {clear: right; float: left; text-align: left; margin-left: 10px; font-weight: normal; color: rgb(139, 139, 139); position: relative; bottom: 0px; left: 0px; right: 0px; width: 90%;}
	#member_pass {width:90%;margin-top:0;}
	#passlabel{margin-right:10%;}
		#pc {display:none;}
}


.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.tab.tab-blue.selected > div, .tab.tab-blue:hover > div{
	background:#5f26ff;
}
@media (min-width:768px) {
	#hideonmob { display:inline-block;}
	.locationprice > a > div > h2 {position:absolute }
	#tabs {padding-bottom:5px;position:relative;z-index:1;}
	.tab{
		padding:0;
	}
	.tab > div{
		background:#464646;
		margin:0 5px;
		text-align:center;
		color:#FFFFFF;
		font-size:18px;
		padding:10px 0;
		text-transform:uppercase;
	}
	.tab:last-child > div{
		margin:0 0 0 5px;
	}
	.tab.selected > div, .tab:hover > div{
		background:#f18d00;
	}
	
	
	.tab2{
		padding:0;
	}
	.tab2 > div{
		background:#464646;
		text-align:center;
		color:#FFFFFF;
		font-size:18px;
		padding:10px 0;
		text-transform:uppercase;
	}
	.tab2.selected > div{
		background:#f18d00;
	}
	
	.trainerlink {text-decoration:none;display:block;position:static;padding:0;margin-top:10px;color:#FFFFFF;text-align:center;}
		.hidetext {display:block;}
		.trainerlink > div {padding:15px;}
		
		.mobonly {display:none;}
	.deskonly {display:block;}
	.col-sm-4.a {padding:0 15px;}
	.locationclubs {padding-left:0;}
	
	h1.multiheader {font-size:25px;color:#f18d00;margin:0;text-align:left;}
	span.headerspan1 {font-size:50px;font-weight:bold;}
	span.headerspan2 {padding-left:2em;}
	span.headerspan3{font-size:50px;padding-left:1em;font-weight:bold;}
	#jointhecomm { display:block; }
	
}
@media (max-width:767px) {
	#jointhecomm { display:none; }
	h1.multiheader {font-size:25px;color:#f18d00;margin:0;text-align:center;}
	span.headerspan1 {font-size:50px;font-weight:bold;}
	span.headerspan2 {padding-left:0;}
	span.headerspan3{font-size:50px;padding-left:0;font-weight:bold;}
	
	.locationclubs {padding:0;}
	.col-sm-4.a {padding:0;}
	.mobonly {display:block;}
	.deskonly {display:none;}
	.trainerlink {text-decoration:none;display:block;padding:6px 11px;position:absolute;left:105px;bottom:0px;color:#FFFFFF;text-align:center;}
	.trainerlink > div {padding:15px;}
	.hidetext {display:none;}
	#hideonmob { display:none !important; }
	.locationprice > a > div > h2 { position:static}
	
	#tabs {padding-bottom:5px;}
	.tab{
		padding:0;
	}
	.tab:last-child > div{
		margin:0;
	}
	.tab > div{
		background:#464646;
		margin:0 5px;
		text-align:center;
		color:#FFFFFF;
		font-size:18px;
		padding:10px 0;
		text-transform:uppercase;
	}
	.tab:last-child > div{
		margin:0;
	}
	.tab.selected > div, .tab:hover > div{
		background:#f18d00;
	}
	
	.tab2{
		padding:0;
	}
	.tab2 > div{
		background:#464646;
		text-align:center;
		color:#FFFFFF;
		font-size:18px;
		padding:10px 0;
		text-transform:uppercase;
	}
	.tab2.selected > div{
		background:#f18d00;
	}
}

#circle { display:block; }
@media (max-width:1000px){
	#circle { display:none; }
}
@media (max-width:767px) {
	#circle { display:block; }
}





#toggle {
	z-index: 9999; 
	position: absolute; 
	top: 50px; 
	left: 250px; 
	background: rgb(52, 109, 162) none repeat scroll 0px 0px; 
	-webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);
	box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75);	
}

#toggle > a { 
	background-color:transparent;
	color:#ffffff;
	text-decoration:none;
	border:none;
	box-shadow:none;
}
#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
	top:0; 
    left: 250px;
    width: 250px;
    height: 100%;
    margin-left: -250px;
    background: #346da2;
	-webkit-box-shadow: 10px 0px 10px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 0px 10px -7px rgba(0,0,0,0.75);
	box-shadow: 10px 0px 10px -7px rgba(0,0,0,0.75);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper.toggled {
	margin-left:-500px;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: #f18d00;
}

.sidebar-nav li a.active, .sidebar-nav li a.active:active,.sidebar-nav li a.active:focus {
    text-decoration: none;
    color: #fff;
    background: #f18d00;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  color: #ffffff;
  font-family: f4l;
  font-size: 50px;
  line-height: 50px;
  text-align: center;
  padding:20px;
  margin: 0 20px 20px 20px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media (max-width:767px) {
	#sidebar-wrapper {
		top:65px;
	}
}






.full-width-tabs {
    width: 100%;
	border:none;
}
.full-width-tabs > li:first-child {
	border-left:1px solid #FFFFFF;
}
.full-width-tabs > li:last-child {
	border-left:1px solid #FFFFFF;
}

.full-width-tabs > li:hover + li > a{
	padding-left:21px;
}
 
.full-width-tabs > li.active, 
.full-width-tabs > li.active + li,
.full-width-tabs > li:hover, 
.full-width-tabs > li:hover + li  {
	border-left:0px solid #FFFFFF;
}

.full-width-tabs > li {
	width:20%;
	height:auto;
	border-left:1px solid #FFFFFF;
	margin-bottom:25px;
}
.full-width-tabs > li > a {
	width:100%;
	height:auto;
	background:#464646;
	color:#FFFFFF;
	border:none;
	border-radius:0;
	padding:20px;
}
.full-width-tabs > li.active > a, .full-width-tabs > li.active > a:hover, .full-width-tabs > li.active > a:focus, .full-width-tabs > li > a:hover, .full-width-tabs > li > a:focus {
	width:100%;
	height:auto;
	background:#f18d00;
	color:#FFFFFF;
	border:none;
	border-radius:0;
}

.mediamanager {
	width:22%;padding-bottom:22%;float:left;margin:1.5%;background-position:center;background-size:cover;box-shadow:0 0 5px 0 #464646;
}
.mediamanager:hover {
	width:22%;padding-bottom:22%;float:left;margin:1.5%;background-position:center;background-size:cover;box-shadow:0 0 5px 0 #f18d00;
}

.blogcontent img {width:100% !important; height:auto;margin:20px 0;}
.blogcontent  a {color:#f18d00;text-decoration:none;}
.blogcontent  em  a {color:#f18d00;text-decoration:none;}
.blog{box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);background:#FFFFFF;}
.blog:hover{box-shadow:0px 0px 3px 1px #f18d00;background:#FFFFFF;}

@media (min-width:768px) {
	.hidden-desktop { display:none !important; }
	#sidelogout {position:absolute;bottom:20px;left:20px;width:100%;}
	.hidden-phone { display: block; }
	
	
}
@media (max-width:767px) {
	#sidelogout {position:absolute;bottom:85px;left:20px;width:100%;}
	.hidden-desktop { display:block; }
	.hidden-phone { display: none; }
	
}







.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-inner > .item {
  transition:none;
}
.carousel-inner > .active {

       -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}

.studio > div { background:#5c5c5c;position:relative;}
.spinstudio > div { background:#5c5c5c;position:relative;}
.pool > div { background:#5c5c5c;position:relative; }
.gymfloor > div { background:#5c5c5c;position:relative; }
.ladiesgym > div { background:#5c5c5c;position:relative; }
.outside > div { background:#5c5c5c;position:relative; }

.studio > div > .triangle { width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #e83460 transparent transparent transparent;position:absolute;top:0;left:0;}
.spinstudio > div > .triangle { width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #5EB43D transparent transparent transparent;position:absolute;top:0;left:0;}
.pool > div > .triangle { width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #4bb7c1 transparent transparent transparent;position:absolute;top:0;left:0;}
.gymfloor > div > .triangle { width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #f18d00 transparent transparent transparent;position:absolute;top:0;left:0;}
.ladiesgym > div > .triangle { width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #A734E8 transparent transparent transparent;position:absolute;top:0;left:0;}
.outside > div > .triangle { width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #344AE8 transparent transparent transparent;position:absolute;top:0;left:0;}


.class > a.studio:hover > div {background-color: #e83460; color:#ffffff;}
.class > a.spinstudio:hover > div {background-color: #5EB43D;color:#ffffff;}
.class > a.pool:hover > div {background-color: #4bb7c1;color:#ffffff;}
.class > a.gymfloor:hover > div {background-color: #f18d00;color:#ffffff;}
.class > a.ladiesgym:hover > div {background-color: #A734E8;color:#ffffff;}
.class > a.outside:hover > div {background-color: #344AE8;color:#ffffff;}

.class > a > div { background:#464646; }

.class > a > div.virtual + div { background: #bfbfbf; color:#464646;}

.class > a > .workshop, .class > a:hover > .workshop, .class > a > .virtual, .class > a:hover > .virtual { 
	clear: both; font-size: 11px; text-align: center; padding: 0px; margin: 5px 5px -5px; background-color: #f18d00; 
}
.class > a.studio > .workshop, .class > a.studio:hover > .workshop {background-color: #e83460;}
.class > a.spinstudio > .workshop, .class > a.spinstudio:hover > .workshop {background-color: #5EB43D;}
.class > a.pool > .workshop, .class > a.pool:hover > .workshop {background-color: #4bb7c1;}
.class > a.gymfloor > .workshop, .class > a.gymfloor:hover > .workshop {background-color: #f18d00;}
.class > a.ladiesgym > .workshop, .class > a.ladiesgym:hover > .workshop {background-color: #A734E8;}
.class > a.outside > .workshop, .class > a.outside:hover > .workshop {background-color: #344AE8;}

.class > a.studio > .virtual, .class > a.studio:hover > .virtual {background-color: #e83460;}
.class > a.spinstudio > .virtual, .class > a.spinstudio:hover > .virtual {background-color: #5EB43D;}
.class > a.pool > .virtual, .class > a.pool:hover > .virtual {background-color: #4bb7c1;}
.class > a.gymfloor > .virtual, .class > a.gymfloor:hover > .virtual {background-color: #f18d00;}
.class > a.ladiesgym > .virtual, .class > a.ladiesgym:hover > .virtual {background-color: #A734E8;}
.class > a.outside > .virtual, .class > a.outside:hover > .virtual {background-color: #344AE8;}


.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 480px) and (max-width: 768px){
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {
    float: left; }

  .col-ms-1 {
    width: 8.33333%; }

  .col-ms-2 {
    width: 16.66667%; }

  .col-ms-3 {
    width: 25%; }

  .col-ms-4 {
    width: 33.33333%; }

  .col-ms-5 {
    width: 41.66667%; }

  .col-ms-6 {
    width: 50%; }

  .col-ms-7 {
    width: 58.33333%; }

  .col-ms-8 {
    width: 66.66667%; }

  .col-ms-9 {
    width: 75%; }

  .col-ms-10 {
    width: 83.33333%; }

  .col-ms-11 {
    width: 91.66667%; }

  .col-ms-12 {
    width: 100%; }

  .col-ms-push-1 {
    left: 8.33333%; }

  .col-ms-push-2 {
    left: 16.66667%; }

  .col-ms-push-3 {
    left: 25%; }

  .col-ms-push-4 {
    left: 33.33333%; }

  .col-ms-push-5 {
    left: 41.66667%; }

  .col-ms-push-6 {
    left: 50%; }

  .col-ms-push-7 {
    left: 58.33333%; }

  .col-ms-push-8 {
    left: 66.66667%; }

  .col-ms-push-9 {
    left: 75%; }

  .col-ms-push-10 {
    left: 83.33333%; }

  .col-ms-push-11 {
    left: 91.66667%; }

  .col-ms-pull-1 {
    right: 8.33333%; }

  .col-ms-pull-2 {
    right: 16.66667%; }

  .col-ms-pull-3 {
    right: 25%; }

  .col-ms-pull-4 {
    right: 33.33333%; }

  .col-ms-pull-5 {
    right: 41.66667%; }

  .col-ms-pull-6 {
    right: 50%; }

  .col-ms-pull-7 {
    right: 58.33333%; }

  .col-ms-pull-8 {
    right: 66.66667%; }

  .col-ms-pull-9 {
    right: 75%; }

  .col-ms-pull-10 {
    right: 83.33333%; }

  .col-ms-pull-11 {
    right: 91.66667%; }

  .col-ms-offset-1 {
    margin-left: 8.33333%; }

  .col-ms-offset-2 {
    margin-left: 16.66667%; }

  .col-ms-offset-3 {
    margin-left: 25%; }

  .col-ms-offset-4 {
    margin-left: 33.33333%; }

  .col-ms-offset-5 {
    margin-left: 41.66667%; }

  .col-ms-offset-6 {
    margin-left: 50%; }

  .col-ms-offset-7 {
    margin-left: 58.33333%; }

  .col-ms-offset-8 {
    margin-left: 66.66667%; }

  .col-ms-offset-9 {
    margin-left: 75%; }

  .col-ms-offset-10 {
    margin-left: 83.33333%; }

  .col-ms-offset-11 {
    margin-left: 91.66667%; } }



/* SOCIAL SHARING */
.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons:after{clear:both}.rrssb-buttons:after,.rrssb-buttons:before{content:' ';display:table}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#125688}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#0c3a5b}.rrssb-buttons li.rrssb-delicious a{background-color:#0b79e5}.rrssb-buttons li.rrssb-delicious a:hover{background-color:#095fb4}.rrssb-buttons li.rrssb-vk a{background-color:#4d71a9}.rrssb-buttons li.rrssb-vk a:hover{background-color:#3d5a86}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path{fill:#125688}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path{fill:#061d2e}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path{fill:#0b79e5}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path{fill:#064684}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path{fill:#4d71a9}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path{fill:#2d4263}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path{fill:#993d00}

.filter { height:49px; }
.filter > p {
  float: left;
  font-size: 18px;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 10px;
}
.selectall > .filter { background:#C67400;border-bottom:7px solid #f18d00; color:#FFFFFF; }
.selectall.selected > .filter { background:#f18d00;border-bottom:7px solid #f18d00; color:#FFFFFF; }

.selectfitness > .filter { background:#773B4A;border-bottom:7px solid #E83460; color:#FFFFFF; }
.selectfitness.selected > .filter { background:#E83460;border-bottom:7px solid #E83460; color:#FFFFFF; }

.selectlifestyle > .filter { background:#437074;border-bottom:7px solid #4BB7C1; color:#FFFFFF; }
.selectlifestyle.selected > .filter { background:#4BB7C1;border-bottom:7px solid #4BB7C1; color:#FFFFFF; }

.selectfood > .filter { background:#4D6C41;border-bottom:7px solid #5EB43E; color:#FFFFFF; }
.selectfood.selected > .filter { background:#5EB43E;border-bottom:7px solid #5EB43E; color:#FFFFFF; }


@media (min-width:768px) {
	input[type="radio"]:checked + label#promo::before {
	  bottom: -14px;
	  content: url("../../images/main/images/left_o.png");
	  left: -24px;
	  position: absolute;
	}
	input[type="radio"]:checked + label#promo::after {
	  bottom: -14px;
	  content: url("../../images/main/images/right_o.png");
	  right: -23px;
	  position: absolute;
	}
	
	input[type="radio"] + label#promo::before {
	  bottom: -14px;
	  content: url("../../images/main/images/left_g.png");
	  left: -24px;
	  position: absolute;
	}
	input[type="radio"] + label#promo::after {
	  bottom: -14px;
	  content: url("../../images/main/images/right_g.png");
	  right: -23px;
	  position: absolute;
	}
	
	#promo { background:#20b358 ;}
	.promo { font-weight: bold;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;text-shadow: 1px 1px 5px #555555;top: 10px; }
}

@media (max-width:767px) {
	input[type="radio"] + label#promo::before {
	  top: -25px;
	  content: url("../../images/main/images/left_g_sm.png");
	  left: -15px;
	  position: absolute;
	}
	input[type="radio"] + label#promo::after {
	  top: -25px;
	  content: url("../../images/main/images/right_g_sm.png");
	  right: -15px;
	  position: absolute;
	}
	#promo { margin-top:50px; }
	.promo { background: #20b358 none repeat scroll 0 0;font-size: 20px;font-weight: bold;left: 0;line-height: 25px;margin: 0 auto;position: absolute;right: 0;text-align: center;top: -25px; }
}



.memtypeselect { text-decoration: none !important;}
.memtypeselect > h2 {background:#f18d00;border:3px solid #ffffff; border-radius:5px;text-align:center;padding:15px;font-size:18px;color:#ffffff}
.memtypeselect.active > h2, .memtypeselect.promoTag.active > h2, .memtypeselect:hover > h2 {background:#ffffff;border:3px solid #ffffff; border-radius:5px;text-align:center;padding:15px;font-size:18px;color:#f18d00}

.memtypeselect.promoTag > h2::before {
	content: "Promotion Available";
	display: block;
	font-size: 14px;
	position: absolute;
	left: 50%;
	bottom: -16px;
    transform:translatex(-50%);
	color: #ffffff;
	background: #20b358;
	border-radius: 0 0 10px 10px;
	padding: 4px 8px;
	border: 3px solid #ffffff;
}

@media (max-width:910px) {
   .memtypeselect.promoTag > h2::before {
	    bottom: -15px;
       font-size:13px;
    } 
}
@media (max-width:854px) and (min-width:768px) {
    .memtypeselect.promoTag > h2::before {
	    bottom: -14px;
       font-size:11px;
    }
}
@media (max-width:767px) {
   .memtypeselect.promoTag > h2::before {
	    bottom: -27px;
       font-size:14px;
    } 
    .memtypeselect.promoTag > h2{
        margin-bottom:35px;
    }
}

.blueimp-gallery > .next, .blueimp-gallery > .prev {
	 background-color:transparent !important;
	 border: 0px solid #fff !important;;
	 border-radius: 0px !important; 
	 font-size:30px !important;
	
}

.btn-cta, .mce-content-body .btn-cta {
	display: block;
	
	text-align: center;
	background: #f18d00;
	background-image:url('/images/main/images/F4LCTA.jpg');
	background-size:cover;
	background-position: center;
	padding: 20px;
	font-size: 18px;
	color: #ffffff !important;
	text-decoration: none;
	text-transform: uppercase;
}


.extraPricing {
	margin: 0;
}
.extraPricing tr {
	border-bottom: 1px solid #dddddd;
}
.extraPricing tr:last-child {
	border: none;
}
.extraPricing td {
	border: 0px !important;
	vertical-align: middle !important;
	color: #464646;
}
.extraPricing .btn {
	width: 100%;
	box-shadow: none;
}
.extraPricing .btn.active {
	background:#20b358;
	border-color:#20b358;
	color:#ffffff;
}



.mcerow { display:flex; align-items:stretch; margin:0; }
.mcerow.dark {
	 color:#fff;
}
.mcerow > .col-md-6 { flex-grow : 1; padding : 0;}
.mcerow > .col-md-6:last-child{ padding:1em 2em; display:flex; align-items:center; }
.mcerow.dark  > .col-md-6:last-child{ background : #000; padding:1em 2em;}

.mcerow img { width :100% !important; height:auto !important;}
.mcerow h1 { font-weight: 100; font-family: Roboto; }
.mcerow h5 { margin : 0 0 1em 0; }
@media (max-width:991px) {
	.mcerow { flex-wrap:wrap; }
	.mcerow h5 { margin : 1em 0; }
}

#memberConduct .title {
	text-transform:uppercase;
	font-weight:bold;
	color:#f18d00;
}
#memberConduct h3 {
	margin:0.5em 0 0 0;
	text-transform:uppercase;
}
#memberConduct .modal-body {
	padding:1em 2em 2em 2em;
}
#memberConduct .row {
	margin:0;
	display:flex;
	align-items:stretch;
}

#memberConduct .col-sm-6 {
  border: 1px solid #f18d00;
  display:flex;
  align-items:center;
  padding:0.5em;
  line-height:1;
  flex-grow : 1;
  min-height:50px;
}
#memberConduct img {
	margin-left:auto;
	height:50px;
	width:50px;
}
#memberConduct .col-sm-6:not(:last-child) {
  border-right-width: 0;
}

#memberConduct .row:not(:last-child) .col-sm-6 {
  border-bottom-width: 0;
}

@media (max-width:991px) {
	#memberConduct .row { display:block; }
	#memberConduct .col-sm-6 { border-width : 1px !important;}
	#memberConduct .row:not(:last-child) .col-sm-6 { border-bottom-width: 0 !important; }
	#memberConduct .row:last-child .col-sm-6:last-child { border-top-width: 0 !important; }
}

/* HIIT LAB */

.mt {
	margin-top:0.5em !important;
}
.mt-1 {
	margin-top:1em !important;
}
.mt-2 {
	margin-top:2em !important;
}
.mb-2 {
	margin-bottom:2em !important;
}
.m-0{
	margin:0;
}
.p-0{
	padding:0;
}
.p-3 {
	padding:3em;
}
.p-1{
	padding:1em;
}
.p-2{
	padding:2em;
}
.py-3 {
	padding-top:3em;
	padding-bottom:3em;
}
.py-2 {
	padding-top:2em;
	padding-bottom:2em;
}
.px-1 {
	padding-left:1em;
	padding-right:1em;
}
.hiit-lab a.link {
	color:inherit;
	text-decoration:none;
}
.hiit-lab .content {
	position:absolute;
	top:50%;
	transform:translate(0, -50%);
}

.hiit-lab-box{
	height:220px;background-repeat:no-repeat; background-size:cover; position:relative;padding:1.5em;color:#ffffff; position:relative;
}
.hiit-lab .h3, .hiit-lab .h2, .hiit-lab .h1 {
	margin:0;
	text-transform:uppercase;
}
.h1.xl {
	font-size:3em;
}
.text-transform-none {
	text-transform: none !important;
}
.font-weight-thin {
	font-weight:100;
}
.hiit-lab .blue {
	color : #5e26ff;
}
.hiit-lab .red {
	color : #e71f5a;
}
.hiit-lab .orange {
	color : #f36f25;
}
.hiit-lab .white {
	color : #ffffff;
}

.hiit-lab-bg-blue {
	background-color:#5e26ff;
}
.hiit-lab-bg-red {
	background-color:#e71f5a;
}

.overlay-text {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
}
.btn-outline {
	border:1px solid #ffffff;
	padding:0.5em 1em;
	text-transform:uppercase;
	color:#ffffff;
	display:block;
	text-align:center;
	text-decoration:none;
}
.btn-outline:hover, .btn-outline:active {
	color:#5e26ff;
	background:#ffffff;
	text-decoration:none;	
}
.bg-dark {
	background: #252525;
	color:#ffffff;
}
.bg-gray {
	background : #8c8c8c;
}
.hiit-trainer {
	background:#000000;
	min-height : 645px;
}
@media (min-width: 992px) {
	.text-sm-left {
		text-align:left;
	}
	.col-sm-offset-1-5 {
		margin-left: 12.5%;
	}
	.px-7 {
		padding-left:7em;
		padding-right:7em;
	}
	.pl-7 {
		padding-left:7em;
	}
	.bg-hiit-lab-1 {
		background-image: url(../../images/hiit-lab/hiit-lab-bg-1.jpg);
		background-size: cover;
		padding-top:2em;
		padding-bottom:2em;
	}
	.bg-hiit-lab-2 {
		background-image: url(../../images/hiit-lab/hiit-lab-bg-2.jpg);
		background-size: contain;
		background-repeat:no-repeat;
		background-position: center;
	}
	.overlay-text.right {
		position:absolute;
		top:50%;
		right:5em;
		text-align: right;
		left:auto;
		transform:translate(0,-50%);
	}
	.overlay-text.left {
		position:absolute;
		top:50%;
		left:5em;
		right:auto;
		text-align:left;
		transform:translate(0,-50%);
	}
	.hiit-lab-spacer {
		position:relative;
	}
	.hiit-lab-spacer::after {
		content:'';
		position:absolute;
		top:2em;
		left:50%;
		height:3px;
		width:110px;
		transform:translate(-50%,0);
	}
	.hiit-lab-spacer-blue::after {
		background:#5e26ff;
	}
	.hiit-lab-spacer-orange::after {
		background:#f36f25;
	}
}


/* Chatbox Button */
#chatbox-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #f18d00;
	color: white;
	border: none;
	border-radius: 50px;
	padding: 15px 20px;
	cursor: pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	display:flex;
	align-items:center;
  }
  
  #chatbox-btn > svg{
	margin-right: 1em;
  }
  
  #chatbox-btn:hover {
	background-color: #c68222;
  }
  
  /* Chatbox Popup */
  #chatbox-popup {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 300px;
	height: 450px;
	background-color: white;
	border: 0px solid #ccc;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 1000;
  }
  
  .hidden {
	display: none;
  }
  
  /* Chatbox Header */
  #chatbox-header {
	background-color: #f18d00;
	color: white;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  #chatbox-header button {
	background: none;
	border: none;
	color: white;
	font-size: 16px;
	cursor: pointer;
  }
  
  /* Chatbox Iframe */
  #chatbox-iframe {
	flex: 1;
	border: none;
  }