/** start layout  **/
   
.font-size-76{font-size:4.75rem;}
.font-size-50{font-size:3.125rem;}
.font-size-40{font-size:2.5rem;}
.font-size-36{font-size:2.25rem;}
.font-size-32{font-size:2rem;}
.font-size-28{font-size:1.75rem;}
.font-size-24{font-size:1.5rem;}
.font-size-22{font-size:1.375rem;}
.font-size-20{font-size:1.25rem;}
.font-size-18{font-size:1.125rem;}
.font-size-16{font-size:1rem;}
.font-size-15{font-size:0.9375rem;}
.font-size-14{font-size:0.875rem;}
.font-size-12{font-size:0.75rem;}
.font-size-10{font-size:0.625rem;}
/* material fonts */
.font-size-96{font-size: 6rem;}
.font-size-60{font-size: 3.75rem;}
.font-size-48{font-size: 3rem;}
.font-size-34{font-size: 2.125rem;}
.font-size-30{font-size:1.875rem;}
.font-size-24{font-size: 1.5rem;}
.font-size-20{font-size: 1.25rem;}
.font-size-16{font-size: 1rem;}
.font-size-14{font-size: 0.875rem;}
.font-size-12{font-size: 0.75rem;}

.popover.clockpicker-popover{
    z-index: 1070 !important;
}
.gj-picker {
    z-index: 1069 !important;
}
/** start header section  **/
.header{
    position: fixed;
    height: 100px;
    z-index: 1040;
    width: 100%;
    padding-top:0px;
    background: #fff;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;    
}
.default_header_white{
    background: #fff;
}
.header_top{    
    padding-top:0px;
    height:100px;
    background:transparent;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s; 
}
.header_logo{
    width:193px;
    height:84px;
}   
.nav-item.align-self-center{
    transition: all 3s;
    position: relative;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right:13.50px;
    padding-left:13.50px;
}
.nav-item.align-self-center::after,
.nav-item.align-self-center::after{
    position: absolute;
    bottom:0px;
    left:auto;
    right: 5px;
    top:62px;
    content: '';   
    height:6px;
    width: 0;
    position: absolute;
    -webkit-transition: width .4s linear;
    -o-transition: width .4s linear;
    transition: width .4s linear;  
}
.nav-item.align-self-center:hover::after,
.nav-item.align-self-center:focus::after{
    width:100%;
    right: auto;
    left: 5px;
}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
    color: unset;
}
.nav-item.colorpurple2.align-self-center:hover::after,
.nav-item.colorpurple2.align-self-center:focus::after,
.nav-item.colorpurple2.align-self-center.active::after{
    background:url(../images/nav_hover_home.svg) no-repeat;
}
.nav-item.coloryellow1.align-self-center:hover::after,
.nav-item.coloryellow1.align-self-center:focus::after,
.nav-item.coloryellow1.align-self-center.active::after{
    background:url(../images/nav_hover_about.svg) no-repeat;
}
.nav-item.colorgreen1.align-self-center:hover::after,
.nav-item.colorgreen1.align-self-center:focus::after,
.nav-item.colorgreen1.align-self-center.active::after{
    background:url(../images/nav_hover_how_work.svg) no-repeat;
}
.nav-item.colorred2.align-self-center:hover::after,
.nav-item.colorred2.align-self-center:focus::after,
.nav-item.colorred2.align-self-center.active::after{
    background:url(../images/nav_hover_pricing.svg) no-repeat;
}
.nav-item.colorblue5.align-self-center:hover::after,
.nav-item.colorblue5.align-self-center:focus::after,
.nav-item.colorblue5.align-self-center.active::after{
    background:url(../images/nav_hover_blog.svg) no-repeat;
}
.navbar-nav.ml-40 .nav-item.align-self-center .nav-link{
    margin-left: ;
    color:#6B6D7E!important;
    font-size: 14px;
    font-family: 'OpenSans-SemiBold';
}
.navbar-nav.ml-40 .nav-item.align-self-center .nav-link.active{
    background: rgba(200,200,200,.18);
    display: block;
    border-radius: 15px;
    padding: 5px 15px;
}
/** start footer section  **/
.footer_section{
    padding-top:60px;
}
.footer_section .row3line{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.footer_round_link {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    transition: all .7s;
    cursor: pointer;
}
.footer_round_link:hover{
    transform: scale(1.1);
}
/** start mid-content section  **/
.home_section1{
    background:#86EEF0;
    height:710px;
    padding-top:150px;
}
.home_section1.australia{
    background:#86EEF0;
    height:700px;
    padding-top:170px;
}
@media (max-width: 767px) {
    .home_section1.australia{
        height:auto;
    }
}
.home_section_img1{
    width:497px;
    height:358px;   
}
.btn.btn-purple.ml-15{
    margin-left:15px !important;
}
.rotet-text::after{       
    font-size: 24px;
    font-family: 'Shartoll-Light';
    position: absolute;
    left:-100px;
    transform: rotate(-10deg);
    top: -20px;
}
.rotet-text.text1::after{
    content: "features u'll love!";
    color: #E14747;
}
.rotet-text.text2::after{
    content: "Real improvement";
    color: #92CD0A;
}
.rotet-text.text3::after{
    content: "More For You!";
    color: #17ABE2;
}
.rotet-text.text4::after{
    content: "Impressive";
    color: #B152B3;
    left:-80px;
    transform: rotate(-13deg);
}
.rotet-text.text5::after{
    content: "Service u'll love!";
    color: #FFE22F;
}
.rotet-text.text6::after{
    content: "Exciting";
    color: #E14747;
    left: -64px;
}
.rotet-text.text7::after{
    content: "Inspiration!";
    color: #B152B3;
}
.rotet-text.text8.simple-step::after{
    content: "Simple Steps!!";
    color: #E14747;
}
.rotet-text.text8.simple-step3::after{
    content: "3 Simple Steps!!";
    color: #E14747;
}

.rotet-text .arrow-round{
    position: absolute;
    top: 8px;
    left:-30px;
}
.home_section2 .relative p.font-size-15{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.bggreen-opacity{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(52,168,83,.90);
    top:0px;
    padding:57px 20px 0px;
}
.bgyallow-opacity{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(246,182,31,.90);
    top:0px;
    padding:57px 20px 0px;
}
.bgpurple-opacity{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(177,82,176,.90);
    top:0px;
    padding:57px 20px 0px;
}
.bgblue-opacity{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(66,133,244,.90);
    top:0px;
    padding:57px 20px 0px;
}
.listing-vectore .absolute.bgwhite{
    width:160px;
    height:200px;
    top:-20px;
    left:-20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.border-5blue{
    width:160px;
    height:200px;
    border:5px solid rgba(68,186,231,.30);
    transition: all 0.3s ease;
}
.border-5red{
    width:160px;
    height:200px;
    border:5px solid rgba(237,85,117,.30);
    transition: all 0.3s ease;
}
.border-5green{
    width:160px;
    height:200px;
    border:5px solid rgba(88,237,155,.30);
}
.listing-vectore .relative.text-left.width400 p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.clear.home_section4{
    height:400px;
    position: relative;
}
.clear.home_section4 .relative.height240{
    height:240px;
}
.white-box{
    background: #fff;
    padding:5px;
    position: relative;
    top:80px;
    z-index: 1;
    box-shadow: 0rem 0rem 20px rgba(0,0,0,.10);
}
.white-box1{
    background: #fff;
    padding:5px;
    position: relative;
    top:-60px;
    z-index: 1;
    box-shadow: 0rem 0rem 20px rgba(0,0,0,.10);
}
.home_section5 .ul_hover_slide {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hover_slide_effect::before{
    content: '';
    position: absolute;
    left: -80px;
    top:-30px;
    background: url(../images/double_cotetion_icon.svg);
    width: 54px;
    height: 55px;
}
.hover_slide_effect p.font-size-18{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom:20px;
}
.ul_hover_slide{
    height:65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.li_hover_slide1,
.li_hover_slide2,
.li_hover_slide3,
.li_hover_slide4,
.li_hover_slide5{
    width:24px;
    height:24px;
    border-radius: 50%;
    position: relative;
    margin: auto 10px;
    cursor: pointer;
    transition: all 150ms;
    border: 2.2px solid #fff;
}
.li_hover_slide1.active,
.li_hover_slide2.active,
.li_hover_slide3.active,
.li_hover_slide4.active,
.li_hover_slide5.active{
    width:34px;
    height:34px;
    margin: auto 5.5px;
}
.li_hover_slide1{    
    background:#ED1C2A;
    box-shadow: 0rem 0rem 0.625rem rgba(237,28,42,.50);
}
.li_hover_slide2{    
    background:#18ABE3;
    box-shadow: 0rem 0rem 0.625rem rgba(24,171,227,.50);      
}
.li_hover_slide3{    
    background:#B252B3;
    box-shadow: 0rem 0rem 0.625rem rgba(178,82,179,.50);      
}
.li_hover_slide4{    
    background:#ECD518;
    box-shadow: 0rem 0rem 0.625rem rgba(236,213,24,.50);     
}
.li_hover_slide5{   
    background:#93CD0B;
    box-shadow: 0rem 0rem 0.625rem rgba(147,205,11,.50);      
}

.clear.home_section6{
    background: url(../images/home_section6_bg_img.png);
    background-size:cover;
    background-position:center;
    height:360px;
    width:100%;
    background-attachment: scroll;
}
.inp_select {
 position: relative;
 margin: auto;
 width: 100%;
}
.inp_select .label {
 position: absolute;
 z-index: 99;
 top: 10px;
 left: 14px;
 font-size: 0.875rem;
 color: #999;
 transform-origin: 0 0;
 transition: all 0.2s ease;
 padding: 0 3px;
}

.inp_select.show button {
 -webkit-appearance: none;
 /*border-bottom: 2px solid #c8ccd4;*/
 transition: all 0.15s ease;
}
.inp_select.show button:not(:placeholder-shown) + .label {
 color: #0099FF;
    transform: translateY(-16px) translateX(-15px) scale(0.75);
    font-size: 16px;
    background: #fff;
    margin-left: 14px;
    padding: 0 3px;
}

.inp_select.show button:focus {
 /*background: red;
 outline: none;*/
}
.inp_select.show .label {
   color: #0099FF;
    transform: translateY(-16px) translateX(-15px) scale(0.75);
    font-size: 16px;
    background: #fff;
    margin-left: 14px;
    padding: 0 4px;
}
.inp_select .label.label_add_top {
   color: #82869D;
    transform: translateY(-16px) translateX(-15px) scale(0.75);
    font-size: 16px;
    background: #fff;
    margin-left: 16px;
    padding: 0 5px;
}
img.rchld-img {
    width: 40px;
    height: 40px;
}
img.rchld-img1 {
    height: 30px;
    width: 30px;
    margin-right: 15px;
}
.rprt-summry-lftcol {
    height: 265px;
}
.smr-box.align-center {
    margin-bottom: 30px;
    margin-top: 30px;
    
}
img.sm-bx-img {
    height: 60px;
    width: 60px;

}
.rprt-summry-rgtcol {
    /*min-height: 560px;*/
}
section.clear.privacy_policy_section1 .bgblue1 {
    height: 500px;
}
section.clear.privacy_policy_section2.pt-150 {
    padding-top: 315px;
}
.alert.mani_alert.alert-danger {
    text-align: center;
}
.membership_section1 .white-box
{
    top: 20px;
}
.membership-box1, .membership-box2, .membership-box3 {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    width: 100%;
}
.membership-box1 {
    background-image: url(../images/mp-bg111.png);
}
.membership-box2 {
    background-image: url(../images/mp-bg222.png);
}
.membership-box3 {
    background-image: url(../images/mp-bg333.png);
}
.relative.membership-box2:hover, .relative.membership-box1:hover, .relative.membership-box3:hover {
    box-shadow: 0rem 0rem 1.25rem 0rem rgba(231, 234, 246, 1);
    border:1px solid transparent;
}
img.best-offer-image {
    position: absolute;
    right: -6px;
    top: -6px;
}
.thnk-u-para
{
    padding: 0 180px;
}
.relative.thank-u-main {
    padding-top: 65px;
    padding-bottom: 66px;
}
.thank-u-box {
    background-image: url(../images/thanku-bg-img.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}
.about_section1_img {
    margin-top: 65px;
}
/* ************ ripple  css *********** */

.ripple {
  background-position: center !important;
  transition: background 0.8s !important;
}
.ripple:hover {
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.ripple:active {
  background-size: 100% !important;
  transition: background 0s !important;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.ripple-purple
{
    background: #B152B3 radial-gradient(circle, transparent 1%, #B152B3 1%) center/15000% !important;
}
.ripple-purple:active {
  background-color: rgba(134, 5, 136, 0.97) !important;
}

.ripple-blue
{
    background: #16AAE1 radial-gradient(circle, transparent 1%, #16AAE1 1%) center/15000% !important;
}
.ripple-blue:active {
  background-color: rgb(7, 113, 152) !important;
}


.ripple-blue1
{
    background: #0099FF radial-gradient(circle, transparent 1%, #0099FF 1%) center/15000% !important;
}
.ripple-blue1:active {
  background-color: #0b6daf  !important;
}

.ripple-red
{
    background: #EC1C2A radial-gradient(circle, transparent 1%, #EC1C2A 1%) center/15000% !important;
}
.ripple-red:active {
  background-color: #C20A16 !important;
}
.ripple-green
{
    background: inherit radial-gradient(circle, transparent 1%, inherit 1%) center/15000% !important;
}
.ripple-green:active {
  background-color: #C20A16 !important;
}

.ripple-white
{
    background: #fff radial-gradient(circle, transparent 1%, #fff 1%) center/15000% !important;
}

.ripple-white:active {
  background-color: rgba(33, 150, 243, 0.20) !important;
}



/* ************ ripple  css *********** */

.border-5blue .bgwhite:hover {
    border: 3px solid rgba(68,186,231,.30);
}
.border-5green .bgwhite:hover {
    border: 3px solid rgba(88,237,155,.30);
}
.border-5red .bgwhite:hover {
    border: 3px solid rgba(237,85,117,.30);
}
.mt-30.p-current-plan-block .relative.boxshadow-5.px-3.py-4{
 height:150px !important;
}
.relative.childrn-prof-body.pb-40.pl-30.pr-30{
    padding-top:10px;
}
/* css for internet explorer */
_:-ms-fullscreen, :root .timepicker1  {
 font-size: 14px !important;
}
_:-ms-fullscreen, :root .timepicker2  {
 font-size: 14px !important;
}
input::-ms-clear {
    display: none;
}
_:-ms-fullscreen, :root .label
{
 color: #A6B3D0;

  transform: translateY(-18px) scale(0.75);

  background-color: #fff;

  padding: 0 5px;

  font-size: 16px;
}
_:-ms-fullscreen, :root .btn{
    width:auto;
}
_:-ms-fullscreen, :root .col-xl-6.col-lg-6.col-md-6.col-sm-12.col-xs-12 .btn,
_:-ms-fullscreen, :root .flex-fill .btn {
    width:auto;
    margin-left:auto!important;
    margin-right:0rem!important;
    float: right;
}
_:-ms-fullscreen, :root .child-rewards-section3 .btn,
_:-ms-fullscreen, :root .child-rewards-section3 .dropdown-menu.mss_sl_btn_dm{
    width:180px!important;
}
_:-ms-fullscreen, :root .mt--minus4{
    margin-top:-1.5rem;
}
_:-ms-fullscreen, :root .display-ib.date_pecker1.v_date_pecker.ml-2+.display-ib{
    vertical-align: top;
}
_:-ms-fullscreen, :root .report_summary-section1.relative.clear .dropdown-menu.mss_sl_btn_dm,
_:-ms-fullscreen, :root .sectionfirst .dropdown-menu.mss_sl_btn_dm{
    width:150px;
}
_:-ms-fullscreen, :root .gj-picker{
    z-index:1038;
}
_:-ms-fullscreen, :root .sports-progress::after,_:-ms-fullscreen, :root  .academics-progress::after,
_:-ms-fullscreen, :root  .behaviour-progress::after,_:-ms-fullscreen, :root  .social-progress::after{
    top:-5px;
}
_:-ms-fullscreen, :root  .par-rew-add-gift-card-box{
    height:376px;
}
_:-ms-fullscreen, :root .v-pagination .page-link{

    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    line-height: 7px;
    padding: 5px;
    text-align: center;
    color: #8D95AC;
    margin: 0rem 7px;
    background-color: #fff;
    border: 1px solid transparent;
}
_:-ms-fullscreen, :root .v-pagination li .active,
_:-ms-fullscreen, :root .v-pagination li{
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    line-height: 7px;
    padding: 5px;
    text-align: center;
    color: #000;
    margin: 0rem 7px;
    background-color: #fff;
    border: 1px solid transparent;
}
_:-ms-fullscreen, :root .v-pagination .page-link:hover{
    width:20px;
    height:20px;
    background:#0099FF;
    color:#fff;
    line-height: 7px;
}
_:-ms-fullscreen, :root .modal-lg.width1110{
    padding-left: 1rem;
}
_:-ms-fullscreen, :root img.p-rew-images.mb-30{
    width:auto;
    height:70px;
}
_:-ms-fullscreen, :root .img.d-chldn-img{
    width:30px;
}




input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus + .label{
  /*border: 1px solid green;*/
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* edge */
@supports (-ms-ime-align:auto) {
    .label
{
 color: #A6B3D0;
  transform: translateY(-18px) scale(0.75);
  background-color: #fff;
  padding: 0 5px;
  font-size: 16px;
}
}
/* edge */


.editchildupdateimg {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
    object-fit: cover;
}

img.db-dolphin-images {
    width: 150px;
    height: 228px;
    position: absolute;
    right: -87px;
    top: -127px;
    z-index: 1;
}


.selectmembership-plan label.selct-s-l {
    width: 100%;
    background: #fff;
    text-align: left;
    height: 72px;
    font-size: 14px;
    border-radius: 4px;
    color: #000733;
    padding: 15px 15px;
    border: 1px solid #E2E4F1;
    font-family: 'OpenSans-Bold';
    text-transform: capitalize;
}
.selectmembership-plan label.selct-s-l span+span{
    font-size: 18px;
}
.selectmembership-plan label.selct-s-l img{
    width: 32px;
}

.selectmembership-plan input.select-s-i[type=radio]:checked + label.selct-s-l {
    background-color: #fff;
    color: #0099FF;
    border: 2px solid #0099FF;
    font-family:'OpenSans-Bold';
}

.selectmembership-plan input[type="radio"] + label {
    cursor: pointer;
    font-weight: normal;
    position: relative;
}
.selectmembership-plan input.select-s-i[type=radio]:checked + label.selct-s-l:after {
   content: url(../images/m-check.svg);
    position: absolute;
    top: -10px;
    right: -10px;
}

.selectmembership-plan{
    display: flex;
}
.selectmembership-plan .radio.mt-0.mb-0.display-ib {
    margin: 0 5px;
    flex: 1;
}
.form-control:disabled, .form-control[readonly] {
    background-color: transparent!important;
    opacity: 1;
}
.child-dsh-hdr4 .relative.bgwhite.border-w.mb-50.border-w .relative.pt-25.pb-20.pl-30.pr-30 .relative.pb-10.pl-30.pr-30{
    padding-top:15px;
}
#err_plan{
    position: absolute;
    bottom:12px;
    left:2rem;
}

.main_dashboard_section1.relative.clear .relative.around-20 .col-xl-6.col-lg-6.col-md-6.col-sm-12.col-xs-12 .relative.bgwhite.boxshadow-5.around-30.mb-30{
    height: auto;
    min-height:305px;
}
.main_dashboard_section1.relative.clear .relative.widthfit.ml-auto.ml-auto{
    margin-left:auto!important;
}
#filterChilled .btn.btn-default.dropdown-toggle.mss_sl_btn.mss_sl_btn_gray,
#mainform .btn.btn-default.dropdown-toggle.mss_sl_btn.mss_sl_btn_gray{
    margin-top:0.25rem!important;
}