/*========================================
 *  Tandome About hero Section
 * ======================================*/

.tandem-about-hero-sec{
  padding-top:324px;
  padding-bottom:89px;
}
.hero-txt-sec{
  background: rgba(179, 203, 49, 0.56);
  border-radius: 3px;
  padding:30px 26px 30px 31px;
  max-width:750px;
}
.hero-txt-sec h1{
  line-height: 57px;
  text-transform: uppercase;
  font-weight:bold;
  margin-bottom:0px;
}
.hero-txt-sec h3{
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    text-transform: none;
}
.tandem-overlay{
  position:relative;
  z-index:1;
}
.tandem-overlay:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
  mix-blend-mode: multiply;
  background: rgba(46, 46, 46, 0.34)
}

/*============About Description Section ============*/

.about-desc-sec{
  padding-top:57px;
  padding-bottom:54px;
}
body .row-fluid-wrapper .row-fluid .desc-txt-wrap {
    max-width: 944px;
    margin: 0 auto;
    display: block;
    float: none;
}

.about-desc-sec h3{
    text-align:center;  
    font-weight: 600;
    font-size: 28px;
    line-height: 45px;
    text-align: center;
    color: #818386;
}
.about-desc-sec p,
.about-desc-sec li{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.005em;
    color: #333333;
}

.about-desc-sec li {
   position: relative;
}

.about-desc-sec ul {
   list-style: none;
}

.about-desc-sec li:before {
   content: '';
   position: absolute;
   background-color:#B3CB31;;
   width: 9px;
   height: 9px;
   left: -20px;
   top: 10px;
  border-radius:100%;
}
@media(min-width:768px) and (max-width:1024px){
  .about-desc-sec h3{
    font-size: 23px;
    line-height: 34px;
  }
  .about-desc-sec p{
    line-height:25px;
  }
  .about-desc-sec p, 
  .about-desc-sec li {
    font-size: 16px;
  }
  .about-desc-sec li {
    line-height: 20px;
 }
}

@media(max-width:767px){
  .about-desc-sec h3 {
    font-size: 22px;
    line-height:30px;
  }
  .about-desc-sec p{
   text-align:center; 
  }
  .about-desc-sec p, .about-desc-sec li {
    font-size: 16px;
    line-height: 25px;
  }
 body .hero-txt-sec {
    text-align: center;
 }
  .about-desc-sec {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .about-desc-sec h3{
    text-align:center;
  }
}


/*====================================
 *  Homepage 
 * ==================================*/

  /*=========Hero Section ============*/

@media(min-width:768px) and (max-width:1024px){
  .hero-txt-sec h1 {
    line-height: 30px;
  }
  .hero-txt-sec h1 {
    line-height: 30px;
    font-size:26px;
  }
  .tandem-about-hero-sec {
    padding-top: 235px;
    padding-bottom: 89px;
 }
}

@media(max-width:767px){
  .tandem-about-hero-sec {
    padding-top: 180px;
    padding-bottom: 60px;
  }
  .tandem-about-hero-sec .hero-txt-sec h1{
    font-size:28px;
    margin-bottom:15px;
    line-height:30px;
  }
  .hero-txt-sec h3{
    font-size:20px;
    line-height:25px;
  }
}



/*============== Multiligual Section ===============*/

.tandem-multilingual-sec{
  padding-top:80px;
  padding-bottom:80px;
}
.tandem-multilingual-sec .header-text{
  margin-bottom:30px;
}
.header-text h2{
      font-weight: bold;
      font-size: 36px;
      line-height: 45px;
      color: #818386;
     margin-bottom:0px;
     text-transform:uppercase;
}
.header-text h3{
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 56px;
      text-align: center;
      color: #818386;
     margin-bottom:0px;
}

@media(min-width:768px) and (max-width:1024px){
  .tandem-multilingual-sec{
    padding-top:60px;
    padding-bottom:60px;
  }
  .row-fluid .tandem-multilingual-sec .header-text h2{
    margin-bottom:10px;
  }
  .row-fluid .tandem-multilingual-sec .header-text{
    margin-bottom:25px;
  }
}

@media(max-width:767px){
  .tandem-multilingual-sec {
    padding-top: 50px;
    padding-bottom: 50px;
 }
  .row-fluid .tandem-multilingual-sec .header-text h2{
    line-height:30px;
    margin-bottom:10px;
  }
  .row-fluid .tandem-multilingual-sec .header-text{
    margin-bottom:40px;
  }
  body .header-text p {
     font-size:16px;
    line-height:25px;
  }
}


/*==============End Multiligual Section===============*/

/*===============Category Slider Section==============*/
.category-slider-sec{
  padding-bottom:70px;
}

/*===============End Category SLider Section =========*/
.tandem-synch-slider-sec{
  padding-top:80px;
  padding-bottom:80px;
}
.header-text p{
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.005em;
    color: #333333;
    margin-bottom:24px;
}
.tandem-synch-slider-sec .header-text h2{
  margin-bottom:24px;
}
body .row-fluid .tandem-synch-slider-sec .synch-slider-wrapper{
  max-width:1000px;
  margin:0 auto;
  float:none;
  display:block;
}

/*================ WHY TANDEM SECTION =============*/
.why-tandem-sec{
  padding-top:80px;
  padding-bottom:80px;
}
.why-tandem-sec .header-text{
  margin-bottom:5px;
}

@media(min-width:768px) and (max-width:1024px){
  .why-tandem-sec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .why-tandem-sec .header-text{
  margin-bottom:10px;
}
  .why-tandem-sec .header-text p{
    margin-bottom:0px;
  }
}

@media(max-width:767px){
  .why-tandem-sec {
    padding-top: 50px;
    padding-bottom: 50px;
 }
   .why-tandem-sec .header-text p{
    margin-bottom:0px;
  }
 .why-tandem-sec .header-text{
    margin-bottom:40px;
  }
}


/*============= Calendar Section ==============*/
.tandem-calendar-sec{
   padding-top:80px;
  padding-bottom:80px;
}
.tandem-calendar-sec .header-text{
  margin-bottom:40px;
}
@media(min-width:768px) and (max-width:1024px){
  .row-fluid .header-text h2{
     font-size:30px;
     line-height:35px;
  }
  .row-fluid .header-text h3{
    font-size:24px;
    line-height:35px;
  }
  .tandem-calendar-sec {
    padding-top: 60px;
    padding-bottom: 60px;
 }
}

@media(max-width:767px){
  .row-fluid .header-text h2{
    font-size:26px;
  }
  .row-fluid .header-text h3{
    font-size:22px;
    line-height: 30px;
  }
  .tandem-calendar-sec {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/*============Home Contact us Section =================*/
.home-contact-sec{
  padding-top:114px;
  padding-bottom:137px;
}
.home-contact-sec a.cta_button{
  font-weight: bold;
    font-size: 36px;
    line-height: 59px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #4A2862;
   border-radius: 3px;
   padding: 11px 57px; /* padding: 45px 68px; */
   display:inline-block;
}

.contact-hero-section .pointer .marker-box .marker>img{
  cursor:pointer;
}

#map {   
  background-repeat: no-repeat;
  background-size: cover; 
  background-position:center;
}




@media(min-width:768px){

  .contact-hero-section{
    position:relative;
  }
  
  .contact-hero-section .pointer-1{
  position: absolute;
    top: 19%;
    left: 17.4%;
}
  
   .contact-hero-section .pointer-2{
    position: absolute;
    top: 29.7%;
    left: 18.4%;
  }
  
  .contact-hero-section .pointer-3{
    position: absolute;
    bottom: 2%;
    left: 36.4%;
  }
  
  
   .contact-hero-section .pointer .marker-content{
     left: -130px;
    top: -129px;
  }
  
  .map #map {
    min-height:870px;
  }

}

@media(min-width:1550px){

   .row-fluid .contact-hero-section .pointer-1{
    top: 20%;
    left: 21%;
    }
  
  .row-fluid .contact-hero-section .pointer-2{
    top: 30.7%;
    left: 21.4%;
  }
  
  
  .row-fluid .contact-hero-section .pointer-3{
    bottom: 4%;
    left: 35.4%;
  }
  
}



@media(min-width:1025px){

  .contact-hero-section .pointer .marker-content{
    opacity:0;
  }
  
  .contact-hero-section .pointer .marker-box .marker:hover .marker-content {
    opacity:1;
 }

}




@media(min-width:768px) and (max-width:1024px){
  .home-contact-sec a.cta_button{
         padding: 27px 55px;
        font-size: 27px;
  }
  .home-contact-sec {
    padding-top: 105px;
    padding-bottom: 122px;
 }
}

@media(max-width:767px){
  .home-contact-sec a.cta_button{
    padding: 20px 37px;
        font-size: 21px;
    line-height: 50px;
  }
  .home-contact-sec {
    padding-top: 80px;
    padding-bottom: 95px;
}
  .map #map {
    min-height:450px;
  }
}



