@font-face {
    font-family: "Open Sans";
    src: url(/assets/fonts/OpenSans-Regular.ttf);
	font-display: swap;
}

body {
    font-family: 'Open Sans', sans-serif
}
p {
 
    color: #000!important;
}
a{
    color: #00ccde;
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url(/assets/fonts/fa-solid-900.woff);
	font-display: swap;
}
.mt-lg-n2{
    margin-top: -0.5rem !important;
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}
/*......*/
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
div.wpcf7-response-output {
    margin: -1em .5em 0em!important;
}
/*.......*/

.fa-phone:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f095";
    /*transform: rotate(95deg);*/
    /*position: absolute;*/
    /*top: 0.75rem;*/
}

.fa-map-marker:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f3c5";
}
.fa-star:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f005";
}

.fa-clock:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f017";
}


.fa-bars:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f0c9";
}
.fa-close:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00d";
}
.fa-angle-up:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f106";
}
.fa-pencil:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f303";
}
.fa-eye:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f06e";
}
.fa-user:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f007";
}
div#navbarsExample02 {
    height: 100%;
    align-items: center;
}
.topMenuBar {
    height: 3rem;
}



.Text-white {
    color: #fff !important
}
.checked {
    color: orange;
}

.Text-black {
    color: #000 !important;
    font-size: 11pt
}

.Text-lite-blue {
    color: #00ccde !important
}

.Text-navy {
    color: #16528b !important
}

.Text-navy-dark {
    color: #03264c !important
}

.bg-lite-blue {
    background-color: #00ccde !important
}

.bg-navy {
    background-color: #274d87 !important
}

.bg-navy-dark {
    background-color: #03264c !important
}
.bg-grey{
    background-color: #cbd5de!important;
}

.weight_500 {
    font-weight: 500
}

.weight_600 {
    font-weight: 600
}

.weight_700 {
    font-weight: 700
}

.weight_800 {
    font-weight: 800
}

.weight_900 {
    font-weight: 900
}

.book {
    /*padding: 9px 38px 0 9px;*/
    /*margin: -13px -39px 0 0*/
}

li.nav-item.Text-lite-blue.font_10pt.ml-5.fa-phone {
    transform: rotate(80deg)
}

p {
    font-family: Poppins, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999
}

a, a:focus, a:hover {
    color: inherit;
    text-decoration: none;
    transition: all .3s
}
.alignPhone {
    vertical-align: -webkit-baseline-middle;
}

.navbar-btn {
    box-shadow: none;
    outline: 0 !important;
    border: none;
    color: #fff
}
    a.logoCool {
    width: 100%;
}
li.logoHead{
    width: 11rem;
}
.navbar-brand {
    padding-top: 1.5rem;
    padding-bottom: 1.4rem;
    padding-left: 3.5rem;
    margin-right: -1rem;
    font-size: 1rem;
    line-height: inherit;
    white-space: nowrap;
    margin-top: -1rem;
    margin-bottom: -0.4rem;
    color: #fff !important;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0
}

#sidebar {
    width: 256px;
    position: fixed;
    top: 43px;
    right: -256px;
    height: 100vh;
    z-index: 999;
    background: #03264c;
    color: #fff;
    transition: all .3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2)
}
.slick-next:before, .slick-prev:before {
    line-height: 2.8!important;
}


#sidebar.active {
    right: 0
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #007bff;
    position: absolute;
    top: 9px;
    left: 0px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#dismiss:hover {
    background: #fff;
    color: #007bff
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 998;
    opacity: 0;
    transition: all .5s ease-in-out;
    top: 0
}

.overlay.active {
    display: block;
    opacity: 1
}

#sidebar ul.components {
    padding: 20px 0
}

#sidebar ul p {
    color: #fff;
    padding: 10px
}

#sidebar ul li a {
    padding: 14px 45px;
    font-size: 1rem;
    display: block
}

#sidebar ul li.active > a, a[aria-expanded=true] {
    color: #fff;
    background: #007bff
}

a[data-toggle=collapse] {
    position: relative
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%)
}

ul ul a {
    font-size: .9em !important;
    padding-left: 30px !important
}

ul.CTAs {
    padding: 20px
}

ul.CTAs a {
    text-align: center;
    font-size: .9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px
}

ul#menu-sidebar li {
    list-style: none
}

#content {
    width: 100%;
    min-height: 100vh;
    transition: all .3s;
    position: absolute;
    top: 0;
    left: 0
}

.headBar {
    background-image: url(assets/images/opengraph.jpg);
    /*background-image: url(assets/images/opengraph.webp);*/
    background-image: -webkit-image-set(url(assets/images/opengraph.jpg));
    height: 95vh;
    background-size: cover
}

.topBar {
    background-image: url(assets/images/topBarM.png);
    /*background-image: url(assets/images/topBarM.webp);*/
    background-image: -webkit-image-set(url(assets/images/topBarM.png));
    height: 95vh;
    background-size: cover
}
.topBar2 {
    background-image: url(assets/imagesheaader-min.jpg);
    /*background-image: url(assets/images/Headeer.webp);*/
    background-image: -webkit-image-set(url(assets/images/heaader-min.jpg));
    height: 95vh;
    background-size: cover
}





.brand {
    width: 11rem;
    text-align: center;
    font-size: 1.5rem;
    color: #16528b;
    position: absolute;
    top: 4rem;
    left: 3rem;
    letter-spacing: .1rem;
    line-height: .95;
    font-family: Myriad Pro;
    font-weight: 900;
}
.brandHead {
    width: 11rem;
    text-align: center;
    font-size: 1.5rem;
    color: #16528b;
    position: absolute;
    top: 1.5rem;
    left: 2rem;
    letter-spacing: .1rem;
    line-height: .95;
    font-family: Myriad Pro;
    font-weight: 900;
}

/*.wave {*/
/*    bottom: 136px;*/
/*    left: 500px;*/
/*    z-index: 999999999 !important*/
/*}*/
.topBanerDet ,.topBanerCap {
    text-align: left;
}


.btn-primary {
    font-size: 13px;
    border-radius: 40px
}

h1.topBanerCap {
    width: 37rem
}

.captions {
    height: 90vh;
    width: 60%
}

p.topBanerDet {
    font-size: 11pt;
    color: #000
}

