/********************   Home Page ********************/

/*Modal*/
.modal-open .modal.fade.in{display: flex !important; align-items: center;}
#videoBox .modal-dialog{width: 94%; max-width: 900px;}
#lightBox .modal-dialog{width: 94%; max-width: 400px;}
#lightBoxFrom .formRow{margin: 0;}
#lightBoxFrom .formRow .formCol.col2{flex: 0 0 100%;}
#lightBoxFrom #formSubmitBtn{display: block; width: 100%;}



/*Form*/
.formRow{margin: 0 -10px; display: flex; flex-flow: wrap;}
.formCol{box-sizing: border-box; padding: 10px; flex: 0 0 100%;}
.formCol.col2{flex: 0 0 50%;}
#formSubmitBtn{padding: 24px 65px;}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{box-shadow: 2px 2px 4px 0.5px rgba(0,0,0,0.1); }
.phoneCol{display: flex; flex-flow: wrap; position: relative;}
.phoneCol > span.phonext{ width: 110px; position: absolute; left:15px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; z-index: 2; }
.phoneCol > span.fci_phone{flex: 0 0 100%;}
.phoneCol > span.fci_phone input{padding-left: 130px;}
.phoneCol > span.phonext input{border-top-right-radius:0 ; border-bottom-right-radius: 0; box-shadow: none; }
.messageCol textarea{max-height: 67px;}
#lightBoxFrom .messageCol textarea{max-height: none; height: 120px;}