/*=============================================
 * Hr Job Listing
 * ===========================================*/


@media(min-width:1171px){
  .job-listing-sec .hr-portfolio-cm{
    max-width:342px;
    margin-left:24px;
  }
}
@media(min-width:1025px) and (max-width:1170px){
  .job-listing-sec .hr-portfolio-cm{
    max-width:315px;
  }
}
@media(min-width:768px) and (max-width:875px){
     .job-listing-sec .hr-portfolio-cm{
    max-width: 240px;    
  }
}
@media(min-width:876px) and (max-width:1024px){
   .job-listing-sec .hr-portfolio-cm{
    max-width: 280px;    
  }
}
@media(max-width:767px){
  body.job-listing-sec .sidebar__inner{
    position:relative!important;
        width: 100%;
  }
  
  .job-listing-sec .left-col{
    margin-top:30px;
    padding-bottom:40px;
    padding-top:35px;
  }
  .job-listing-sec .right-col .hr-portfolio-cm{
    max-width: 350px;
    margin: 0 auto;
  }
  .mobile-reverse>.row-fluid-wrapper>.row-fluid{
      display: -webkit-flex; /* Safari */
      -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
      -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      display: flex;
      flex-direction: column-reverse; 
  }
}


/*================================================
 * Hr HomePage
 * =============================================*/

.hr-sec-one{
  padding-top:75px;
  padding-bottom:50px;
}
.hr-sec-one .left-col h2{
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    color: #818386;
  padding-top: 22px;
    padding-bottom: 4px;
}
.hr-sec-one .left-col p{
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    text-transform: none;
    color: #333333;
}



/*=============Hr Section Two ==============*/
.hr-sec-two{
  padding-top:60px;
  padding-bottom:60px;
  background:#efefef;
}
.hr-sec-two .header-text h2{
  margin-bottom:12px;
}
.hr-sec-two .header-text p{
  text-align:left;
}


/*==============Hr Section three =========*/

.hr-sec-three{
  padding-top:50px;
  padding-bottom:50px;
}
.hr-sec-three h2{
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 45px;
    text-transform: uppercase;
    color: #818386;
}
.hr-sec-three h4{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    text-transform: none;
    color: #333333;
}

.hr-sec-three li {
   position: relative;
  font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.5px;
    color: #333333;

}

.hr-sec-three ul {
   list-style: none;
}

.hr-sec-three li:before {
   content: '';
   position: absolute;
   background-color: #C8D200;;
   width: 9px;
   height: 9px;
   left: -20px;
   top: 10px;
  border-radius:100%;
}

/*====================Hr Section Four ==========*/
.hr-sec-four{
  background: #EFEFEF;
  padding-top:80px;
  padding-bottom:80px;
}

.hr-sec-four .lp-slider .slide-arrow{
      width: 44px;
    height: 44px;
}
.hr-sec-four .lp-slider .slide-arrow img{
  width:23px;
  height:16px;
}
.hr-sec-four .lp-slider-sec{
    max-width: 715px;
    margin: 0 auto;
}
.hr-sec-four .lp-slider .next-arrow {
    right: -80px;
    z-index: 1;
}
.hr-sec-four  .lp-slider .prev-arrow {
    left: -80px;
  z-index: 1;
}

/*==================Hr Section Five ============*/
.hr-sec-five{
  padding-bottom:40px;
  padding-top:70px;
}
.hr-header-txt{
  font-weight: bold;
    font-size: 36px;
    line-height: 45px;
    text-transform: uppercase;
    color: #818386;
}

.hr-sec-five li {
   position: relative;
  font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.5px;
    color: #333333;
}

.hr-sec-five ul {
   list-style: none;
}

.hr-sec-five li:before {
   content: '';
   position: absolute;
   background-color: #C8D200;;
   width: 9px;
   height: 9px;
   left: -20px;
   top: 10px;
  border-radius:100%;
}
.hr-sec-five h2,
.hr-second-row h2{
    font-weight: bold;
    font-size: 36px;
    line-height: 47px;
    text-transform: uppercase;
    color: #818386;
}
.hr-sec-five p,
.hr-second-row p{
  font-family: 'Source Sans Pro', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0.005em;
  color: #333333;
}
.hr-second-row{
  padding-bottom:80px;
}
.hr-tab-sec .features-list p{
  cursor:pointer;
}


@media(min-width:768px) and (max-width:1024px){
  .hr-sec-one .left-col p{
     font-size:16px;
    line-height:25px;
  }
  .hr-sec-one .left-col h2{
    font-size:30px;
    line-height:34px;
  }
  .hr-sec-three h2{
    font-size: 30px;
    line-height: 35px
  }
  body .hr-sec-three h4{
    font-size:20px;
  }
  .hr-sec-three li{
    font-size:16px;
  }
  .hr-sec-four .lp-slider-sec_vtwo .wrapper{
    padding-left:0px;
    padding-right:0px;
  }
  .hr-sec-four .lp-slider-module-cm{
     padding: 0px 18px;
  }
    body .hr-sec-four .lp-slider {
    padding: 30px;
  }
  body .hr-sec-four .lp-slider .next-arrow {
    right: -34px;
    z-index: 1;
  }
    body .hr-sec-four .lp-slider .prev-arrow {
    left: -34px;
    z-index: 1;
  }
  .hr-header-txt{
    font-size:30px;
    line-height:35px;
  }
  .hr-sec-five li{
    font-size:16px;
    line-height:21px;
  }
  .philosophy-content-cm .philosophy-cta.add-cta a.cta_button{
    font-size:13px;
  }
  .hr-second-row{
    padding-bottom:60px;
  }
  body .row-fluid .hr-second-row .three-col-adjust span>.hs_cos_wrapper{
    flex-basis: 30.2%;
    -webkit-flex-basis: 47.2%;
  }
  body .hr-tab-sec .features-list p{
    font-size:14px;
  }
  .hr-second-row h2{
    font-size: 30px;
    line-height: 35px;
  }
}

