@charset "utf-8";



html{scroll-behavior:smooth}



body{font-family: 'Poppins', sans-serif; line-height:1.8 ;}



p {color: #3f3e3e;line-height: 1.8;font-size: 15px;font-weight: 300;}



a {text-decoration: none!important;outline: none;}



/*Padding-top*/



.pt-10 {padding-top: 1%}



.pt-20 {padding-top: 2%}



.pt-30 {padding-top: 3%}



.pt-40 {padding-top: 4%;}



.pt-50 {padding-top: 5%;}



.pt-60 {padding-top: 6%;}



/*Margin-top*/



.mt-10 {margin-top: 1%;}



.mt-20 {margin-top: 2%;}



.mt-30 {margin-top: 3%;}



.mt-40 {margin-top: 4%;}



.mt-50 {margin-top: 5%;}



.mt-60 {margin-top: 6%;}



/*Padding-bottom*/



.pb-10 {padding-bottom: 1%;}



.pb-20 {padding-bottom: 2%;}



.pb-30 {padding-bottom: 3%;}



.pb-40 {padding-bottom: 4%;}



.pb-50 {padding-bottom: 5%;}



.pb-60 {padding-bottom: 6%;}



/*Margin-bottom*/



.mb-10 {margin-bottom: 1%;}



.mb-20 {margin-bottom: 2%;}



.mb-30 {margin-bottom: 3%;}



.mb-40 {margin-bottom: 4%;}



.mb-50 {margin-bottom: 5%;}



.mb-60 {margin-bottom: 6%;}



.sticky {position: fixed;top: 0;width: 100% !important;background-color: #ffffff;z-index: 999999; box-shadow: 0px 10px 15px 0px rgba(0,0,0,.15);transition: all 0.3s;}



.sticky .navbar {padding: 0;}



.sticky .navbar-brand img {width: 60px;}



.sticky .nav-border {



    padding: 5px 30px !important;



}



.social-media li a {background-color: transparent;display: inline-block;text-align: center;color: #d0d0d0;font-size: 15px;margin-right: 10px;transition: ease-in-out all 0.2s;}



.social-media {display: block;margin: 0;padding: 0;}



.social-media li {list-style: none;display: inline;}



.social-media li a:hover {color: #debe82;}



header {background-color: #ffffff;}



.top-header {background-color: #000000;padding: 5px 0;}



.top-header p {margin: 0;line-height: 28px;}



.top-header p a {color: #d0d0d0;transition: ease-in-out all 0.2s;}



.top-header p a:hover {color:#debe82;}



.nav-border {display: inline-block;padding: 7px 30px !important;margin-left: 15px;border-radius: 30px;transition: ease-in-out all 0.2s;background-color: #fd275b;color: #fff !important;border: 2px solid #fd275b;}





.nav-border:hover {background-color: #3f3e3e;border-color: #3f3e3e!important;color: #ffffff!important;transition: ease-in-out all 0.2s;}



.navbar-nav .nav-link {padding-right: 25px!important;padding-left: 25px!important;color: #3f3e3e;font-weight: 300; letter-spacing: 1px;transition: ease-in-out all 0.2s;}



.navbar-nav .nav-link:hover {color: #debe82;}



.dropdown-menu::after {top: calc(-.25rem - 1px);left: 20%;transform: rotate(-45deg);content: '';position: absolute;width: 0.7rem;height: 0.7rem;background-color: #3f3e3e;z-index: -1;}



.dropdown-menu:li {text-align: left;transition: ease-in-out all 0.6s;}



.dropdown:hover .dropdown-menu {display: block;margin-top: 0; }



.navbar-brand img {width: 80px;}



.carousel-control-next {position: absolute;z-index: 999;top: 46%;bottom: 0;width: 40px;color: #fff;text-align: center;opacity: 1;background-color: #fd275b;height: 40px;border-radius: 50%;right: 3% !important;}



.carousel-control-prev {position: absolute;z-index: 999;top: 46%;bottom: 0;width: 40px;color: #fff;text-align: center;opacity: 1;background-color: #fd275b;height: 40px;border-radius: 50%;left: 2.5% !important;}



.carousel-item img {max-width: 100%;width: 100%;max-height: 100%;}



.carasoul-overlay {position: absolute;background-color: #00000078;right: 0;left: 0;top: 0;bottom: 0;}



.carousel-caption { left:5%;width: 100%;padding: 10% !important;position: absolute;right: 0;bottom: 0;z-index: 10;top: 0;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: left;}



.carousel-caption h2 {font-size: 48px;font-weight:800;color: #FD275B;text-align: left;/*text-shadow: 0 0 3px #000000, 0 0 5px #000000;*/font-family: 'Playfair Display', serif;font-style: italic;letter-spacing: 1px;}



.carousel-caption h1 {font-size: 48px; left: 10%; font-weight:800;color: #FD275B;text-align: left;text-shadow: 0 0 3px #000000, 0 0 5px #000000;font-family: 'Playfair Display', serif;font-style: italic;letter-spacing: 1px;}



.carousel-caption p{color: #24232b;font-weight: 300; font-size: 16px; color: #fff;}



.welcome-vivazen h2 {font-size: 48px;text-align: center;margin: 0 0 30px 0;font-weight: 700;color: #3f3e3e;font-family: 'Playfair Display', serif; font-style: italic;}



.welcome-vivazen p {text-align: center; font-size: 16px; font-weight: 300;}



.viva-service {transition: ease-in-out all 0.2s;}



.viva-service h4 {color: #ffffff; font-size: 21px;margin: 0; padding:10px 30px;text-align: center;background-color: #000000;}



.viva-service img {width: 100%;height: 300px;}



.no-gutters {margin-right: 0;margin-left: 0;}



.beautypress-partner-list{padding: 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr); }



.inner-content { color: #000000; text-align: center; display: block; margin: 15px 0 0 0;}



.beautypress-partner-list li a .inner-content h4 {font-size: 21px; margin: 0 0 15px 0;font-weight: 600;color: #3f3e3e;}



.inner-content p {margin: 0; font-weight: 300;}



.beautypress-partner-list li .beautypress-icon {display: block;height: 100px;width: 100px;border-radius: 50%; margin: 0 auto;transition: ease-in-out all 0.2s;}



.beautypress-partner-list li:hover {box-shadow: 0 15px 25px -7px rgba(0,0,0,.09),0 -12px 10px -10px rgba(0,0,0,.04);}



.beautypress-partner-list li{position:relative;list-style: none;}



.beautypress-partner-list li a {padding: 30px;display: block;} 



.beautypress-partner-list li:before{position:absolute;content:"";bottom:0;left:0;height:1px;width:100%}



.beautypress-partner-list li:after{position:absolute;content:"";top:0;right:0;height:100%;width:1px}



.beautypress-partner-list li:nth-child(1):before{background-color: #eee;}



.beautypress-partner-list li:nth-child(2):before{border-bottom:1px #eee solid}



.beautypress-partner-list li:nth-child(3):before{background-color: #eee;}



.beautypress-partner-list li:nth-child(1):after,.beautypress-partner-list li:nth-child(2):after{background-color: #eee;}



.beautypress-partner-list li:nth-child(4):after,.beautypress-partner-list li:nth-child(5):after{background-color: #eee;}



.beautypress-partner-list.beautypress-version-4 li:nth-child(1):before{background-color: #eee;}



.beautypress-partner-list.beautypress-version-4 li:nth-child(1):after,.beautypress-partner-list.beautypress-version-4 li:nth-child(2):after{background-color: #eee;}



.beautypress-partner-list.beautypress-version-4 li:nth-child(2):before{border-color:#E8E8E8}



.beautypress-partner-list.beautypress-version-4 li:nth-child(3):before{background-color: #eee;}



.beautypress-partner-list.beautypress-version-4 li:nth-child(4):after,.beautypress-partner-list.beautypress-version-4 li:nth-child(5):after{background-color: #eee;}



.about-vivazen {background-image: url("../image/about-bg.jpg");background-attachment: fixed; background-repeat: no-repeat;height: 100%; background-position:center right;}



.about-bg-white {background-color: rgba(253, 39, 91, 0.7);padding: 30px; width: 100%;border-radius: 5px;}



.col-light-black {color: #!important;}



.about-vivazen h2 {font-size: 48px;font-family: 'Playfair Display', serif;color: #ffffff;margin: 0 0 45px 0; font-weight: 700;font-style:italic}



.about-vivazen h5 {color: #ffffff;font-size: 18px;font-weight: 600;margin: 0 0 15px 0;text-transform: uppercase;}



.about-vivazen p {color: #ffffff;font-weight: 300;}



.vivazen-packages {background-color: #f8f8ff !important;}



.vivazen-packages h2 {font-size: 48px;text-align: center;margin: 0 0 45px 0;font-weight: 700;color: #3f3e3e;font-family: 'Playfair Display', serif;font-style: italic;}



.vivazen-offer {background-color: #ffffff;box-shadow: 0 15px 25px -7px rgba(0,0,0,.09),0 -12px 10px -10px rgba(0,0,0,.04); border-radius: 10px; padding-bottom: 15px;text-align: center; height:100%;}



.vivazen-offer .vivazen-header h4 {font-size:20px; font-weight: 600;text-align: center;margin: 15px 0 0 0;color: #3f3e3e;}



.vivazen-header {display: block; padding: 30px;border-radius: 10px 10px 0px 0px; background-color: #ffffff;}



.price-unit {margin: 0 auto;}



.price {font-size: 24px;color: #fd275b;text-align: center; line-height: 27px;display: block;font-weight: 500;margin: 15px 0 0 0;}



.actualPrice {text-decoration: line-through;color: #717171;}

.offp{ font-size:26px;  color: #fd275b; font-weight:600;}

.DetailPrice {width: 100%;display: block;text-align: center;margin: 10px 0 0 0;}



.table td, .table th {padding: .75rem;vertical-align: top; border-top: none;text-align: center!important;font-weight: 300;}



.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.01);}



.book-appointment {border: 2px solid #fd275b;padding: 5px 30px !important;border-radius: 30px;transition: ease-in-out all 0.2s;background-color: #fd275b;margin: 5px 0 15px 0;display: inline-block;color: #ffffff;}



.book-appointment:hover {color: #ffffff;background-color: #3f3e3e;border: 2px solid #3f3e3e;}



.beautypress-partner-list a .service-button {border: 2px solid #fd275b;padding: 3px 10px !important;border-radius: 30px;transition: ease-in-out all 0.2s;background-color: #ffffff;margin: 15px 0 0 0;display: inline-block;color: #fd275b;}



.beautypress-partner-list a:hover .service-button {color: #ffffff;background-color: #fd275b;border-color: #fd275b;}



.slider-button {font-size: 18px;border: 2px solid #fff;padding: 8px 45px !important;border-radius: 30px;transition: ease-in-out all 0.2s;background-color: transparent;margin: 5px 0 15px 0;display: inline-block;color: #fff;}



.slider-button-2 {font-size: 18px;border: 2px solid #ffffff;padding: 8px 45px !important;border-radius: 30px;transition: ease-in-out all 0.2s;background-color: transparent;margin: 5px 0 15px 0;display: inline-block;color: #ffffff;}



.slider-button-2:hover {border-color: #ffffff;background-color: #ffffff;color: #3f3e3e;}



.slider-button:hover {color: #ffffff;background-color: #000000;border: 2px solid #000000;}



.testimonial h2 {font-size: 48px;text-align: center;margin: 0 0 45px 0;font-weight: 700;color: #3f3e3e;font-family: 'Playfair Display', serif;font-style: italic;}



.owl-nav{width:100%;top:0;z-index:999;height:100%;margin-top:0!important}



.owl-nav button:focus{outline:0;box-shadow:0 2px 8px 0 rgba(51,60,63,0.22)}



.owl-nav button{position:absolute;background-color:#fff!important;box-shadow:0 2px 8px 0 rgba(51,60,63,0.22);top:32%;width:30px!important;border-radius:50px!important;height:30px!important;line-height:0!important}



.owl-nav button span{font-size: 24px;color: #222222;line-height: 0px;}



.owl-nav button:hover span{color:#34422d}



.owl-nav button:nth-child(2){right:-40px}



.owl-nav button:nth-child(1){left:-40px}



.review {width: 85%;padding: 0;margin: 0 auto;}



.review p {display: -webkit-inline-box;text-align: center;}



.cs-author-info {margin-top: 2% auto 0 auto; text-align: center;}



.cs-media {display: inline-block; margin: 0 auto; width: 12%;}



.cs-text {display: inline-block;position: relative;vertical-align: top;text-align: left;width: auto;}



.cs-media img {border-radius: 100%;width: 100%;}



.cs-media figure {width: 44px;height: 44px;}



footer {background-color: #000000;}



footer p {color: #ffffff; font-weight: 300;}
footer p a, footer p a:hover{color: #ffffff;}



.font-600 {font-weight: 600 !important;color: #debe82!important;}



.footer-inner h4 {font-size: 21px;font-weight: 500;margin-bottom: 15px;color: #ffffff;}



.footer-link li a {color: #ffffff;text-decoration: none;transition: ease-in-out 0.2s all;font-size: 15px;font-weight: 300;}



.footer-link li a:hover {color: #debe82;}



.footer-link {padding-left: 0;margin: 0;}



.footer-link li {list-style: none;}



.hr-2 {border-top: 1px solid #ffffff36;margin-top: 15px;margin-bottom: 15px;}



.col-grey {color: #717171;}
.col-black {color: #3f3e3e !important;}
.vivazen-packages-bg {background-image: url("../image/package-bg.png");background-repeat: no-repeat;background-size: contain;}

.footer-social {padding: 0;display: block;}



.footer-social li {list-style: none;display: inline;}



.footer-social li a {color: #debe82;border: 1px solid #debe82;border-radius: 50%;width: 35px;height: 35px;line-height:35px;display: inline-block;text-align: center;margin-right: 5px;transition: ease-in-out all 0.2s;}



.footer-social li a:hover {background-color: #debe82;color: #000000;border-color: #debe82;}



.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;background-color: #3f3e3e;min-width: 12rem;}



.dropdown-item {display: block;width: 100%;padding: .25rem 1.5rem;clear: both; font-weight: 400;color: #fff;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;transition: ease-in-out all 0.2s;}



.dropdown-item:focus, .dropdown-item:hover {color: #16181b;text-decoration: none;background-color: #debe82;padding-left: 27px;letter-spacing: 0.5px;}



.vivazen-gallery {/*background-image: url("../image/floral-decorated-floor-wall-blue.png");*/background-color: #fff;background-repeat: no-repeat;height: 100%;background-position: bottom center;}

.vivazen-gallery .gallery .gaas img { width: 100%; height: 270px; object-fit: cover;}
 
.vivazen-gallery h2 {font-size: 48px;text-align: center;margin: 0 0 15px 0;font-weight: 700;color: #3f3e3e;font-family: 'Playfair Display', serif;font-style: italic;}



.vivazen-gallery p {text-align: center;margin: 0 0 15px 0;font-weight: 400;color: #3f3e3e;}



.gaas a img {height: auto}



.btn-outline-black {border: 2px solid #fd275b; padding: 6px 30px !important;border-radius: 30px;background-color: transparent; transition: ease-in-out all 0.2s; margin: 0 5px 0 5px;color: #fd275b;}



.btn-outline-black:hover {background-color: #fd275b;color: #ffffff;border-color: #fd275b;}



.box{overflow: hidden;position: relative;transition: all 0.4s ease-in;background-color: #000000;border-radius: 5px;width: 23%;float: left;margin: 1%;box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.4);}



.box:hover{ box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.4); }



.box:before{content: "";background: linear-gradient(-225deg, #FD275B 50%, #FD275B 100%);width: 100%;height: 100%;opacity: 0;transform: rotate3d(0,0,1,45deg);transform-origin: 0 100%;position: absolute;top: 0;left: 0;z-index: 1;transition: all 0.4s ease-out 0s;clip-path: polygon(100% 0, 0% 100%, 100% 100%);}



.box:hover:before{opacity: 0.8;transform: rotate3d(0,0,1,15deg);}



.box img{width: 100%;height: auto;transform: scale(1.1) translateY(4%);transition: all 0.4s ease-in;}



.box:hover img{opacity: 0.4;transform: scale(1.1) translateY(-4%);}



.box .box-content{color: #fff;width: 100%;text-align: center;opacity: 0;position: absolute;top: 0;left: 0;z-index: 2;transition: all 0.4s ease-out;}



.box:hover .box-content{opacity: 1;top: 30px;}



.box-content h3{font-size: 21px;font-weight: 600;margin: 0 0 2px;}



.box-content p{color: #ffffff;font-weight: 400;display: block;padding: 0 10px;}



.box .icon{padding: 0;margin: 0;list-style: none;opacity: 0;position: absolute;bottom: -50px;right: 10px;z-index: 2;transition: all 0.4s ease-in;}



.box:hover .icon{opacity: 1;bottom: 10px;}



.box .icon li{display: inline-block;margin: 0 4px;}



.box .icon li .gal-btn {color: #222;background: #fff;font-size: 14px;text-align: center;line-height: 23px;height: 35px;width: 35px;display: block;transition: all 0.3s ease 0s;}



.box .icon li .gal-btn:hover{background-color: #fd275b;color: #ffffff;}



.btn.focus, .btn:focus {outline: 0;box-shadow: none;}



.offers {background-image: url("../image/book-now.jpg");background-attachment: fixed;background-repeat: no-repeat;height: 100%;background-position: center center;}



.off h1 {color: #ffffff;font-size: 48px;text-align: left;margin: 0 0 15px 0;padding-top: 15px;font-weight: 500;letter-spacing: 2px;}



.off .lead {color: #ffffff; font-size: 24px;margin: 0 0 10px 0;font-family: 'Playfair Display', serif;font-style: italic;font-weight: 600;}



.off h2 {color: #debe82;margin: 0 0 30px 0;}



.offer-button {border: 2px solid #fff;padding: 10px 30px !important;border-radius: 30px;transition: ease-in-out all 0.2s;background-color: transparent;margin: 5px 0 15px 0;display: inline-block;color: #ffffff;transition: ease-in-out all 0.2s;}



.offer-button:hover {background-color: #debe82; color: #ffffff;border-color: #debe82;}



.inner-banner {background: url("../image/service-banner.jpg") no-repeat;background-position-x: 0%;background-position-y: 0%;padding: 3% 0;background-position: center top;}



.hair-banner {background-image: url("../image/hair-slider.jpg");background-position: center right;background-repeat: no-repeat;}



.bridal-banner {background-image: url("../image/bridal-slider.jpg");background-position: center right;background-repeat: no-repeat;}



.makeup-banner {background-image: url("../image/about-bg.jpg");background-position: center right;background-repeat: no-repeat;}



.nail-banner {background-image: url("../image/nail-slider.jpg");background-position: center right;background-repeat: no-repeat;}



.skin-banner {background-image: url("../image/skin-slider.jpg");background-position: center right;background-repeat: no-repeat;}



.pre-bridal-banner {background-image: url("../image/pre-bridal-slider.jpg");background-position: center right;background-repeat: no-repeat;}



.inner-banner h1 {margin:0 0 15px 0;font-size: 48px;font-weight: 800;color: #3f3e3e;font-family: 'Playfair Display', serif;font-style: italic;letter-spacing: 1px;text-align: left;}



.hair-service h2 {font-size: 36px;font-weight: 700;color: #3f3e3e;font-family: 'Playfair Display', serif;font-style: italic;letter-spacing: 1px;margin: 30px 0 15px 0;}



.bg-grey {background-color: #f4f4f4a8;}



.hair-service {background-color: #ffffff;}



.service-image img {width: 100%;max-height: 100%;height: 330px;border-radius: 5px;}



.service-pg-btn {font-size: 16px;border: 2px solid #000000;padding: 5px 30px;border-radius: 30px;transition: ease-in-out all 0.2s;background-color: transparent;margin:15px 0 0 0;display: inline-block;color: #000000;}



.service-pg-btn:hover {background-color: #fd275b;color: #fff !important;border: 2px solid #fd275b;}



.inner-banner ul.breadcrumb {padding: 10px 0;list-style: none;background-color: transparent;text-align: left;display: block;}



.inner-banner .breadcrumb li {display: inline;text-transform: uppercase; font-size: 16px; font-weight: 500;transition: ease-in-out all 0.2s;}



.inner-banner .breadcrumb li+li:before {padding: 8px;color: black; content: ">";}



.inner-banner .breadcrumb li a { color:#000000;text-decoration: none;text-transform: uppercase; transition: ease-in-out all 0.2s;font-size: 16px;}



.inner-banner .breadcrumb li a:hover {color: #debe82;text-decoration: none;}



.landing-page-form {padding:30px 50px;background-color: rgba(255,255, 255, 0.9); border-radius: 5px;box-shadow: 0 15px 25px -7px rgba(0,0,0,.09),0 -12px 10px -10px rgba(0,0,0,.04);}



.landing-page-form h4 {color: #3f3e3e; text-align: left;margin: 0 0 15px 0; font-weight: 600;}



.floating-label {position: relative;margin: 0;}



.floating-input, .floating-select {padding: 17px 0px 0px 0px;display: block;width: 100%;height: 45px;background-color: transparent;border: none;border-bottom: 1px solid #00000052 !important;color: #00000052 ;border-radius: 0px;margin: 0 0 15px 0;}



.floating-input:focus, .floating-select:focus {outline: none;border: none;border-bottom: 1px solid #a20e0e !important;}



.floating-input select {font-size: 14px;padding: 4px;display: block;width: 100%;height: 30px;background-color: transparent;border: 1px solid #c0c0c0;}



.floating-input:focus select {outline: none;border: 1px solid #0100c0;}



.landing-page-form label {color: #222222;font-weight: normal;position: absolute;left: 0px;top: 12px;transition: 0.2s ease all;pointer-events: none;font-weight: 300;}



.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top: -5px;font-size: 14px;color: #222222;}



.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {top: -18px;font-size: 14px;color: #0100c0;}



.form_3 .floating-textarea {min-height: 120px;max-height: 260px;overflow: hidden;overflow-x: hidden;}



.floating-textarea {min-height: 30px;max-height: 260px;overflow: hidden;overflow-x: hidden;height: 100px;}



select {height: 45px;width: 100%;padding: 0;border: none;border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: medium;border-bottom: 1px solid #00000052;color: #222222;background-color: transparent; font-weight: 300; }



input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] {-webkit-appearance: listbox;width: 100%;background-color: transparent;box-shadow: none !important;border: none;border-bottom: 1px solid #00000052 !important;height: 45px;margin-bottom: 30px;outline: none !important;font-weight: 300;}



.btn-contact-pg {background-color: #fd275b;margin: 30px 0 0 0;padding: 10px 30px;color: #ffffff;transition: ease-in-out all 0.2s;border-radius: 30px;width: 100%;}



.btn-contact-pg:hover {background-color: #3f3e3e; color: #ffffff;border-color: #3f3e3e;}



.mak-service {padding-left: 15px;display: inline-block;}



.mak-service li::marker {color: #fd275b;}



.mak-service li {list-style: circle;font-weight: 300;width: 50%; float: left;line-height: 1.8;color: #3f3e3e;font-size: 15px;}



.contact-detail h2 {font-size: 36px;font-family: 'Playfair Display', serif;font-style: italic; font-weight: 700;margin: 0 0 30px 0;}



.contact-detail p {margin: 0 0 5px 0;}



.contact-detail p a {color: #3f3e3e; text-decoration: none!important;transition: ease-in-out all 0.2s;}



.contact-detail hr {border-top:1px dashed #d0d0d0;}



.g-map {background-color: #3f3e3e;padding: 8px 8px 0 8px;border-radius: 5px;}



.bg-white {background-color: #ffffff!important;}



.modal-body {padding: 30px;}



.modal-dialog {margin: 8% auto;}



.close {font-size: 16px;font-weight: normal;color: #3f3e3e;text-shadow: none;opacity: 1;background-color: #ffffff!important;height: 30px; width: 30px; border-radius: 50%;line-height: 31px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);outline: none!important;text-decoration: none !important;position: absolute;left: auto;right: -15px;top: -15px;transition:ease-in-out all 0.2s}



.close:hover {background-color: #fd275b!important;color: #ffffff;opacity: 1!important;}



.modal-backdrop.show {opacity: 0.7;}



.service-1 {background-color: #f1f1f1;padding: 5px;border-radius: 5px;}



.service-1 img {height: 280px;width: 100%; border-radius: 5px;}



.service-1 h4 {font-size: 21px; margin: 15px 0;text-decoration: none!important; outline: none!important;color: #3f3e3e;font-weight: 500;text-align: center;padding: 0 15px;}



.service-1 p {text-align: center; padding: 0 15px;}



.navbar-toggler-icon {background-image: url("../image/navbar-togler.png");}



.navbar-toggler {padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;background-color: transparent; border: 1px solid #000000;border-radius: .25rem;}



.carousel-control-next-icon {background-image: url("../image/next.png");}



.carousel-control-prev-icon {background-image: url("../image/previous.png");}



.offers .carousel-item img {height: auto;width: auto;margin: 0 auto;border-radius: 5px;}



.carasoul-overlay {position: absolute;}

.whatsapp-icon { position: fixed; left: 95%; bottom: 70px;}
.call-icon { position: fixed; left: 95%; bottom: 18px;}
.whatsapp-icon a { display: inline-block; width: 47px; height: 47px; border-radius: 50%; text-align: center; color: #fff; background: #0BC242; left: 0; right: 0; margin: 0 auto; font-size: 24px; line-height: 2; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.call-icon a {display: inline-block; width: 45px; height: 45px; border-radius: 50%; text-align: center; color: #fff; background: #3F3E3E; left: 0; right: 0; margin: 0 auto; font-size: 20px; line-height: 2.4; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}




@media (max-width: 768px) {



    p {font-size: 14px;}



    .top-header {padding: 0px 0;}



    .top-header p {font-size: 12px;}



    .social-media li a {font-size: 14px;margin-right: 5px;}



    .navbar-brand img {width: 50px;}



    .navbar {padding: 0.2rem 0;}



    .navbar-toggler {padding: .25rem 0.40rem;font-size: 1rem;border: #000000 2px solid;}



    .navbar-nav .nav-link {padding: 2px 0!important;font-size: 14px;}



    .nav-border {display:none;}



    .navbar-nav{padding-bottom: 15px;}



    .carousel-item img {height: auto;}



    .carousel-control-prev {height: 30px; width: 30px;top: 40%;}



    .carousel-control-next {height: 30px; width: 30px;top: 40%;}



    .carousel-caption h2 {font-size: 18px;font-weight: 600;color: #fff;}



    .carousel-indicators {margin-bottom: 0;}



    .welcome-vivazen h2 {font-size: 30px;margin: 0 0 15px 0;}



    .welcome-vivazen p {font-size: 14px;}



    .beautypress-partner-list {grid-template-columns: repeat(1,1fr);}



    .beautypress-partner-list li a .inner-content h4 {font-size: 18px;}



    .beautypress-partner-list li {position: static;}



    .about-vivazen h5 {font-size: 15px;}



    .about-vivazen h2 {font-size: 30px;margin: 0 0 15px 0;}



    .vivazen-gallery h2 {font-size: 30px;}



    .btn-outline-black {padding: 3px 20px !important;margin-bottom: 5px;font-size: 14px;}



    .btn-outline-black {border: 1px solid #fd275b;}



    .box{width: 48%;}



    .gaas a img {height: 140px;}



    .box-content h3 {font-size: 18px;}



    .box:hover .box-content {opacity: 1;top: 15px;}



    .off {text-align: center;}



    .off h1 {font-size: 36px;font-weight: 600;padding-top: 0!important;}



    .off .lead {color: #ffffff;font-size: 21px;}



    .off h2 {margin: 0 0 15px 0;font-size: 21px;text-align: center;}



    .offer-button {padding: 5px 20px !important;}



    .vivazen-packages h2 {font-size: 30px;text-align: center;margin: 0 0 15px 0;}



    .vivazen-offer .vivazen-header h4 {font-size: 21px;}



    .vivazen-header {display: block;padding: 15px;}



    .testimonial h2 {font-size: 30px;margin: 0 0 15px 0;}



    .cs-media figure {width: 30px;height: 30px;}



    .cs-text h5 {font-size: 14px;margin: 0;}



    .cs-media {display: inline-block;margin: 0 auto;width: 20%;}



    .cs-text em {font-size: 12px;}



    .owl-nav button:nth-child(1) {left: 0;}



    .owl-nav button:nth-child(2) {right: 0;}



    .inner-banner h1 {margin: 0 0 15px 0;font-size: 30px;}



    .landing-page-form {padding: 15px;}



    .hair-banner {background-position: center left;}



    .bridal-banner {background-position: center left;}



    .makeup-banner {background-position: center left;}



    .nail-banner {background-position: center left;}



    .pre-bridal-banner {background-position: center left;}



    .landing-page-form h4 {font-size: 21px;}



    .hair-service h2 {font-size: 30px;}



    .mak-service li {width: 100%;}



    .footer-inner h4 {font-size: 18px;margin: 15px 0;}



    .copy {text-align: center !important;}



    .footer-center {text-align: center!important;margin-top: 0}



    .footer-link li a {font-size: 14px;}



    .table td, .table th {font-size: 14px;}



    .mak-service li {font-size: 14px;}



    .inner-banner ul.breadcrumb {padding: 0;margin: 0;}



    .inner-banner .breadcrumb li {font-size: 14px;}



    .contact-detail h2 {font-size: 30px;margin: 0 0 15px 0;}



    .g-map {margin-top: 15px;}



    .modal-dialog {margin: 30% 5%;}




}

@media (min-width:320px) and (max-width:767px) {
	

    .whatsapp-icon { left: 88%; bottom: 60px;}
    .whatsapp-icon a { width: 36px; height: 36px; font-size: 18px;}
    .call-icon { left: 88%; bottom: 15px;}
    .call-icon a { width: 36px; height: 36px; font-size: 15px;}

}

sup {

    top: -0.2em !important;

    font-size: 25px !important;

}