.topBtn {
    padding-top: 10px;
    padding-bottom: 10px
}
.specialOffer {
    border: 3px double #00ccde;
    border-radius: 5px;
    margin-top: 20.1rem;
    margin-bottom: -18rem;
}
.whySection {
    height: 58vh;
    color: #16528b;
    text-align: center;
    margin-top: 22rem
}

.whySection p {
    color: #16528b;
    font-size: 12pt
}

.rondPic {
    width: 150px;
    height: 150px;
    border: 1px solid #ddd
}

.box {
    text-align: center
}

.cover {
    width: 150px;
    height: 200px;
    background: rgba(51, 51, 51, .23);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 10%;
    padding-left: 5%;
    z-index: 99;
    border-radius: 50% !important
}


/*spicial offer*/

.specialOffer {
    border: 3px double #00ccde;
    border-radius: 5px;
}
/**/

/*video*/
.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
/*     background: url(assets/images/YoouTube2.png) no-repeat; */
	background-position: -288px 11px;
    cursor: pointer
}

.fusion-column-wrapper {
    height: 100%;
    width: 100%;
}

.fusion-video.fusion-youtube {
    height: 100%
}

.video-shortcode {
    height: 100%
}

.fluid-width-video-wrapper {
    height: 100%
}

iframe {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    height: 100%;
    max-width: 100%
}

.section_video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 512px;
    /* margin: auto 15px; */
    /* text-align: center; */
    -webkit-box-flex: 1;
    -ms-flex: 1 1 144px;
    flex: 1 1 512px;
}
.font_11pt {
    font-size: 11pt;
}
.img-h100{
    height: 100%;
    width: 100%;
    max-width: 100%;
}
/*video*/




.btn.mr-auto.custom-btn-primary.topBtn {
    margin-bottom: 2rem
}

.CoolSculpting {
    height: 45vh
}

.rondPic1 {
    width: 160px;
    height: 160px;
    top: -2rem;
    left: 0
}

.rondPic2 {
    width: 300px;
    height: 300px;
    top: -3rem;
    left: 10rem
}

.rondPic3 {
    width: 110px;
    height: 110px;
    top: 5rem;
    left: 1rem;
    border: 1px solid #ddd
}

.custom-btn-white-blue {
    color: #16528b;
    background-color: #007bff00;
    border-color: #16528b;
    font-size: 11px;
    border-radius: 40px;
    padding: 1rem 3rem
}
.custom-btn-blue {
    color: #00ccde;
    background-color: transparent;
    border-color: #00ccde;
    font-size: 11px;
    border-radius: 40px;
    padding: 1rem 3rem
}



.slick-dots li button:before {
    font-family: slick;
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 11pt
}

.jumbotron > .row > .col-lg-8 > .Test > .slick-arrow, .jumbotron > .row > .col-lg-8 > .Test > .slick-prev {
    display: none !important
}

.jumbotron > .row > .col-lg-8 > .Test > .slick-arrow, .jumbotron > .row > .col-lg-8 > .Test > .slick-next {
    display: none !important
}

.sec2 > .Test > .slick-arrow, .sec2 > .Test > .slick-prev {
    display: none !important
}

.sec2 > .Test > .slick-arrow, .sec2 > .Test > .slick-next {
    display: none !important
}

.sec2 > .Test > .slick-dots {
    display: none !important
}

.MedSpa > .col-lg-8 > .row > .Test > .slick-dots {
    display: none !important
}

.foot {
    height: 80vh;
}

.schedule {
    background-image: url(/assets/images/schedule.webp);
    background-image: url(/assets/images/schedule.jpg);
    background-image: -webkit-image-set(url(assets/images/schedule.jpg));
    height: 100%
}

.blueCover {
    width: 100%;
    height: 100%;
    background: rgba(20, 44, 66, .81);
    color: rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 10%;
    /*padding-left: 5%;*/
    z-index: 99
}

.custom-btn-primary {
    color: #fff;
    background-color: #007bff00;
    border-color: #007bff;
    font-size: 11px;
    border-radius: 40px;
    padding: 1rem 3rem
}

.custom-btn-white {
    color: #fff;
    background-color: #007bff00;
    border-color: #fff;
    font-size: 11px;
    border-radius: 40px;
    padding: 1rem 3rem
}

.custom-form-control {
    font-size: 1rem;
    line-height: 1;
    color: #fff !important;
    background-color: #2e5e8c;
    background-clip: padding-box;
    border: 1px solid #215287
}

.footerContact {
    background-color: #27537b
}

p.Text-white.font_12pt.text-center {
    padding-left: 4rem;
    padding-right: 4rem;
    margin-bottom: 7rem;
}

.form-control:focus {
    color: #495057;
    background-color: #3a6898;
    border-color: #225b91;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.footLink {
    height: 35vh;
}

p.footBrand {
    text-align: center;
    font-size: 1rem;
    letter-spacing: .1rem;
    line-height: .95;
    font-family: Myriad Pro;
}


.copyright {
    text-align: center;
    font-size: 9px;
    margin-top: 3rem;
    margin-bottom: 0;
    color: #5e5e5e !important;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.slick-slide img.teest {
    display: block;
    margin-left: 43%;
    margin-right: 43%
}

.base {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 10px 10px 5px 0 rgba(173, 173, 173, 1);
    -moz-box-shadow: 10px 10px 5px 0 rgba(173, 173, 173, 1);
    box-shadow: 10px 10px 5px 0 rgba(173, 173, 173, 1);
    margin: 20px 0;
    padding: 10px
}

.headBase {
    height: 50vh
}

h1.pHead {
    color: #01ccde
}

.headTitle {
    width: 66%;
    height: 50vh;
    padding-left: 4rem
}
.navbar-collapse {
    align-items: initial;
}