@media(max-width:767px){
  .hr-sec-one .left-col p{
    font-size:16px;
    line-height:25px;
    text-align:center;
  }
  .hr-sec-one .left-col h2{
    font-size:26px;
    line-height:30px;
    text-align:center;
  }
  .hr-sec-two{
    text-align:center;
  }
  .hr-tab-sec .features-list p{
    text-align:center;
  }

  .hr-sec-three h4{
    font-size:19px;
    text-align:left;
  }
  .hr-sec-three h2{
    font-size:28px;
    line-height:30px;
  }
  body .hr-sec-three ul li{
    text-align:left;
  }
  body .hr-sec-three{
    text-align:left; 
  }
  body .hr-sec-five{
    text-align:left;
    padding-bottom:0px;
  }
   .hr-second-row{
    text-align:center;
  }
  .hr-second-row
  .hr-sec-five h2,
  .hr-second-row h2{
    font-size:30px;
    line-height:30px;
  }
  body .hr-sec-five ul li{
    text-align:left;
    margin-bottom:0px;
    font-size:16px;
  }
  body .hr-header-txt{
    font-size:26px;
  }
  .hr-second-row{
    padding-top:40px;
    padding-bottom:50px;
  }
  .job-listing-sec.hr-sec-one .left-col{
    padding-bottom:0px;
  }
  .hr-sec-four .lp-slider-sec_vtwo .wrapper{
    padding-left:0px;
    padding-right:0px;
  }
}


/*============tab-listing =========*/

body .row-fluid .feature-images {
    display: none;
}
body .row-fluid .feature-images.active {
    display: block;
}
.hr-tab-sec .features-list p{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    text-transform: capitalize;
    color: #818386;
    margin-bottom:0px;
}
.hr-tab-sec .features-list{
   padding:20px 20px;
}

.hr-tab-sec .features-list.active-test{
   background: #4A2862;
  padding:16px 20px;
  position:relative;
}
.hr-tab-sec .feature-images img {
    margin-bottom: 15px;
}
.hr-tab-sec .right-col .features-list{
  text-align:left;
}
.hr-tab-sec .left-col .features-list{
  text-align:right;
}
.hr-tab-sec .right-col .features-list.active-test:before{
     width: 26px;
    height: 16px;
    content: "";
    position: absolute;
    background: #4a2862;
    transform: rotate(42deg);
    left: -7px;
    top: 16px
}
.hr-tab-sec .left-col .features-list.active-test:before{
    width: 26px;
    height: 16px;
    content: "";
    position: absolute;
    background: #4a2862;
    transform: rotate(42deg);
    right: -7px;
    top:16px;
}
.hr-tab-sec .features-list.active-test p{
  color:#ffff;
  margin-bottom:0px;
}

.hr-tab-sec{
  padding-top:40px;
  padding-bottom:40px;
}

body .row-fluid .center-col{
  border: 1px solid #4A2862;
  box-sizing: border-box;
  padding:20px;
}
@media(min-width:1025px){
    .hr-tab-sec .right-col .features-list,
   .hr-tab-sec .left-col .features-list{
    width:240px;
  }
}
@media(min-width:1200px){
  .hr-sec-one .span8.left-col{
    width: 65.811966%;
  }
  .hr-sec-one .span4.right-col{
    width: 31.623932%;
  }
}
@media(min-width:1025px) and (max-width:1200px){
  .hr-tab-sec .right-col .features-list, .hr-tab-sec .left-col .features-list {
    width: 195px;
  }
  .hr-tab-sec .features-list p{
    font-size:17px;
  }
  .hr-sec-four .lp-slider .next-arrow{
    right: -23px;
  }
  .hr-sec-four .lp-slider .prev-arrow {
    left: -23px;
  }
}

@media(min-width:1200px){
  .span12.widget-span.widget-type-cell.hr-short-wrapper {
      max-width: 68.811966%;
  }
}
@media(min-width:1025px) and (max-width:1199px){
  .span12.widget-span.widget-type-cell.hr-short-wrapper {
      max-width: 62.811966%;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .span12.widget-span.widget-type-cell.hr-short-wrapper {
      max-width: 60.811966%;
  }
}

@media(max-width:767px){
  .hr-tab-sec .features-list.active-test:before{
    display:none;
  }
  .hr-tab-sec>.row-fluid-wrapper>.row-fluid {
    display: flex;
    flex-direction: column;
    display: -webkit-flex; /* Safari */
  -webkit-flex-direction: column; /* Safari 6.1+ */
  }
 .hr-tab-sec .right-col{
    order:2
  }
 .hr-tab-sec .left-col{
    order:1
  }
  .hr-tab-sec .center-col{
    order:3;
  }
  body .row-fluid .center-col{
    padding-top:30px;
    max-width: 300px;
    margin: 0 auto;
    margin-top:30px;
  }
  .hr-tab-sec .left-col{
    margin-top:0px;
    padding-top:0px;
  }
  .hr-sec-two{
    padding-bottom:0px;
  }
  .hr-tab-sec .left-col .features-list,
  .hr-tab-sec .right-col .features-list{
    margin:0 auto;
  }
  .hr-tab-sec .features-list p{
    font-size:15px;
  }
  .hr-tab-sec .features-list {
    padding: 12px 20px;
  }
  .hr-tab-sec .features-list.active-test{
    padding: 12px 20px; 
  }
}

/*==========================================
 *  Hr Popup Modal
 * ========================================*/

body .guana-modal-container.width-narrow .guana-modal{
  max-width:920px;
  padding:40px 30px;
  border-radius:0px;
}

.row-fluid .hr-popup-form-sec form{
    max-width: 834px;
    margin: 0 auto;
}

.row-fluid .hr-popup-form-sec form input,
.row-fluid .hr-popup-form-sec form select,
.row-fluid .hr-popup-form-sec form textarea{
  border: 1px solid #000000;
  border-radius: 3px;
  height:48px;
  font-size: 15px;
  line-height: 21px;
  margin-bottom:13px;
}
.row-fluid .hr-popup-form-sec form .hs-button.primary{
  text-align: center;
  text-transform: uppercase;
  color: #4A2862;
  font-weight: bold;
    font-size: 16px;
    line-height: 21px;
  letter-spacing:0px;
  border: 1px solid #4A2862;
  border-radius: 3px;
  padding:12px 40px;
}
.hr-popup-form-sec .hs-richtext.hs-main-font-element p {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    margin: 15px 0px 20px;
}
body .row-fluid .hr-popup-form-sec form .hs-fieldtype-radio>label {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-bottom:0px;
}
body .row-fluid .hr-popup-form-sec form .hs-form-radio span{
    letter-spacing: 0.005em;
    color: #000000;
   font-size: 13px;
  line-height: 21px;
}
body .row-fluid .hr-popup-form-sec form li.hs-form-radio {
    padding-bottom: 6px;

}
body .row-fluid .hr-popup-form-sec form .hs_how_did_you_hear_about_this_job_opportunity_ li.hs-form-radio{
      width: 34%;
    display: inline-block;
}


.row-fluid .hr-popup-form-sec .hs-form .field .input input[type="checkbox"], 
.row-fluid .hr-popup-form-sec .hs-form .field .input input[type="radio"]{
    border: 1px solid #000;
    margin-right: 8px;
    top: 6px;
    width: 12px;
    height: 12px;
    border-radius:0px;
      position: relative;
    top: 2px;
    margin-bottom:0px;
}
body .row-fluid .hr-popup-form-sec .legal-consent-container .input input[type="checkbox"] {
    position: relative!important;
    top: 5px!important;
}
body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input{
  
}


.row-fluid .hr-popup-form-sec form .field>label{
   font-size: 15px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.64);
  font-weight: normal;
  margin-top:0px;
  margin-bottom:6px;
}
.hr-popup-form-sec .inputs-list.multi-container{
  padding-left:0px;
}
.hr-popup-form-sec .legal-consent-container {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0.005em;
    color: #000000;
    font-weight: normal;
}
.hr-popup-form-sec h3.form-title{
  font-weight: bold;
  font-size: 42px;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  color: #818386;
  padding: 12px 40px;
}
 .row-fluid .hr-popup-form-sec .hs-form .field .input input[type="radio"]{
  border-radius:0px;
} 
.row-fluid .hr-popup-form-sec .hs-form .field .input input[type="radio"]:checked:after{
     width: 6px;
    height: 3px;
    top: 2px;
    left: 1px;
    background:none;
    border: 2px solid #4A2862;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
   border-radius:0px;
}
.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after{
  width: 6px;
    height: 3px;
    top: 2px;
    left: 1px;
   border: 2px solid #4A2862;
      border-top: 0px;
    border-right: 0px;
}
.hr-popup-form-sec .hs-richtext, .hr-popup-form-sec .hs-richtext p{
  font-size:13px;
}

