/*-----------------

layout styles

------------------*/

body header .affix {z-index: 10;}



body header .bannerSec {
  position: relative;
  overflow: hidden;
}

body header .bannerSec img.img-responsive {
    max-width: 100%;
    height: auto;
    width: 100%;
}


body .main_middle_sec {
  min-height: 65vh;
  height: auto;
}


/*--------- inner1 ----------*/

body .classes_link ul li .numSec--unltd{ font-size: 7em; line-height: 2.4em;}

.rightBox{ position:relative; }

.rightBox-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,158,148,0.4);
  z-index: 2;
}

.rightBox-map{
 height: 583px;
}

.swipeIcon {
 width: 120px;
 margin: 5px auto;
 font-size: 2.5em;
 text-align: center;
 display: none;
}


.class_table { 
 width: 100%;
 margin: 2.4em 0;
 padding: 1.5em 0;
 box-sizing: border-box;
 display: inline-block;
 border-left: 1px solid black;
 border-right: 1px solid black;
 font-family: "GeogrotesqueRegular";
}

.class__table__wrap {
  width: 100%;
  background: #e4e4e4;
  padding: 1.5em;
  display: inline-block;
}

.class_table_info {
 width: 45%;
 margin: 0 5px;
 padding: 0.5em;
 box-sizing: border-box;
}

.class_table_info--left { 
 float: left;
}

.class_table_info--right {
 float: right;
}

.class_table_label, .class_table_field {
  height: 20px;
  margin: 0.5em 0;
}

.class_table_label{
  clear: both;
  float: left;
  width: 9em;
  font-family: "GeogrotesqueRegular";
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em;
  color: grey;
  height: 30px;
  line-height: 2.5em;
}

header.class_table_info_head {
 border-bottom: 1px solid black;
 padding: 0.5em 0;
}

.class_table_info_welcome {
 display: block;
 text-align: center;
 font-size: 1.3em;
 text-transform: uppercase;
 font-weight: 600;
 margin: 0.5em 0;
 font-family: "GeogrotesqueSemiBold";
}

.class_table_field {
  width: 17em;
  height: 40px;
  text-indent: 0.5em;
  background: white;
  float: right;
}

.class_table_info_username {
 display: block;
 text-align: center;
 font-size: 1.7em;
 color: #00a49a;
}

.class_table_info_account {
 display: block;
 font-size: 1.3em;
 text-align: center;
}

.class_table_info_current {
    font-size: 2em;
    text-align: center;
}

.large {
  display: block;
  text-align: center;
  font-size: 1.6em;
  font-family: "GeogrotesqueRegular";
}

.class_table_info_left {
  width: 100px;
  float: left;
  margin: 1.3em 0;
}

.class_table_info_current {
  font-size: 7em;
  text-align: center;
  margin: 0;
  color: #009e94;
  line-height: 0.8em;
}

.class_table_info_submit {
   width: 250px;
   height: 100px;
   padding: 1.6em;
   text-align: center;
   margin: 1.1em auto;
   display: block;
   background: #009e94;
   color: white;
   float: right;
   font-size: 22px;
}


.classes_payment{
 display:none;
 position:relative;
}

.classes_payment_close {
 position: absolute;
     width: 40px;
    height: 25px;
 top: 1.5em;
 color: white;
 z-index: 999;
 right: 1em;
 font-size: 2em;
}

.classes_payment_close:hover {
 color:rgba(255,255,255,0.7);
}

.classes_payment_close span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: white;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.classes_payment_close span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}


.classes_payment_close span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.classes_payment_close span:nth-child(3) {
 top: 10px;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
}


/*----------------
inner 2
----------------*/



body .week_classes .innerContainer .seat_table .table_sec .trainer_name p {
    font-size: 14px;
    color: #666;
    font-family: "GeogrotesqueRegular";
    letter-spacing: 3px;
    margin-top: 25px;
    margin-bottom: 0;
    text-align: left;
    text-indent: 6em;
}



body .week_classes .innerContainer .seat_table .table_sec .trainer_name h3 {
    font-size: 29px;
    color: #666;
    font-family: "GeogrotesqueSemiBold";
    margin-top: 0;
    text-align: left;
    text-indent: 2em;
}


.trainer_name .trainer_photo {
    width: 8.3em;
    position: absolute;
    top: -3.7em;
    right: 6.1em;
}


body .week_classes .innerContainer .seat_table .table_sec {float: none; margin: 0 auto;}


body .week_classes .innerContainer .seat_table .table_sec table.seatTable tr td .seat_div a {
    background: white url(http://troop.dreamsengine.io/images/logo@2x.png) no-repeat 50% 100%;
    background-size: 26%;
    padding-top: 0;
}





/*--------------------------

inner 6

--------------------------*/

body .inner6Page .cardInfo .cardType .TCondition label input[type="checkbox"]:checked ~ i.fa.fa-circle {display: none;}
body .inner6Page .cardInfo .cardType .TCondition label input[type="checkbox"] ~ i.fa.checked {display: none;}
body .inner6Page .cardInfo .cardType .TCondition label input[type="checkbox"] ~ i.fa.fa-circle { color: #e4e4e4;}
body .inner6Page .cardInfo .cardType .TCondition label input[type="checkbox"]:checked ~ i.fa.checked {color: #009e94; display: inline;}





/*---------------------------

inner 12

----------------------------*/

.team_photo{
 width: 100%;
 margin: 0;
 padding: 0;
}

.team_photo img{
 width:100%;
 height:auto;
}

body .inner1Thumb .box1{
 height:auto;
}


/*------------------------
inner 25
------------------------*/

 ul.who_we_are_list {padding: 1em;list-style: inherit;}
 
 .who_we_are_list li { font-size: 1.1em; margin: 1em 0;}

/*------------------------
footer
-------------------------*/
div#thumb_carousal {width: 45%; float:left;}
body .inner1Thumb .slick-arrow { top: 40.5%; }
body .inner1Thumb .slick-arrow.slick-prev { left: 33px;}
body .inner1Thumb .slick-arrow.slick-next { right: 66px; }
.sideLink { width: 45%; padding: 4em 0; box-sizing: content-box; float: right; }
.sideLink_btn { text-decoration: none; }

.sideLink_btn:hover {color:#009e94; text-decoration:none; }
.sideLink_btn img{width:120px; height:auto;}
.sideBtn_link_title{display: block; font-size: 2.5em; margin:0.7em 0; color: black; text-transform: uppercase; font-family: "GeogrotesqueSemiBold";}
.sideBtn_link_title--white{color:white;}
.sideBtn_link_icon{font-size: 6em;}
.terms {text-align: center;}
.terms_link{color:white; margin:0 1em;}
.terms_link:hover{color:white; text-decoration:none;}
.footer_logo { width: 33px; margin: 1.5em auto;}