@media screen and (min-width: 320px) {
        .wpbc_structure_form {
        width: 100%!important;
    }
    input.input-xlarge.wpdev-validates-as-required, .input-xlarge {
        width: 100%!important;
    }
    .wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form {

        margin-left: initial!important;
    }
 
   .book {
    width: 39vw;
    font-size: 8pt;
    height: 100%;
}
.navbar-brand {
    padding-top: 1.4rem;
    margin-right: -1rem;
    font-size: 1.2rem;
    white-space: nowrap;
    color: #fff !important;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
}

    h1.topBanerCap{
        width: 17rem;
        font-size: 16pt
    }

    .whySection {
        height: 100%;
        color: #16528b;
        text-align: center;
        margin-top: 22rem
    }

    .font_8pt {
        font-size: 8pt
    }

    .font_9pt {
        font-size: 9pt
    }

    .font_10pt {
        font-size: 10pt
    }

    .font_12pt {
        font-size: 11pt
    }

   

    p.Text-white.font_12pt.text-center {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: 1rem
    }
    li.logoHead {
    width: 6rem;
}
.coolAlign{
    text-align:center;
}

    #sidebar {
        top: 40px
    }

    .custom-btn-white {
        margin-left: 10%;
        margin-right: 10%
    }

    h5.Text-white.font_14pt.footerTitle.mt-5 {
        text-align: center
    }

    .topBar {
        /*background-image: url(assets/images/topBarRes.webp);*/
        background-image: url(assets/images/topBarRes.png);
        background-size: cover;
        background-color: #16528b;
        max-width: 100%;
        height: 40vh
    }
      .topBar2 {
        /*background-image: url(assets/images/topBarRes.webp);*/
        background-image: url(/wp-content/uploads/2020/07/headerRes444444.jpg);
        background-size: cover;
        background-color: #16528b;
        max-width: 100%;
        height: 38vh;
    }

    .Text-navy {
        color: #fff !important
    }



    .captions {
        color: #fff;
        height: 45vh;
        width: 100vw;
        background-color: #16528b;
        position: absolute;
        text-align: center;
        margin-top: -1px
    }

    p.topBanerDet {
        font-size: 11pt;
        color: #fff
    }

    .btn-primary {
        color: #fff;
        background-color: #16528b;
        border-color: #007bff
    }
    div.wpcf7-response-output {
    margin: -1em .5em 3em!important;
}

    .footLink {
        height: 36rem;
        position: relative;
        top: 14rem;
    }
    .foot {
    height: 33rem;
}

   .MedSpa {
    /*height: 17rem;*/
}
.MedSpa>.col-lg-8>.row>.Test>.slick-next {
    right: 6rem;
    top: 14rem;
    width:3rem;
    height:3rem;
    /*z-index: 99999999999!important;*/
}

    .MedSpa > .col-lg-8 > .row > .Test > .slick-prev {
        left: 6rem;
        top: 14rem;
         width:3rem;
        height:3rem;
        /*z-index: 99999999999!important;*/
    }

    .CoolSculpting {
        height: 130vh;
        overflow-x: visible;
    }

    .rondPic {
        width: 100px;
        height: 100px;
        border: 1px solid #ddd;
        margin-left: 30%;
        margin-right: 30%;
    }

    .coolHead {
        color: #16528b !important;
        margin-bottom: 24rem;
    }

    .rondPic1 {
        width: 140px;
        height: 140px;
        top: 4rem;
        left: 0rem;
    }

    .rondPic2 {
        width: 170px;
        height: 170px;
        top: 11rem;
        left: 8rem;
    }
    .rondPic3 {
        width: 110px;
        height: 110px;
        top: 14rem;
        left: 1rem;
        border: 1px solid #ddd;
    }



  
    .slick-slide img.teest {
        display: block;
        margin-left: 28%;
        margin-right: 28%;
    }
    /*.footBase {
        margin-top: 13rem;
    }*/
       .bannerPage {
    height: 2rem;
    margin-top: 2rem;
}
    h1.Text-lite-blue {
        font-size: 11pt;
    }
    .footerContact {
    padding-bottom: 7rem;
}
.brand {
    width: 11rem;
    text-align: center;
    font-size: 1.5rem;
    color: #16528b;
    position: absolute;
    top: 4rem;
    left: 3rem;
    letter-spacing: .1rem;
    line-height: .95;
    font-family: Myriad Pro;
    font-weight: 900;
}
.brand2 {
    width: 11rem;
    text-align: center;
    font-size: 1.5rem;
    color: #16528b;
    position: absolute;
    top: 1rem;
    left: 0rem;
    letter-spacing: .1rem;
    line-height: .95;
    font-family: Myriad Pro;
    font-weight: 900;
}
}




@media screen and (min-width: 360px) {
    .topBar {
        height: 43vh
    }
    .topBar2 {
    height: 37vh;
}

    h1.topBanerCap {
        width: 100%;
        font-size: 16pt
    }

    .footLink {
        height: 85vh;
        position: relative;
        top: 13rem;
    }

    .whySection {
        height: 100%;
        color: #16528b;
        text-align: center;
        margin-top: 22rem
    }

    .rondPic {
        width: 110px;
        height: 110px;
        border: 1px solid #ddd;
        margin-left: 35%;
        margin-right: 35%
    }

    .CoolSculpting {
        height: 110vh;
        overflow-x: visible;
    }
    /*.foot {*/
    /*    height: 88vh;*/
    /*}*/
}
/* Galexy S5 ---------- */
@media only screen and (min-width: 360px) and (max-height: 640px){

  

}



@media screen and (min-width: 375px) {
    .whySection {
        height: 100%;
        color: #16528b;
        text-align: center;
        margin-top: 21rem;
    }
       h1.Text-lite-blue {
        font-size: 13pt;
    }

    .rondPic2 {
        width: 220px;
        height: 220px;
        top: 8rem;
        left: 8rem;
    }
    .topBar {
        height: 46vh;
    }
 
    .CoolSculpting {
        height: 110vh;
        overflow-x: visible;
    }
    /*.foot {*/
    /*    height: 65vh;*/
    /*}*/
    .custom-btn-white {
        margin-left: 18%;
        margin-right: 18%;
        display: block;
    }
    .MedSpa>.col-lg-8>.row>.Test>.slick-next {
    right: 6rem;
    top: 16rem;
    width:3rem;
    height:3rem;
    /*z-index: 99999999999!important;*/
}

    .MedSpa > .col-lg-8 > .row > .Test > .slick-prev {
        left: 6rem;
        top: 16rem;
         width:3rem;
        height:3rem;
        /*z-index: 99999999999!important;*/
    }
    
}