.row-fluid .hr-popup-form-sec form .hs-fieldtype-file input {
    display: none!important;
}
.row-fluid .hr-popup-form-sec form .hs-fieldtype-radio {
    padding-top: 18px;
}
.legal-consent-container ul {
    padding-left: 0px;
}

/*Input File Style*/
.hr-popup-form-sec .file-upload>input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display:none;
}
.input > input[type=file] { display: none }
.hr-popup-form-sec .file-upload{
    display:block;
    position:relative;
    margin-bottom:13px;
}
.hr-popup-form-sec .file-upload-file-name{
   display: block!important;
    background-color: #ffffff;
    height: 48px; 
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 15px;
    color: black;
    font-weight: 400;
    border: 1px solid #000000;
    border-radius: 3px;
}
.hr-popup-form-sec .file-upload-button-label{
   height: 50px;
      padding: 0 15px 0px 53px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.8px;
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
   
}
.hr-popup-form-sec .file-upload-button-label:before{
    content:'';
    background:url('https://4951858.fs1.hubspotusercontent-na1.net/hubfs/4951858/Tandem%20Assets%202019/Tandem%20Assets/file-upload-icon.png');
    width: 27px;
    height: 28px;
    position: absolute;
    left: 15px;
    top: 14px;
}
/*=====*/

.hr-popup-form-sec form::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.18);
   font-size: 15px;
  line-height: 21px;
}

.hr-popup-form-sec form :-moz-placeholder {
   color: rgba(0, 0, 0, 0.18);
   font-size: 15px;
  line-height: 21px;
}

.hr-popup-form-sec form ::-moz-placeholder {  
   color: rgba(0, 0, 0, 0.18);
   font-size: 15px;
  line-height: 21px;
}

.hr-popup-form-sec form :-ms-input-placeholder {  
   color: rgba(0, 0, 0, 0.18);
   font-size: 15px;
  line-height: 21px;
}
  .hr-popup-form-sec .legal-consent-container .hs-form-booleancheckbox-display>span{
    position: relative;
    top: 4px;
  }


@media(min-width:768px) and (max-width:1024px){
  .hr-popup-form-sec h3.form-title {
    font-weight: bold;
    font-size: 36px;
  }
}
@media(max-width:767px){
    .hr-popup-form-sec h3.form-title {
    font-weight: bold;
    font-size: 30px;
  }
  .row-fluid .hr-popup-form-sec .hs-form .field .input input[type="checkbox"], .row-fluid .hr-popup-form-sec .hs-form .field .input input[type="radio"]{
    width:12px!important;
  }
}
@media(min-width:320px) and (max-width:480px){
  body .row-fluid .hr-popup-form-sec form .hs_how_did_you_hear_about_this_job_opportunity_ li.hs-form-radio{
      width: 100%;
    display:block;
 }
}

/*================================================
 *  Contact Us Page
 * =============================================*/

/*  contact hero section css starts here  */

@media (max-width: 500px)
  {
    .contact-hero-section iframe {
      height: 400px;
    }
  }

/*  contact section three css starts here  */

 .contact-section-three
  {
    padding:75px 0px;
    background: #EFEFEF;
  }
 .contact-section-three .contact-form-section .form-text-align
  {
    max-width:850px;
    margin:0 auto;
    text-align:center
  }
  .contact-section-three .contact-form-section .form-text-align h2
  {
    text-transform:uppercase;
    color: #818386;
    font-size:36px;
  }
  .contact-section-three .contact-form-section .form-text-align p
  {
    color: #505450;
    letter-spacing: 0.5px;
    font-size:18px;
  }
  .contact-section-three .contact-form-section .contact-form form
  {
    max-width: 680px;
    margin: 0 auto;
  }
  .contact-section-three .contact-form-section .contact-form form input, .contact-section-three .contact-form-section .contact-form form textarea
  {
    padding: 14px 20px;
    color: rgba(0, 0, 0, 0.38);
    background: #FFFFFF;
    border: 1px solid #e7e7e7;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    font-size:16px;
 }
  
  .contact-section-three .contact-form-section .contact-form form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0, 0, 0, 0.38);
    opacity: 1; /* Firefox */
    font-size:16px;
  }

  .contact-section-three .contact-form-section .contact-form form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.38);
    font-size:16px;
  }

  .contact-section-three .contact-form-section .contact-form form input::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.38);
    font-size:16px;
  }
  .contact-section-three .contact-form-section .contact-form form input
  {
    height:auto;
    padding:13px 20px;
  }
  .contact-section-three .contact-form-section .contact-form form textarea{
    resize:none;
  }
  body .row-fluid .contact-section-three .contact-form-section .contact-form form fieldset {
    max-width: 100%;
    margin-bottom: 8px;
 }
  .contact-section-three .contact-form-section .contact-form form .actions input
 {
   padding: 15px 20px;
   max-width: 300px;
   width: 300px;
   border: 1px solid #4A2862;
   border-radius: 3px;
   background:transparent;
   color: #4A2862;
   font-size:18px;
   font-weight:bold;
   margin-top:20px;
}

@media (max-width: 767px){
    .contact-section-three {
      padding: 40px 0px;
    }
    .contact-section-three .contact-form-section .form-text-align h2 { 
      font-size: 25px;
    }
    .contact-section-three .contact-form-section .form-text-align p {
      font-size: 16px;
    }
    .contact-section-three .contact-form-section .contact-form form .actions input
     {
       max-width: 200px;
       width: 200px;
     }
}



@media(min-width:768px){
  body .row-fluid .hr-popup-form-sec .hs-form fieldset.form-columns-2> .hs-form-field:first-child {
    width: 46%;
    margin-right:5%;
  }
  body .row-fluid .hr-popup-form-sec .hs-form fieldset.form-columns-2> .hs-form-field {
    width: 46%;
    margin-right: 5%;
}
  body .row-fluid .hr-popup-form-sec .hs-form fieldset.form-columns-2> .hs-form-field:last-child{
    margin-right:0px;
  }
}


