@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body{ color:#000000;}
body p{ line-height:normal;}

.btn, .btn:focus{ min-width:200px; height:auto; font-family: 'Open Sans', serif; font-size: 16px; font-weight: 600; border-width:2px; border-radius:100px; padding:15px 30px; letter-spacing: 2px;}
.btn1, .btn1:focus{ background-color:#494e6b; border-color:#494e6b; color:#ffffff;}
.btn2, .btn2:focus{ background-color:#f8b195; border-color:#f8b195; color:#ffffff;}
.btn3, .btn3:focus{ background-color:#e7ede8; border-color:#e7ede8; color:#494e6b;}
.btn:hover{ background-color:#000000; border-color:#000000; color:#ffffff;}
h1, .htitle{ font-size:48px; font-weight:700; text-transform:none;}
.htitle span{ font-size:48px;}
h2, h3, h4, h5, h6{ font-weight:400; text-transform:none;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .htitle span{ font-family: 'Quicksand', sans-serif; font-weight:700; text-transform:none;}
.swiper-pagination-bullet{ width:14px; height:14px; background: #494e6b; border:1px solid #494e6b;}
.swiper-pagination-bullet-active{ width:18px; height:18px; background: #f8b195; border-color:#f8b195; position:relative; top:2px;}
.swiper-button-next, .swiper-button-prev, .swiper-button-next .svg, .swiper-button-prev .svg{ width:40px; height:40px;}

.section-fb, .footer, .b-border{ display:none!important;}

.header-vce-box{ color:#ffffff; position:absolute; left:0; right:0; top:0; z-index:9; margin-top:60px;}
.header-vce-box a{ color:#ffffff;}
.header-vce-box a:hover{ color:#f8b195;}
.header-vce-box .header-addr-box a{ font-weight:600; border-right: 2px solid #ffffff; padding-right:10px; margin-right:5px;}
.header-vce-box .header-addr-box a:last-child{ border:none; padding-right:0; margin-right:0;}
/*.header-vce-box .section-right-box{ text-align:right;}*/
.header-vce-box .section-right-box{ margin-top:10px;}
.header-vce-box .social-icons{ font-size:26px;}
.header-vce-box .social-icons a{ margin-right:25px;}
.header-vce-box .header-addr-box span{ font-weight:600;}

.banner-vce-box{ height:800px; color:#ffffff; background-repeat:no-repeat; background-position:center top; background-size: cover; padding-top:13rem;}
.banner-vce-breast-aug-box{ background-image:url('/images/virtual-consult/hvce-breast-aug-img.jpg');}
.banner-vce-tummy-tuck-box{ background-image:url('/images/virtual-consult/hvce-tummy-tuck-img.jpg');}
.banner-vce-labiaplasty-box{ background-image:url('/images/virtual-consult/hvce-labiaplasty-img.jpg');}
.banner-vce-box .img-box{ margin-bottom:40px;}
.banner-vce-box .contact-form-box{ background-color:#494e6b; padding:40px 30px; text-align:left; margin-top:-9rem;}
.banner-vce-box .contact-form-box .form-control{ height:55px; font-family: 'Open Sans', serif; color:#ffffff; background-color:#696c8b; border-color:#696c8b; padding-top:15px; padding-bottom:15px; letter-spacing:1px;}
.banner-vce-box .contact-form-box .form-control::-moz-placeholder { color:#e5e5e5;}
.banner-vce-box .contact-form-box .form-control::-webkit-input-placeholder { color:#e5e5e5;}
.banner-vce-box .contact-form-box .form-control:-ms-input-placeholder { color:#e5e5e5;}
.banner-vce-box .contact-form-box .form-check .form-check-input{ margin-top:2px;}
.banner-vce-box .contact-form-box .form-check a{ color:#fff; font-weight:bold;}
.banner-vce-box .contact-form-box .form-check a:hover{ color:#f8b195;}
.banner-vce-box .contact-form-box .input-group-text{ max-width:105px; border-color:#696c8b;}
.banner-vce-box .contact-form-box .input-group-text img{ max-width:100%;}
.banner-vce-box .contact-form-box .btn{ width:100%; margin:20px auto 0; display: block;}

.vce-box{ padding-top:60px; padding-bottom:60px; overflow:hidden;}

.faq-vce-box{}
.faq-vce-box h2{ color:#494e6b;}
.faq-vce-box h2 span{ font-size:48px; line-height:40px;}
.faq-vce-box .btn-box{ text-align:center;}
.faq-vce-box .btn{ min-width:360px;}
.swiper-container-faq{ padding-bottom:20px;}
.swiper-container-faq .card-box{ font-size:14px; font-weight:500; text-align:center;}
.swiper-container-faq .card-box .nbox{ font-size:112px; line-height:100px; font-weight:700; color:#fef2ed;}
.swiper-container-faq .card-box .content-box{ position:relative; z-index:1; margin-top: -2.5rem;}
.swiper-container-faq .card-box h5{ font-size:18px; font-weight:700; color:#494e6b; margin-bottom:15px;}


.drs-vce-box{ padding-top:40px; padding-bottom:0;}
.drs-vce-box .img-dr-box{ text-align:center;}
.drs-vce-box .img-dr-box img{ max-width:100%; margin:0 auto; display:block;}
.drs-vce-box h2 span{ font-size: 48px; color: #f8b195; display: block;}
.drs-vce-box .stitle{ font-size:20px; font-weight:700; color:#494e6b; margin-bottom:15px;}
.drs-vce-box .btn1{ background-color:transparent; color:#494e6b;}
.drs-vce-box .btn1:hover{ background-color:#000000; color:#ffffff;}
.drs-vce-box .btn{ margin-right:5px;}
.drs-vce-box .btn:last-child{ margin-right:0;}

.pg-vce-box{ height:auto; background-color:#e7ede8; text-align:center;}
.pg-vce-box h2{ color:#494e6b;}
.pg-vce-box img{ max-width:100%; margin:0 auto; display:block; border:7px solid #ffffff;}
.pg-vce-box .card-box{ position:relative; display:inline-block; margin-top:30px; margin-left:60px; margin-right:60px;}
.pg-vce-box .card-box .overlay-box{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pg-vce-box .card-box .btn-box{ position:absolute; left:0; right:0; top:43%;}

.fc-vce-box{ height:410px; font-size:24px; color:#ffffff; background-color:#2a2e45; background-image:url('/images/virtual-consult/bgovce-img.jpg'); background-repeat:no-repeat; background-position:center center; background-size: cover; position:relative;}
.fc-vce-box:after{ content:''; position:absolute; left:0; right:0; top:0; bottom:0;
background: #2A2E45;
background: -webkit-linear-gradient(to right, #2A2E45 0%, #2A2E45 10%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(to right, #2A2E45 0%, #2A2E45 10%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, #2A2E45 0%, #2A2E45 10%, rgba(255,255,255,0) 100%);}
.fc-vce-box .section-box{ position:relative; z-index:1;}
.fc-vce-box .section-left-box{ text-align:right;}
.fc-vce-box .htitle span{ font-size:24px;}
.fc-vce-box a{ font-weight:700;}
.fc-vce-box a:hover{ color:#ffffff;}
.fc-vce-box .section-right-box .content-box{ position:absolute; bottom:0;}

.footer-vce-box{ background-color:#494e6b; padding-top:40px; padding-bottom:40px;}
.footer-vce-box .btn1{ background-color:transparent; border-color:#e7ede8; color:#e7ede8;}
.footer-vce-box .btn1:hover{ background-color:#000000; border-color:#000000; color:#ffffff;}
.footer-vce-box .section-right-box{ text-align:right;}
.footer-vce-box .btn{ margin-right:10px;}
.footer-vce-box .btn:last-child{ margin-right:0;}

.swiper-wrapper{height:auto!important}


@media (min-width: 1900px) {}
@media (min-width: 1600px) {}
@media (min-width: 1200px) {
.banner-vce-box .contact-form-box .form-check .form-check-label{ font-size:14px; letter-spacing:0.4px;}
.banner-vce-box .contact-form-box .form-check{ margin-top:15px; margin-left: -20px;}
}
@media (min-width: 992px) {
.drs-vce-box .section-left-box .content-box{ position:absolute; margin-top:60px; z-index:1;}
.drs-vce-box .section-right-box .content-box{ margin-top:90px}

.swiper-container-faq .swiper-pagination-faq{ display:none;}

.swiper-container-vcpg .swiper-button-next, .swiper-container-vcpg .swiper-button-prev{ display:none;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.drs-vce-box .btn{ min-width:160px;}
.pg-vce-box .card-box{ margin-left: 15px; margin-right: 15px;}
.banner-vce-box .content-box h1{ font-size:38px;}
}
@media (max-width: 1199.98px) {
.banner-vce-box .contact-form-box .btn{ margin-top:20px;}
}
@media (max-width: 991px) {

.banner-vce-box .contact-form-box{ padding:30px;}
.banner-vce-box .contact-form-box .btn{ margin-top:10px;}

.swiper-container-faq .card-box h5{ font-size:24px;}
.swiper-container-faq .card-box{ font-size:18px;}
.swiper-container-faq .card-box .nbox{ font-size:160px; line-height:130px;}

.drs-vce-box{ text-align:center;}
.drs-vce-box .content-box{ width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
.content-wrap-box{ max-width:720px; margin:0 auto; padding-left:15px; padding-right:15px;}
.drs-vce-box .section-right-box .content-box{ background-color:#494e6b; color:#ffffff; padding-top:40px; padding-bottom:40px;}
.drs-vce-box .stitle{ color:#ffffff;}
.drs-vce-box .btn1{ background-color:transparent; border-color:#e7ede8; color:#e7ede8;}
.drs-vce-box .btn1:hover{ background-color:#000000; border-color:#000000; color:#ffffff;}
.drs-vce-box .btn2{ background-color:#e7ede8; border-color:#e7ede8; color:#494e6b;}
.drs-vce-box .btn2:hover{ background-color:#000000; border-color:#000000; color:#ffffff;}


.swiper-container-faq{ margin-bottom:20px;}

.footer-vce-box .btn{ margin-left:auto; margin-right:auto; margin-bottom:15px; display:block;}
.footer-vce-box .btn:last-child{ margin-bottom:0;}
}
@media (min-width: 768px) and (max-width: 991.98px) {

.banner-vce-box .content-box h1{ font-size:28px;}
.banner-vce-box .content-box p{ font-size:16px;}

}
@media (min-width: 768px) {
.banner-vce-box .dnone-sm{ display:none;}
}
@media (min-width: 576px) {}
@media (max-width: 767.98px) {
h1{ font-size:30px;}

.header-vce-box{ background-color:rgba(236,241,239,0.4); margin-top:0; padding:25px 15px; text-align:center;}
.header-vce-box .section-right-box{ display:none;}
.header-vce-box a, .header-vce-box span{ color:#3b3e53;}
.header-vce-box .header-addr-box a{ border-color:#3b3e53;}

.banner-vce-box{ height:auto; background-position: left top; background-size: 900px; text-align:center; padding-top:7rem;}
.banner-vce-box img{ max-width:220px;}
.banner-vce-box .content-box p{ display:none;}
.banner-vce-box .contact-form-box{ margin-top:0;}
.banner-vce-box .contact-form-box p{ text-align:center;}
.banner-vce-box .contact-form-box .btn{ margin-top:10px;}
.banner-vce-box .dnone-md{ display:none;}

.vce-box{ text-align:center;}

.faq-vce-box h2{ position:relative; padding-top:50px;}
.faq-vce-box h2 span{ position:absolute; top:0; left:0; right:0; display:block;}

.pg-vce-box .card-box{ margin:0 auto;}
.swiper-container-vcpg{ padding-bottom:60px;}
.swiper-container-vcpg .swiper-button-next, .swiper-container-vcpg .swiper-button-prev{ top:auto; bottom:0;}

.fc-vce-box{ height:auto;}
.fc-vce-box:after{ background: -webkit-linear-gradient(to top right, #2A2E45 0%, #2A2E45 10%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(to top right, #2A2E45 0%, #2A2E45 10%, rgba(255,255,255,0) 100%);
background: linear-gradient(to top right, #2A2E45 0%, #2A2E45 10%, rgba(255,255,255,0) 100%);}
.fc-vce-box .section-left-box{ text-align:center;}
.fc-vce-box .section-right-box .content-box{ position:relative;}
.fc-vce-box .section-right-box .content-box p:last-child{ margin-bottom:0;}

.footer-vce-box{ padding-top:40px; padding-bottom:40px;}
.footer-vce-box .section-right-box{ text-align:center;}

}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {
.header-vce-box .header-addr-box a{ padding-right:5px; margin-right:0;}
.banner-vce-box{ background-position: -8rem top;}
.banner-vce-box img{ max-width:160px;}

.faq-vce-box .btn{ min-width:220px; display:block;}

.drs-vce-box h2 span{ font-size:30px;}

.drs-vce-box .btn{ margin-left:auto; margin-right:auto; margin-bottom:15px; display:block;}
.drs-vce-box .btn:last-child{ margin-bottom:0;}
}
@media (max-width: 359px) {
.header-vce-box .header-addr-box{ font-size:14px;}
}
@media (min-width: 320px) {

}