/* iPhone 6, 7, 8 ---------- */
@media only screen and (min-width: 375px) and (max-height: 667px){
    .CoolSculpting {
        height: 123vh;
        overflow-x: visible;
    }
  
    .foot {
        height: 33rem;
    }
    .topBar {
        height: 45vh;
    }

}
/* iPhone X ----------- */
@media only screen and (min-width: 375px) and (min-height: 800px) {

    .captions {
        color: #fff;
        height: 37vh;
        width: 100vw;
        background-color: #16528b;
        position: absolute;
        text-align: center;
        margin-top: -1px;
    }
    .topBar {
        height: 33vh;
    }
}


/*!******************* min-width 411px *******************!*/
@media screen and (min-width: 411px) and (max-height: 731px) {
    .topBar {
        height: 40vh
    }

    h1.topBanerCap {
        width: 100%;
        font-size: 16pt
    }

    .footLink {
        height: 73vh;
        position: relative;
        top: 13rem;
    }

    .CoolSculpting {
        height: 99vh;
    }
 
    .whySection {

        margin-top: 21rem;
    }
    .slick-slide img.teest {
        display: block;
        margin-left: 34%;
        margin-right: 34%;
    }
}

/* Galexy S5 ---------- */
@media only screen and (min-width: 411px) and (min-height: 732px){

    .CoolSculpting {
        height: 92vh;
    }
    .whySection {

        margin-top: 24rem;
    }
  

}


@media screen and (min-width: 425px) {
    .book {
        /*padding: 9px 10px 0 9px;*/
        /*margin: -13px -39px 0 0;*/
        width: 50vw;
        font-size: 10pt
    }

    .topBar {
        height: 41vh
    }

    .topBar {
        height: 48vh
    }

    h1.topBanerCap {
        width: 100%;
        font-size: 16pt
    }

    .footLink {
        height: 85vh;
        position: relative;
        top: 13rem;
    }

    /*.MedSpa > .col-lg-8 > .row > .Test > .slick-next {*/
    /*    right: 17%;*/
    /*    top: 67%*/
    /*}*/

    /*.MedSpa > .col-lg-8 > .row > .Test > .slick-prev {*/
    /*    right: 35%;*/
    /*    top: 67%*/
    /*}*/
    
    .rondPic1 {
        width: 150px;
        height: 150px;
        top: 4rem;
        left: 0rem;
    }
    .rondPic2 {
        width: 220px;
        height: 220px;
        top: 7rem;
        left: 11rem;
    }
    .rondPic3 {
        width: 120px;
        height: 120px;
        top: 14rem;
        left: 3rem;
        border: 1px solid #ddd;
    }
    .custom-btn-white {
        margin-left: 23%;
        margin-right: 23%;
        display: block;
    }
.topBar {
    height: 33vh;
}
.topBar2 {
    height: 43vh;
}
}

@media screen and (min-width: 768px) {
    .topBar {
        background-image: url(assets/images/topBarM.png);
        background-image: -webkit-image-set(url(assets/images/topBarM.png));
        height: 62vh;
        background-color: #fff
    }
        .topBar2 {
        background-image: url(assets/images/heaader-min.jpg);
        background-image: -webkit-image-set(url(assets/images/heaader-min.jpg));
        height: 62vh;
        background-color: #fff
    }

    p.topBanerDet {
        font-size: 11pt;
        color: #000;
        width: 26rem
    }



    .brand {
        left: 1rem;
        top: 1.5rem
    }
    .navbar-brand {
    padding-top: 1.2rem;
    margin-right: -1rem;
    font-size: 1.2rem;
    white-space: nowrap;
    color: #fff !important;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
}

    .captions {
        height: 79vh;
        width: 40%;
        top: 0;
        background-color: transparent
    }
.specialOffer {
    border: 3px double #00ccde;
    border-radius: 5px;
    margin-top: 2.1rem;
    margin-bottom: -2rem;
}
    .Text-navy {
        color: #274d87 !important
    }
    .text-crem {
    color: #cacaca!important;
}

    h1.topBanerCap {
        width: 27rem;
        font-size: 20pt
    }

    .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
        padding: 1rem 3rem
    }

    .font_8pt {
        font-size: 6pt
    }

    .font_10pt {
        font-size: 8pt
    }

    .font_11pt {
        font-size: 11pt
    }

    .font_12pt {
        font-size: 12pt
    }

    .font_13pt {
        font-size: 13pt
    }

    .font_14pt {
        font-size: 14pt
    }

    .font_15pt {
        font-size: 15pt
    }

    .font_16pt {
        font-size: 16pt
    }

    .font_17pt {
        font-size: 17pt
    }
    .font_23pt {
        font-size: 23pt!important;
    }

    .footLink {
        height: 50vh;
        position: relative;
        top: 13rem;
    }

    .custom-btn-white {
        margin-left: 0;
        margin-right: 0
    }

    .custom-btn-white {
        margin-left: 0;
        margin-right: 0
    }

    .whySection {
        height: 100%;
        color: #16528b;
        text-align: center;
        margin-top: 7rem;
        margin-bottom: 2rem;
    }
    .sec2 {
        margin-bottom: 5rem;
    }

    .rondPic {
        width: 130px;
        height: 130px;
        border: 1px solid #ddd;
        margin-left: 40%;
        margin-right: 40%
    }
    .MedSpa{
        height:25rem;
    }

    .MedSpa > .col-lg-8 > .row > .Test > .slick-next {
        right: 3%;
        top: 50%
    }

    .MedSpa > .col-lg-8 > .row > .Test > .slick-prev {
        left: 0%;
        top: 50%
    }
li.logoHead {
    width: 11rem;
}
   

    .rondPic1 {
        width: 150px;
        height: 150px;
        top: 3rem;
        left: 9rem;
    }

    .rondPic2 {
        width: 300px;
        height: 300px;
        top: 5rem;
        left: 19rem
    }

    .rondPic3 {
        width: 110px;
        height: 110px;
        top: 15rem;
        left: 10rem;
        border: 1px solid #ddd
    }


    .slick-slide img.teest {
        display: block;
        margin-left: 41%;
        margin-right: 41%;
    }
    /*.foot {*/
    /*    height: 65vh;*/
    /*}*/
     .book {
     width: 30vw;
    font-size: 8pt;
}
 
}