/*=============================================
 * Phase Page 
 * ========================================*/

  .all-text-uppercase{
    text-transform:uppercase;
  }
  .tandem-phases-tab-sec {
    padding-bottom: 50px;
}
 
  .tandem-phases-tab-sec .left-col p.early-years-text{
    background: #B3CB31;
    border: 0.5px solid #000000;
    border-radius: 3px;
    padding: 2px 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:20px;
    margin-bottom: 38px;
  }
  .tandem-phases-tab-sec .left-col p a{
    background: #4A2862;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    text-align: center;
    padding: 6px;
    font-weight: bold;
  }
  .tandem-phases-tab-sec .left-col .get-in-touch-cta a.cta_button{
   display:block;
   background: #4A2862;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 10px 40px;
    text-align: center;
    margin-top:33px;
  }
  .tandem-phases-tab-sec .left-col .left-col-image img{
    width:100% !important;
  }
  .tandem-phases-tab-sec .left-col .left-col-image  {
    position:relative;
  }
  .tandem-phases-tab-sec .left-col .left-col-text {
    position: absolute;
    top: 38px;
    padding: 21px;
    text-align: center;
 } 
  .tandem-phases-tab-sec .left-col .left-col-text p.looking-text {
    font-size:23px;
    color:#fff;
    line-height: 33px;
    font-weight:bold;
    margin:0;
    padding-bottom:50px;
  }
  .tandem-phases-tab-sec .left-col .left-col-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(179, 203, 49, 0.56);
  }

.phase-faq-sec{
  background:#EFEFEF;
  padding-top:80px;
  padding-bottom:80px;
}
/*=================Daily Routine Section =======*/

.daily-routine-sec{
    padding-top:80px;
  padding-bottom:80px;
}
.daily-routine-sec .routine-module{
  margin-left:0px;
}
  .daily-routine-module .header-text h2{
    margin-left:0px;
  }

@media(min-width:1025px) and (max-width:1150px){
  .daily-routine-module .header-text h2,
  .daily-routine-sec .routine-module{
    margin-left:35px;
  }
}

/*=============End Daily Routien Section -=========*/

/*================== phase-why-tandem-sec ============*/
.phase-why-tandem-sec .why-tandem-cm .wrapper{
  padding-left:0px;
  padding-right:0px;
}
@media(min-width:768px) and (max-width:1024px){
.phase-why-tandem-sec .why-tandem-cm .three-col-adjust>.row-fluid-wrapper>.row-fluid>.why-tandem-single-col{
      flex-basis: 31.6%;
    -webkit-flex-basis: 46.6%;
        text-align: center;
    margin: 15px auto;
  }
  .phase-why-tandem-sec .why-tandem-sec .header-text{
    margin-bottom:12px;
  }
  .phase-why-tandem-sec .why-tandem-sec .header-text p{
    font-size:16px;
    line-height: 25px;
  }
}
/*=================End Phase Why tandem Sec ===========*/


/*====================Phase teacher section =========*/
.phase-teacher-sec{
  padding-top:80px;
  padding-bottom:80px;
  background:#FBFBFB;
}

.phase-teacher-sec .header-text h2{
  text-transform:uppercase;
  margin-bottom:15px;
} 

@media(min-width:768px) and (max-width:1024px){
.phase-teacher-sec .teacher-group-cm .teacher-single-col .teacher-image img{
    width: 140px;
    height: 140px;
 }
  .teacher-group-cm .teacher-image {
    margin-bottom: 15px;
 }
  .phase-teacher-sec .header-text p{
  font-size:16px;
  line-height:25px;
}
}
/*==================End Phase Teacher Section ==========*/

/*===============Testimonial Section =============*/

.phase-testimonial-sec{
    background: #efefef;
   padding-top:80px;
   padding-bottom:80px;
}
@media(min-width:768px) and (max-width:1024px){
 body .phase-testimonial-sec .slider-header-text{
   font-size: 30px;
    line-height: 35px
  }
  body .phase-testimonial-sec .lp-slider-sec_vtwo .lp-slider .prev-arrow {
    left: -70px;
  }
   body .phase-testimonial-sec .lp-slider-sec_vtwo .lp-slider .next-arrow {
    right: -70px;
  }
  body .phase-thank-you-sec .phase-thank-sec{
    padding:49px 50px;
  }
}


/*================phase synchronise slider ==============*/
.phase-synch-slider{
  padding-top:80px;
  padding-bottom:80px;
}
.phase-synch-slider .synchro-slider-cm .slider-single{
  max-width:753px;
  margin:0 auto;
}
@media(min-width:1025px) and (max-width:1170px){
  .phase-synch-slider .synchro-slider-cm .slider-single{
      max-width:635px;
     margin:0 auto;
  }
   .phase-synch-slider .slider-single .prev-arrow {
    left: -6px;
    z-index: 1;
}
  .phase-synch-slider .slider-single .next-arrow {
    right: -6px;
     z-index: 1;
  }
  body .phase-testimonial-sec .lp-slider-sec_vtwo .lp-slider .prev-arrow{
        left: -55px;
  }
   body .phase-testimonial-sec .lp-slider-sec_vtwo .lp-slider .next-arrow {
    right: -55px;
  }
}

/*============End Testimonial Section ===========*/

.phase-testimonial-sec .slider-header-text{
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 53px;
  text-transform: uppercase;
  color: #818386;
  margin-bottom:20px;
}
@media(min-width:1025px) and (max-width:1300px){
  .phase-testimonial-sec .slider-header-text{
    font-size: 33px;
    line-height: 35px;
  }
}

/*=============Daily Routine sec==============*/
@media(min-width:768px) and (max-width:1024px){
    .daily-routine-sec .daily-routine-module .time-col{
          font-size: 18px;
    }
    .daily-routine-module .description-text p{
      font-size:16px;
    }
}

/*============Accordion Section ============*/
 .phase-faq-sec .header-text h2{
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
  color: #818386;
}
 .phase-faq-sec .header-text h3{
   font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 56px;
    letter-spacing: 0.005em;
    color: #818386;
   text-align:left;
}
@media(min-width:768px) and (max-width:1024px){
 .phase-faq-sec .header-text h2{
    font-size: 30px;
    line-height: 35px;
   margin-bottom:10px;
  }
  .phase-faq-sec .header-text h3{
    font-size: 24px;
    line-height: 29px;
    margin-bottom:22px;
  }
}

/*=============End Daily Routine Sec ==========*/

/*=====================phase thank you=========*/
.phase-thank-you-sec{
  padding-top:80px;
  padding-bottom:80px;
}
.phase-thank-you-sec .phase-thank-sec{
  background: #4A2862;
  padding:67px 91px;
  text-align:center;
  position:relative;
}


/*============Media Query Start ===========*/
@media(min-width:1025px) and (max-width:1170px){
  body .phase-short-wrapper {
    width: 71.358974% !important;
  }
}
@media(min-width:768px){
  .phase-short-wrapper{
    width: 74.358974359%!important;
    float:right!important;
  }
}

@media(min-width:1025px) and (max-width:1170px){
  .tandem-phases-tab-sec .span9.widget-span.widget-type-cell.right-col{
        width: 68.468085%;
  }
  .teacher-group-cm .teacher-image img {
    width: 220px;
    height: 220px;
  }
}