/*Slick arrow*/
.slick-arrow{ border: solid 1px #8dc63f; text-align: center; display: block; width: 50px; height: 50px; background-repeat: no-repeat !important; background-size: auto; background-position: center !important; border-radius: 50% ; -webkit-border-radius: 50% ; -moz-border-radius: 50% ; -ms-border-radius: 50% ; -o-border-radius: 50% ; overflow: hidden; font-size: 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; position: absolute; top: 50%; transform: translateY(-50%) ; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; z-index: 3; }
.slick-arrow.slick-prev{background: url('../images/l_arr.png'); left: 29%; }
.slick-arrow.slick-next{background: url('../images/r_arr.png'); right: 29%; }
.slick-arrow:hover{background-color: #8dc63f; cursor: pointer;}


/*Slider*/
.sliderBlock{padding-top: 80px; padding-bottom: 220px; background-size: cover !important; background-position: right center; background-repeat: no-repeat !important; }
#mainSliderText h5{font-weight: 400; color: #8dc63f; font-size: 20px; }
#mainSliderText h2{color: #061f35; font-size: 58px; margin-top: 35px; margin-bottom: 45px; font-weight: 700;}
#mainSliderText h2 span{font-weight: 400;}
#formWrapper{max-width: 815px; display: none;}



/*Slider bottom*/
#mainbanner_bottom_section{margin-top: -75px; position: relative; z-index: 2;}
#sliderBottomList{margin: 0 -35px; display: flex; flex-flow: wrap;}
#sliderBottomList > li{box-sizing: border-box; padding: 0 35px; flex: 0 0 33.3%;}
.sliderBotBlock{ box-sizing: border-box; padding: 35px; background: #fff; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); text-align: center; width: 100%; }
.sliderBotBlock h4{font-size: 26px; font-weight: 700;}
.sliderBotBlock h4:before{content: ""; display: block; width: 80px; height: 1px; background: #8dc63f; margin: 20px auto;}


/*About Section*/
#aboutus{text-align: center;}
#about_wrapper{display: flex; flex-flow: wrap; align-items: center; margin: 0 -15px; text-align: left; padding-top: 20px;}
#about_wrapper > div{box-sizing: border-box; padding: 0 15px; flex: 0 0 50%;}
#about_wrapper_right img{display: block; width: 100%;}


/*Video Section*/
#video_section > .container{border-top: solid 1px #e7e7e7; }
#videoList{display: flex; align-items: center; flex-flow: wrap; justify-content: center; margin: 0 -30px;}
#videoList > li{box-sizing: border-box; padding: 0 30px; flex: 0 0 50%; max-width: 440px;}
.videoBlock a{ display: block; }
.videoBlock img{display: block; width: 100%; }
.videoBlock a:hover{opacity: 0.65;}


/*Benifits*/
#benefits{background: #f8f8f8;}
#benefitsUpper{display: flex; flex-flow: wrap; align-items: center; margin: 0 -15px;}
#benefitsUpper > div{flex: 0 0 50%; box-sizing: border-box; padding: 0 15px;}
#benefitList{display: flex; flex-flow: wrap; margin: 65px -20px; }
#benefitList > li{flex: 0 0 20%; box-sizing: border-box; padding: 0 20px; text-align: center;}
.beniBlock h3{font-size: 18px; font-weight: 400; margin-top: 15px; line-height: 1.3;}
.beni_btnHolder{text-align: center;}



/*IVF Journey*/
#ivf_section{background-repeat: no-repeat !important; background-size: cover !important; }
#ivf_section .sectionHeading{color: #fff; text-align: center; box-sizing: border-box; padding:0 15px;}
#ivfSlider > .slick-list{padding: 0 30% !important; }
.infSlide{box-sizing: border-box; padding: 0 65px; opacity: 0.4;}
.infSlide.slick-current.slick-active.slick-center{opacity: 1;}
.infSlideIn img{display: block; width: 100%;}
.infSlideIn h4{margin: 25px 0; color: #fff; font-weight: 600; font-size: 24px;}
.infSlideIn p{color: #fff; font-size: 16px;}


/*Packages*/
#ourpackage{background:#fafafa; text-align: center;}
#packageTxt{display: flex; flex-flow: wrap; margin: 30px -15px;  }
#packageTxt > div{flex: 0 0 50%; box-sizing: border-box; padding: 0 15px; text-align: left;}
.packBox{box-sizing: border-box; padding: 40px; border: solid 1px #d7d7d7;}
#packageLeft .sectionHeading, #packageRight .sectionHeading{margin-bottom: 0;}
#packageLeft p, #packageRight p{margin-top: 10px; margin-bottom: 25px; font-size: 22px;}
#packageList > li{margin-bottom: 15px; position: relative; box-sizing: border-box; padding-left: 50px;}
#packageList > li:before{ content: ""; display: block; width: 18px; height: 18px; background: url('../images/chk.png'); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
#packageList > li:last-child{margin-bottom: 0;}



/*Team*/
#team_section{text-align: center; }
#team_section > .container > p{max-width: 780px; margin: 0 auto; }
#teamList{margin: 0 -15px; padding-top: 40px; display: flex; justify-content: center; flex-flow: wrap;}
#teamList > li{box-sizing: border-box; padding:0 15px; flex: 0 0 33.3%;  display: flex; flex-flow: wrap; }
.teamBlock img{display: block; width: 100%;}
.teamBlock{ border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; overflow: hidden; box-shadow: 0 0 6px 0.1px rgba(0,0,0,0.1); background: #061f35; }
.teamBio{box-sizing: border-box; padding: 35px; background: #061f35; }
.teamBio h5{font-weight: 600; color: #fff; font-size: 24px;}
.teamBio h6{font-weight: 400; color: #8dc63f; font-size: 17px; margin-top: 5px; margin-bottom: 15px;}
.teamBio p{color: #fff; font-size: 16px;}
.team_btnHolder{margin-top: 45px;}


/*Testimonials*/
#testimonial{background-repeat: no-repeat !important; background-size: cover !important; }
#testiTop{display: flex; flex-flow: wrap; }
#testiTop_left .sectionHeading{color: #fff;}
#testiTop_right{margin-left: auto;}
.testiNav{ position: relative; transform:none ; -webkit-transform:none ; -moz-transform:none ; -ms-transform:none ; -o-transform:none ; left: auto !important; top: auto !important; right: auto !important; display: inline-block; line-height: 1; vertical-align: middle; margin-left: 15px; }
#testiSliderWrapper{display: flex; flex-flow: wrap; background: #fff; box-shadow: -3px 4px 5px 1px rgba(0,0,0,0.1);}
#testiSlider{flex: 0 0 100%; max-width: 60%;}
#testiImage{flex: 0 0 100%; max-width: 40%; display: flex; flex-flow: wrap;}
#testiImage img{display: block; width: 100%; height: 100%; object-fit: cover; }
.testiBlockInner{box-sizing: border-box; padding: 55px; }
.testiBlockInner h6{margin-top: 25px; font-weight: 700; color: #061f35; font-size: 20px;}
#testiDots{margin-top: 45px;}
#testiDots .slick-dots{text-align: center;}
#testiDots .slick-dots li{ display: inline-block; line-height: 1; vertical-align: middle; margin: 5px 10px; width: 30px; height: 9px; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; background: #fff; cursor: pointer; }
#testiDots .slick-dots li button{display: none;}
#testiDots .slick-dots li.slick-active{background: #8dc63f;}



/*CTA section*/
#cta_section{background-repeat: no-repeat !important; background-size: cover !important; background-position: left center !important;} 
#ctaTxtWrapper{max-width: 540px;}
#ctaTxtWrapper p{margin-bottom: 35px;}


/*Contact Section*/
#contactus iframe{width: 100% !important; height: 400px !important;}



/*Popup*/
.modal-header{border: 0; text-align: right;}
.modal-header .close{background: none; color: #000; border: 0; font-size: 20px; cursor: pointer;}
#lightBoxFrom{text-align: center; padding-bottom: 30px;}
#lightBoxFrom .sectionHeading{font-size: 28px;}
#lightBoxFrom .detailForm{text-align: left;}

#videoWrapper{height: 0; padding-top: 55%; position: relative; margin-bottom: 30px;}
#videoWrapper iframe{display: block; width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0;}



/*For Mobile*/
#mainSliderSection.in_mob_dev{border-top: solid 1px #e9e9e9;}
.in_mob_dev .sliderBlock{padding: 0;}
.sliderMobImg img{display: block; width: 100%;}
.in_mob_dev #mainSliderText{padding-top: 45px; text-align: left;}
.sliderMobImg{margin-top: 45px;}


/***************************
RESPONSIVE
***************************/


@media only screen and (max-width:1239px){
    .sliderBlock{background-position: center !important; padding-bottom: 120px;}
    #sliderBottomList{margin: 0 -15px;}
    #sliderBottomList > li{padding: 0 15px;}
    .sliderBotBlock{padding:25px 15px;}
    .sliderBotBlock h4{font-size: 22px;}
    #benefitList{justify-content: center; margin: 30px -15px;}
    #benefitList > li{flex: 0 0 33.3%; padding: 15px; }
    #ourpackage{background-position: center !important;}
  
}




@media only screen and (max-width:979px){
    .sliderBlock{padding: 65px 0; background: #fff !important;}
    #mainSliderSection{border-top: solid 1px #e9e9e9;}
    #mainbanner_bottom_section{margin-top: 0; padding: 65px 0; background: #fafafa;}
    #mainSliderText{text-align: center;}
    #mainSliderText h2{font-size: 50px;}
    #formSubmitBtn{display: block; width: 100%;}
    .sliderBotBlock h4{font-size: 18px;}
    #about_wrapper{padding-top: 5px; margin: 0;}
    #about_wrapper > div{flex: 0 0 100%; padding: 0; text-align: center;}
    #about_wrapper_right{order: 1; margin-bottom: 20px;}
    #about_wrapper_left{order: 2;}
    #benefitsUpper{margin: 0;}
    #benefitsUpper > div{flex: 0 0 100%; padding: 0; text-align: center;}
    .infSlide{padding: 0 50px;}
    #ivfSlider > .slick-list{padding: 0 15% !important;}
    #ivfSlider .slick-arrow.slick-next{right: 12%;}
    #ivfSlider .slick-arrow.slick-prev{left: 12%;}
    .infSlideIn h4{font-size: 18px; margin: 20px 0;}
    #testiImage{display: none;}
    .testiBlockInner{padding: 30px 15px;}
    #testiSlider{max-width: 100%;}
    #ctaTxtWrapper p{max-width: 500px;}
    #contactus iframe{height: 280px !important;}
    #teamList{justify-content: center;}
    #teamList > li{flex: 0 0 50%; padding: 15px;}
    .teamBio h5{font-size: 18px;}

    #ourpackage{background-position: left !important;}
    #cta_section{background-position: center !important;}
    #packageTxt{margin: 0;}
    #packageTxt > div{flex: 0 0 100%; padding: 15px 0;}
    #packageLeft p, #packageRight p{font-size: 18px;}



}



@media only screen and (max-width:767px){

    .formCol.col2{flex: 0 0 100%;}
    .formRow{margin: 0;}

    .sliderBlock{padding: 50px 0;}
    #mainSliderText h5{font-size: 17px;}
    #mainSliderText h2 br{display: none;}
    #mainSliderText h2{font-size: 38px;}
    #mainbanner_bottom_section{padding: 45px 0; }
    #sliderBottomList{justify-content: center;}
    #sliderBottomList > li{flex: 0 0 100%; padding: 15px; max-width: 50%; display: flex;}
    #videoList{margin: 0 -10px;}
    #videoList > li{padding: 0 10px;}
    #benefitList > li{flex: 0 0 50%;}
    .beniBlock h3{font-size: 16px;}
    .beniBlock h3 br{display: none;}
    #ivf_section{background:#1d3245 !important;}
    #ourpackage{background: #fafafa !important;}
    #packageTxt{margin:30px 0;}
    .packBox{padding: 25px;}
    #packageTxt > div{flex: 0 0 100%; padding: 0; text-align: center;}
    #packageRight{margin-top: 35px;}
    #packageList > li{padding-left: 0; }
    #packageList > li:before{ position: relative; left: auto; top: auto; transform:none ; -webkit-transform:none ; -moz-transform:none ; -ms-transform:none ; -o-transform:none ; display: inline-block; line-height: 1; vertical-align: middle; margin-right: 10px; }
    #teamList{margin: 0; flex-flow: wrap; padding-top: 10px;}
    #teamList > li{max-width: 100%; padding: 15px 0; flex: 0 0 100%;}
    #testimonial{background:#435563 !important;}
    #testiTop{display: block; text-align: center; margin-bottom: 25px;}
    .testiNav{margin: 5px 10px;}
    .testiBlockInner{padding: 20px; text-align: center;}
    #testiDots{margin-top: 20px;}
    #cta_section{background: #fafafa !important;}
    #ctaTxtWrapper{text-align: center;}
    .team_btnHolder{margin-top: 15px;}
    #lightBoxFrom .sectionHeading{font-size: 22px;}
    #packageRight p{margin-bottom: 0;}
    
  
}




@media only screen and (max-width:420px){
    #mainSliderText h2{font-size: 32px; margin: 15px 0;}
    #sliderBottomList{margin: 0;}
    #sliderBottomList > li{max-width: 100%; padding: 10px 0;}
    #videoList{margin: 0;}
    #videoList > li{padding: 10px 0; flex:  0 0 100%;}
    #benefitList{margin: 15px 5px;}
    #benefitList > li{padding: 5px;}
    .beniBlock h3{font-size: 14px;}
    #ivfSlider > .slick-list{padding: 0 !important;}
    .slick-arrow{width: 35px; height: 35px;}
    .infSlide{padding: 0 40px;}
    #ivfSlider .slick-arrow.slick-next{right: 4px;}
    #ivfSlider .slick-arrow.slick-prev{left: 4px;}
    .infSlideIn{text-align: center;}
    .teamBio{padding: 30px 10px;}
    
   
}


@media only screen and (max-width:320px){
  

}