@media screen and (min-width: 1024px) {
    
        h1.Text-lite-blue {
        font-size: 17pt;
    }
    .bannerPage {
        height: 4rem;
        font-size: 2rem;
    }
    .foot {
    height: 35rem;
}
 .footerContact {
    padding-bottom: 0;
}
div.wpcf7-response-output {
    margin: -1em .5em 0em!important;
}
/*.brand {*/
/*    width: 11rem;*/
/*    text-align: center;*/
/*    font-size: 1.5rem;*/
/*    color: #16528b;*/
/*    position: absolute;*/
/*    top: 4rem;*/
/*    left: 3rem;*/
/*    letter-spacing: .1rem;*/
/*    line-height: .95;*/
/*    font-family: Myriad Pro;*/
/*    font-weight: 900;*/
/*}*/
    .topBar {
        height: 76vh
    }

   .captions {
        height: 95vh;
        width: 60%
    }
.captions2 {
    height: 85vh;
    width: 44%;
}

    h1.topBanerCap {
        width: 34rem;
        font-size: 1.5rem
    }

    .book {
        /*padding: 9px 10px 0 9px;*/
        /*margin: -13px -39px 0 0;*/
        width: 22.5vw;
        font-size: 11pt;
        text-align: center;
    }

    .font_6pt {
        font-size: 6pt
    }

    .font_7pt {
        font-size: 7pt
    }

    .font_8pt {
        font-size: 8pt
    }

    .font_9pt {
        font-size: 9pt
    }

    .font_10pt {
        font-size: 10pt
    }

    .font_11pt {
        font-size: 11pt
    }

    .font_12pt {
        font-size: 12pt
    }

    .font_13pt {
        font-size: 13pt
    }

    .font_14pt {
        font-size: 14pt
    }

    .font_15pt {
        font-size: 15pt
    }

    .font_16pt {
        font-size: 16pt
    }

    .font_17pt {
        font-size: 17pt
    }

    .footLink {
        height:55vh;
        position: relative;
        top: 0;
    }

    .foot {
        height: 36rem
    }

    .h1, h1 {
        font-size: 2.5rem
    }

    .h2, h2 {
        font-size: 2rem
    }

    .h3, h3 {
        font-size: 1.75rem
    }

    .h4, h4 {
        font-size: 1.5rem
    }

    .h5, h5 {
        font-size: 1.25rem
    }

    .rondPic {
        margin-left: 0;
        margin-right: 0
    }

    .MedSpa > .col-lg-8 > .row > .Test > .slick-prev {
        left: -13%;
        top: 50%;
    
    }

    .MedSpa > .col-lg-8 > .row > .Test > .slick-next {
        right: -9%;
        top: 50%;
       
    }

.coolAlign{
    text-align:left;
}
    .CoolSculpting {
        height: 49vh;
        overflow-x: inherit
    }

    .rondPic1 {
        width: 150px;
        height: 150px;
        top: -6rem;
        left: 1rem;
    }
    .rondPic2 {
        width: 300px;
        height: 300px;
        top: -9rem;
        left: 11rem;
    }

    .rondPic3 {
        width: 100px;
        height: 100px;
        top: -1rem;
        left: 3rem;
        border: 1px solid #ddd;
    }

 
    /*    img.imgHeight {*/
    /*    height: 30rem;*/
    /*}*/
    .slick-slide img.teest {
        display: block;
        margin-left: 42%;
        margin-right: 28%;
    }
    .footBase {
        margin-top: 0rem;
    }
}
@media screen and (min-width: 760px) and (min-height: 1024px) {
    .topBar {
        height: 37vh
    }


    .captions {
        height: 50vh;
        width: 60%
    }
.captions2 {
    height: 46vh;
    width: 44%;
}

h1.topBanerCap {
    width: 27rem;
    font-size: 1rem;
}
    .CoolSculpting {
        height: 62vh;
    }

   
  
    .foot {
        height: 45vh;
    }
    .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    margin-top: -26px;
}
}

@media screen and (min-width: 800px) and (min-height: 1028px) {
.topBar2 {
    height: 32vh;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) {
    .topBar {
        height: 38vh
    }
    
}
@media screen and (min-width: 1028px) {
    .book {
        /*padding: 9px 10px 0 9px;*/
        /*margin: -13px -39px 0 0;*/
        width: 18vw;
        font-size: 11pt
    }

    h1.topBanerCap {
        width: 40rem;
        font-size: 2rem
    }

    .topBar {
        height: 72vh
    }
    .topBar2 {
    height: 59vh;
}
.captions2 {
    height: 62vh;
    width: 44%;
}
    .custom-btn-primary {
        color: #fff;
        background-color: #007bff00;
        border-color: #007bff;
        font-size: 11px;
        border-radius: 40px;
        padding: 1rem 3rem
    }
}

@media screen and (min-width: 1366px) {
    .book {
        /*padding: 9px 10px 0 9px;*/
        /*margin: -13px -39px 0 0;*/
        width: 18vw;
        font-size: 11pt
    }
.captions2 {
    height: 108vh;
    width: 60%;
}
    h1.topBanerCap {
        width: 30rem;
        font-size: 2rem;
    }

    .topBar {
        height: 110vh
    }
    .topBar2 {
    height: 89vh;
}

    .custom-btn-primary {
        color: #fff;
        background-color: #007bff00;
        border-color: #007bff;
        font-size: 11px;
        border-radius: 40px;
        padding: 1rem 3rem;
        margin-bottom: 3rem
    }


    /*    img.imgHeight {*/
    /*    height: inherit;*/
    /*}*/
    .rondPic1 {
        width: 200px;
        height: 200px;
        top: -10rem;
        left: 4rem;
    }
    .rondPic2 {
        width: 350px;
        height: 350px;
        top: -9rem;
        left: 18rem;
    }
    .rondPic3 {
        width: 150px;
        height: 150px;
        top: -1rem;
        left: 5rem;
        border: 1px solid #ddd;
    }
    .MedSpa {
        height: 30rem;
    }
    #sidebar {
    width: 295px;
    position: fixed;
    top: 43px;
    right: -295px;
    height: 100vh;
    z-index: 999;
    background: #03264c;
    color: #fff;
    transition: all .3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
}



@media screen and (min-width: 1440px) {
    
    .topBar {
        height: 102vh
    }

    .brand {
        left: 2rem;
        top: 3.5rem
    }

.navbar-brand {
    padding-top: .7rem;
    padding-bottom: 0;
    padding-left: 1rem;
    margin-right: -1rem;
    font-size: 1.8rem;
    line-height: inherit;
    white-space: nowrap;
    margin-top: -1rem;
    margin-bottom: -.4rem;
    color: #fff !important;
    padding-right: 1rem;
}


 #sidebar {
    width: 344px;
    right: -344px;
}


.book {
    width: 18rem;
    font-size: 11pt;
    height: 100%;
    align-items: center;
    align-content: center;
}
 
    .MedSpa {
        height: 35rem;
    }
    .slick-slide img.teest {
        display: block;
        margin-left: 44%;
        margin-right: 44%;
    }
    .rondPic1 {
        width: 200px;
        height: 200px;
        top: -6rem;
        left: 3rem;
    }
    .rondPic2 {
        width: 350px;
        height: 350px;
        top: -9rem;
        left: 18rem;
    }
    .rondPic3 {
        width: 150px;
        height: 150px;
        top: 2rem;
        left: 7rem;
        border: 1px solid #ddd;
    }
    .captions {
    height: 115vh;
    width: 60%;
}

}
@media screen and (min-width: 1680px) {
 
    .footLink {
        height: 45vh;
        position: relative;
        top: 0;
    }
    .captions {
        height: 100vh;
        width: 60%;
    }
    .CoolSculpting {
        height: 50vh;
    }
    .topBar {
        height: 88vh;
    }
      .topBar {
        height: 79vh;
    }
   
    .rondPic1 {
        width: 250px;
        height: 250px;
        top: -11rem;
        left: 3rem;
    }
    .rondPic2 {
        width: 400px;
        height: 400px;
        top: -11rem;
        left: 21rem;
    }
    .rondPic3 {
        width: 200px;
        height: 200px;
        top: 2rem;
        left: 7rem;
        border: 1px solid #ddd;
    }

}
@media screen and (min-width: 1800px) {

.captions {
    height: 98vh;
    width: 60%;
}
.topBar {
    height: 90vh;
}
    
}