@media(min-width:1025px){
  .tandem-phases-tab-sec .span9.widget-span.widget-type-cell.right-col {
    float: right;
    width: 69.468085%;
 }  
   .tandem-phases-tab-sec .span3.widget-span.widget-type-cell.left-col.class_of_last_element {
      width:268px;
  }
}
@media(min-width:768px) and (max-width:875px){
  .daily-routine-sec .routine-module, .row-fluid .header-text h2{
    
  }
  .tandem-phases-tab-sec .span3.widget-span.widget-type-cell.left-col.class_of_last_element {
    width: 20.928177%;
 }
  .tandem-phases-tab-sec .left-col .get-in-touch-cta a.cta_button{
    padding: 10px 25px;
    margin-top: 22px;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .tandem-phases-tab-sec .span9.widget-span.widget-type-cell.right-col{
    float:right;
  }

  .daily-routine-sec .routine-module,
  .daily-routine-sec .row-fluid .header-text h2{
    margin-right: 0px;
  }
  .daily-routine-sec .routine-module {
    max-width: 486px;
  }
  .daily-routine-sec .daily-routine-module .header-text h2{
    max-width: 486px;
  }
  body .phase-synch-slider{
    padding-top:50px;
    padding-bottom:50px;
  }
  .daily-routine-sec,
  .phase-faq-sec,
  .phase-teacher-sec{
    padding-top: 60px;
    padding-bottom: 60px;
 }
  .phase-calendar-sec{
    padding-bottom:30px;
  }
  .phase-thank-you-sec{
    padding-bottom:60px;
  }
}

@media(max-width:767px){
  .class_of_last_element{
    position:relative!important;
    margin-bottom: 40px;
  }
  .body-container-wrapper .top-section-listing{
    margin-top:40px;
  }
  .tandem-phases-tab-sec .left-col .get-in-touch-cta a.cta_button{
        margin-top: 23px;
  }
  .phase-synch-slider{
    padding-top: 34px;
    padding-bottom: 41px;
  }
  .daily-routine-sec {
    padding-top: 50px;
    padding-bottom: 30px;
}
  .phase-faq-sec{
    padding-top:50px;
    padding-bottom:40px; 
  }
  .phase-faq-sec .header-text{
    text-align:center;
    margin-bottom:30px;
  }
  .phase-faq-sec .header-text h2{
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 25px;
  }
  .phase-faq-sec .header-text h3{
    font-size:20px;
    line-height:20px;
  }
  .phase-why-tandem-sec .why-tandem-sec{
    padding-bottom:30px;
  }
  .phase-teacher-sec{
    padding-top:50px;
    padding-bottom:80px;
  }
  .phase-teacher-sec .header-text{
    margin-bottom:45px;
  }
  .phase-testimonial-sec{
    padding-top:50px;
  }
  .phase-testimonial-sec .slider-header-text{
    font-size: 28px;
    line-height: 30px;
    margin-bottom:25px;
  }
  body .phase-calendar-sec{
    padding-bottom:30px;
  }
  .phase-thank-you-sec .phase-thank-sec {
    padding: 40px 31px;
  }
  .phase-thank-you-sec{
    padding-bottom:50px;
  }
}

/*=============================================*
 * Mission Page
 * ==========================================*/

.mission-hero-sec{
  padding-top:0px;
  padding-bottom:80px;
}
.mission-hero-sec h1{
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 53px;
    text-transform: uppercase;
    color: #818386;
}
.mission-hero-sec p{
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height:45px;
  color: #818386; 
}

/*===============Mission Section one =========*/
.mission-sec-one{
  padding-top:80px;
  padding-bottom:80px;
}
.mission-sec-one p {
    margin-bottom: 20px;
}
.mission-sec-one p,
.mission-sec-one strong{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.005em;
    color: #333333;
}
.mission-sec-one strong{
font-weight: bold;
}

/*==============Mission Section Three ===========*/

.mission-sec-three{
  padding-top:80px;
  padding-bottom:80px;
}
.mission-sec-three .header-text p{ 
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
  color: #333333;
}
.mission-sec-three .header-text h2{
  font-weight: bold;
  font-size: 36px;
  line-height: 45px;
  text-align: center;
  color: #656565;
  margin-bottom:21px;
}
.mission-sec-three p{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height:29px;
    letter-spacing: 0.005em;
    color: #333333;
      margin-bottom: 20px;
}
.mission-sec-three .profile-wrap{
  max-width:943px;
}
.mission-sec-three .mission-profile-cm{
  margin-top:40px;
}

/*==========Mission Section Four ==========*/
.mission-sec-four{
  padding-top:80px;
  padding-bottom:80px;
}
.mission-sec-four .header-text{
  margin-bottom:20px;
}
.mission-sec-four .header-text h2{ 
  font-size: 42px;
  line-height: 53px;
  margin-bottom:15px;
}
.mission-sec-four .header-text h4{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height:38px;
    text-align: center;
    letter-spacing: 0.005em;
    color: #333333;
    margin-bottom:22px;
}
.mission-sec-four .header-text p{
  font-family: 'Source Sans Pro', sans-serif;
  margin:0 auto;
  max-width:857px;
}
body .row-fluid-wrapper .row-fluid .teacher-group-wrap{
    max-width: 857px;
    margin: 0 auto;
    float: none;
}

@media(min-width:768px) and (max-width:1024px){
  .mission-hero-sec{
    padding-bottom:60px;
  }
  .mission-hero-sec p{
    font-size: 24px;
    line-height: 34px;
  }
  .mission-hero-sec h1{
    font-size: 36px;
    line-height: 35px;
  }
  .mission-sec-one{
    padding-top:60px;
    padding-bottom:60px;
  }
  .mission-sec-one p, .mission-sec-one strong{
    font-size: 16px;
    line-height: 25px;
  }
  .mission-sec-one p {
    margin-bottom: 10px;
  }
  .mission-sec-three{
    padding-top:60px;
    padding-bottom:60px;
  }
  .mission-sec-three .header-text h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .mission-sec-three .header-text p {
    font-size: 20px;
    line-height: 26px;
  }
  .mission-sec-three p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom:15px;
  }
  .mission-sec-four{
    padding-top:60px;
    padding-bottom:60px;
  }
  .mission-sec-four .header-text h2 {
    font-size: 36px;
    line-height: 35px;
  }
  .mission-sec-four .header-text h4 {
    font-size: 20px;
    line-height: 28px;
  }
  body .header-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media(max-width:767px){
  .mission-hero-sec{
    padding-bottom:50px;
    text-align:center;
  }
  .mission-hero-sec .tandem-breadcrumb-cm_vtwo{
    text-align:left;
  }
  .mission-hero-sec .hero-text{
    padding-top:30px;
    padding-bottom:20px;
  }
  .mission-hero-sec h1 {
    font-size: 28px;
    line-height: 30px;
  }
  .mission-hero-sec p {
    font-size: 22px;
    line-height: 34px;
  }
  .mission-sec-one {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align:center;
  }
  .mission-sec-one p, .mission-sec-one strong {
    font-size: 16px;
    line-height: 25px;
  }
  .mission-sec-one img {
    margin-bottom: 30px;
  }
  .mission-sec-one p {
    margin-bottom: 15px;
  }
  .mission-sec-three{
    padding-top:50px;
    padding-bottom:50px;
  }
  .mission-sec-three .header-text h2 {
    font-size: 30px;
    line-height: 35px;
  }
  
.mission-sec-three .header-text p {
    font-size: 18px;
    line-height: 25px;
  }
  .mission-sec-three p{
    line-height:25px;
    font-size:16px;
    text-align:center;
    margin-bottom:15px;
  }
}
@media(max-width:767px){
  .mission-sec-four{
    padding-top:50px;
    padding-bottom:10px;
    text-align:center;
  }
  .mission-sec-four .header-text h2 {
    font-size: 28px;
    line-height: 30px;
  }
  .mission-sec-four .header-text h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .mission-sec-four .header-text {
    margin-bottom: 48px;
  }
}

/*==================================
 * Team Section 
 * ===============================*/
body .team-header-text h2{
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 53px;
    text-align: center;
    text-transform: uppercase;
    color: #818386;
}
body .team-header-text p{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height:29px;
    text-align: center;
    letter-spacing: 0.005em;
    color: #333333;
}

/*=================Team Section One =============*/
.team-sec-one{
  padding-top:72px;
  padding-bottom:35px;
}
.team-sec-one .team-header-text{
  margin-bottom:20px;
}
.team-sec-one .team-header-text p{
  max-width:857px;
  margin:0 auto;
}
.team-sec-one .short-wrap{
  max-width:550px;
  margin:0 auto;
}
body .row-fluid-wrapper .row-fluid .team-sec-one .short-wrap {
    max-width: 610px;
    margin: 0 auto;
    text-align: center;
    float: none;
    display: block;
}
body .row-fluid-wrapper .row-fluid .team-sec-one .teacher-group-cm .wrapper{
  padding-left:0px;
  padding-right:0px;
}
@media(min-width:768px){
  body .row-fluid .team-sec-one .three-col-adjust>.row-fluid-wrapper>.row-fluid>.teacher-column{
      display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis: 46.6%;
    -webkit-flex-basis: 46.6%;
    float: left;
    margin-right: 2.43%;
    margin-top: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  body .row-fluid .team-sec-one .three-col-adjust>.row-fluid-wrapper>.row-fluid>.teacher-column:nth-child(2n){
    margin-right:0px;
  }
}
/*================End Team Section One ===========*/

/*================Team Section Two =============*/

.team-sec-two{
  padding-top:72px;
  padding-bottom:35px;
}
.team-sec-two .team-header-text{
  margin-bottom:41px;
}

/*============Team Section Three =============*/

.team-sec-three{
  padding-top:72px;
  padding-bottom:35px;
}
.team-sec-three .team-header-text{
  margin-bottom:40px;
}


/*==========Team Section Four ==============*/
.team-sec-four{
  padding-top:80px;
  padding-bottom:80px;
}
.team-sec-four .team-header-text{
  margin-bottom:35px;
}
.team-sec-four ul{
  list-style:none;
  margin:0px;
}
.team-sec-four ul li{
  margin:0px;
  float:left;
     width: 18.561%;
    border-right: 21px solid #efefef;
}
.team-sec-four ul li:last-child{
  border-right:0px;
}

.team-sec-four ul li a {
    background: #b3cb31;
    border: 1px solid #b3cb31;
    padding: 17px 7px;
    display: block;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height:29px;
    text-align: center;
    letter-spacing: 0.005em;
    color: #FFFFFF;
}

.team-sec-four ul li a:hover {
    background: transparent;
    color: #b3cb31;
} 

@media(min-width:1025px) and (max-width:1170px){
  .team-sec-four ul li {
    margin: 0px;
    float: left;
    width: 18.261%;
    border-right: 21px solid #efefef;
 }
  .team-sec-four ul li a{
    font-size:15px;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .team-sec-four ul li a{
    font-size: 16px;
    line-height:25px;
  }
  .team-sec-four ul li {
    width: 30%;
    border-right: 21px solid #efefef;
    margin-bottom: 20px;
  }
  body .team-header-text h2 {
    font-size: 36px;
    line-height: 35px;
  }
  body .team-header-text p {
    font-size: 16px;
    line-height: 25px;
  }
  .team-sec-one,
  .team-sec-two,
  .team-sec-three,
  .team-sec-four{
    padding-top:60px;
    padding-bottom:60px;
  }
}

@media(max-width:767px){
  .team-sec-four ul li{
  width:100%;
    margin-bottom:5px;
  }
  .team-sec-four ul li a {
    padding: 10px 7px;
  }
    .team-sec-one,
  .team-sec-two,
  .team-sec-three,
  .team-sec-four{
    padding-top:50px;
    padding-bottom:50px;
  }
  body .team-header-text h2 {
    font-size: 30px;
    line-height: 35px;
  }
  body .team-header-text p {
    font-size: 16px;
    line-height: 25px;
  }
  .team-sec-one .team-header-text {
    margin-bottom: 40px;
 }
}

/*===============ECA school ============*/
.eca-school-club .about-two-col-cm .description-text p{
  font-family: 'Source Sans Pro', sans-serif;
}
.eca-school-club .about-two-col-cm .cta-sec.add-cta a.cta_button{
      width: 200px;
}
@media(min-width:768px) and (max-width:1024px){
  .eca-school-club .about-two-col-cm .cta-sec.add-cta a.cta_button{
      width: 150px;
  }
}
@media(max-width:767px){
  .eca-school-club .about-two-col-cm .cta-sec.add-cta a.cta_button{
    width:auto;
  }
  .eca-school-club .about-two-col-cm:last-child{
    padding-bottom:50px;
  }
}


/*===================================================
 * Pillar Page 
 * ===============================================*/

/*=====Secone====*/

 .table-content-cta p{
 font-weight: 500;
   font-family: 'Source Sans Pro', sans-serif;
 font-size: 18px;
 line-height: 34px;
 letter-spacing: 0.005em;
 color: #000000;
 position:relative;
 max-width: 170px;  
 cursor: pointer; 
}

.table-content-cta p:after{
    content: '';
    position: absolute;
    background-image: url(https://4951858.fs1.hubspotusercontent-na1.net/hubfs/4951858/Tandem%20Assets%202019/Tandem%20Assets/right-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 11px;
    bottom: 10px;
    right: 8px;
    cursor: pointer;
}

body .table-content-cta {
    margin-top: 35px;
}


@media (max-width:767px){ 
  .table-content-cta p{  
   padding-top: 25px;  
  }
  .pillar-landing-sidebar{
    margin-bottom:0px;
  }
}

body.pop-up .sidebar-menu-cm{
 display:block; 
 padding: 10px; 
 position:absolute;
 left:0px; 
 z-index:9; 
  right:0px;
}  

body.pop-up .addthis-sticky{
 z-index:1000; 
}

.pop-up .section-transform{
// transform: translateX(400px);
 //-ms-transform: translateX(400px); 
 //-webkit-transform: translateX(400px);
 //-moz-transform: translateX(400px);
 //-o-transform: translateX(400px); 
 //-ms-overflow-style: none;
 //overflow: auto; 
} 


.pop-up .theorem-pillar-sec-one{
 //transform: translateX(400px); 
 //-ms-transform: translateX(400px); 
 //-webkit-transform: translateX(400px); 
 //-moz-transform: translateX(400px);
// -o-transform: translateX(400px);  
}  
 


@media (max-width:767px){

body.pop-up .sidebar-menu-cm {
 display: block;
 width: 100%;
 padding: 10px;
 position: absolute;
 left: 0px;
 max-width:100%;
}

.pop-up .section-transform {
 //transform: translateX(250px); 
}  
  
.inner-sec:after {
  width: 112.4%;  
}  
}  




/************************Sidebar Form*****************************/

.popup{
 cursor:pointer;
}

.close-button{
 max-width: 40px;
 position: absolute;
 top: 15px;
 right: 15px;
 cursor:pointer;
}

.landing-sidebar{
 color: #fff;
 max-width: 370px;
 left: 0px;
 position: fixed;
 top: 0px;
 bottom: 0px;
 height: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 transition: all .5s ease-in-out;
 transform: translateX(-100%);
 -webkit-transform:translateX(-100%);
 -moz-transform: translateX(-100%);
 opacity: 0;
 visibility: hidden;
 z-index: 1000;
 background-color:#4A2862;
}


.landing-sidebar::-webkit-scrollbar { 
  display: none; 
}


.landing-sidebar.fly-out{
 transform: translateX(0);
 -webkit-transform:translateX(0);
 -moz-transform: translateX(0);
 opacity:1;
 visibility:visible;
 //box-shadow: -6px 2px 12px 0 rgba(0, 0, 0, 0.24);
 width:100%;
  z-index: 1000;
}



@media(max-width:767px){
.landing-sidebar{
/*  padding: 85px 20px; */
}
  .row-fluid .table-content-cta{
    display:none;
  }
  
.landing-sidebar.fly-out{
 width:100%;
 max-width:100%;
}
  
body.pop-up .sidebar-menu-cm{
 padding:0px;
 left:0;
 right:0;
 width:90%;
 margin:0 auto;
}
}


/*=======End Floating=========*/

/*===========Pillar Form Section =============*/
.pillar-form-sec{
  padding-top:130px;
  padding-bottom:130px;
}
.pillar-form-sec .header-text{
  margin-bottom:15px;
}
.pillar-form-sec .header-text h2{
  margin-bottom:15px;
}
.pillar-form-sec .header-text p{
    max-width: 845px;
    margin: 0 auto;
}
body .row-fluid-wrapper .row-fluid .tandem-pillar-form{
  max-width:635px;
  margin:0 auto;
  float:none;
  display:block;
}
.row-fluid .tandem-pillar-form form input, 
.row-fluid .tandem-pillar-form form select,
.row-fluid .tandem-pillar-form form textarea{
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
   color: rgba(0, 0, 0, 0.38);
  height:48px;
  margin-top:6px;
}
.row-fluid .tandem-pillar-form form textarea{
  resize:none;
  height:130px;
}
.row-fluid .tandem-pillar-form .hs-form .field .input input[type="checkbox"],
.row-fluid .tandem-pillar-form .hs-form .field .input input[type="radio"]{
 margin-top:0px; 
}
.row-fluid .tandem-pillar-form .legal-consent-container .hs-form-booleancheckbox-display>span{
  position:relative;
  top:6px;
}
body .container-fluid .row-fluid .tandem-pillar-form .hs-button{
    border: 1px solid #4A2862;
    border-radius: 3px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #4A2862;
    background:#ffffff;
  padding:13px 40px;
  text-transform:uppercase;
  width:297px;
}
@media(min-width:768px){
  body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field:first-child{
    width: 46%;
    margin-right: 4.9%;
  }
  body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field:last-child{
    margin-right:0px;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .pillar-form-sec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media(max-width:767px){
    .pillar-form-sec {
    padding-top: 50px;
    padding-bottom: 50px;
  } 
  body .container-fluid .row-fluid .tandem-pillar-form .hs-button{
    width:auto;
  }
}
/*===========End Pillar Form Section =========*/


.green-bg{
  background-color:#B3CB31
}
.orange-bg{
 background-color: #D8773B;
}
.dark-red-bg{
  background-color: #A34647
}
.sky-blue-bg{
background-color: #4698C6;
}
.light-dark-bg{
background: #39364B;
}
.light-grey-bg{
  background-color: #838383;
}

@media(min-width:1301px){
  .tandem-pillar-section .span3.left-col{
        width: 19.8%;
  }
  .tandem-pillar-section .span9.right-col{
        width: 91.2%;
       margin-left:0px;
  }
}

@media(min-width:1025px) and (max-width:1300px){
  .tandem-pillar-section .span3.left-col{
        width: 25%;
  }
  .tandem-pillar-section .span9.right-col{
        width: 75%;
       margin-left:0px;
  }
}

@media(min-width:768px) and (max-width:1024px){
  .tandem-pillar-section .span3.left-col{
        width: 30%;
  }
  .tandem-pillar-section .span9.right-col{
        width: 70%;
       margin-left:0px;
  }
}





body .row-fluid .custom_error_message form input,
body .row-fluid .custom_error_message form select,
body .row-fluid .custom_error_message form textarea{
 height:34px!important;  
}

body .row-fluid form .hs-button.primary{
 height:auto!important;   
}

.main-content{
 padding-bottom:105px; 
 min-height: auto!important; 
}

@media(max-width:767px){
.main-content {
    padding-bottom: 50px;
    padding-top: 50px;
    
}
}


.alternative-sec-two {
    padding-top: 55px;
}

.faq-section-cm .accordion_content p {
 display: block!important;
}


.contact-hero-section .map-mobile{
  display:none;
}

@media(max-width:1024px){

.row-fluid .map-desktop{
  display:none;
}
  
.contact-hero-section .map-mobile{
  display:block;
}


}


@media(max-width:767px){

  .contact-cm{
    margin-top:0px;
  }

}



.flexible-page-container ul{
  list-style:none;
}

.flexible-page-container ul li{
  position:relative;
}

.flexible-page-container ul li:before{
  content:'';
  position:absolute;
  left: -26px;
    top: 7px;
  background-color:#b3cb31;
  width:10px;
  height:10px;
  border-radius:100%;
}




/*===============Tandem ECA Hero===============*/


.eca-school-club-hero{
  background-color:#EFEFEF;
  padding:40px 0px;
}

.eca-school-club-hero h2{
  color:#818386;
}
.mission-sec-three ul li {
    list-style: none;
    position: relative;
    font-size:18px;
}
.mission-sec-three ul li:before {
    content: '';
    position: absolute;
    background: #b3cb31;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    left: -21px;
    top: 9px;
}

.tandem-phases-tab-sec .addthis-sticky{
 max-width: 270px;
}

@media(max-width:767px){
.tandem-phases-tab-sec .addthis-sticky {
  display: none;
} 
}

@media(min-width:768px){
.lp-testimonial .lp-slider-sec .small-wrap {
    max-width: 800px;
    float: right;
    margin: 0 auto;
}
  
.lp-testimonial .lp-slider {
 max-width: 600px;
  
}
}
@media(max-width:1200px) and (min-width:1024px){
 .lp-testimonial .lp-slider{
  max-width: 400px; 
} 
  
}

@media(min-width:1200px) and (max-width:1300px){
 .lp-testimonial .lp-slider {
    max-width: 500px;
} 
}
@media(max-width:1200px) and (min-width:768px){
.lp-testimonial .lp-slider-sec .small-wrap {
    max-width: 800px;
}
}



@media(max-width:900px) and (min-width:768px){
body .row-fluid .lp-testimonial .lp-slider{
  max-width: 400px; 
}
  
.lp-testimonial .lp-slider-module-cm .lp-slider .prev-arrow img,
.lp-testimonial .lp-slider-module-cm .lp-slider .next-arrow img{
 width: 20px;
} 
  
.lp-testimonial .lp-slider .slide-arrow {
 width: 33px;
 height: 33px; 
}
.lp-testimonial .lp-slider-sec .small-wrap {
    max-width: 600px;
}  

}

/* camps headings */

.camps h1,.camps h2,.camps h3, .camps h4 {
  font-weight: bold;
  text-transform: uppercase;
  color: #818386;

}