@media screen and (min-width: 1920px) {
    .topBar {
        height: 100vh;
    }

/*.topBar2 {*/
/*    height: 95vh;*/
/*}*/
  #sidebar {
    width: 461px;
    right: -461px;
    top: 50px;
}

    .navbar-toggler-icon {
        width: 3.5em
    }

    #sidebar ul li a {
        padding: 14px 45px;
        font-size: 1.5rem;
        display: block
    }

    .font_9pt {
        font-size: 10pt
    }

    .font_10pt {
        font-size: 12pt
    }

    .font_11pt {
        font-size: 13pt
    }

    .font_8pt {
        font-size: 9pt
    }

    .font_12pt {
        font-size: 14pt
    }

    .font_14pt {
        font-size: 16pt
    }

    .book {
        /*padding: 5px;*/
        /*margin: -13px -39px 0 0;*/
        width: 20.9vw;
        font-size: 16pt;
        text-align: center
    }

    h1.topBanerCap {
        width: 60rem;
        font-size: 2rem
    }

 .captions {
    height: 110vh;
    width: 52%;
    margin-left: -13rem;
}
 .captions2 {
    height: 121vh;
    width: 52%;
    margin-left: 0;
}

    .btn-primary {
        font-size: 21px;
        border-radius: 40px
    }

    .topBtn {
        padding-top: 20px;
        padding-bottom: 20px
    }

    p.topBanerDet {
        font-size: 20pt;
        color: #000;
        width: 60rem
    }
.navbar-brand {
    padding-top: 1rem;
    padding-bottom: 0.35rem;
    padding-left: 1.5rem;
    margin-right: -1rem;
    font-size: 1.5rem;
    line-height: inherit;
    white-space: nowrap;
    margin-top: -1rem;
    margin-bottom: -.4rem;
    color: #fff !important;
}

    .brand {
        width: 15rem;
        font-size: 2.5rem
    }
    .rondPic1 {
        width: 250px;
        height: 250px;
        top: -7rem;
        left: 9rem;
    }
    .rondPic2 {
        width: 450px;
        height: 450px;
        top: -9rem;
        left: 25rem;
    }
    .rondPic3 {
        width: 200px;
        height: 200px;
        top: 5rem;
        left: 13rem;
        border: 1px solid #ddd;
    }


    .h1, h1 {
        font-size: 4rem
    }

    .h2, h2 {
        font-size: 2.2rem
    }

    .h3, h3 {
        font-size: 2rem
    }

    .h4, h4 {
        font-size: 1.5rem
    }

    .h5, h5 {
        font-size: 1.25rem
    }

    .h6, h6 {
        font-size: 1rem
    }

    .whySection p {
        color: #16528b;
        font-size: 20pt
    }

    .circleBox {
        font-size: 16pt
    }

    h3.why.mb-4 {
        font-size: 42pt
    }

    h5.Text-white.font_14pt.footerTitle.mt-5 {
        text-align: left
    }

    .foot {
        height: 55vh;
    }

    .custom-btn-primary {
        color: #fff;
        background-color: #007bff00;
        border-color: #007bff;
        font-size: 20px;
        border-radius: 40px;
        padding: 1rem 3rem;
        margin-top: 5rem;
    }

    .copyright {
        font-size: 12px;
    }

    .Text-black {
        color: #000 !important;
        font-size: 15pt;
    }

    .custom-btn-white-blue {
        color: #16528b;
        background-color: #007bff00;
        border-color: #16528b;
        font-size: 20px;
        border-radius: 40px;
        padding: 1rem 3rem;
        margin-top: 5rem;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
        font-size: 17pt;
    }

  

    .custom-btn-white {
        color: #fff;
        background-color: #007bff00;
        border-color: #fff;
        font-size: 14px;
        border-radius: 40px;
        padding: 1rem 3rem;
    }
    .CoolSculpting {
        height: 51vh;
    }
    .slick-slide img.teest {
        display: block;
        margin-left: 46%;
        margin-right: 46%;
    }
    .MedSpa {
        height: 40rem;
    }

}
/*Header-page*/
.headTop {
    width: 100%;
    height: 15rem;
}
.bannerPage {
    height: 12rem;
    font-size: 18pt;
}
/**/

/**/

/*service page*/
.service-bg {
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.service-bg h1 {
    color:#00a0d2;;
}

.li-service {
    position: relative;
    padding-bottom: 1rem;
}

.li-service::before {
    content: "";
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-position: -14px -115px;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -24px;
}

.btn-service {
    background-color: #00a0d2;
    font-size: 0.6rem;
    padding: 10px 10px;
    cursor: pointer;
}
.ul-service {
    list-style: none;
    margin-top: 1.5rem;
    padding-left: 0;
}
.service h2{
    font-size: 1.5rem;
}
.servicesPost {
    margin-bottom: 5rem;
    margin-top: 0;
}
.serviceBox> p{
    font-size: 11pt;
    color: #000000;
}
.hTitle{
    color: #16528b !important;
}
.row.servicesPost {
    margin-top: 4rem;
    padding-bottom: 2rem;
}

.contentBox:first-child {
    margin-top: 4rem!important;
}


/**/

/*contact page*/
.custom-btn-grey {
    color: #16528b ;
    background-color: #f0f0f0;
    border-color: #495057;
    font-size: 11px;
    border-radius: 40px;
    padding: 1rem 3rem;
}
.bg-transparent {
    background-color: transparent !important;
}
.form-contact {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #0D0D0D;
    background-clip: padding-box;
    border: 1px solid #000;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn-transprent {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
}
/**/

/*About page*/
.AboutPic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 512px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 144px;
    flex: 1 1 512px;
}
.img-h100{
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.about-section {
    height: 100%;
}
.box{
    align-self: center;
    justify-self: center;
}
.log {
    align-self: center;
}

/**/
/*Articles Page*/
.section-blog {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 144px;
    margin: auto 15px;
    text-align: center;
    flex: 1 1 144px;
    position: relative;
    /*height: 17rem;*/
}
.desc-section{
    height: 200px;
    position: relative;
}

/*@include query-max(device(md)) {*/
/*    .section-blog {*/
/*        width: 100%;*/
/*        flex: 1 1 100%;*/
/*    }*/
/*}*/

.readmore{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;

    color: #00ccde;


}
.overlayBlog {
    position: absolute;
    bottom: -4rem;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    overflow: hidden;
    width: 100%;
    height: 4rem;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.section-blog:hover .overlayBlog {
    height: 85%;
}
.fromBlog {
    color: #00ccde;
    font-size: 10px;
    position: absolute;
    top: 0.5rem;
    left: 17%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
}
.textBlog {
    color: #000;
    font-size: 14px;
    position: absolute;
    top: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    font-weight: 900;
    padding-top: 20px;
}
.textBlog>a {
    color: #000;
}
.descriptions {
    color: #000;
    font-size: 14px;
    position: absolute;
    top: 7.5rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    padding-top: 10px;

}





/**/
/*booking page*/
.bookBox{
    height: 14rem;
}
.wpbc_structure_form {
    width: 50%!important;
}
input.input-xlarge.wpdev-validates-as-required, .input-xlarge {
    width: 100%!important;
}
.wpdevelop label {

    font-weight: inherit!important;
}
.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form {

    margin-left: 4rem!important;
}
button.btn.btn-default {
    color: #16528b!important;
    background-color: #fdfeff00!important;
    border-color: #16528b!important;
    font-size: 11px!important;
    border-radius: 40px!important;
    padding: 1rem 3rem!important;
}



@media screen and (min-width: 1024px) {

    .wpbc_structure_form {
        width: 50%!important;
    }
    input.input-xlarge.wpdev-validates-as-required, .input-xlarge {
        width: 100%!important;
    }
    .wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form {

        margin-left: 4rem!important;
    }

}

/* popup form */

.msg {
    width: 45px;
    height: 45px;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    border-radius: 15%;
    bottom: 100px;
    cursor: pointer;
    background: url(assets/images/contact-32.png) 50% no-repeat #00CCDE;
    z-index: 99;
    display:none;
}

.dmsg{
    display: none;
    position: fixed;
    z-index: 999;
    top: 61px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.msg-content{
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    background-color: #00CCDE;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.close {
    color: white;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 22px;
    top: 0px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}


@media screen and (max-width: 768px) {
    .msg-content{
        width: 80%;
    }
}


.morecontent span {
    display: none;
}
.morelink {
    display: block;
}


/*Gallery page*/

.Gallery > .slick-prev,.Gallery > .slick-arrow{
    display:none!important;
}
.Gallery > .slick-next,.Gallery > .slick-arrow{
    display:none!important;
}


.slick-dots {
    position: absolute!important;
    bottom: 0px!important;
    display: block!important;
    width: 88%!important;
    padding: 0!important;
    margin: 0!important;
    list-style: none!important;
    text-align: center!important;
        left: 5%;
}

.slick-dots li {
    position: relative!important;
    display: inline-block!important;
    width: 10px!important;
    height: 10px!important;
    margin: 0 5px!important;
    padding: 0!important;
    cursor: pointer!important;
}

.form-contact{
    background-color: #f0f0f0;
}
/**/
#dismiss{
    display: none;
}
@media(max-width: 768px){
#dismiss{
    display: block
}
}

/* page off */

.off-bg{
    background-color: #EFEFEF;
}

.lh-1{
    line-height: 1.1; 
}

.why-htag-f h2 {
  font-size:1.75rem;
    }

.why-htag-f h3 {
  font-size:1.25rem;
    }
.title-blog{
    font-size: 2rem;
    text-align: center;
    color: #16528b !important;
}
.blog h2{
	font-size: 2rem;
}
.blog h3{
	font-size: 1.75rem;
}
.jumbotron{
    background-color: #e9ecef;
    border-radius: .3rem;
        margin-bottom: unset;
}
@media (max-width: 576px){
.jumbotron {
    padding: 6rem 1rem;
}
}
@media (max-width: 768px){
.f1-5{
    font-size: 1.5rem;
}
}
.form-group input::placeholder {
    color: currentcolor;
}
.plc textarea::placeholder {
    color: currentcolor;
}
#back2Top {
    width: 45px;
    height: 45px;
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    background-color: #212223;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 15%;
    right: 10px;
    display: none;
}
#back2Top:hover {
    background-color: #363b3b;
}
@media(max-width: 768px){
    .descriptions{
        display:none;
    }
    .overlayBlog{
        height: 7rem;
    }
    .section-blog:hover .overlayBlog {
    height: 6rem;
}
}
.btn-blog{
        background: #00ccde;
    padding: 0.6rem 1rem;
    border-radius: 10px;
    color: white;
}
b, strong {
    font-weight: bold;
}
.border-blue{
    border-color: #00ccde !important;
}
.border-brown{
    border-color: #a8a1a1 !important;
    margin: 15px 0;
}
@media(min-width: 1025px){
.background-title-slider{
        background-color: #171b1e54;
} 
h1.topBanerCap {
    font-size: 1.5rem;
}
h1.topBanerCap span{
    font-size: 2.5rem;
}
}
.txt404{
        font-weight: 700;
    font-size: 250px;
    letter-spacing: 15px;
}

/*comment css*/
#commentform textarea {
    height: 112px;
    clear: both;
    border: 1px solid #274d87;
    font-size: 14px;
    font-weight: 400;
    background: none;
    color: #354d5e;
    padding: 5px 20px 10px;
    line-height: 1;
    margin-bottom: 20px;
    text-decoration: none;
    width: 60%;
    position: relative;
    border-radius: 5px;
}
#respond label {
    color: #888;
    width: 80px;
    font-size: 13px;
    display: inline-block;
    font-weight: 300;
    font-style: italic;
    vertical-align: top;
}
#commentform input{
border: 1px solid #274d87;
    font-size: 14px;
    font-weight: 400;
    background: none;
    color: #354d5e;
    padding: 5px 20px 10px;
    line-height: 1;
    margin-bottom: 20px;
    text-decoration: none;
    width: 60%;
    position: relative;
    height: 40px;
    border-radius: 5px;
}
#commentform input[type=submit] {
    text-transform: capitalize;
    background: #274d87;
    width: auto;
    border: none;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 5px 25px;
    font-size: 22px;
    text-align: center;
    font-size: 18px;
    margin: 5px 0 0;
    height: 40px;
    line-height: 1;
}
/*accordion*/
.aco {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.3rem;
  transition: 0.4s;
  margin-bottom: 30px;
}

.act, .aco:hover {
  background-color: #ccc;
}

.aco:after {
  content: '+';
  color: #777;
  float: right;
}

.act:after {
  content: "-";
  
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.coolsculpting p{
    color: #fff !important;
}
.cursor{
cursor: pointer;
}
.icon-location{
	background-image: url(/assets/images/icon-new-all-min.png);
    background-repeat: no-repeat;
}
.tel-header{
	height: 30px;
    width: 30px;
    background-position: -11px -11px;
    zoom: 0.6;
}
.location-header{
	height: 30px;
    width: 30px;
    background-position: -99px -11px;
    zoom: 0.5;
    display: inline-block;
}
.location-footer{
	height: 33px;
    width: 30px;
    background-position: -99px -10px;
    display: block;
    margin: auto;
}
.tel-footer{
	height: 33px;
    width: 30px;
    background-position: -56px -11px;
    display: block;
    margin: auto;
}
.clock-footer{
	height: 33px;
    width: 33px;
    background-position: -138px -7px;
    display: block;
    margin: auto;
}
.clock-blog{
	height: 20px;
    width: 23px;
    background-position: -186px -14px;
    zoom: 0.9;
    display: inline-block;
}
.pencel-blog{
	height: 20px;
    width: 23px;
    background-position: -258px -14px;
    zoom: 0.7;
    display: inline-block;
}
.eye-blog{
	height: 20px;
    width: 23px;
    background-position: -221px -11px;
    zoom: 0.9;
    display: inline-block;
}
.star-icon{
	width: 100px;
    height: 20px;
    display: block;
    background-position: -22px -51px;
	margin: auto;
}
 .custom-form-control {
     font-size: 1rem;
     line-height: 1;
     color: #fff !important;
     background-color: #2e5e8c;
     background-clip: padding-box;
     border: 1px solid #215287;
 }  
 .section-blogrol:hover .overlayBlog {
     height: 85%;
 }
 .ml{
     margin-left: -90px;
 }
 .card-wrapper {
     background: #f6efe9;
     padding-top: 3rem;
     /* padding-bottom: 3rem; */
     padding: 1rem;
     border-radius: 5px;
     min-height: 490px;
 }
 p a {
     color: #00ccde;
 }
 .ma{
     margin: auto;
 }
 .menu-tel{
     background: #00CCDE;
     height: 100%;
     text-align: center;
     width: 18rem;
     align-items: center;
     display: flex;
     font-weight: bold;
 }
 .stiky{
     position: sticky;
     top: 0;
     z-index: 100;
 }
 #navmenu {
     width: 346px;
     position: fixed;
     top: 50px;
     right: -346px;
     height: 100vh;
     z-index: 999;
     background: #03264c;
     color: #fff;
     transition: all .3s;
     overflow-y: scroll;
     box-shadow: 3px 3px 3px rgba(0,0,0,.2);
 }
 #navmenu.active {
     right: 0;
 }
 .menu ul li{
     list-style: none;
     padding: 14px 30px;
 }
 .menu a{
     color: white;
 }
 color-primery{
     color: #16528b;
 }
 .bg-menu{
     background-color: #274D87;
 }
 .font1-8{
     font-size: 1.8rem;
 }
 .bg-gray{
     background-color: #e9ecef;
 }
 .bg-primery{
     background-color: #27537b;
 }
 .img-center{
     margin: auto;
     display: block;
 }
 .height-footer {
     height: 45vh;
 }
 @media screen and (max-width: 480px){
     .height-footer {
         height: 85vh;
     }
 }
 @media screen and (max-width: 320px){
     .height-footer {
         height: 110vh;
     }
 }
 .custom-input{
     font-size: 1rem;
     line-height: 1;
     color: #fff !important;
     background-color: #2e5e8c;
     background-clip: padding-box;
     border: 1px solid #215287;
     width: 100%;
     display: block;
     height: calc(1.5em + .75rem + 2px);
     padding: .375rem .75rem;
 }
 ::placeholder{
     color:white !important;
 }