/* font family */ @font-face { font-family: 'CircularStd-Bold'; src: url('../eot/circularstd-bold.eot'); src: url('../eot/circularstd-boldd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-bold.svg#CircularStd-Bold') format('svg'), url('../ttf/circularstd-bold.ttf') format('truetype'), url('../woff/circularstd-bold.woff') format('woff'), url('../woff2/circularstd-bold.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-BoldItalic'; src: url('../eot/circularstd-bolditalic.eot'); src: url('../eot/circularstd-bolditalicd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-bolditalic.svg#CircularStd-BoldItalic') format('svg'), url('../ttf/circularstd-bolditalic.ttf') format('truetype'), url('../woff/circularstd-bolditalic.woff') format('woff'), url('../woff2/circularstd-bolditalic.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Book'; src: url('../eot/circularstd-book.eot'); src: url('../eot/circularstd-bookd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-book.svg#CircularStd-Book') format('svg'), url('../ttf/circularstd-book.ttf') format('truetype'), url('../woff/circularstd-book.woff') format('woff'), url('../woff2/circularstd-book.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-BookItalic'; src: url('../eot/circularstd-bookitalic.eot'); src: url('../eot/circularstd-bookitalicd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-bookitalic.svg#CircularStd-BookItalic') format('svg'), url('../ttf/circularstd-bookitalic.ttf') format('truetype'), url('../woff/circularstd-bookitalic.woff') format('woff'), url('../woff2/circularstd-bookitalic.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Medium'; src: url('../eot/circularstd-medium.eot'); src: url('../eot/circularstd-mediumd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-medium.svg#CircularStd-Medium') format('svg'), url('../ttf/circularstd-medium.ttf') format('truetype'), url('../woff/circularstd-medium.woff') format('woff'), url('../woff2/circularstd-medium.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-MediumItalic'; src: url('../eot/circularstd-mediumitalic.eot'); src: url('../eot/circularstd-mediumitalicd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-mediumitalic.svg#CircularStd-MediumItalic') format('svg'), url('../ttf/circularstd-mediumitalic.ttf') format('truetype'), url('../woff/circularstd-mediumitalic.woff') format('woff'), url('../woff2/circularstd-mediumitalic.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularSpotifyTxT-Light'; src: url('../eot/circularspotifytxt-light.eot'); src: url('../eot/circularspotifytxt-lightd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularspotifytxt-light.svg#CircularSpotifyTxT-Light') format('svg'), url('../ttf/circularspotifytxt-light.ttf') format('truetype'), url('../woff/circularspotifytxt-light.woff') format('woff'), url('../woff2/circularspotifytxt-light.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Black'; src: url('../eot/circularstd-black.eot'); src: url('../eot/circularstd-blackd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-black.svg#CircularStd-Black') format('svg'), url('../ttf/circularstd-black.ttf') format('truetype'), url('../woff/circularstd-black.woff') format('woff'), url('../woff2/circularstd-black.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-BlackItalic'; src: url('../eot/circularstd-blackitalic.eot'); src: url('../eot/circularstd-blackitalicd41d.eot#iefix') format('embedded-opentype'), url('../svg/circularstd-blackitalic.svg#CircularStd-BlackItalic') format('svg'), url('../ttf/circularstd-blackitalic.ttf') format('truetype'), url('../woff/circularstd-blackitalic.woff') format('woff'), url('../woff2/circularstd-blackitalic.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicheSans-Regular'; src: url('../svg/quichesans-regular.svg#QuicheSans-Regular') format('svg'), url('../ttf/quichesans-regular.ttf') format('truetype'), url('../woff/quichesans-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaPT-Book'; src: url('../eot/futurapt-book.eot'); src: url('../eot/futurapt-bookd41d.eot#iefix') format('embedded-opentype'), url('../svg/futurapt-book.svg#FuturaPT-Book') format('svg'), url('../ttf/futurapt-book.ttf') format('truetype'), url('../woff/futurapt-book.woff') format('woff'), url('../woff2/futurapt-book.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaPT-Demi'; src: url('../eot/futurapt-demi.eot'); /* IE9*/ src: url('../eot/futurapt-demid41d.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../woff2/futurapt-demi.woff2') format('woff2'), url('../woff/futurapt-demi.woff') format('woff'), url('../ttf/futurapt-demi.ttf') format('truetype'), url('../svg/futurapt-demi.svg#Futura PT Demi') format('svg'); /* iOS 4.1- */ } html { scroll-behavior: smooth; } html, body { font-size: 15px; font-family: 'FuturaPT-Book'; font-weight: normal; color: #333; text-align: left; margin: 0; padding: 0; scroll-behavior: smooth; } .site-main{overflow:hidden;} .heading-1 { font-size: 60px; margin: 0px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .theme-tabs-list, .theme-tab-title { color: #333; line-height: 1.5; display: block; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 30px 0 0 0; letter-spacing: 0; } h1, .h1 { font-size: 48px; } h2, .h2 { font-size: 36px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 14px; margin: 36px 0 0 0; } a { color: inherit; transition: all 0.5s ease; } a:hover { color: #173f6d; text-decoration: none; } * { outline: none !important; } ul { margin: 0px; padding: 0px; list-style-type:none; } button:focus { outline: none; } .form-control:focus { box-shadow: none; outline: none; } .btn { font-size: 14px; min-width: 270px; height: auto; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 60px; font-family: 'CircularStd-Book'; box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important;-o-box-shadow: none !important; -webkit-box-shadow: none !important; position: relative; overflow: hidden; text-transform: uppercase; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; border-radius: 0 !important; letter-spacing: 0.04em !important; color: #fff !important; background: #173f6d; position: relative; z-index: 1; border: none; padding: 0px; cursor: pointer; } .btn:before { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; background: #5d7999; z-index: -1; } .btn:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #173f6d; z-index: -2; } *:before, *:after { -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .noscript-img{display:inline;height:36px;margin:0 auto;width:34px;} .noscript{background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;border-top:1px solid #ccbea4;bottom:0;float:left;font-size:20px;left:0;margin:0 auto;min-height:50px;padding:10px 0;position:fixed;right:0;text-align:center;top:auto;width:100%;z-index:99999;color:#fff } .noscript i{color:#f00 } .btn-small { min-width: 140px; height: 40px; } .btn-primary { background-color: #89c2eb; } .top-right .user-menu { padding: 0px 15px; list-style-type: none; margin: 0; border: 1px solid #ddd; display: none; background: #f5f5f5; } .user-menu { position: absolute; top: 30px; right: 0; z-index: 5; width: 150px; text-align: left; padding: 5px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } ul.user-menu:before { width: 10px; height: 10px; content: ""; display: block; position: absolute; right: 10px; top: -5px; background: #f5f5f5; border: 1px solid #ddd; border-width: 1px 0px 0px 1px; transform: rotate( 45deg); margin-bottom: -11px; } .user-menu li { margin: 0px !important; display: list-item; text-align: center; padding: 5px 0px; } .user-menu li + li { border-top: 1px solid #ddd; } .user-menu li a { color: #353535; display: block; padding: 5px 0; text-transform: uppercase; font-size: 14px; } .top-right ul { display: flex; justify-content: flex-end; align-items: center; } .top-right ul li { position: relative; } .skintech-top { background-color: #f1f1f1; } .skintech-top .row { align-items: center; } .top-left .top-social { display: flex; } .top-social li a i { color: #999; font-size: 16px; } .top-social li a:hover i { color: #173f6d; } .top-social li a { display: block; transition: all ease 0.5s; } .top-social li + li { margin-left: 20px; } .sprite { background: url(../sprite.html) no-repeat; } .sprite-ba:before, .sprite-ba:after { background: url(../sprite.html) no-repeat; margin-right: 6px; } .top-menu li a span { display: flex; align-items: center; font-size: 14px; color: #333; letter-spacing: 0.02em; font-family: 'CircularSpotifyTxT-Light'; } .top-menu li a span.top-tooltip{ position: absolute;right: 0%; top: 180%;white-space: nowrap; line-height: 16px;padding: 2px 5px;background: #173f6d;color: #fff;font-weight: 400;font-size: 13px;margin-top: -11px;margin-right: 9px;opacity: 0; pointer-events: none; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; font-family: 'FuturaPT-Book';} .top-menu li a span.top-tooltip:before{ content: "";display: block; width: 7px;height: 7px; background: #173f6d;transform: rotate( 45deg); position: absolute;left: 50%;top: -4px;} .top-menu li a { display: flex; align-items: center; justify-content: space-between; } .top-menu li + li { margin-left: 28px; } .top-menu li a.number svg { height: 18px; width: 18px; } .top-menu li a svg { fill: #173f6d; margin-right: 6px; width: 20px; } .top-menu li a.wishlist svg path { stroke: #173f6d; } .top-menu li a.btn-small { font-size: 14px !important; letter-spacing: 0.04em !important; color: #fff !important; font-family: 'CircularStd-Book'; padding: 10px !important; display: block; } ul.menu li.search-main { position: relative; height: 20px; } ul.menu li.search-main a { cursor: pointer; } .logo img { transition: all 0.5s ease; width: 250px; } .sticky .logo img { /*width: 210px;*/ } .section-heading { font-family: 'QuicheSans-Regular'; font-size: 48px; color: #333; line-height: normal; letter-spacing: 0; margin: 0; } /* home banner */ .home-banner { position: relative; position: relative; overflow: hidden; background: no-repeat center top / cover transparent; min-height: 500px; } .home-slider > .home-banner + .home-banner {display: none;} .home-banner .theme-banner-content { position: absolute; top: 0; display: block; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .theme-banner-content h4 { line-height: 32px; letter-spacing: 0; color: #333; font-family: 'CircularStd-Bold'; margin: 0; text-transform: uppercase; } .theme-banner-content .heading-1 { line-height: 80px; letter-spacing: 0; color: #333; font-family: 'QuicheSans-Regular'; padding: 28px 0px; margin: 0; } .home-banner figure { margin: 0px; } /* treat section */ .treat-wrapper { padding: 88px 0px 88px 0px; } .treat-wrapper .single-treat { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 50px; position: relative; } .treat-wrapper .single-treat:before { content: ""; display: block; background-color: #f1f1f1; position: absolute; left: 0; right: 0px; bottom: 0; top: 0; z-index: -1; margin-left: 18%; } .treat-wrapper .img-wrap { margin: 30px 30px 30px 0px; position: relative; } .treat-wrapper .img-wrap a::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; width: 100%; display: block; background-color: rgba(0,0,0,0.05); } .treat-wrapper .section-heading { padding-bottom: 58px; } .treat-content h3 a { font-family: 'CircularStd-Bold'; line-height: 32px; letter-spacing: 0; color: #333; } .treat-content h3 { margin: 9px 0px 22px 0px; } .treat-content h3 a:hover { color: #173f6d; } .treat-content a.read-link { font-size: 18px; position: absolute; bottom: 0; transition: all 0.5s ease; opacity: 0; font-family: 'FuturaPT-Book'; color: #333; border-bottom: 1px solid #333; } .treat-content p { font-size: 18px; font-family: 'FuturaPT-Book'; line-height: 30px; letter-spacing: 0.04em; padding: 0px 25px 20px 0px; } .treat-slider .slick-track { min-width: 1170px; } .treat-slider .slick-arrow { position: absolute; top: 45%; transform: translateY(-45%); z-index: 1; } .treat-slider .right-arrow { right: -6%; margin-top: 6px; background-image: url(../png/arrow-right.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .treat-slider .left-arrow { left: -6%; margin-top: 6px; background-image: url(../png/arrow-left.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .treat-section .container { padding: 0 15px; max-width: 1200px; } .treat-slider .slide { padding: 0 25px; } .treat-slider { margin: 0 -25px; width: auto; } .treat-btn { padding: 11px 0px; } /* category section */ .category-wrapper { background-color: #f1f1f1; padding: 88px 0px 75px 0px; } .single-category figure { position: relative; } .single-category { text-align: center; } .single-category svg { margin: 0px 0px 0px 43px; } .single-category .image-wrapper { background: url(../svg/category-hexagone.svg) no-repeat 0 0 / cover transparent; background-repeat: no-repeat; height: 320px; width: 368px; display: flex; align-items: center; justify-content: center; margin: 0px auto; } .single-category .svg-overlay { opacity: 0; transition: all 0.5s ease; } .single-category:hover .svg-overlay { opacity: 0.2; } /*.single-category .image-wrapper{position:absolute;content:"";top:0;left:0;right:0;bottom:0;width:100%;display:block;background-color:rgba(128,128,128,0.20);}*/ .single-category .image-wrapper img { margin-top: -40px; } .category-wrapper .section-heading { padding-bottom: 40px; } .single-category .category-content p { font-family: 'FuturaPT-Book'; font-size: 16px; color: #000; line-height: 30px; letter-spacing: 0.02em; padding: 5px 39px; } .category-content .h4 { color: #000; line-height: 30px; letter-spacing: 0; font-family: 'CircularStd-Bold'; margin: -30px 0px 10px 0px; } .category-wrapper .container { padding: 0 15px; max-width: 1200px; } /* story section */ .story-wrapper .story-content .story-small-title { font-size: 18px; line-height: 32px; letter-spacing: 0; color: #89c2eb; font-family: 'CircularStd-Book'; text-transform: uppercase; padding-bottom: 20px; } .story-wrapper .story-content .story-heading { font-size: 36px; letter-spacing: 0; line-height: normal; color: #333; font-family: 'QuicheSans-Regular'; padding-bottom: 20px; margin: 0; } .story-desc { font-size: 18px; line-height: 30px; letter-spacing: 0.04em; color: #333; font-family: 'FuturaPT-Book'; padding: 0px 93px 32px 0px; } .story-wrapper { padding: 88px 0px 55px 0px; } .story-image-wrapper.img-top { padding: 66px 0px 0px 0px; } .story-image-wrapper.img-top, .story-image-wrapper.img-bottom { position: relative; } .story-image-wrapper.img-top span { position: absolute; z-index: -1; top: 13px; left: 0; } .story-image-wrapper.img-top span:before { position: absolute; content: ""; display: block; left: -60px; top: 0; background: url(../jpg/pattern.jpg); height: 144px; width: 170px; } .story-image-wrapper.img-bottom span { position: absolute; z-index: -1; bottom: -57px; left: 0; } .story-image-wrapper.img-bottom span:before { position: absolute; content: ""; display: block; right: -110px; bottom: 0; background: url(../jpg/pattern.jpg); height: 144px; width: 170px; } .story-right { padding: 175px 0px 0px 42px; } .story-image-wrapper .story-btn { position: absolute; left: 0; bottom: 0px; } .story-left .story-content { padding-top: 42px; } /* team section */ .team-wrapper { padding: 89px 0px 80px 0px; } .team-wrapper .section-heading { margin-bottom: 56px; } .team-single { text-align: center; } .team-single figure img { border-radius: 50%; } .team-single .team-plus { display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; z-index: 2; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team-single .team-plus:before, .team-single .team-plus:after { content: ""; display: block; position: absolute; width: 100%; height: 6px; top: 50%; left: 0; margin-top: -3px; background: #fff; } .team-single .team-plus:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .team-popup { padding: 0px; } .team-container { max-width: 800px; width: 100%; align-items: center; } .team-details-img{ background-color: #f1f1f1;padding: 20px;} .team-details-img img{border-radius:50%;} .team-img-container{display:flex;align-items:center;background-color:#f1f1f1;width: 100%;} .team-content { padding: 0px 0px 0px 0px; } .team-info { padding-bottom: 20px; align-self: center; } .team-content{padding:20px;} .team-details-name.h3 { font-family: 'QuicheSans-Regular'; font-size: 36px; color: #333; line-height: normal; letter-spacing: 0; margin-bottom: 15px;} span.team-details-designation { font-size:22px; margin-top: 15px; display: block; } .team-content p{ font-size: 18px; line-height: 28px; letter-spacing: 0.02em; } .team-single figure:hover .team-popup:before { opacity: 0.5; } .team-single figure .team-popup:before { content: ""; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1; opacity: 0; } .team-single figure:hover .team-plus { opacity: 1; } .team-single figure a { position: relative; display: inline-block; border-radius: 50%; } .team-single figcaption { padding-top: 35px; } .team-name { font-size: 20px; font-family: 'CircularStd-Bold'; line-height: 32px; letter-spacing: 0; color: #333; margin: 0px 0px 10px 0px; } .team-designation { font-size: 18px; color: #000; line-height: 30px; letter-spacing: 0.02em; font-family: 'FuturaPT-Book'; } .team-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .team-slider .right-arrow { right: -100px; margin-top: -60px; background-image: url(../png/arrow-right.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .team-slider .left-arrow { left: -100px; margin-top: -60px; background-image: url(../png/arrow-left.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .team-wrapper .container { padding: 0 15px; max-width: 1200px; } /* speciality section */ .speciality-section .single-speciality figure { text-align: center; margin: 0px auto; position: relative; } .speciality-section .row { justify-content: space-around; } .single-speciality figcaption { position: absolute; bottom: 0px; text-align: center; width: 100%; transition: all 0.5s ease; } .single-speciality figcaption .special-tag { background-color: #89c2eb; font-family: 'CircularStd-Book'; font-size: 18px; color: #000; line-height: 32px; letter-spacing: 0; display: initial; padding: 10px 20px; margin: 11px auto; text-align: center; text-transform: uppercase; } .single-speciality figcaption .h1 { font-family: 'QuicheSans-Regular'; font-size: 48px; color: #fff; line-height: normal; letter-spacing: 0; text-shadow: 1px 1px 1px #000; } .single-speciality img { max-width: 100%; } .speciality-section .single-speciality { padding: 0 0 0 3px; position: relative; } .speciality-section .speciality-slider { width: auto; margin: 0 0 0 -3px; } .single-speciality figure:after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; height: 100%; opacity: 0; width: 100%; background-color: rgba(0,0,0,0.5); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; } .single-speciality figure:hover:after { opacity: 1; } .single-speciality:hover figcaption { z-index: 1; tranform: translateY(50%); bottom: 10%; } .single-speciality .discover-btn { background-color: #f1f1f1; padding: 10px 30px; font-size: 20px; color: #000; line-height: 32px; letter-spacing: 0; display: inline-block; font-family: 'CircularStd-Book'; top: 100%; transition: all 0.5s ease; opacity: 0; margin: 0px auto; text-align: center; left: 0; right: 0; width: max-content; } .single-speciality:hover .discover-btn { transform: translateY(50%); opacity: 1; } /* seller secttion */ .seller-wrapper { padding: 88px 0px 38px 0px; } .seller-wrapper .section-heading { padding-bottom: 55px; } .seller-single figure a.pro-img img { margin: 0px auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .seller-single figure { margin: 0px; } .seller-single { margin-bottom: 51px !important; position: relative; overflow: hidden;z-index:1; } .seller-single figure a.pro-img { padding-bottom: 121.49%; position: relative; } .seller-single figure a.pro-img:before { border: 2px solid transparent; content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .seller-single, .seller-single figure a.pro-img { margin: 0px auto; text-align: center; margin-bottom: 15px; display: block; } .seller-single .pro-name { font-family: 'FuturaPT-Book'; font-size: 18px; color: #000; letter-spacing: 0.02em; line-height: normal; padding-bottom: 17px; } /*.related-wrapper .price .woocommerce-Price-amount bdi{font-size:18px;letter-spacing:0.02em;line-height:30px;color:#999999;font-family: 'FuturaPT-Book';margin-right: 20px;display: inline;}*/ .price-wrapper span.price-old, .woocommerce div.product p.price del span, .price del span.woocommerce-Price-amount { font-size: 18px; letter-spacing: 0.02em; line-height: 30px; color: #999999; font-family: 'FuturaPT-Book'; text-decoration: line-through; margin-right: 20px; display: inline; } .price-wrapper span.price-new, .woocommerce div.product p.price ins span, .price ins span.woocommerce-Price-amount { font-size: 18px; letter-spacing: 0.02em; line-height: 30px; color: #173f6d; font-family: "FuturaPT-Demi"; } .price ins { text-decoration: none; } .woocommerce div.product p.price del span.woocommerce-Price-currencySymbol { margin-right: 0px; } .woocommerce div.product p.price ins { text-decoration: none; } .seller-wrapper .container { padding: 0 15px; max-width: 1200px; } .seller-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .seller-slider .right-arrow { right: -100px; margin-top: -70px; background-image: url(../png/arrow-right.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .seller-slider .left-arrow { left: -100px; margin-top: -70px; background-image: url(../png/arrow-left.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .seller-single a.product-icon-wishlist { position: absolute; right: 15px; top: 15px; z-index: 2; margin-right: -50px; opacity: 0; } .seller-single a.product-icon-wishlist:hover { border: none !important; } .seller-single a.added_to_cart { position: absolute; background-color: #173f6d; color: #fff; padding: 2px 10px; font-size: 14px; top: 40%; transform: translate(-50%, -40%); left: 50%;z-index:1; } .seller-single .product-icon-cart { position: absolute; right: 15px; top: 45px; z-index: 2; margin-right: -50px; opacity: 0; } .seller-single a.button.add_to_cart_button { background: transparent !important; position: absolute; right: 15px; top: 45px; z-index: 2; margin-right: -50px; padding: 0px; } .seller-single a.button.add_to_cart_button.added::after { position: absolute; left: 5px; top: 5px; margin: 0; font-size: 14px; color: #173f6d; } .seller-single a.button.add_to_cart_button svg { background: transparent; } .seller-single:hover a.button.add_to_cart_button:hover { background-color: transparent; } /* tab section */ .concern-wrapper { background-color: #758591; padding: 89px 0px 100px 0px; } .concern-wrapper .section-heading { color: #fff; } .concern-wrapper ul.tabs { padding: 0; float: left; list-style: none; padding: 50px 0px; margin: 0px auto; width: 100%; display: flex; align-items: center; justify-content: center; } .concern-wrapper ul.tabs li { float: left; margin: 0; cursor: pointer; letter-spacing: 0.04em; line-height: 32px; color: #bbbbbb; font-size: 14px; overflow: hidden; position: relative; text-transform: uppercase; font-family: "FuturaPT-Demi"; padding: 0; border-bottom: 3px solid transparent; } .concern-wrapper ul.tabs li:before { display: none; } .concern-wrapper ul.tabs li + li { margin-left: 45px; } .concern-wrapper ul.tabs li.active { background-color: transparent; color: #fff; border-color: #89c2eb; display: block; } .concern-wrapper .tab_container { border-top: none; max-width: 1170px; margin: 0px auto; width: 100%; clear:both; } .concern-wrapper .tab_container .tab_content_main_home{max-height:460px;} .concern-wrapper .tab_content { display: none; } .btn-primary:after { background-color: #89c2eb; } .btn-primary:before { background-color: #add4f1; } .concern-wrapper .tab_content .tab-right { position: relative; z-index: 1; } .concern-wrapper .tab_content .tab-right .tab-btn { position: absolute; bottom: 0; } .concern-wrapper .tab_content .tab-right .tab-btn .btn-primary:after { background-color: #89c2eb; } .concern-wrapper .tab_content .row .col-md-4 { align-items: center; display: flex; flex-direction: column; justify-content: center; } .concern-wrapper .tab_content .row {/* align-items:center; */ } .tab-left .h2, .tab-left h2 { font-size: 36px; letter-spacing: 0; line-height: 48px; color: #fff; font-family: 'QuicheSans-Regular'; margin: 0 0 3px 0; } .tab-left p { margin: 0px; padding: 26px 0px 31px 10px; } .tab-left ul.tab-list { margin-left: 23px; } .tab-left p, .tab-left ul.tab-list { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0.02em; color: #fff; } .tab-right span { right: 0; position: absolute; bottom: 50%; } .tab-right span:before { position: absolute; content: ""; display: block; background-image: url(../png/pattern2.png); width: 170px; height: 144px; right: -100px; transform: translateY(0%); bottom: -72px; z-index: -1; } .tab-left ul { list-style-type: none; } .tab-left ul li::before { content: ""; color: #89c2eb; display: inline-block; width: 28px; margin-left: -10px; } .concern-wrapper .tab_drawer_heading, .description-wrapper .tab_drawer_heading { display: none; } @media screen and (max-width: 600px) { .concern-wrapper .tabs, .description-wrapper .tabs { display: none !important; } .concern-wrapper .tab_content { padding-bottom: 0px; } .description-wrapper .tab_drawer_heading { display: none; } .concern-wrapper .tab_drawer_heading, .description-wrapper .tab_drawer_heading { background-color: #f1f1f1; color: #333; font-size: 18px; margin: 5px 0px; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .description-wrapper .tab_drawer_heading { background-color: #f8f8f8; } .service-detail-page .description-wrapper .tab-description{ margin-top: 10px !important; margin-bottom: 10px !important;} .concern-wrapper .d_active { background-color: #f1f1f1; color: #333; } .description-wrapper .d_active { color: #fff; background-color: #173f6d; } .concern-wrapper .tab_content .row .col-md-4 { padding: 15px 15px; } .tab-left p { padding: 15px 0px; } .tab-left .h2, .tab-left h2 { font-size: 18px; line-height: 20px; } .tab-right span:before { display: none; } .tab-left p { font-size: 16px; line-height: 26px; } .tab-left ul.tab-list { font-size: 16px; line-height: 24px; } .tab-left ul.tab-list li:before { top: 8px !important; } .concern-wrapper h3.tab_drawer_heading:after { float: right; font-size: 20px; content: "+"; font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .concern-wrapper h3.tab_drawer_heading.d_active:after { transform: rotate( 180deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: "-"; } } /* brand section */ .brand-wrapper { padding: 88px 0px 30px 0px; } .brand-wrapper .section-heading { /*padding-bottom: 84px;*/ } .brand-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .brand-slider .right-arrow { right: -115px; margin-top: -57px; background-image: url(../png/arrow-right.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .brand-slider .left-arrow { left: -114px; margin-top: -56px; background-image: url(../png/arrow-left.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } ul.slick-dots li button { appearance: none; -webkit-appearance: none; list-style-type: disc; font-size: 0px; border: none; background-color: transparent; } ul.slick-dots li::before { content: ""; height: 8px; width: 8px; border-radius: 50%; background-color: #d1d9e2; display: inline-block; } ul.slick-dots li.slick-active::before { background-color: #173f6d; } ul.slick-dots li + li { margin-left: 15px; } ul.slick-dots li { cursor: pointer; } ul.slick-dots { display: flex; align-items: center; justify-content: center; } .brand-wrapper .container { max-width: 1170px; } .brand-slider ul.slick-dots { margin: 71px 0px 64px 0; } .brand-slider .slick-slide a img { margin: 0px auto; text-align: center; } .brand-slider .slick-track { display: flex; align-items: center; } /* choose section */ .choose-wrapper .row { background-color: #f1f1f1; } .choose-wrapper .row .col-md-6 { padding: 0px; display: flex; } .choose-right span.h4 { font-family: 'CircularStd-Book'; font-size: 18px; line-height: 32px; letter-spacing: 0; color: #89c2eb; text-transform: uppercase; } .choose-right .h1 { color: #333; line-height: normal; letter-spacing: 0; margin: 14px 0px 37px 0px; } .choose-right { padding: 44px 45px; } .choose-right p { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0.04em; color: #333; margin: 0px 12px 0px 0px; } .choose-right p + p { margin-top: 30px; } .choose-wrapper .container { width: 100%; max-width: 1340px; padding: 0px 0px; } .choose-wrapper .choose-img-wrapper { width: 100%; background: no-repeat center center / cover; } .choose-wrapper .choose-img-wrapper:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; width: 100%; display: block; background-color: rgba(0,0,0,0.05); } /* usp section */ .usp-wrapper { padding: 100px 0px 80px 0px; } .usp-wrapper .container { max-width: 1170px; } .usp-wrapper .single-usp { text-align: center; } .single-usp .usp-image svg { fill: #173f6d; width: 40px; height: 40px; } .usp-wrapper .col-md-4:last-child svg { width: 31px; } .single-usp .h3 { font-size: 20px; font-family: 'CircularStd-Bold'; line-height: 32px; letter-spacing: 0; color: #333; margin: 20px 0px 11px 0px; } .single-usp p { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0.04em; color: #333; } /* gallery-section*/ .gallery-wrapper { padding-bottom: 10px; } .gallery-wrapper .section-heading { padding-bottom: 55px; } .gallery-wrapper .container { max-width: 1200px; } .gallery-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .gallery-slider .right-arrow { right: -80px; margin-top: 0px; background-image: url(../png/arrow-right.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .gallery-slider .left-arrow { left: -100px; margin-top: 0px; background-image: url(../png/arrow-left.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .gallery-slider { width: auto; margin: 0 -21px 0px 0px; } .gallery-slide.slick-slide { padding: 0px 21px 0px 0px; position: relative; display: flex; align-items: center; justify-content: center; } .gallery-slide.slick-slide img { max-width: 100%; } .gallery-slide a.gallery-link:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; width: 100%; display: block; background-color: rgba(0,0,0,0.05); } .gallery-slide a.gallery-link:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.3); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; } .gallery-slide a.gallery-link .zoom-view { height: 60px; width: 60px; background-color: #173f6d; position: absolute; content: ""; z-index: 1; display: flex; align-items: center; justify-content: center; top: 100%; left: 50%; margin-left: -30px; transition: all 0.5s ease; pointer-events: none; } .gallery-slide a.gallery-link { display: block; position: relative; } /* contact section */ .contact-wrapper { background-color: #c2d9e8; padding: 90px 0px 67px 0px; } .contact-wrapper .contact-form-wrapper form .col-xl-6, .contact-wrapper .contact-form-wrapper form .col-xl-12 { max-width: 470px; flex: 0 0 100%; padding-right: 0px; } .contact-wrapper .contact-form-wrapper form .col-xl-6 .form-group, .contact-wrapper .contact-form-wrapper form .col-xl-12 .form-group { min-width: 470px; } .contact-wrapper .form-wrapper form .btn-view { display: flex; align-items: flex-start; } .contact-form-wrapper span { font-family: 'CircularStd-Book'; font-size: 18px; line-height: 32px; letter-spacing: 0; color: #173f6d; text-transform: uppercase; } .contact-wrapper .container { max-width: 1200px; } /*insta */ .single-insta { position: relative; } .insta-wrapper .row { justify-content: space-around; } .insta-wrapper { padding: 40px 0px 0px 0px; } .single-insta .insta-icon { position: absolute; content: ""; display: block; top: -2px; right: -6px; } .insta-slider { margin: 0px -30px 0px 0px; } .single-insta .insta-img { width: 100%; } .insta-slide { position: relative; padding: 0px 30px 0px 0px; } .single-insta a { display: block; margin-bottom: 30px; } .insta-right .h4 { color: #173f6d; font-size: 18px; letter-spacing: 0; line-height: 32px; font-family: 'CircularStd-Book'; margin: 0; } .single-insta a:after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.3); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; } .sbi_hover_top, .sbi_hover_bottom { display: none; } #sb_instagram .sbi_photo_wrap:hover .sbi_hover_top, #sb_instagram .sbi_photo_wrap:hover .sbi_hover_bottom { display: none; } /*#sb_instagram .sbi_photo_wrap:hover .sbi_link{opacity:0;}*/ #sb_instagram .sbi_photo_wrap:after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.3); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; } #sb_instagram .sbi_photo_wrap:hover:after { height: 100%; } #sb_instagram .sbi_link .sbi_instagram_link { top: 0; } /* inner pages banner section and breadcums */ .inner-banner-section { position: relative; z-index: 1; min-height: 830px; background-position: center center; background-size: cover; } .inner-banner-section:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.10); z-index: -1; opacity: 1; } .inner-banner-section .page-heading-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; z-index: 1; margin: 0; width: 100%; color: #fff; } .page-heading-wrapper .h4 { letter-spacing: 0; line-height: 18px; font-family: 'CircularStd-Bold'; color: #fff; text-transform: uppercase; font-weight: normal; margin: 0px 0px 0px 0px; } .page-heading-wrapper .heading-1 { letter-spacing: 0; line-height: 40px; color: #fff; font-family: 'QuicheSans-Regular'; margin-top: 50px; } ul.breadcrumb { background: transparent; margin: 0px; padding: 3px 0px 23px 0px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; justify-content: center; } ul.breadcrumb > li { padding: 0 0; margin: 0 0 0 0; position: relative; font-size: 14px; line-height: 36px; letter-spacing: 0.04em; color: #666; } ul.breadcrumb > li a { color: #666 !important; text-transform: capitalize; letter-spacing: 0; } ul.breadcrumb > li.selected, ul.breadcrumb > li a:hover { color: #173f6d !important; } ul.breadcrumb > li+li { margin: 0 0 0 43px; padding: 0 0; } ul.breadcrumb > li+li:after { display: inline-block; left: -25px; position: absolute; content: ">"; } .inner-content-area p { font-size: 18px; line-height: 30px; letter-spacing: 0.04em; font-family: 'FuturaPT-Book'; } /* contact page */ /* contact form*/ .contact-form .form-control { border: none; border-bottom: 2px solid #999; border-radius: 0px; } .contact-form .form-group { display: inline-block; width: 100%; max-width: 100%; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; text-align: left; } .contact-us-page .form-wrapper .form-group { max-width: 100%; /*margin-bottom: 34px;*/ } .contact-form form .btn-view { margin: 7px 0px 0px 0px; } .contact-form form { max-width: 770px; margin: 0px auto; } .contact-form .form-group .input-label { position: absolute; font-size: 18px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; font-size: 18px; color: #333; line-height: 30px; letter-spacing: 0.04em; font-family: 'FuturaPT-Book'; margin: 0px; pointer-events: none; z-index: 1; } .contact-form .form-group.focus .form-control { border-bottom-color: #173f6d; } .contact-form .form-group.focus .input-label, .contact-form .form-group.filled .input-label, .contact-form .form-group select.focus .input-label, .contact-form .form-group select.filled .input-label { top: -20px; font-size: 13px; opacity: 1; } .contact-form input[type="submit"] { background: none; box-shadow: none; border-color: transparent; font-family: inherit; font-size: 16px; font-weight: 500; color: inherit; letter-spacing: 0.10em; text-transform: uppercase; } .contact-form { padding: 88px 0px 92px 0px; } .contact-form .h1 { color: #333; line-height: normal; letter-spacing: 0; font-family: 'QuicheSans-Regular'; margin: 0px; } .contact-form p { font-size: 18px; color: #333; line-height: 30px; letter-spacing: 0.04em; font-family: 'FuturaPT-Book'; max-width: 850px; margin: 38px auto; } .contact-form p a { color: #173f6d; } .contact-form .form-wrapper { margin-top: 52px; padding-top: 0px; } .map-container { overflow: hidden; padding-top: 71.5%; position: relative; z-index: 1; } .map-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; border: none; } .contact-us-page .tab-right span { right: 0; position: absolute; bottom: 50%; } .contact-us-page ul.address-list { list-style-type: none; margin-left: 0px; } .contact-us-page ul.address-list li::before { display: none; } .contact-us-page ul.address-list li span { display: block; } .contact-us-page ul.address-list li span a { color: #fff; } .contact-us-page ul.address-list li { display: flex; align-items: flex-start; justify-content: flex-start; padding-bottom: 29px; } .contact-us-page ul.address-list li img { margin: 7px 11px; } .contact-us-page .tab-left p { padding: 24px 0 28px 0; letter-spacing: 0.02em; } form .form-group label.error { line-height: normal; display: inline-block; font-size: 12px; color: #fff !important; background: #f00; padding: 2px 5px 2px; text-transform: capitalize; position: absolute; left: 0; top: 100%; margin: 0; } form .form-group label.error:before { content: ""; position: absolute; left: 5px; top: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #f00; z-index: 1; } form .wpcf7-form-control-wrap { display: block; } /* service list page */ /* cosmetic content section */ .cosmetic-content { background-color: #c2d9e8; padding: 89px 0px 96px 0px; } .cosmetic-content .h1 { margin: 0px auto 34px auto; font-family: 'QuicheSans-Regular'; letter-spacing: 0; color: #333; line-height: normal; max-width: 710px; } .cosmetic-content p { max-width: 960px; margin: 0px auto; font-size: 18px; color: #333; line-height: 30px; letter-spacing: 0.04em; font-family: 'FuturaPT-Book'; } .cosmetic-content p + p { margin-top: 30px; } .service-list-page .treat-wrapper .section-heading { max-width: 870px; margin: 0px auto; padding-bottom: 50px; } .service-list-page .treat-wrapper { padding: 88px 0px 0px 0px; } .service-list-page .treat-wrapper .container { width: 100%; max-width: 1200px; } .service-content .h1 { font-family: 'QuicheSans-Regular'; font-size: 48px; line-height: normal; letter-spacing: 0; margin: 0px; max-width: 600px; margin-bottom: 35px; } .service-img { position: relative; } .service-img span.pattern { position: absolute; z-index: -1; top: 13px; left: 0; } .service-img span.pattern:before { position: absolute; content: ""; display: block; left: -60px; top: -50px; background: url(../jpg/pattern.jpg); height: 144px; width: 170px; } .service-story-wrapper.first-service { padding: 156px 0px 88px 0px; } .service-story-wrapper.first-service .service-inner-content, .service-story-wrapper.second-service .service-inner-content { padding: 88px 0px; } .service-story-wrapper.first-service .service-inner-content p { margin-left: 0px; max-width: 575px; letter-spacing: 0.04em; font-size: 18px; line-height: 30px; } .service-story-wrapper.first-service .service-inner-content p + p { margin-top: 30px; } .service-story-wrapper.first-service .service-btn { padding: 50px 0px; } .zigzag_btn_main { padding: 50px 0px; } .service-story-wrapper.second-service .container { width: 100%; max-width: 1400px; } .service-story-wrapper.second-service .service-img { text-align: right; } .service-story-wrapper.second-service .service-inner-content { padding: 87px 0px 0px 100px; } .service-story-wrapper.second-service .service-img span.pattern:before { bottom: -50px; top: auto; left: -20px; } .service-story-wrapper.second-service .service-img { position: relative; } .service-story-wrapper.second-service .service-video { position: absolute; left: 52%; transform: translate(-50%, -50%); top: 48%; } .service-story-wrapper.second-service .service-img span.pattern { position: absolute; bottom: 0; top: auto; } .service-story-wrapper.second-service .service-inner-content p { margin-left: 0px; max-width: 575px; letter-spacing: 0.04em; font-size: 18px; line-height: 30px; } .service-story-wrapper.second-service .service-inner-content p + p { margin-top: 31px; } .service-story-wrapper.second-service .service-btn { margin: 50px 0px; } .service-story-wrapper.second-service { padding-bottom: 153px; } .single-cpt-service .service-story-wrapper.first-service .row { justify-content: center; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } .single-cpt-service .description-wrapper .tab_content .row { justify-content: center; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; } .single-cpt-service .service-story-wrapper.first-service .service-inner-content { padding: 0px; } /* product listing page */ .product-listing-page .pro-listing-wrapper .container { width: 100%; max-width: 1200px; } .listing-top-wrapper { display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0px 0; } .listing-top-wrapper .woocommerce-result-count, .filter-left form.woocommerce-ordering {margin:0px 0px 5px 0px !important;} .listing-top-wrapper p { margin: 0; color: #333; font-size: 16px; line-height: 36px; letter-spacing: 0.04em; font-family: 'FuturaPT-Book'; } .product-list-main .femmeline-blog-filter { margin: 0px; } .listing-view { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding-top: 30px; padding-bottom: 4px; } .product-listing-page .choose-right { padding: 50px 85px; } .product-listing-page .single-arrival .product-detail h3 { color: #ff4f8e; margin: 0px 0px 55px 0px; } .product-listing-page .femmeline-blog-filter .select-box:nth-child(1) { margin-right: 0px; } .filter-list .list-title { font-size: 20px; line-height: 32px; letter-spacing: 0; color: #333; font-family: 'CircularStd-Bold'; padding-bottom: 16px; } .filter-list .list-title:after { width: 40px; height: 4px; background-color: #89c2eb; position: absolute; display: block; content: ""; } .filter-accordion ul li a { font-family: 'FuturaPT-Book'; color: #333; font-size: 16px; line-height: 36px; letter-spacing: 0.04em; } .filter-accordion ul li{position:relative;} .filter-accordion ul li span{ display: block; height: 25px; width: 25px; position: absolute; right: 0px; top: 6px; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .filter-accordion ul li span:before { content: ""; position: absolute; background: #333; width: 2px; height: 12px; right: 10px; top: 50%; transform: translateY(-50%); } .filter-accordion ul li span:after { content: ""; position: absolute; background: #333; width: 12px; height: 2px; right: 5px; top: 50%; transform: translateY(-50%); } .filter-accordion ul li.in > span:before { transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate( 90deg ); } .filter-accordion ul li:hover > a,.filter-accordion ul li.selected > a{color:#173f6d;font-weight:700;} .skintech-blog-filter .filter-left .select-box::after { background-image: url(../png/select-filter.png); width: 13px; top: 50%; position: absolute; transform: translateY(-50%); margin-top: 0px; right: 0; } .product-listing-page .seller-single figure a { margin-bottom: 25px; } .skintech-blog-filter .filter-left .select-box { position: relative; } .skintech-blog-filter .filter-left .select-box select { font-size: 16px; border: none; line-height: 36px; letter-spacing: 0.04em; appearance: none; padding: 0px 30px 0px 10px; min-width: 220px;-webkit-appearance:none;background:#fff; } .blog-pagination { padding: 35px 0px; } ul.pagination { margin: 30px 0px; border-radius: 0; padding: 0 !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none; } ul.pagination li.prev.disabled, ul.pagination li.next.disabled { pointer-events: none; } ul.pagination li { padding: 0 !important; margin: 0px 30px 0px 0px !important; } ul.pagination li.prev > a, ul.pagination li.next > a { position: relative; } ul.pagination li.prev > a i, ul.pagination li.next > a i { color: #bebebe; } ul.pagination li > a, ul.pagination li > span { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; color: #333; font-size: 18px; letter-spacing: 0.02em; line-height: 30px; height: 50px; text-align: center; font-family: 'FuturaPT-Demi'; align-items: center; justify-content: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; border: 2px solid transparent; border-width: 2px 0; } ul.pagination li.selected > a { pointer-events: none; height: 40px; width: 40px; background-color: #173f6d; color: #fff; border-radius: 50%; font-size: 18px; line-height: 30px; letter-spacing: 0.02em; font-family: 'FuturaPT-Demi'; } .product-list-main { padding-bottom: 18px; } .product-listing-page ul.pagination { margin: 0px 0px 40px 0px; } .listing-content { background-color: #f5f5f5; padding: 89px 0px 50px 0px; } .listing-content .content-wrap .h2 { margin: 0px 0px 11px 0px; } .content-wrap p { font-size: 16px; font-family: 'Open Sans'; font-weight: normal; color: #444; line-height: 30px; letter-spacing: 0; margin-bottom: 47px; } .product-listing-page .usp-section { padding: 54px 0px 90px 0px; } .product-listing-page .usp-section .single-usp img { margin-bottom: 35px; } /* product description */ .description-wrapper { background-color: #f1f1f1; padding: 94px 0px 95px 0px; } .description-wrapper ul.tabs { display: flex; padding-bottom: 57px; } .description-wrapper ul.tabs li { font-family: 'QuicheSans-Regular'; font-size: 24px; color: #333; line-height: normal; letter-spacing: 0; position: relative; cursor: pointer; padding: 0; } .description-wrapper ul.tabs li:before { display: none; } .description-wrapper ul.tabs li.active { font-weight: 700; } .description-wrapper ul.tabs li.active:after { width: 100%; height: 4px; background-color: #89c2eb; position: absolute; display: block; content: ""; bottom: -10px; } .description-wrapper ul.tabs li + li { margin-left: 65px; } .description-wrapper .tab_container .row:nth-child(1) { padding-bottom: 45px; } .description-wrapper .tab_container .row:nth-child(2) { padding-top: 20px; } .description-wrapper .tab_container .row p.area-txt { padding-bottom: 36px; } .tab-description { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0.04em; color: #333; padding-right: 17px; } .tab-description p + p { margin: 30px 0px 25px 0px; } .tab-description p { letter-spacing: 0.04em; } .tab-description li + li { /*margin: 30px 0px 25px 0px;*/ } .tab-description ul li { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 36px; letter-spacing: 0.04em; color: #333; padding: 0 0 0 10px; position: relative; } .tab-description ul li::before { content: ""; width: 28px; margin-left: -30px; position: absolute; left: 21px; height: 5px; width: 5px; background: #89c2eb; border-radius: 50%; top: 17px; } .tab-description ul { margin-left: 14px; } .description-wrapper .product-tab-img { margin: 0px 40px; position: relative; } .description-wrapper .product-tab-img span.pattern { position: relative; top: 50px; bottom: auto; } .description-wrapper .product-tab-img span.pattern:before { position: absolute; content: ""; display: block; left: -20px; bottom: initial; background: url(../png/pattern2.png); height: 144px; width: 170px; z-index: auto; } .description-wrapper .product-tab-img img { border-radius: 50%; position: relative; } .description-wrapper .product-tab-img:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.05); } .product-detail-page .container { max-width: 1200px; width: 100%; } .product-main-section .product-view { position: relative; padding-bottom: 118.763%; } .product-main-section .product-view > img { margin: 0px auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; /*width: 100%; height: 100%;*/ } .fancybox-image{height:100% !important;} .mCSB_scrollTools .mCSB_draggerRail {background: transparent;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #999 !important;width: 5px;} .mCSB_scrollTools .mCSB_draggerContainer {width: 5px;background: #ccc;} .mCSB_scrollTools {width: 5px;} .mCSB_inside>.mCSB_container {margin-right: 20px;} .product-main-section .product-view .zoom-img { position: absolute; bottom: 30px; right: 30px; border: none;opacity:0; } .product-main-section .product-view a.pro-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-detail-wrapper span { font-family: 'CircularStd-Book'; font-size: 18px; line-height: 32px; letter-spacing: 0; color: #89c2eb; text-transform: uppercase; } .product-detail-wrapper span.woocommerce-Price-amount.amount, .product-detail-wrapper span.woocommerce-Price-amount.amount span { letter-spacing: 0.02em; line-height: 30px; color: #173f6d; font-family: "FuturaPT-Demi"; font-size: 30px; } .pro-view-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .pro-view-slider .right-arrow { right: 0px; margin-top: 0px; background-image: url(../png/arrow-right.png); width: 43px; height: 52px; background-color: #f1f1f1; border: none; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 30%; } .pro-view-slider .left-arrow { left: 0px; margin-top: 0px; background-image: url(../png/arrow-left.png); width: 43px; height: 52px; background-color: #f1f1f1; border: none; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 30%; } .pro-view-slider { width: auto; margin: 0 -11px 0px 0px; border: 1px solid #bbb;} .product-detail-wrapper .price-wrapper span.price-old, .product-detail-wrapper .price-wrapper span.price-new, .woocommerce div.product p.price del span, .woocommerce div.product p.price ins span { font-size: 30px; font-weight: normal; } .product-detail-wrapper .zip-wrap { padding: 32px 0px 47px 0px; } .product-detail-wrapper .zip-wrap .tooltip-wrap { position: relative; display: inline-block; } .product-detail-wrapper .zip-wrap .tooltip-wrap .tooltiptext-view { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; font-size: 12px; border-radius: 6px; position: absolute; z-index: 1; } .product-detail-wrapper .zip-wrap .tooltip-wrap:hover .tooltiptext-view { visibility: visible; } .product-detail-wrapper .zip-wrap img.info-img { margin-top: 4px; } .product-detail-wrapper .zip-wrap img { margin-right: 20px; vertical-align: text-top; } .zip-wrap a { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0.04em; color: #333; } .product-detail-wrapper .pro-name { font-size: 48px; font-family: 'QuicheSans-Regular'; line-height: normal; letter-spacing: 0; color: #333; margin: 17px 0px 40px 0px; } .product-detail-wrapper .quantity { display: flex; border: 2px solid #bbb; color: #444; font-size: 16px; font-family: 'Open Sans'; font-weight: 400; min-width: 170px; height: 60px; } .product-bottom { padding: 42px 0px 25px 0px; } .product-bottom .in-stock,.woocommerce div.product p.stock{ font-size: 18px;color: #3c763d;font-weight: 600;font-family:'FuturaPT-Demi';} .product-bottom .out-of-stock,.woocommerce div.product .out-of-stock{ color: #ff0000 !important;} .product-detail-wrapper .footer_social a + a { margin-left: 15px; } .product-detail-wrapper .footer_social a span { background-color: transparent !important;display:flex;align-items:center; } .product-detail-wrapper .footer_social a span svg path { fill: #999; } .product-detail-wrapper .footer_social a:hover span svg path { fill: #173f6d; } .product-detail-wrapper .footer_social .a2a_default_style a:hover .a2a_svg, .product-detail-wrapper .footer_social .a2a_floating_style a:hover .a2a_svg, .product-detail-wrapper .footer_social .a2a_overlay_style a:hover .a2a_svg { opacity: 1; } .woocommerce div.product .product-bottom form.cart { margin-bottom: 0px; width: 100%; align-items: center; } .quantity .minus, .quantity .plus, .quantity input { background-color: transparent; box-shadow: none; border: none; } .quantity-wrap { position: relative; display: block; text-align: center; margin: 0px auto; } .woocommerce div.product .product-bottom form.cart div.quantity { margin-right: 30px; } .single-product .yith-wcwl-add-to-wishlist { margin: 23px 0px 0px 0px !important; } .single-product a.product-icon-wishlist { font-family: 'CircularStd-Book'; font-size: 20px; display: inline-block; vertical-align: middle; color: #173f6d; } .single-product a.product-icon-wishlist svg { vertical-align: text-bottom; } .quantity .plus { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .quantity .minus { left: 15px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .quantity .plus, .quantity .minus { width: 30px; height: 30px; cursor: pointer; z-index: 2; } .quantity input { width: inherit; position: absolute; z-index: 1; } .quantity-inner { width: 100%; display: flex; align-items: center; justify-content: flex-start; position: relative; } .quantity-inner { justify-content: space-between; } .quantity .minus:after { width: 14px; height: 2px; position: absolute; content: ""; background-color: #999; top: 50%; transform: translate(-50%,-50%); left: 50%; } .quantity .plus:after { width: 14px; height: 2px; position: absolute; content: ""; background-color: #999; right: 50%; top: 50%; transform: translate(50%,-50%); } .quantity .plus:before { width: 2px; height: 14px; position: absolute; content: ""; background-color: #999; right: 50%; top: 50%; transform: translate(50%,-50%); } /*.quantity-wrap{max-width:170px;margin-right:30px;}*/ .product-detail-wrapper .footer_social p { font-size: 20px; line-height: 32px; letter-spacing: 0; font-family: 'CircularStd-Bold'; color: #333; margin: 0px 30px 0px 0px; } .product-detail-wrapper .footer_social li a i { font-size: 18px; color: #999; } .product-detail-wrapper .footer_social li + li { margin-left: 20px; } .pro-desc p { letter-spacing: 0.04em; } .product-detail-wrapper { margin-left: 40px; margin-top: 22px; } .product-detail-wrapper .woocommerce-product-details__short-description{margin-left:20px;} .product-detail-wrapper .woocommerce-product-details__short-description ul li,.product-detail-wrapper .woocommerce-product-details__short-description ol li{font-family: 'FuturaPT-Book';font-size: 18px;line-height: 26px;letter-spacing: 0.04em; color: #333;list-style-type:none;position:relative;} .product-detail-wrapper .woocommerce-product-details__short-description ul li:before, .product-detail-wrapper .woocommerce-product-details__short-description ol li:before{ content: ""; width: 28px; margin-left: -30px; position: absolute; left: 12px; height: 5px; width: 5px; background: #89c2eb; border-radius: 50%; top: 10px; } .product-detail-wrapper .woocommerce-product-details__short-description ul{margin-bottom:10px;} .product-detail-wrapper a.product-icon-wishlist { position: relative; } .product-detail-wrapper a.product-icon-wishlist span { opacity: 1 !important; float: right !important; position: static !important; background-color: transparent !important; color: #173f6d !important; font-size: 17px !important; font-family: 'FuturaPT-Demi'; display: contents; } .product-main-section { padding: 20px 0px 0px 0px; } .product-detail-page .usp-wrapper { padding: 103px 0px 75px 0px; } .product-detail-page .seller-slider .left-arrow, .product-detail-page .seller-slider .right-arrow { margin-top: -40px; } .product-detail-page .seller-wrapper { padding: 88px 0px 60px 0px; } .product-detail-wrapper .footer-social { margin-bottom: 0px; } .product-detail-wrapper .footer-social .a2a_kit_size_32 a .a2a_svg svg,.a2a_svg svg{height:22px !important;width:22px !important;margin:0px !important;} .a2a_kit a{width:22px !important;} .description-wrapper .anti-list-left, .description-wrapper .anti-list-right { padding: 73px 0px; } .description-wrapper .anti-list-left li a, .description-wrapper .anti-list-right li a { font-family: 'FuturaPT-Book'; font-size: 24px; line-height: 60px; letter-spacing: 0.04em; color: #333; display: block; } .description-wrapper li a:hover { background-color: #173f6d; color: #fff; padding: 0px 30px; margin-left: -30px; } .related-slider { margin: 0 -15px; width: auto; } .related-slider .slide-item { padding: 0 15px; } .related-slider .seller-single figure a { margin-bottom: 25px; } .related-wrapper { padding: 85px 0px 100px 0px; } .related-wrapper .section-heading { padding-bottom: 56px; } .related-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .related-slider .right-arrow { right: -85px; margin-top: -75px; background-image: url(../png/arrow-right.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .related-slider .left-arrow { left: -85px; margin-top: -75px; background-image: url(../png/arrow-left.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } /*service-detail*/ .servie-usp { background-color: #f1f1f1; padding: 88px 0px 95px 0px; } .usp-img-wrapper { height: 100px; width: 100px; background-image: linear-gradient(#c2d9e8, #fff); border-radius: 50%; margin: 0px auto 20px auto; display: flex; align-items: center; justify-content: center; } .servie-usp .container, .description-wrapper .container { width: 100%; max-width: 1200px; } .service-single-usp { margin: 0px auto; text-align: center; } .usp-img-wrapper svg { width: 50px; height: 50px; fill: #173f6d; } .servie-usp h1 { font-size: 48px; font-family: 'QuicheSans-Regular'; line-height: normal; letter-spacing: 0; color: #333; max-width: 830px; text-align: center; margin: 0px auto; padding-bottom: 45px; } .service-usp-contnent p { letter-spacing: 0.04em; margin: 0px 0px; } .question { padding: 77px 0px 108px 0px; } .question .tab-section { padding: 44px 0px 0px 0px; } .question .contact-tabs ul#tabs-nav-about { margin-bottom: 50px; } .question .accordion__item { } .question .accordion { margin: 0px auto; max-width: 770px; padding: 45px 0 0px 0px; } .question .accordion__item .accordion__title { position: relative; display: block; font-family: 'CircularStd-Bold'; color: #333; font-size: 20px; line-height: 30px; letter-spacing: 0; text-decoration: none; background-color: #fff; border-bottom: 1px solid #bbb; border-radius: 0px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; cursor: pointer; padding: 21.4px 35px; } .question .accordion__item .accordion__title:hover { transition: all 0.5s ease-out; } .contact-tabs .tab-content { max-width: 770px; margin: 0px auto; } .question .accordion__item .accordion__title .accordion__arrow { position: absolute; top: 0px; left: 0px; margin: 24px 0px; width: 20px; height: 20px; text-align: center; background-color: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: flex; align-items: center; justify-content: center; } .question .accordion__item .accordion__rotate { transform: rotate(270deg); } .question .accordion__title.accordion-active { border-bottom: none; } .question .accordion__title.accordion-active .accordion__arrow-item::after { display: none; } .question .accordion__title.accordion-active .accordion__arrow-item::before { background-color: #173f6d; } .question .accordion__item .accordion__content { padding: 0px 0px 26px 34px; font-family: 'FuturaPT-Book'; font-size: 18px; display: none; color: #333; line-height: 30px; letter-spacing: 0.04em; background-color: #fff; border-bottom: 1px solid #bbb; } .question .accordion__item .accordion__arrow-item { display: flex; align-items: center; justify-content: center; } .question .accordion__item .accordion__arrow-item::before { width: 2px; height: 14px; position: absolute; content: ""; background-color: #999; } .question .accordion__item .accordion__arrow-item::after { width: 14px; height: 2px; position: absolute; content: ""; background-color: #999; } .service-detail-page .description-wrapper .product-tab-img { margin: 0px; } .service-detail-page .description-wrapper .tab-description { padding-right: 0px; margin-top: -9px; } .service-detail-page .description-wrapper .tab_content_main .tab-description{max-height:700px;overflow:hidden;} .single-product .description-wrapper .tab_content_main .tab-description{max-height:535px;overflow:hidden;} .service-detail-page .description-wrapper ul.tabs { padding-bottom: 67px; } .service-detail-page .gallery-wrapper { padding: 88px 0px 10px 0px; } .service-detail-page .description-wrapper .tab-benefit-inner { padding-top: 20px; } .service-detail-page .description-wrapper .single-benefit { display: flex; align-items: flex-start; padding-bottom: 25px; } .benefit-desc h3 { font-family: 'CircularStd-Bold'; font-size: 20px; line-height: 24px; letter-spacing: 0; color: #333; margin: 0px 0px 17px 0px; } .benefit-desc p { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 32px; letter-spacing: 0.04em; color: #333; } .service-detail-page .description-wrapper .single-benefit .benefit-icon { padding-right: 0px; margin: 0px 35px; min-width: 65px;text-align: center;} .service-detail-page .description-wrapper .single-benefit .benefit-icon svg { width: 60px; height: 60px; fill: #173f6d; } /* small search */ .search-main { position: relative; margin-left: 24px; top: 3px; } .search-main a{display:block;width:100%;cursor:pointer;} ul.menu li.search-main .search_form, ul.mobile-header-right li.search-main .search_form, .search-main .search_form { display: none; position: absolute; width: 350px; right: 0; background: #fff; top: 100%; margin: 15px 0 0 0; z-index: 4; } ul.menu li.search-main .search_form .form-group::after, ul.mobile-header-right li.search-main .search_form .form-group::after, .search-main .search_form .form-group::after { position: absolute; content: ""; display: inline-block; top: -8px; right: 0; z-index: -20; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #173f6d; } ul.menu li.search-main .search_form form .form-group, ul.mobile-header-right li.search-main .search_form form .form-group, .search-main .search_form form .form-group { margin: 0 0; } ul.menu li.search-main .search_form form .form-group .form-control, ul.mobile-header-right li.search-main .search_form form .form-group .form-control, .search-main .search_form form .form-group .form-control { padding: 0 50px 0 10px; position: relative; border: 2px solid #173f6d !important; } ul.menu li.search-main .search_form .form-group .form-control, ul.mobile-header-right li.search-main .search_form .form-group .form-control, .search-main .search_form .form-group .form-control { line-height: 60px; font-size: 18px; color: #222222; border-bottom: 2px solid #cdcdcd !important; padding: 0 0; height: 60px; background: transparent; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; width: 100%; text-transform: none; font-weight: 400; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; box-shadow: none !important; letter-spacing: 0.02em; border: 0; border: 2px solid transparent; } ul.menu li.search-main .search_form form .form-group .submit, ul.mobile-header-right li.search-main .search_form form .form-group .submit, .search-main .search_form form .form-group .submit { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: transparent; border: 0; height: 26px; width: 26px; padding: 0 0; background: url(../svg/search.svg) no-repeat center center; margin: 0 0; cursor: pointer; } /* search popup */ .search-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; display: flex; align-items: center; justify-content: center; } .search-close { width: 25px; height: 25px; position: absolute; right: 20px; top: 20px; cursor: pointer; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .search-close:before, .search-close:after { content: ""; display: block; width: 31px; height: 3px; background: #000; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .search-close:after { -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .search-form { width: 100%; max-width: 900px; padding: 0 15px; position: relative; } .search-input { width: 100%; border: none; border-bottom: 1px solid #444; font-size: 50px; color: #000; height: 120px; font-family: inherit; padding: 0; } .search-submit { position: absolute; left: 0; top: 0; border: none; padding: 0; background: none; height: 0; width: 0; } input:focus-visible { outline-offset: none; } /* cart drawer */ ul.top-menu li.cart-open a span.theme-cart-count { color: #fff; font-family: 'CircularStd-Bold'; } .cart-close { color: #000; position: absolute; right: 15px; top: 15px; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; height: 30px; width: 30px; z-index: 9; font-size: 30px; } .mini_cart span.title { display: block; font-size: 30px; font-family: 'QuicheSans-Regular'; font-weight: 500; color: #000; margin-top: 0; position: relative; z-index: 88; padding: 00 30px 0 0; text-align: left; border-bottom: 1px solid #000; line-height: normal; margin-bottom: 30px; pointer-events: none; } .cart_empty_content { position: absolute; left: 15px; right: 15px; margin: 0 auto 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .cart_empty_content .carttitle { font-size: 24px; line-height: normal; margin: 30px 0px; text-transform: uppercase; } .cart_empty_content .cartsubtitle { font-size: 16px; color: #666666; letter-spacing: 0px; line-height: 16px; margin: 0px 0px 20px 0px; } .cart_open #cart_sidebar_main a { font-family: 'FuturaPT-Book'; font-size: 16px; } /* brand section */ .product-listing-page .seller-single a.loading::after{ right:0; width: 20px; height: 20px !important; } /* contact form */ .form-wrapper .form-control { border: none; border-bottom: 2px solid #999; border-radius: 0px; background-color: transparent; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 27px; color: #333; letter-spacing: 0; padding: 0; height: 46px; } .form-wrapper select.form-control { height: 46px !important; } .form-wrapper .form-group { display: inline-block; width: 100%; /*max-width: 470px;*/ margin-bottom: 24px; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; text-align: left; } .form-group { margin-bottom: 0px; } .form-wrapper form .btn-view { margin: 16px 0px 0px 0px; } .form-wrapper form { max-width: 970px; margin: 0px auto 0px auto; } .form-wrapper .form-group .input-label { position: absolute; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 10px; color: #333; letter-spacing: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin: 0px; pointer-events: none; z-index: 1; top: 18px; left: 0; } .select-box .input-label { opacity: 0; } .select-box::after { content: ""; position: absolute; top: 50%; pointer-events: none; z-index: 2; margin-top: -6px; width: 13px; height: 8px; right: 0; background: url(../png/select-arrow.png) no-repeat 0 0 / cover transparent; } .form-group.select-box select { appearance: none;-webkit-appearance:none; cursor: pointer; } .form-wrapper .form-group textarea { resize: none; overflow: auto; height: 116px;padding-top:10px; } .form-wrapper .form-group.focus .form-control { border-bottom-color: #173f6d; } .form-wrapper .form-group.focus .input-label, .form-wrapper .form-group.filled .input-label, .form-wrapper .form-group select.focus .input-label, .form-wrapper .form-group select.filled .input-label { top: -7px; font-size: 13px; opacity: 1; } .form-wrapper input[type="submit"] { background: none; box-shadow: none; border-color: transparent; font-family: inherit; font-size: 14px; color: inherit; letter-spacing: 0.04em; text-transform: uppercase; font-family: 'CircularStd-Book'; width: 100%; height: 100%; display: block; cursor: pointer; border-bottom: none !important; } .form-wrapper { padding-bottom: 0px; padding-top: 20px; } .form-wrapper .heading2 { padding: 27px 0px 25px 0px; } .form-wrapper p { max-width: 740px; margin: 0px auto 47px auto; } .contact-us-page .wpcf7-form .checkbox_main{max-width:100%;} .wpcf7-form .checkbox_main{display:flex;max-width:470px;margin-left:20px;} .wpcf7-form .checkbox_main label.lbl_radio{font-size: 18px;position:relative;cursor:pointer;} .wpcf7-form .checkbox_main label.lbl_radio::before{content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-left: -35px;margin-right:12px;} .wpcf7-form .checkbox_main input.checkboxinput:checked + span:after { content: ''; display: block; position: absolute; top: 8px; left: 7px; width: 6px; height: 14px; border: 2px solid #999; border-width: 0 2px 2px 0; transform: rotate(45deg); } .wpcf7-form .checkbox_main input[type="checkbox"]{ padding: 0; height: initial; width: initial; margin-bottom: 0; opacity: 0; cursor: pointer; } #instapop .close{display: inline-block;float: right;text-align: right;} #instapop .close span{padding:10px;font-size:22px;} #instapop h3{font-family: 'QuicheSans-Regular'; font-size: 20px; margin: 0; font-weight: 500; max-width: 480px; margin: 0px auto; text-transform: capitalize;} /* about page */ .about-zigzag .row:nth-child(even) > .col-sm-6:first-child { order: 2; } .about-zigzag .iconic_content svg { width: 64px; height: 64px; fill: #173f6d; position: absolute; left: 4px; top: 1px; } .about-img-item { position: relative; display: block; margin: 0 0; } .about-img-item span.pattern { position: absolute; z-index: -1; top: 13px; left: 0; } .about-zigzag { padding: 154px 0px 154px 0px; } .about-img-item:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; display: block; background-color: rgba(0,0,0,0.05); width: fit-content; height: 100%; } .about-img-item span.pattern:before { position: absolute; content: ""; display: block; left: -59px; top: -67px; background: url(../jpg/pattern.jpg); height: 144px; width: 170px; } .about-zigzag h4 { font-family: 'CircularStd-Book'; font-size: 18px; line-height: 32px; letter-spacing: 0; color: #89c2eb; text-transform: uppercase; margin: 4px 0 0 0; } .about-zigzag h2 { padding: 19px 0px 32px 0; margin: 0px; } .iconic_content { padding-top: 34px; padding-right: 90px; } .iconic_content dt { font-family: 'CircularStd-Bold'; font-size: 20px; line-height: 32px; letter-spacing: 0; color: #333; margin-bottom: 9px; position: relative; padding-left: 100px; } .iconic_content dd { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 32px; letter-spacing: 0.04em; color: #333; padding-left: 100px; padding-bottom: 39px; margin: 0 0; } .about-zigzag p { padding: 0px 26px 0px 0px; } .about-zigzag p, .about-zigzag ul li { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 32px; letter-spacing: 0.04em; color: #333; } .about-zigzag ul li::before { content: ""; color: rgb(23, 63, 109); display: inline-block; width: 28px; margin-left: -15px; } .about-content { background-color: #c2d9e8; padding: 88px 0px 97px 0px; } .about-content .section-heading { text-align: center; margin: 0px auto; padding-bottom: 35px; } .about-content p { max-width: 910px; margin: 0px auto; text-align: center; } .about-page .team-section { background-color: #f1f1f1; } .about-page .gallery-slide.slick-slide { padding: 0 15px; } .about-page .gallery-slider { margin: 0 0; padding: 0 0; } /* footer */ .footer-contact { margin: 0px 0 0 0; } .footer-contact-info { display: block; color: #444444; font-size: 15px; font-family: 'CircularStd-Book'; font-weight: normal; margin-bottom: 30px; } .footer-contact-info .footer-contact-text { line-height: 30px; } .footer-contact-icon { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 50px; height: 50px; position: absolute; left: 0; top: 0; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px dotted currentColor; } .theme-footer { background: #fff; padding: 50px 0px 0px 0px; } .theme-footer .cust-col { flex: 0 0 20%; max-width: 20%; } .theme-footer .footer_header { padding: 60px 0px 50px 0px; color: #f0f0f0; align-items: center; border-bottom: 1px solid #555555; } .footer-form h2 { font-size: 20px; color: #000; line-height: 55px; letter-spacing: 0px; font-family: 'CircularStd-Bold'; margin: 0px; } .newsletter-form .form-group { max-width: 770px; width: 100%; margin: 0 auto !important; display: block; position: relative; } .newsletter-form input.form-control { background-image: url(../envelop.html); background-repeat: no-repeat; background-position: 30px center; } .newsletter-form .form-group .form-control { border: none !important; border-radius: 0px !important; height: 80px; line-height: 60px; padding: 0 260px 0 73px; font-size: 18px; color: #555555 !important; } .newsletter-form form { padding: 33px 0px; } .newsletter-form .form-group > label { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .newsletter-form .form-group > label > input[type="submit"] { background: none; box-shadow: none; border-color: transparent; font-family: inherit; font-size: 16px; font-weight: 500; color: inherit; letter-spacing: 0.10em; text-transform: uppercase; } .newsletter-form .form-group > input[type="submit"]:hover { background-color: #fff; color: #333; border: 5px solid #444; } .footer-payment .container { padding: 28px 15px 25px 15px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } .footer-payment .container { max-width: 1200px; } .footer-form { padding: 90px 0px 0px 0px; } .footer_social { display: flex; align-items: center; justify-content: flex-start; } .footer-title, .mobile-title { font-size: 20px; color: #000; line-height: 55px; letter-spacing: 0px; font-family: 'CircularStd-Bold'; margin: 42px 0px 20px 0px; display: inline-block; vertical-align: top; font-weight: bold; line-height: 30px; text-transform: capitalize; } .quick-links ul { margin: 19px 0 0 0; } .quick-links ul li { position: relative; padding: 0; } .quick-links ul li a, .footer-contact p a { color: #444; position: relative; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 36px; letter-spacing: 0; color: #000; } .quick-links ul li a:hover { color: #173f6d; } ul.footer-social li a i { font-size: 22px; } ul.footer-social li:hover a i { color: #173f6d; transition: 0.40s; -webkit-transition: 0.40s; -moz-transition: 0.40s; -ms-transition: 0.40s; -o-transition: 0.40s; } .quick-links ul li a:before, .footer-contact p a:before { content: ""; display: block; position: absolute; left: 0; bottom: 70%; width: 100%; height: 1px; background: #fff; opacity: 0; } .quick-links ul li.selected a { color: #173f6d; } /*.quick-links ul li.selected a:before { background: #173f6d; opacity: 1; bottom: 0; }*/ .quick-links ul li.links-more a { font-weight: 700; color: #173f6d; } /*.footer-contact { margin: 17px 0 0 0; font-size: 14px; } .footer-contact p { line-height: 36px; color: #fff; } .footer-contact p + p { margin-top: 36px; } .footer-contact p a:before { width: 100%; }*/ .footer-top { padding: 0 0 69px 0; } .footer-top .container, .footer-bottom.container { max-width: 1200px; padding: 0px 15px; } .footer-bottom { padding: 23px 15px 25px 15px; } .footer-middle { padding: 25px 0 24px 0; border-top: 1px solid #606266; } .signature, .footer-tnc { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0; color: #000; } .signature p { font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0; color: #000; margin: 0; display: inline-block; vertical-align: top; } .signature p span { margin: 0px 18px; } .signature p a:hover { color: #173f6d; } .signature p a, .footer-tnc a { color: #000; position: relative; } .signature p a:before, .footer-tnc a:before { content: ""; display: block; position: absolute; left: 0; bottom: 70%; width: 100%; height: 1px; background: #fff; opacity: 0; } .footer-social { position: relative; z-index: 1; margin-top: 8px; } .footer-social li a svg { font-size: 22px; } .footer-social a { color: #555; } .emergency_call { display: flex; align-items: center; justify-content: flex-start; } .footer_social { color: #d0d0d0; } .emergency_call .call_icon { width: 50px; height: 50px; border-radius: 50px; background-color: #173f6d; display: flex; align-items: center; justify-content: center; margin: 0px 25px 0px 0px; } .footer-social li:hover a { color: #173f6d; } .call_txt h4 { margin: 0px; color: #fff; line-height: 20px; } .call_txt h4 a { color: #fff; font-size: 20px; } .emergency_call .call_txt span { font-size: 14px; letter-spacing: 0px; line-height: 30px; color: #d0d0d0; text-transform: capitalize; } .footer-social li + li { margin-left: 30px; } .footer-social a svg { display: block; } .list-flex { list-style-type: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap } .quick-links ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 15px; letter-spacing: 0px; font-family: 'Open Sans'; line-height: 2; } .footer-bottom .flex-ac-js { align-items: center; padding: 28px 0px; } .container { width: 100%; max-width: 1370px; } .site-main { padding-top: 144px; } .theme-header { position: fixed; z-index: 9; top: 0; left: 0; right: 0; background-color: #fff; } .header-apointment { display: inline-block; vertical-align: top; } .header-apointment-container { position: relative; display: inline-block; vertical-align: top; margin: 0px 5px; } .appoint-select { position: absolute; left: 0; top: 100%; width: 200px; text-align: left; background: #f5f5f5; padding: 5px 0; display: none; } .appoint-select li { padding: 5px 15px; cursor: pointer; color: #000; } .appoint-select li + li { border-top: 1px solid rgba(128,128,128,0.15); } .header-apointment-title { cursor: pointer; font-weight: 700; } ul.appoint-select::before { width: 10px; height: 10px; content: ""; display: block; position: absolute; left: 8px; top: -5px; background: #f5f5f5; transform: rotate(45deg); } .about-zigzag .row+.row { margin-top: 56px; } .about-zigzag .row+.row .about-img-item { text-align: right; } .about-zigzag .row+.row .about-img-item:before { } .meetdoc_main { padding: 95px 0 41px 100px; } .meetdoc_main h2 { padding: 19px 0 33px 0; } .meetdoc_main p { padding: 0 0; margin: 0 0 26px 0; } .meetdoc_main ul { margin: -1px 0 27px 0; } .meetdoc_main ul li { padding: 0 0 0 25px; position: relative; margin: 0 0 4px 0; } .meetdoc_main ul li:before { content: ""; left: 21px; position: absolute; height: 5px; width: 5px; background: rgb(23, 63, 109); border-radius: 50%; top: 13px; margin-left: 0; } .meetdoc_main ul+p+ul { margin-top: -22px; } .meetdoc_main .btn { margin-top: 19px; } .about-zigzag .row+.row .about-img-item span.pattern { top: auto; bottom: 23px; left: 40px; } /*.team-slider .slick-track .team-slide .team-single { padding: 0 15px; }*/ .team-slider .slick-list { width: auto; margin: 0 -15px; } .gallery-section { padding: 65px 0px 92px 0px; background: #f1f1f1; } .about-page .gallery-slider .slick-list.draggable { margin: 0 -15px; width: auto; } .tab-left { padding: 0px 0px 0 0px; } /*.tab-left p { padding: 0 9px; margin: 0 0 28px 0; }*/ .tab-left ul.tab-list { margin: 0 0; padding: 13px 0 0 0; } .tab-left ul.tab-list li { padding: 0 0 0 35px; position: relative; margin: 0 0 0px 0; display: flex; flex-direction: column; align-items: flex-start; } .tab-left ul.tab-list li.address-single { margin: 0 0 30px 0px; padding: 0 0 0 40px; } .tab-left ul.tab-list li.address-single:before{display:none;} .tab-left ul.tab-list li:before { content: ""; left: 21px; position: absolute; height: 5px; width: 5px; background: #89c2eb; border-radius: 50%; top: 13px; } .tab-left ul.tab-list li img,.tab-left ul.tab-list li svg { position: absolute; left: 1px; margin: 0; top: 8px; width: 22px; height: 30px; fill: #89c2eb; } .tab-left ul.tab-list li span { display: inline-block; } .top-menu li a.btn-small::before { width: 10px; height: 10px; } .top-menu li a.btn-small:hover::before { width: 100%; height: 100%; } .top-menu li a.btn-small:hover:after { width: 10px; height: 10px; } .product-listing-page .usp-wrapper { padding: 102px 0px 80px 0px; } .theme-header.sticky { box-shadow: 0 0 5px rgba(0,0,0,0.3); } .btn.btn-primary { background: #89c2eb; } .service-list-page .treat-wrapper .col-md-6 { padding: 0 25px; } .service-list-page .treat-wrapper .row { margin: 0 -25px; } body.compensate-for-scrollbar { margin-right: 0px; } .top-menu li a.cart * { pointer-events: none; } body.cart_open::after { background: rgba(0,0,0,0.97); content: ""; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 99999; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; } body.cart_open { overflow: hidden; } body.cart_open a { pointer-events: none; } .cart_open #cart_sidebar_main a { pointer-events: auto; } #mini_cart .cart-minproduct .btn { min-width: 200px; } body.cart_open::after { background: rgba(0,0,0,0.97); content: ""; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 99999; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; } body.profile_open { overflow: hidden } #cart_sidebar_main { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 100%; max-height: 100%; overflow-y: auto; cursor: default; position: fixed !important; margin-left: 10px; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 501px; z-index: 999999; } .mini_cart span.title { display: block; font-size: 30px; font-weight: 400; color: #000; margin-top: 0; position: relative; z-index: 88; padding: 00 30px 0 0; text-align: left; border-bottom: 1px solid #000; line-height: normal; margin-bottom: 30px; pointer-events: none; } .mini_cart { float: left; padding: 10px 20px 20px 20px; width: 100%; min-height: 100vh; } .cart_open #cart_sidebar_main { margin-left: -501px } .cart_empty_content .carttitle { font-size: 24px; line-height: normal; font-weight: 700; margin: 40px 0px 10px 0px; text-transform: uppercase; } .back_shoping_btn { } .back_shoping_btn a.btn { } .mini_cart_products .buttons .cart-minproduct { display: flex; justify-content: space-between; flex-wrap: wrap; } .back_shoping_btn .button { padding: 0 20px; } .cart_empty_content .cartsubtitle { font-size: 16px; margin: 0 0 20px 0; color: #999999; } .cart-close { color: #000; position: absolute; right: 15px; top: 15px; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; height: 30px; width: 30px; z-index: 9; } .cart-close:before, .cart-close:after { content: ""; position: absolute; left: 14px; top: 8px; height: 15px; width: 3px; background: #000; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cart-close:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .mini_cart li a img { width: 90px !important; float: left !important; margin: 0 15px 0 0 !important; height: auto !important; } .mini_cart .mini_cart_item li a { } .mini_cart .mini_cart_item .remove { color: #000; position: absolute; left: 15px; top: 0px; height: 15px; width: 15px; right: 0; left: auto; } .mini_cart .mini_cart_item .remove:before { } .mini_cart .mini_cart_item { position: relative; background: #fff; padding: 5px 15px 5px 15px !important; } span.total_amount { display: block; font-weight: 700; } .mini_cart ul { list-style-type: none; padding: 0; margin: 0 } .mini_cart .mini_cart_item:after { content: ""; display: block; clear: both } .mini_cart .mini_cart_item .remove span { pointer-events: none; height: 25px; width: 25px; display: block; } .mini_cart .mini_cart_item .remove span:before, .mini_cart .mini_cart_item .remove span:after { content: ""; position: absolute; left: 50%; top: 50%; height: 12px; width: 3px; background: #000; transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); } .mini_cart .mini_cart_item .remove span:after { transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); } .mini_cart .mini_cart_item+.mini_cart_item { margin-top: 15px } #mini_cart .buttons .cart-minproduct .button { padding: 0 20px; margin: 5px 0; min-width: 170px; height: 60px; line-height: 60px; } #mini_cart .total { background: #f4f4f4; padding: 13px 15px 10px 15px; margin: 30px 0 30px 0; display: flex !important; justify-content: space-between; align-items: center; align-content: center; } #mini_cart .total strong { font-size: 16px; color: #000000 } #mini_cart .total .woocommerce-Price-amount { font-size: 16px; float: right } #mini_cart .mini_cart_item .price .woocommerce-Price-amount+.woocommerce-Price-amount { float: right } .mini_cart .mini_cart_item:before { display: none; } #mini_cart .cart-minproduct+.cart-minproduct a.btn-border { margin: 0 0 0 auto; } .minicart_img { float: left; } .minicartdes { float: right; width: 260px; } .cart_totals table.shop_table.shop_table_responsive.table th { border: none !important; } .cart_totals table.shop_table.shop_table_responsive.table td { border: none !important; } /* search */ .search-results-section .search_rs_list { display: flex; } .search-results-section .search_post-thumbnail img { border: 1px solid #f1f1f1; } .search_rs_list .search_post-thumbnail { padding: 0px 25px 0px 0px; } .search-result_main .search-title { font-family: 'FuturaPT-Book'; font-weight: bold; font-size: 22px; margin: 0px 0px 20px 0px; letter-spacing: 0.02em; } .search-list { padding: 50px 0px; } .search-result_main { padding-bottom: 30px; } .search-content_main .btn.btn-small:before { width: 10px; height: 10px; } .search-content_main .btn.btn-small:after { width: 10px; height: 10px; } .search-content_main .btn.btn-small:hover::before { width: 100%; height: 100%; } .search .search-results-section { padding: 80px 0px 80px 0px; } .search .search-results-section h1.section-heading{margin:0px 0px;} /* media page */ .page-template-media-release-page .cosmetic-content { background-color: #fff; } .page-template-media-release-page .file-download-list { display: flex; } .file-donwload { padding: 20px 20px; background-color: #f1f1f1; margin: 10px 0px; } .file-donwload a { font-size: 40px; display: flex; align-items: center; } .file-donwload a span.file-donwload-title { padding: 0px 0px 0px 20px; font-family: 'FuturaPT-Book'; font-size: 24px; } .file-donwload-icon i { color: #999; } .file-donwload-icon:hover i { color: #173f6d; } .theme-not-found h2, .theme-not-found .h2 { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1; font-size: 400px; color: rgba(0,0,0,0.1); margin: -18px 0 0 0; } .theme-not-found { padding: 160px 0; position: relative; z-index: 1; } .theme-not-found h3, .theme-not-found .h3 { margin-top: 0; font-size: 40px; font-family: 'FuturaPT-Demi'; } .theme-not-found p { font-size: 18px; margin: 20px 0px; font-family: 'CircularSpotifyTxT-Light'; } .coming_soon .h2,.coming_soon h2 { margin: 0px; /*padding: 80px 0px;*/ font-family: 'QuicheSans-Regular'; font-size: 42px; } .signature > p, .signature > .wpml-ls-statics-shortcode_actions { display: inline-block; vertical-align: middle; } .signature > .wpml-ls-statics-shortcode_actions { padding: 0; border: 0 !important; } .signature > .wpml-ls-statics-shortcode_actions ul li a { padding: 0 0 0 10px; } abbr[data-original-title], abbr[title] { text-decoration: none !important; color: #f00 !important; } #topBtn { position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: #fff; color: #000; cursor: pointer; height: 25px; width: 25px; line-height: 35px; font-size: 20px; box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); transform: rotate(45deg); text-align: center; padding: 25px; } #topBtn i { display: flex; align-items: center; justify-content: center; height: 100%; transform: rotate(-45deg); } #topBtn:hover { background-color: #173f6d; } #topBtn:hover i { color: #fff; } .grecaptcha-badge { display: none; } .gallery-slide { overflow: hidden; position: relative; margin-bottom: 30px; } @-webkit-keyframes progress-bar-stripes{from{background-position:2rem 0} to{background-position:0 0} } @-ms-keyframes progress-bar-stripes{from{background-position:2rem 0} to{background-position:0 0} } @-moz-keyframes progress-bar-stripes{from{background-position:2rem 0} to{background-position:0 0} } @keyframes progress-bar-stripes{from{background-position:2rem 0} to{background-position:0 0} } div.wpcf7 .ajax-loader:before{display:none;} div.wpcf7 .ajax-loader{position:absolute;left:0;border-radius:0 !important;background-color:transparent;top:0;margin:0 !important;pointer-events:none;width:100% !important;height:100% !important;background-image:linear-gradient(45deg,rgba(0,0,0,0.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent) !important;background-size:2rem 2rem !important;-webkit-animation:progress-bar-stripes 1s linear infinite !important;animation:progress-bar-stripes 1s linear infinite !important;} div.wpcf7 .wpcf7-spinner:before{display:none;} div.wpcf7 .wpcf7-spinner{position:absolute;left:0;border-radius:0 !important;background-color:transparent;top:0;margin:0 !important;pointer-events:none;width:100% !important;height:100% !important;background-image:linear-gradient(45deg,rgba(0,0,0,0.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent) !important;background-size:2rem 2rem !important;-webkit-animation:progress-bar-stripes 1s linear infinite !important;animation:progress-bar-stripes 1s linear infinite !important;} .single-treat img { max-width: inherit; } span.team-details-regno { display: block; } .inner-page ul > li, .team-content ul > li {padding: 0 0 0 25px;position: relative; margin: 0 0 4px 0;font-size: 18px;line-height: 28px;letter-spacing: 0.02em; text-align: left; } .inner-page ul > li:before, .team-content ul > li:before {content: "";left: 5px;position: absolute;height: 5px;width: 5px;background: rgb(23, 63, 109);border-radius: 50%;top: 11px;} .team-content {display: flex;flex-wrap: wrap;} .team-content *{width: 100%; display: block;} .filter-accordion ul li:before { display: none; } .filter-accordion ul li { padding: 0; margin: 0; } .filter-accordion ul ul li a { padding-left: 15px; } .filter-accordion ul li a { display: inline-block; vertical-align: top; } .pagination li:before { display: none; } .breadcrumb li:before { display: none; } .woocommerce ul#shipping_method li:before { display: none; } .woocommerce ul#shipping_method li { padding: 0; } .tab-description ul li:before { margin-left: 0; } .service-detail-page .description-wrapper .tab_content_main .tab-description ol > li a { font-size: 20px; font-weight: 700; background: transparent; color: #333; border-bottom: 2px solid #173f6d; display: inline-block; padding: 0 0; margin: 0 0; } .form-wrapper .fluentform { max-width: 470px; } .form-wrapper .ff-el-group .ff-el-form-control { border-radius: 0; border: none; background: none !important; border-bottom: 2px solid #999!important; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 1.5; color: #333 !important; height: 46px !important; padding: 0; } .form-wrapper .ff-el-group .ff-el-form-control::-webkit-input-placeholder { color: inherit; opacity: 1; } .form-wrapper .ff-el-group .ff-el-form-control::-moz-placeholder { color: inherit; opacity: 1; } .form-wrapper .ff-el-group .ff-el-form-control:-ms-input-placeholder { color: inherit; opacity: 1; } .form-wrapper .ff-el-group .ff-el-form-control:-moz-placeholder { color: inherit; opacity: 1; } .form-wrapper .ff-el-group { position: relative; } .form-wrapper div.ff-el-group > div.ff-el-input--label { /*display: block; visibility: visible;*/ position: absolute; left: 0; top: 8px; margin: 0; pointer-events: none; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .form-wrapper div.ff-el-group > div.ff-el-input--label label { font-weight: 400; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 1.5; color: #333 !important; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .form-wrapper div.ff-el-group > div.ff-el-input--label label:after { -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } .form-wrapper .ff-el-group .ff-el-form-control option[value=""], .form-wrapper .ff-el-group .ff-el-form-control option[value=" "], .form-wrapper .ff-el-group .ff-el-form-control option:first-child { display: none; opacity: 0; visibility: hidden; font-size: 0; } .form-wrapper .ff-el-group .select-box:after { } .form-wrapper .fluentform .ff-el-group { margin: 0; } .form-wrapper .fluentform .ff-el-group.form-group { margin-bottom: 24px; } .form-wrapper .fluentform .ff-el-group .submit-btn { border: none; background: #173f6d; border-radius: 0; font-size: 14px; opacity: 1; } .form-wrapper div.ff-el-group > div.ff-el-input--label.ff-el-is-required label:after { margin: 0; color: #f00; } .form-wrapper .fluentform .ff-el-group.ff_submit_btn_wrapper { margin: 16px 0 0 0; } .form-wrapper .fluentform .ff-el-group.form-group .iti__selected-flag { background: none !important; padding: 0; } .form-wrapper .fluentform .ff-el-group.form-group.phone-box .ff-el-form-control { padding-left: 50px; } .form-wrapper .ff-el-group textarea.ff-el-form-control { height: 116px !important; padding-top: 8px; } .contact-form-wrapper .iti__country span { font-size: 14px; line-height: 1.5; } .form-wrapper .fluentform .ff-el-group.form-group .iti__country-list { z-index: 3; } .form-wrapper .fluentform .ff-el-is-error .text-danger { position: absolute; left: 0; top: 100%; margin: 0 !important; font-size: 13px; } .form-wrapper div.ff-el-group.filled > div.ff-el-input--label, .form-wrapper div.ff-el-group.focus > div.ff-el-input--label { top: -10px; } .form-wrapper div.ff-el-group.filled > div.ff-el-input--label label, .form-wrapper div.ff-el-group.focus > div.ff-el-input--label label { font-size: 13px; } .insta-right { margin: 0 -30px; } .ff-custom_html p { margin: 0 0 10px 0; } .offer-popup .modal-dialog { max-width: 890px; margin: 0 auto; } .offer-popup .modal-content { border-radius: 0; border: none; } .offer-popup .modal-body { padding: 30px 30px; } button.close { } #instapop.offer-popup .close { position: absolute; right: 0; top: 0; width: 35px; height: 35px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 1; text-shadow: none; } #instapop.offer-popup .close span { padding: 0; line-height: 1; font-size: 30px; } .offer-img img { max-width: 100%; height: auto; } .offer-popup { padding: 15px !important; } .modal-backdrop.show { opacity: 0.8; } .offer-popup .col-12 { min-height: 0; } .enquiry-popup-btn { position: fixed; top: 50%; right: 0; z-index: 1; margin: 0 30px 0 0; -moz-transform: translate(50%, -50%) rotate(-90deg); -ms-transform: translate(50%, -50%) rotate(-90deg); -o-transform: translate(50%, -50%) rotate(-90deg); -webkit-transform: translate(50%, -50%) rotate(-90deg); transform: translate(50%, -50%) rotate(-90deg); } .enquiry-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 9999; opacity: 0; visibility: hidden; overflow-x: hidden; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: flex; flex-wrap: wrap; } .enquiry-popup-open .enquiry-popup { opacity: 1; visibility: visible; } .enquiry-popup-container { width: 500px; background: #fff; /*min-height: 100%;*/ margin-left: auto; position: relative; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); padding: 15px 15px 30px 15px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; align-self: center; } .enquiry-popup-open .enquiry-popup-container { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; } .enquiry-popup-open { overflow: hidden; } .enquiry-popup h3, .enquiry-popup .h3 { font-family: 'QuicheSans-Regular'; font-size: 38px; color: #333; margin: 0; } .enquiry-popup-close { position: absolute; right: 8px; top: 8px; width: 30px; height: 30px; font-size: 34px; font-weight: 700; line-height: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer; } .enquiry-popup .ff-custom_html p { margin: 20px 0 0 0; } .enquiry-popup-btn-new { position: fixed; top: 50%; right: 0; z-index: 1; margin: 0 30px 0 0; -moz-transform: translate(50%, -50%) rotate(-90deg); -ms-transform: translate(50%, -50%) rotate(-90deg); -o-transform: translate(50%, -50%) rotate(-90deg); -webkit-transform: translate(50%, -50%) rotate(-90deg); transform: translate(50%, -50%) rotate(-90deg); } .enquiry-popup-new { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 9999; opacity: 0; visibility: hidden; overflow-x: hidden; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: flex; flex-wrap: wrap; } .enquiry-popup-open-new .enquiry-popup-new { opacity: 1; visibility: visible; } .enquiry-popup-container-new { width: 500px; background: #fff; /*min-height: 100%;*/ margin-left: auto; position: relative; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); padding: 15px 15px 30px 15px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; align-self: center; } .enquiry-popup-open-new .enquiry-popup-container-new { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; } .enquiry-popup-open-new { overflow: hidden; } .enquiry-popup-new h3, .enquiry-popup-new .h3 { font-family: 'QuicheSans-Regular'; font-size: 38px; color: #333; margin: 0; } .enquiry-popup-close-new { position: absolute; right: 8px; top: 8px; width: 30px; height: 30px; font-size: 34px; font-weight: 700; line-height: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer; } .enquiry-popup-new .ff-custom_html p { margin: 20px 0 0 0; } .team-details-designation ul { font-size: 15px; } .team-details-designation ul li { position: relative; padding-left: 15px; } .team-details-designation ul li:before { content: ""; left: 0; position: absolute; height: 5px; width: 5px; background: #173f6d; border-radius: 50%; top: 10px; } .content-spacing { padding: 100px 0; } .section_shortcontent { margin-top: 12px; } .section_shortcontent p { margin: 0; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 30px; letter-spacing: 0.02em; } .speciality-section { padding-top: 88px; } .skin-concern .section_shortcontent { color: #fff; } .brand-slider { margin-top: 84px !important; } .speciality-slider { margin-top: 60px !important; } .gallery-section .gallery-slide { margin: 0; } .only-content h1,.only-content .h1, .only-content h2,.only-content .h2, .only-content h3,.only-content .h3, .only-content h4,.only-content .h4 { font-family: 'QuicheSans-Regular'; } .only-content h5,.only-content .h5, .only-content h6,.only-content .h6 { font-family: 'CircularStd-Bold'; } .only-content *:last-child { margin-bottom: 0; } .only-content *:first-child { margin-top: 0; } .cms-content-section { background: #f1f1f1; padding: 100px 0; } .only-content h1, .only-content .h1 { font-size: 48px; margin-bottom: 10px; } .only-content h2, .only-content .h2 { font-size: 40px; margin-bottom: 10px; } .only-content h3, .only-content .h3 { font-size: 36px; margin-bottom: 10px; } .only-content h4, .only-content .h4 { font-size: 28px; margin-bottom: 10px; } .only-content h5, .only-content .h5 { font-size: 22px; margin-bottom: 10px; } .only-content h6, .only-content .h6 { font-size: 18px; margin-bottom: 10px; } .only-content p { font-size: 18px; line-height: 30px; letter-spacing: 0.04em; font-family: 'FuturaPT-Book'; } .theme-cta { text-align: center; } .theme-cta p { font-size: 18px; line-height: 30px; letter-spacing: 0.04em; font-family: 'FuturaPT-Book'; } .theme-cta .btn { margin-top: 50px; } .cosmetic-content ul { display: inline-block; vertical-align: top; } .contact-us-page .frm-fluent-form > .ff-t-container > .ff-t-cell { display: flex; flex-wrap: wrap; justify-content: space-between; } .contact-us-page .frm-fluent-form > .ff-t-container > .ff-t-cell > .form-col-6 { width: calc(50% - 15px); } .contact-us-page .frm-fluent-form > .ff-t-container > .ff-t-cell > .form-col-12 { width: 100%; } .contact-us-page .form-wrapper .fluentform { max-width: 100%; } .contact-us-page .form-wrapper .fluentform .ff-el-group.ff_submit_btn_wrapper { text-align: center; } .woocommerce div.product .product-detail-wrapper form.cart .variations select { border-radius: 0; border: none; background: none !important; border-bottom: 2px solid #999!important; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 1.5; color: #333 !important; height: 46px !important; padding: 0; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; appearance: none; } .product-detail-wrapper .pwgc-input-text, .product-detail-wrapper #pwgc-custom-amount, .product-detail-wrapper #pwgc-message { border-radius: 0; border: none; background: none !important; border-bottom: 2px solid #999!important; font-family: 'FuturaPT-Book'; font-size: 18px; line-height: 1.5; color: #333 !important; height: 46px !important; padding: 0; width: 100%; } .product-detail-wrapper #pwgc-message { height: 116px !important; resize: none; } .woocommerce div.product .product-detail-wrapper form.cart .variations label, .product-detail-wrapper .pwgc-label { text-transform: uppercase; font-family: "FuturaPT-Demi"; margin: 0; } .woocommerce div.product .product-detail-wrapper form.cart .variations td.value { position: relative; } .woocommerce div.product .product-detail-wrapper form.cart .variations td.value:after { content: ""; position: absolute; top: 50%; pointer-events: none; z-index: 2; margin-top: -6px; width: 13px; height: 8px; right: 0; background: url(../png/select-arrow.png) no-repeat 0 0 / cover transparent; } .woocommerce div.product .product-detail-wrapper form.cart .variations { margin: 0 0 30px 0; } .woocommerce div.product .product-detail-wrapper form.cart .button { background: #173f6d !important; } .woocommerce div.product .product-detail-wrapper form.cart .button:before { background: #5d7999; } .woocommerce div.product .product-detail-wrapper form.cart .button:after { background: #173f6d; } .pwgc-field-container { margin-bottom: 30px; } *::-webkit-input-placeholder{color:inherit;opacity:1;} *:-moz-placeholder{color:inherit;opacity:1;} *::-moz-placeholder{color:inherit;opacity:1;} *:-ms-input-placeholder{color:inherit;opacity:1;} *::placeholder{color:inherit;opacity:1;} .gallery-slider .gallery-slide { margin: 0; } .tab-description.mCustomScrollbar { margin-right: -17px; } .home-banner a + .theme-banner-content { pointer-events: none; } .images_cover{display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin: 0 0 50px;} .images_cover img {width: 48%;margin: 0 auto 25px;} .media-wrapper { padding: 89px 0px 80px 0px; background-color: #f1f1f1; padding-bottom: 0px;} .media-wrapper .section-heading { margin-bottom: 56px; } .media-single { text-align: center; } .media-single figure img { border-radius: 50%; } .media-single .media-plus { display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; z-index: 2; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .media-single .media-plus:before, .media-single .media-plus:after { content: ""; display: block; position: absolute; width: 100%; height: 6px; top: 50%; left: 0; margin-top: -3px; background: #fff; } .media-single .media-plus:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .media-popup { padding: 0px; } .media-container { max-width: 800px; width: 100%; align-items: center; } .media-details-img{ background-color: #f1f1f1;padding: 20px;} .media-details-img img{border-radius:50%;} .media-img-container{display:flex;align-items:center;background-color:#f1f1f1;width: 100%;} /* .team-content { padding: 0px 0px 0px 0px; } .team-info { padding-bottom: 20px; align-self: center; } .team-content{padding:20px;} .team-content p{ font-size: 18px; line-height: 28px; letter-spacing: 0.02em; } .team-single figure:hover .team-popup:before { opacity: 0.5; } .team-single figure .team-popup:before { content: ""; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1; opacity: 0; } */ .media-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .media-slider .right-arrow { right: -100px;top: 50%; position: absolute; background-image: url(../png/arrow-right.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .media-slider .left-arrow { left: -100px; top: 50%; position: absolute; background-image: url(../png/arrow-left.png); width: 23px; height: 42px; background-color: transparent; border: none; padding: 0; cursor: pointer; } .media-wrapper .container { padding: 0 15px; max-width: 1200px; } .media-container img { width: 100%;} .meida-single img { width: 100%; border: 1px solid #ccc; height: 100%; } .fancybox-image { height: 100% !important; width: 90%; object-fit: cover; display: flex; position: relative; left: 50%; transform: translate(-50%,-50%); top: 50%; } /* .home-banner .theme-banner-content.banner-setbtn1 { top: inherit; bottom: 40px; left: 68%; right: inherit; transform: translate(-50%, -50%);} .home-banner .theme-banner-content.banner-setbtn2{ top: inherit; bottom: 18px; left: 66%; right: inherit; transform: translate(-50%, -50%);} .home-banner .theme-banner-content.banner-setbtn1 .btn, .home-banner .theme-banner-content.banner-setbtn2 .btn {min-width: inherit; padding: 15px 40px; height: auto;}*/ /* .page-id-722 .images_cover, .page-id-1461 .images_cover{ display: none;} */ .servie-usp .service-small-title {font-size: 18px;line-height: 30px;font-family: 'FuturaPT-Book';} .mCSB_container .skintech-price-cls { margin-bottom: 8px !important;} .mCSB_container .skintech-price-ul {margin-bottom: 12px;} .phone_sticky{display:none} .postid-13612{} .postid-13612 .tab_content_img_main { text-align: center; height: 100%; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center;} .postid-13612 .description-wrapper .mCustomScrollBox { height: 500px;} .postid-13612 .service-detail-page .description-wrapper .tab-benefit-inner { padding-top: 10px;} .postid-13612 .service-detail-page .description-wrapper .single-benefit { padding-bottom: 0;} .postid-13612 .tab-description p + p { margin: 0px 0px 0px 0px;} .postid-13612 .tab-description p strong { display: inline-block; margin: 20px 0 0;} .postid-13612 .service-detail-page .description-wrapper .single-benefit .benefit-icon { margin: 0px 35px 0 0;} .postid-13612 .tab-description .benefit-desc p strong { margin: 0;} .postid-13612 #tab3 div#mCSB_3_container, .postid-13612 #tab4 div#mCSB_4_container { height: 500px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; } .postid-13612 .tab-description ul {width: 100%;} .data_scroll{ height: 550px;overflow: hidden;} .service-story-wrapper.first-service .service-inner-content p + p { margin-top: 5px;} .service-story-wrapper.first-service .service-inner-content p { max-width: 100%;} .service-img img{ height: 550px; object-fit: cover;} .tax-product_cat .home-banner .theme-banner-content { top: inherit; left: 50%; right: inherit; bottom: -8px; transform: translate(-50%, -50%); } /*-----------001 responsive Media Query(s) --------------------------*/ @media(min-width:1081px) { a:hover { color: #173f6d; text-decoration: none; } .gallery-slide a.gallery-link:hover .zoom-view { transform: translateY(-50%); top: 50%; } .gallery-slide a.gallery-link:hover:before { height: 100%; } .single-insta a:hover:after { height: 100%; } .single-insta a:hover .insta-icon { z-index: 1; } .seller-single .product-icon-cart:hover { border: none !important; } .seller-single:hover .product-icon-wishlist, .seller-single:hover .product-icon-cart, .seller-single:hover .yith-wcwl-add-button a.product-icon-wishlist, .seller-single:hover a.button.add_to_cart_button { margin-right: 0px; opacity: 1; } .seller-single:hover a.product-icon-wishlist:hover span { font-size: 13px; opacity: 1; } .yith-wcwl-add-button a.product-icon-wishlist span, .seller-single a.button.add_to_cart_button span, .seller-single a.product-icon-wishlist span { position: absolute; right: 100%; top: 50%; white-space: nowrap; line-height: 16px; padding: 2px 5px; background: #173f6d; color: #fff; font-weight: 400; font-size: 13px; margin-top: -11px; margin-right: 9px; opacity: 0; pointer-events: none; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'FuturaPT-Book'; } .yith-wcwl-add-button a.product-icon-wishlist:hover span, .seller-single a.button.add_to_cart_button:hover span { opacity: 1; } .seller-single a.product-icon-wishlist span:before, .seller-single a.button.add_to_cart_button span:before { content: ""; display: block; width: 7px; height: 7px; background: #173f6d; transform: rotate( 45deg); position: absolute; left: 100%; top: 6px; margin-left: -4px; } .seller-single:hover .product-icon-wishlist { transition-delay: 0.5s; } .seller-single:hover .product-icon-cart { transition-delay: 1s; } .seller-single:hover figure a.pro-img:before { border-color: #f1f1f1; } .arrival-section .single-arrival a:hover { color: #173f6d !important; } .product-img-container:hover .product-img:before { height: 100%; } .product-img-container:hover .sprite.product-cart { left: 50%; right: auto; } .product-img-container:hover .sprite.product-wishlist { right: 50%; left: auto; } .blog-single:hover .blog-wrap { margin-top: -30px; } .blog-single:hover .blog-wrap .plus-view { transform: translateY(-100%); } .blog-single:hover .blog-detail { box-shadow: 0 40px 80px rgb(0 0 0 / 15%); } a.link-more:hover { letter-spacing: 0.15em; } .insta-list .slide-item a:hover:after { height: 100%; } .insta-list .slide-item:hover .fa-instagram { top: 50%; opacity: 1; } .newsletter-form .form-group > input[type="submit"]:hover { background-color: #fff; color: #333; border: 5px solid #444; } .quick-links ul li a:hover { color: #173f6d; } ul.footer-social li:hover a i { color: #173f6d; transition: 0.40s; -webkit-transition: 0.40s; -moz-transition: 0.40s; -ms-transition: 0.40s; -o-transition: 0.40s; } .quick-links ul li a:before, .footer-contact p a:before { content: ""; display: block; position: absolute; left: 0; bottom: 70%; width: 100%; height: 1px; background: #fff; opacity: 0; } .signature p a:hover { color: #173f6d; } .footer-social li:hover a { color: #173f6d; } .btn:hover:before { width: 100%; height: 100%; } .btn:hover:after { width: 15px; height: 15px; z-index: -1; } .contact-form-wrapper .form-wrapper .section-heading { padding-bottom: 30px; } .top-menu li a:hover span.top-tooltip{opacity:1;color:#fff;} .top-menu li a:hover span { color: #173f6d; } .single-treat:hover .treat-content a.read-link { transform: translateY(-100%); opacity: 1; } .product-main-section .product-view:hover .zoom-img{opacity:1;} .service-detail-page .description-wrapper .tab_content_main .tab-description ol > li a:hover { color: #173f6d;} } @media(min-width:1370px) { /*.about-zigzag .row:nth-child(1) .col-sm-6:nth-child(1){padding-left:0;} .about-zigzag .row:nth-child(even) > .col-sm-6:first-child { padding-right:0;}*/ } @media(min-width:1200px) { .container { width: 100%; max-width: 1400px; } } @media(max-width:1800px) { } @media(max-width:1440px) { .service-story-wrapper.first-service .col-md-6.p-0 { padding-left: 15px !important; padding-right: 15px !important; } .media-slider .left-arrow, .media-slider .right-arrow { top: 43%;} } @media screen and (min-width: 1440px) and (max-width: 1600px) { } @media screen and (min-width: 1441px) and (max-width: 1550px) { .single-speciality figcaption .h1 { font-size: 40px; } } @media screen and (min-width: 1366px) and (max-width: 1439px) { .seller-wrapper .section-heading { padding-bottom: 15px; } .seller-wrapper { padding: 50px 0px; } } @media screen and (min-width: 1200px) and (max-width:1440px) { .theme-banner-content .heading-1 { font-size: 50px; line-height: 65px; padding: 14px 0px; } .section-heading { font-size: 40px; } .treat-wrapper { padding: 58px 0px 58px 0px; } .category-wrapper .section-heading { padding-bottom: 60px; } .single-speciality figcaption .h1 { font-size: 26px; } .choose-wrapper .container { padding: 0px 30px; } } @media screen and (min-width: 1200px) and (max-width: 1365px) { .logo img { width: 170px; } .navigation ul.menu > li > a { font-size: 15px; } .site-main { padding-top: 100px; } .navigation ul.menu > li { margin-right: 28px; } .home-banner .theme-banner-content { left: 5%; } .iconic_content { padding-right: 0; padding-top: 15px; } .about-zigzag .row+.row { margin-top: 15px; } .meetdoc_main { padding: 97px 0 41px 15px; } .about-zigzag { padding: 100px 0px 100px 0px; } /*.team-slider .left-arrow{left:0;transform: translatey(-40%) scale(0.7);} .team-slider .right-arrow{right:0;transform: translatey(-40%) scale(0.7);} .gallery-slider .left-arrow{left:0; transform: translatey(-40%) scale(0.7);} .gallery-slider .right-arrow{right:0; transform: translatey(-40%) scale(0.7);}*/ } @media screen and (min-width: 1081px) and (max-width: 1199px) { .logo img, .sticky .logo img { width: 130px; } .site-main { padding-top: 100px; } .single-category .category-content p { padding: 5px 0px; } .story-desc { padding: 0px 0px 32px 0px; } .story-wrapper .story-content .story-heading br { display: none; } .single-speciality figcaption .h1 { font-size: 26px; } .single-speciality figcaption .special-tag { font-size: 16px; } .price-wrapper span.price-old { margin-right: 15px; } .choose-right .h1 { margin: 14px 0px 25px 0px; font-size: 35px; } .concern-wrapper .tab_content .tab-left { padding: 0px 15px; } .inner-banner-section { min-height: 460px; } .page-heading-wrapper .heading-1 { font-size: 50px; margin-top: 30px; } .contact-form { padding: 70px 0px; } .story-right { padding: 65px 0px 0px 42px; } .theme-banner-content .heading-1 { font-size: 40px; line-height: 50px; } .single-category svg { margin: 0px 0px 0px 23px; } .story-wrapper { padding: 28px 0px 0px 0px; } .service-story-wrapper.first-service .service-inner-content, .service-story-wrapper.second-service .service-inner-content { padding: 0px 0px; } .service-content .h1 { font-size: 36px; } .service-story-wrapper .row { align-items: center; } .service-list-page .treat-wrapper { padding: 50px 0px 0px 0px; } .treat-content h3 { font-size: 18px; margin: 5px 0px; } .service-story-wrapper.second-service .service-inner-content p + p, .service-story-wrapper.first-service .service-inner-content p + p { margin-top: 23px; } .service-story-wrapper.first-service { padding: 72px 0px; } .cosmetic-content { padding: 60px 0px; } .product-detail-wrapper { margin-left: 0px; } .tab-description { padding-right: 0px; } .product-detail-wrapper .zip-wrap { padding: 20px 0px; } .product-bottom { padding: 30px 0px 40px 0px; } .description-wrapper .product-tab-img img { max-width: 480px; } .description-wrapper .product-tab-img { margin: 0px auto; } .meetdoc_main { padding: 30px 0 15px 15px; } .iconic_content { padding-right: 0px; padding-top: 15px; } .about-content .section-heading { font-size: 40px; padding-bottom: 20px; } .about-zigzag { padding: 75px 0px 75px 0px; } .about-zigzag h2 { font-size: 36px; padding: 10px 0px 15px 0; } .iconic_content dd { font-size: 16px; line-height: 26px; padidng-bottom: 15px; } .about-zigzag .row+.row { margin-top: 15px; } .about-zigzag p, .about-zigzag ul li { font-size: 16px; line-height: 26px; } /* .team-slider .right-arrow{right:-1%; transform: translatey(-40%) scale(0.7);} .team-slider .left-arrow{left:-1%; transform: translatey(-40%) scale(0.7);} .gallery-slider .left-arrow{left:-1%; transform: translatey(-40%) scale(0.7);} .gallery-slider .right-arrow{right:-1%; transform: translatey(-40%) scale(0.7);}*/ .product-listing-page .seller-single figure a { margin-bottom: 25px; } .contact-form-wrapper .form-wrapper .section-heading, .section-heading { font-size: 36px; } .tab-left .h2, .tab-left h2 { font-size: 28px; line-height: 32px; } .choose-wrapper .container { padding: 0px 30px; } .product-listing-page .choose-right { padding: 50px 25px; } .product-detail-page .usp-wrapper, .related-wrapper { padding: 50px 0px; } .service-story-wrapper.first-service .service-btn, .zigzag_btn_main { padding: 23px 0px; } .service-detail-page .description-wrapper .single-benefit { padding-bottom: 0px; } .service-detail-page .gallery-wrapper, .question { padding: 50px 0px; } .page-template-service-page .treat-wrapper .img-wrap{margin:10px 10px 10px 0px;} .page-template-service-page .treat-wrapper .img-wrap img{width:200px;} .page-template-service-page .single-treat .treat-content{padding:20px 5px 50px 0px;} .search-main { margin-left: 13px; } .ubermenu .ubermenu-target-title{font-size:12px;} .home-banner{min-height:400px;} } /* For 110*/ @media (min-width: 1600px) and (max-width: 1800px) { } /* For 125*/ @media (min-width: 1400px) and (max-width: 1600px) { /* .home-banner .theme-banner-content.banner-setbtn1 { bottom: 22px;} .home-banner .theme-banner-content.banner-setbtn2 { bottom: 0px;} */ } /* For 150*/ @media (min-width: 1200px) and (max-width: 1300px) { /* .home-banner .theme-banner-content.banner-setbtn2 {bottom: -10px} .home-banner .theme-banner-content.banner-setbtn1 { bottom: 10px;} */ .tax-product_cat .home-banner .theme-banner-content {bottom: -13px;} .tax-product_cat .home-banner .theme-banner-content .btn { min-width: 170px;height: 40px;} } /* For 175*/ @media (min-width: 1080px) and (max-width: 1200px) { /* .home-banner .theme-banner-content.banner-setbtn1 {bottom: 0px;} .home-banner .theme-banner-content.banner-setbtn2 { bottom: -10px;} */ .tax-product_cat .home-banner .theme-banner-content {bottom: -13px;} .tax-product_cat .home-banner .theme-banner-content .btn { min-width: 170px;height: 40px;} } @media screen and (max-width: 1439px) { .treat-slider .left-arrow, .team-slider .left-arrow, .media-slider .left-arrow, .seller-slider .left-arrow, .brand-slider .left-arrow, .gallery-slider .left-arrow, .related-slider .left-arrow { left: -30px; } .treat-slider .right-arrow, .team-slider .right-arrow, .media-slider .right-arrow .seller-slider .right-arrow, .brand-slider .right-arrow, .gallery-slider .right-arrow, .related-slider .right-arrow { right: -30px; } .gallery-slider { margin: 0px -11px 0px 0px; } .gallery-slide.slick-slide { padding: 0px 11px 0px 0px; } } @media screen and (max-width: 1365px) { .treat-slider .slide { padding: 0 15px; } .treat-slider { margin: 0 -15px; padding: 0 45px; } .treat-slider .left-arrow, .team-slider .left-arrow, .media-slider .left-arrow, .seller-slider .left-arrow, .brand-slider .left-arrow, .gallery-slider .left-arrow, .related-slider .left-arrow { left: 15px; } .treat-slider .right-arrow, .team-slider .right-arrow, .media-slider .right-arrow, .seller-slider .right-arrow, .brand-slider .right-arrow, .gallery-slider .right-arrow, .related-slider .right-arrow { right: 15px; } .gallery-slider.clinic { margin: 0 -15px; padding: 0px 45px; } .gallery-slider.clinic .right-arrow { right: 0; } .gallery-slider.clinic .left-arrow { right: 0; } .gallery-slider, .team-slider, .brand-slider, .seller-slider, .related-slider, .media-slider { margin: 0 -15px; padding: 0px 45px; } .gallery-slide.slick-slide, .team-slide.slick-slide, .logo-slide.slick-slide, .seller-single.slick-slide, .related-slider .slide-item { padding: 0px 15px; } } @media(max-width:1080px) { .popular-slider, .arrival-slider { margin: 0 -5px; } .popular-slider .single-arrival.slick-slide, .arrival-slider .single-arrival.slick-slide { padding: 0 5px; } .site-main { padding-top: 90px; } .detail-inner .heading2 br { display: none; } .detail-inner .img-container { padding: 27px 0px 27px 0px; } .wishlist-view a, .select-wrap { justify-content: flex-start; } .product-description-main { padding: 0 0 0 0; } .skintech-top .col-lg-9 { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 15px; } .mobile-header-right .btn-small { min-width: 120px; height: 36px; font-size: 12px; } .mobile-header-right { top: 50%; transform: translateY(-50%); } ul.mobile-header-right li.search-main a svg { display: block; } .gallery-slide a.gallery-link:hover .zoom-view { transform: none; } .tab-right span:before { display: none; } .navigation .search-main { display: none; } .seller-single figure a.pro-img { border: 1px solid #f1f1f1; margin: 0px 5px 15px 0px; } .about-img-item span.pattern:before, .story-image-wrapper.img-top span:before, .story-image-wrapper.img-bottom span:before, .service-img span.pattern:before, .description-wrapper .product-tab-img span.pattern:before { display: none; } .search-result_main .search-title{margin:0px 0px 5px 0px;} .search-results-section .search_rs_list{margin-top:10px;} .home-banner{min-height:400px;} /* .home-banner .theme-banner-content.banner-setbtn1 .btn, .home-banner .theme-banner-content.banner-setbtn2 .btn { padding: 8px 30px;} .home-banner .theme-banner-content.banner-setbtn1 { bottom: 10px;} .home-banner .theme-banner-content.banner-setbtn2 { bottom: 0;} */ } @media(max-width:991px) { .blog-single a img { width: 100%; } .box-wrapper p { margin: 21px 10px 47px 10px; } .treat-slider .slide { display: flex; flex-wrap: wrap; justify-content: space-between; } /*.treat-wrapper .single-treat {margin-bottom: 40px;width: calc(50% - 8px);} .treat-wrapper .single-treat{flex-wrap:Wrap; align-items: center; justify-content: center;} .treat-wrapper .single-treat:before{margin-top:25%;margin-left:0;}*/ .treat-content { padding: 0px 15px; } .treat-wrapper .img-wrap { margin: 0px 15px 0px 0px; } .treat-content p { padding: 0; } .treat-content h3 { margin: 10px 0px; } .form-wrapper .form-group { max-width: 100%; } .form-wrapper .section-heading { text-align: center; } .contact-form-wrapper span { text-align: center; display: block; } .insta-slide { display: flex !important; padding: 0px; } .single-insta { padding: 0px 15px; } /*.insta-slide{padding:0px 10px 0px 10px;}*/ .insta-slider { margin: 0 -15px; } .footer-bottom .flex-ac-js, .footer-bottom .flex-ac-js .text-left, .signature.text-right { text-align: center !important; } .signature p { margin-top: 2px; } .question .accordion__item .accordion__title .accordion__arrow { margin: 18px 0px; } .theme-not-found h2, .theme-not-found .h2 { font-size: 350px; } .contact-wrapper .form-wrapper form .btn-view{ align-items: center;justify-content: center;} .form-wrapper .fluentform .ff-el-group .submit-btn { /*min-width: auto;*/ } .form-wrapper .fluentform { max-width: 100%; } .content-spacing { padding: 70px 0; } .cms-content-section { padding: 40px 0; } .only-content h1, .only-content .h1 { font-size: 42px; } .only-content h2, .only-content .h2 { font-size: 36px; } .only-content h3, .only-content .h3 { font-size: 30px; } .only-content h4, .only-content .h4 { font-size: 24px; } .only-content h5, .only-content .h5 { font-size: 20px; } .only-content h6, .only-content .h6 { font-size: 16px; } } @media screen and (min-width:768px) and (max-width:991px) { .single-category svg { transform: scale(0.75); width: 300px; height: 285px; margin: 0 auto; display: block; } .quick-links ul li a{font-size:16px;} } @media screen and (min-width:768px) and (max-width:1080px) { .tab-left { padding: 10px 5px 0px 10px; } .tab-left .h2, .tab-left h2 { margin: 0px 0px 0px 0px; } .iconic_content { padding-right: 0px; padding-top: 10px; } .iconic_content dt { font-size: 16px; padding-left: 60px; } .iconic_content dd { padding-left: 60px; font-size: 16px; line-height: 26px; } .about-zigzag .iconic_content svg { width: 44px; height: 44px; } .about-zigzag p { padding: 0px 0px 0px 0px; margin: 0px 0px 16px 0px; } .about-zigzag h2 { padding: 10px 0px; font-size: 20px; } .about-zigzag h2 br { display: none; } .meetdoc_main { padding: 15px 15px 0px 15px; } .about-zigzag .row+.row { padding-top: 30px; border-top: 1px solid #f1f1f1; margin-top: 0px; } .tab-left ul.tab-list li.address-single { margin: 0px 0px 15px 0px; } .theme-cta { padding: 40px 0; } .theme-cta .section-heading { padding-bottom: 20px; } .theme-cta .btn { margin-top: 30px; } .tax-product_cat .home-banner .theme-banner-content { bottom: -15px;} } @media only screen and (max-width: 768px) { .single-category svg { margin-left: -20px; } } @media screen and (min-width:991px) and (max-width:1080px) { .home-slider .home-slide img { min-height: 380px; } .heading1 { font-size: 60px; } .heading2 { font-size: 30px; } .single-product .product-caption h2 { font-size: 20px; margin: 0px; } .product-caption .btn-wrap { padding-top: 10px !important; } .btn { min-width: 180px; padding: 0 20px; height: 50px; } .home-slider .home-slide .slider-caption h1 { font-size: 32px; margin: 0px; } .brand-wrapper h2 { margin: 0; } .brand-slider ul.slick-dots { padding: 50px 0px; margin: 0px; } .footer-form { padding: 50px 0px 0px 0px; } .footer-title { margin: 15px 0px; } .footer-top { padding: 0px 0px 50px 0px; } .insta-list .slick-arrow { display: none !important; } .story-left p { margin: 13px 0px 20px 0px; margin-bottom: 0px; } .theme-footer .cust-col, .footer-contact-info { flex: 0 0 20%; max-width: 20%; } .theme-footer .cust-col { margin-bottom: 40px; } .footer-contact { display: flex; justify-content: space-between; } .story-right .img1 { max-width: 55%; } .theme-banner-content h4 { font-size: 14px; line-height: 20px; } .theme-banner-content .heading-1 { font-size: 34px; line-height: 40px; padding: 25px 0px; } .section-heading { font-size: 36px; } .form-wrapper .section-heading { padding: 10px 0px 40px 0px; } .treat-content h3 { margin: 15px 0px; } .treat-wrapper, .category-wrapper, .story-wrapper, .team-wrapper, .media-wrapper, .seller-wrapper, .concern-wrapper, .brand-wrapper, .usp-wrapper, .contact-wrapper, .contact-form, .product-listing-page .usp-wrapper { padding: 40px 0px; } .treat-wrapper .section-heading, .team-wrapper .section-heading, .gallery-wrapper .section-heading { padding-bottom: 50px; } .team-wrapper .section-heading { margin-bottom: 0px; } .single-category .image-wrapper img { width: 150px; } .story-right { padding: 55px 0px 0px 0px; } .story-right .story-desc, .story-desc { padding: 0 0 0px 0; } .story-wrapper .story-content .story-heading { font-size: 26px; } .story-wrapper .story-content .story-heading br { display: none; } .story-image-wrapper.img-bottom span:before { width: 130px; height: 84px; bottom: 25px; } .story-image-wrapper.img-top span:before { width: 130px; height: 84px; top: 13px; left: -10px; } .story-wrapper .story-content .story-small-title { margin-bottom: 0px; } .single-speciality figcaption .h1 { font-size: 26px; margin: 15px 0px 0px 0px; } .single-speciality figcaption { bottom: 20px; } .single-speciality figcaption .special-tag { font-size: 12px; } .speciality-slider ul.slick-dots, .gallery-slider ul.slick-dots { padding: 20px 0px; } .seller-single figure img { padding: 0px 0px; height: 200px; } .price-wrapper span.price-old { margin-right: 12px; } .seller-single { padding: 35px 0px 0px 0px; margin-bottom: 0px !important; } .concern-wrapper ul.tabs { padding: 30px 0px 15px 0px; } .concern-wrapper .tab_content .row .col-md-4 { padding: 0px 15px; } .tab-left .h2, .tab-left h2 { font-size: 26px; line-height: 32px; } .tab-left p { padding: 15px 0px 15px 0px; } .tab-left p, .tab-left ul.tab-list { font-size: 16px; line-height: 24px; } .tab-right span:before { display: none; } .concern-wrapper .tab_content .row { padding: 20px 0px; } .brand-slider ul.slick-dots { margin: 30px 0px 0px 0px; padding: 0px; } .choose-right { padding: 40px 15px 30px 15px; } .product-listing-page .choose-right { padding: 50px 25px; } .choose-right .h1 { font-size: 30px; margin: 5px 0px; } .choose-right span.h4 { margin: 5px 0px; font-size: 14px; } .choose-right p { margin: 20px 0px 0px 0px; } .single-usp .h3 { padding: 11px 0px 0px 0px; margin: 0px; } .gallery-wrapper { /*padding-bottom: 35px;*/ } .contact-form-wrapper span { font-size: 14px; } .form-wrapper { padding-top: 0px; } .theme-footer { padding: 0px 0px 0px 0px; } .footer-top { padding: 20px 0 35px 0px; } .signature p { font-size: 16px; } .footer-payment .container { padding: 15px; } .footer-bottom .flex-ac-js { padding: 15px 0px; } .single-category .category-content p { padding: 5px 0px; } .inner-banner-section { min-height: 450px; } .page-heading-wrapper .heading-1 { font-size: 50px; margin-top: 30px; } .treat-content h3 a { font-size: 17px; } .treat-wrapper .img-wrap { margin: 0px 15px 0px 0px; } .treat-wrapper .img-wrap a img { max-width: 170px; } .treat-slider .slide .single-treat:nth-child(2) { margin-bottom: 30px; } .treat-content p { padding: 0px 15px 0px 0px; } .brand-slider .right-arrow, .brand-slider .left-arrow { margin-top: -30px; } .choose-wrapper .container { padding: 0px 30px; } .gallery-wrapper .container { padding: 0px 40px; } .seller-wrapper .section-heading { margin-bottom: 0px; padding-bottom: 30px; } .service-story-wrapper.first-service .service-inner-content, .service-story-wrapper.second-service .service-inner-content { padding: 0px 0px; } .service-content .h1 { font-size: 36px; } .service-story-wrapper .row { align-items: center; } .service-story-wrapper.second-service .service-inner-content p + p, .service-story-wrapper.first-service .service-inner-content p + p { margin-top: 23px; } .service-story-wrapper.first-service { padding: 72px 0px; } .cosmetic-content { padding: 60px 0px; } .cosmetic-content .h1 { font-size: 32px; margin-bottom: 20px; } .cosmetic-content p + p { margin-top: 15px; } .service-list-page .treat-wrapper { padding: 50px 0px; } .service-story-wrapper.first-service { padding: 25px 0px; } .service-story-wrapper.second-service { padding-bottom: 70px; } .product-detail-wrapper { margin: 0px; } .product-detail-wrapper .pro-name { font-size: 38px; margin: 17px 0px 17px 0px; } .product-detail-wrapper .price-wrapper span.price-old, .product-detail-wrapper .price-wrapper span.price-new { font-size: 24px; } .product-detail-wrapper .zip-wrap { padding: 28px 0px; } .product-bottom { padding: 0px 0px 40px 0px; } .product-detail-page .usp-wrapper { padding: 70px 0px; } .description-wrapper .product-tab-img img { max-width: 480px; } .description-wrapper .product-tab-img { margin: 0px auto; } .product-detail-page .seller-single { padding: 0px; margin-bottom: 0px !important; } .service-story-wrapper.first-service .service-btn, .zigzag_btn_main { padding: 23px 0px; } .service-detail-page .description-wrapper .single-benefit { padding-bottom: 0px; } .service-detail-page .gallery-wrapper, .question { padding: 50px 0px; } .search .search-results-section { padding: 40px 0px 0px 0px; } .enquiry-popup-btn { margin: 0 25px 0 0; } .enquiry-popup-btn-new { margin: 0 25px 0 0; } .speciality-section { padding-top: 40px; } .gallery-section { padding: 35px 0px 30px 0px; } .gallery-wrapper .section-heading { padding-bottom: 20px; } .speciality-slider { margin-top: 30px !important; } .brand-slider { margin-top: 40px !important; } .product-detail-wrapper .quantity { height: 50px; } } @media screen and (min-width:768px) and (max-width:991px) { h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 18px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .heading1 { font-size: 28px; } .heading2 { font-size: 32px; } .theme-banner-content h4 { font-size: 14px; line-height: 20px; } .theme-banner-content .heading-1 { font-size: 32px; line-height: 40px; padding: 15px 0px; } .section-heading { font-size: 32px; } .category-wrapper .section-heading { padding-bottom: 20px; } .treat-wrapper, .category-wrapper, .story-wrapper, .team-wrapper, .media-wrapper, .seller-wrapper, .concern-wrapper, .brand-wrapper, .usp-wrapper, .contact-wrapper, .contact-form { padding: 40px 0px; } .treat-wrapper .section-heading, .team-wrapper .section-heading, .brand-wrapper .section-heading, .gallery-wrapper .section-heading { padding-bottom: 30px; } .team-wrapper .section-heading { margin-bottom: 0px; } .single-category .image-wrapper img { width: 100px; } .single-category .image-wrapper { height: 260px; width: 270px; } .story-right { padding: 65px 0px 0px 0px; } .story-right .story-content { padding-top: 42px; } .story-right .story-desc, .story-desc { padding: 0 0 32px 0; } .story-wrapper .story-content .story-heading { font-size: 26px; } .story-wrapper .story-content .story-heading br { display: none; } .story-image-wrapper.img-bottom span:before { width: 130px; height: 84px; bottom: 25px; } .story-image-wrapper.img-top span:before { width: 130px; height: 84px; top: 13px; left: -10px; } .single-speciality figcaption .h1 { font-size: 26px; margin: 15px 0px 0px 0px; } .single-speciality figcaption { bottom: 20px; } .single-speciality figcaption .special-tag { font-size: 12px; } .speciality-slider ul.slick-dots, .gallery-slider ul.slick-dots { padding: 20px 0px; } .seller-single figure img { padding: 0px 0px; height: 200px; } .price-wrapper span.price-old { margin-right: 12px; } .price-wrapper span.price-old, .price-wrapper span.price-new { font-size: 16px; } .seller-single { padding: 20px 0px 0px 0px; margin-bottom: 20px !important; } .concern-wrapper ul.tabs { padding: 40px 0px 30px 0px; } .concern-wrapper .tab_content .row .col-md-4 { padding: 0px 15px; } .tab-left .h2, .tab-left h2 { font-size: 22px; line-height: 32px; } .tab-left p { padding: 15px 0px 15px 0px; } .tab-left p, .tab-left ul.tab-list { font-size: 16px; line-height: 24px; } .tab-right span:before { display: none; } .concern-wrapper .tab_content .row { padding: 20px 0px; } .brand-slider ul.slick-dots { margin: 30px 0px 0px 0px; } .choose-right { padding: 40px 15px 30px 15px; } .product-listing-page .choose-right { padding: 15px 15px; } .choose-wrapper .row .col-md-6 { display: flex; } .choose-right .h1 { font-size: 32px; margin: 5px 0px; } .choose-right span.h4 { margin: 5px 0px; font-size: 12px; } .choose-right p { margin: 15px 0px 15px 0px; font-size: 16px; line-height: 25px; } .single-usp .h3 { padding: 11px 0px 0px 0px; margin: 0px; } .gallery-wrapper { padding-bottom: 35px; } .contact-form-wrapper span { font-size: 14px; } .form-wrapper { padding-top: 0px; } .theme-footer { padding: 0px 0px 0px 0px; } .footer-top { padding: 0 0 35px 0px; } .signature p { font-size: 16px; } .footer-payment .container { padding: 15px; } .footer-bottom .flex-ac-js { padding: 15px 0px; } .single-category .category-content p { padding: 5px 0px; line-height: 24px; } .inner-banner-section { min-height: 420px; } .page-heading-wrapper .heading-1 { font-size: 40px; margin-top: 20px; } .btn { min-width: 170px; padding: 10px 20px; height: 40px; } .seller-single .pro-name { font-size: 16px; } .team-slider .left-arrow, .media-slider .left-arrow, .seller-slider .left-arrow, .brand-slider .left-arrow { left: -5px; transform: scale(0.5); } .team-slider .right-arrow, .media-slider .right-arrow, .seller-slider .right-arrow, .brand-slider .right-arrow { right: -5px; transform: scale(0.5); } .brand-slider .right-arrow, .brand-slider .left-arrow { margin-top: -30px; } .choose-wrapper .container { padding: 30px 30px; } .concern-wrapper ul.tabs li + li { margin-left: 25px; } .brand-slider .slick-slide a img { max-width: 170px; } .treat-slider .slide .single-treat:nth-child(2) { margin-bottom: 30px; } .story-right { display: flex; } .service-story-wrapper.first-service .service-inner-content, .service-story-wrapper.second-service .service-inner-content { padding: 0px 0px; } .service-content .h1 { font-size: 24px; margin-bottom: 10px; } .service-story-wrapper.second-service .service-inner-content p + p, .service-story-wrapper.first-service .service-inner-content p + p { margin-top: 12px; } .service-story-wrapper.first-service { padding: 72px 0px; } .cosmetic-content { padding: 40px 0px; } .cosmetic-content .h1 { font-size: 26px; margin-bottom: 20px; } .cosmetic-content p + p { margin-top: 15px; } .service-list-page .treat-wrapper { padding: 35px 0px; } .service-story-wrapper.first-service { padding: 35px 0px; } .service-story-wrapper.second-service { padding-bottom: 70px; } .service-list-page .treat-wrapper .section-heading { font-size: 28px; padding-bottom: 35px; } .service-story-wrapper.first-service .service-btn, .zigzag_btn_main { padding: 20px 0px; } .service-story-wrapper.first-service .service-inner-content p, .service-story-wrapper.second-service .service-inner-content p { line-height: 24px; font-size: 15px; } .service-story-wrapper.first-service .row, .service-story-wrapper.second-service .row { align-items: center; } .product-listing-page ul.pagination { margin: 0px; } .blog-pagination { padding: 35px 0px 0px 0px; } .product-detail-wrapper { margin: 0px; } .product-detail-wrapper .pro-name { font-size: 26px; margin: 10px 0px 10px 0px; } .product-detail-wrapper span { font-size: 14px; } .product-detail-wrapper .price-wrapper span.price-old, .product-detail-wrapper .price-wrapper span.price-new { font-size: 20px; } .product-detail-wrapper .zip-wrap { padding: 18px 0px; } .product-bottom { padding: 0px 0px 40px 0px; align-items: center; } .product-detail-wrapper .pro-desc p { font-size: 16px; line-height: 24px; } .product-detail-page .usp-wrapper { padding: 70px 0px; } .description-wrapper .product-tab-img img { max-width: 300px; } .tab-description { padding-right: 0px; } .description-wrapper .product-tab-img { margin: 0px auto; } .product-detail-page .seller-single { padding: 0px; margin-bottom: 0px !important; } .product-detail-wrapper .quantity { height: 40px; min-width: 150px; } .description-wrapper ul.tabs li + li { margin-left: 50px; font-size: 20px; } .description-wrapper .row.wrinkle-wrapper { flex-direction: row; } .description-wrapper .product-tab-img { padding-bottom: 30px; text-align: left; } .about-zigzag { padding: 100px 0px 100px 0px; } .iconic_content dd { padding-bottom: 15px; } .about-zigzag p, .about-zigzag ul li { font-size: 16px; line-height: 26px; } .about-zigzag .iconic_content svg { width: 36px; height: 36px; } .about-zigzag h4 { font-size: 14px; line-height: 24px; margin: 0 0; } .iconic_content dt, .iconic_content dd { padding-left: 45px; } .servie-usp h1 { font-size: 30px; } .servie-usp { padding: 40px 0px; } .service-img span.pattern:before { display: none; } .service-story-wrapper.second-service .service-video { max-width: 60px; } .service-detail-page .description-wrapper .single-benefit { padding-bottom: 0px; } .service-detail-page .description-wrapper .single-benefit .benefit-icon img { width: 40px; } .service-detail-page .description-wrapper .single-benefit .benefit-icon { margin: 0px 15px; } .description-wrapper .anti-list-left, .description-wrapper .anti-list-right { padding: 0px 0px; } .description-wrapper .anti-list-left li a, .description-wrapper .anti-list-right li a { font-size: 18px; line-height: 36px; } .anti-list-left.text-right { text-align: left !important; } .question .accordion__item .accordion__title { font-size: 16px; padding: 14px 28px; } .question { padding: 40px 0px; } .service-img span.pattern:before { display: none; } .servie-usp h1 { font-size: 28px; } .servie-usp { padding: 50px 0px; } .usp-img-wrapper { margin: 0px auto 0px auto; } .service-single-usp { padding-bottom: 30px; } .seller-wrapper .section-heading { padding-bottom: 30px; } .seller-single figure a.pro-img { padding-bottom: 100%; border: 1px solid #f1f1f1; margin: 0px 5px 15px 0px; } .gallery-section { padding: 35px 0px } .form-wrapper form { margin: 20px auto 0px auto; } .product-listing-page .usp-wrapper { padding: 50px 0px; } .related-wrapper, .description-wrapper { padding: 50px 0px; } .search .search-results-section { padding: 30px 0px 30px 0px; } .file-donwload a { font-size: 24px; } .enquiry-popup-btn { margin: 0 20px 0 0; } .enquiry-popup-btn-new { margin: 0 20px 0 0; } .speciality-section { padding-top: 40px; } .gallery-section { padding: 35px 0px 30px 0px; } .gallery-wrapper .section-heading { padding-bottom: 20px; } .speciality-slider { margin-top: 30px !important; } .brand-slider { margin-top: 40px !important; } } @media screen and (max-width:991px) { .treat-wrapper .img-wrap a img { max-width: 110px; } .treat-content h3 { font-size: 16px; } .treat-content p { font-size: 16px; line-height: 24px; } .treat-slider .left-arrow, .team-slider .left-arrow, .media-slider .left-arrow, .seller-slider .left-arrow, .brand-slider .left-arrow, .gallery-slider .left-arrow, .related-slider .left-arrow { transform: scale(0.5) translateY(-50%); transform-origin: left center; } .treat-slider .right-arrow, .team-slider .right-arrow, .media-slider .right-arrow, .seller-slider .right-arrow, .brand-slider .right-arrow, .gallery-slider .right-arrow, .related-slider .right-arrow { transform: scale(0.5) translateY(-50%); transform-origin: right center; } .related-slider .right-arrow, .related-slider .left-arrow { margin-top: -50px; } .treat-slider { padding: 0 26px; margin: 0 -10px; } .treat-slider .slide { padding: 0 10px; } .team-slider, .media-slider, .seller-slider, .brand-slider, .gallery-slider, .related-slider { padding: 0 26px; margin: 0 0px; } .team-slider .slide, .media-slider .slide, .seller-single.slick-slide, .logo-slide.slick-slide, .gallery-slide.slick-slide, .related-slider .slide-item { padding: 0 10px; } .treat-wrapper .img-wrap { margin: 0px 0px 0px 0px; } .story-left, .story-right { display: flex; flex-wrap: wrap; align-items: center; } .story-image-wrapper, .story-content { width: 50%; } .story-left .story-content { padding: 0px 0px 0px 20px; } .story-right .story-content { padding: 0px 20px 0px 0px; } .story-wrapper .col-md-6 { flex: 0 0 100%; max-width: 100%; } .contact-wrapper .contact-form-wrapper form .col-xl-6 { max-width: 50%; flex: 0 0 50%; padding-right: 15px; } .contact-wrapper .contact-form-wrapper form .col-xl-12 { max-width: 100%; flex: 0 0 100%; padding-right: 15px; } .contact-wrapper .contact-form-wrapper form .col-xl-6 .form-group, .contact-wrapper .contact-form-wrapper form .col-xl-12 .form-group { min-width: 100%; } .home-banner{min-height:250px;} .wpcf7-form .checkbox_main{max-width:100%;} .wpcf7-form .checkbox_main label.lbl_radio{font-size:16px;} /* .home-banner .theme-banner-content.banner-setbtn1 { bottom: -4px;} .home-banner .theme-banner-content.banner-setbtn2 { bottom: -10px;} */ .data_scroll{ height: 400px;overflow: hidden;} .service-img img{ height: 400px; object-fit: cover;} } @media(min-width:768px) { .blog-slider .slick-list { overflow: visible; } .insta-list .slide-item { max-width: 33.333333%; width: 33.333333%; margin: 0px; } .insta-list .slide-item { position: relative; overflow: hidden; display: block; padding: 0px 5px 5px 0px; } .insta-list .slide-item img { display: block; width: 100%; } .offer-popup .modal-content { background: #fff !important; } } @media(max-width:767px) { .service-img img { width: 100%; height: auto;} } @media(min-width:576px) { .top-right ul.top-menu.mobile-show-left { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .phone_sticky{ display: block; position: fixed; top: 72%; right: -12px; z-index: 1; margin: 0 30px 0 0; transform: translate(50%, -50%) rotate(-90deg);background: #173f6d; height: 45px; width: 45px; line-height: 45px;text-align: center;} .mobile-show-left li:first-child{display: none;} .phone_sticky svg{ fill: #fff; transform: rotate(89deg); margin-top:11px} .top-menu li + li { margin-left: 0px !important;} } @media(max-width:767px) {.images_cover img {width: 100%;margin: 10px auto;} .search-main { top: -3px; } h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 18px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .heading1 { font-size: 28px; } .heading2 { font-size: 26px; } .home-slider .home-slide .slider-caption h1 { margin: 0px 0px 15px 0px; } .home-slider .home-slide .slider-caption p { line-height: 10px; } .home-slider .sprite.left-arrow { left: 15px; } .home-slider .sprite.right-arrow { right: 15px; } .btn { min-width: 200px; height: 50px; font-size: 14px !important; letter-spacing: 0px !important; padding: 0px; } .btn-small { min-width: 110px; height: 29px; font-size: 12px !important; } .home-slider .home-slide .slider-caption { width: 100%; display: none; } .home-slider .home-slide .slider-caption .btn-wrap { padding: 10px 0px; } .product-caption p.heading2 { line-height: 40px; margin: 0px; font-size: 20px; } .accordian { width: 25%; } .accordian { padding-bottom: 12px; } .accordian_title { font-size: 16px; font-weight: 600; line-height: 28px; /*margin-bottom:10px;*/ width: 100%; } .accordian_content ul { list-style: none; /*margin: 12px 0;*/ padding: 0 0 0 0; column-count: 2; column-gap: 15px; } .accordian_content ul li { font-size: 14px; line-height: 26px; } .social_icons ul li { font-size: 25px; display: inline-block; margin: 0px 4px; } .accordian { width: 100%; } .accordian_content { display: none; } .accordian_title { cursor: pointer; } .accordian_title:after { float: right; font-size: 20px; content: "+"; font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .active_header .accordian_title:after { transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: "-"; } .desktop_version { display: none; } .desktop_accordian { flex-direction: column; width: 300px; margin: 0px auto; } .accordian_title { font-size: 16px; margin: 0px; } .accordian_content ul li { line-height: 30px; } .blog-single { padding-bottom: 0px; } ul.slick-dots li { margin: 0px 4px; } .home-slider .slick-arrow { transform: translateY(-50%) scale(0.75); } .footer-payment { padding: 20px 0px; } .theme-footer .cust-col { flex: 0 0 100%; max-width: 100%; } .theme-footer { padding: 35px 0px 0px 0px; } .footer-top { padding: 0 0 10px 0; } .top-menu li.cart-open a svg{margin-right:0px;} .top-right ul li:nth-last-child(-n+4) a .top-menu-title { display: none; } .top-right ul.mobile-show-right li a span > span.theme-cart-count{display:block;width: 14px;height: 14px;line-height: 14px;margin: 1px 4px 0px 0px;font-size: 10px !important;} .top-right ul li:nth-last-child(-n+4) { margin-left: 10px !important; } .top-menu.mobile-show-right .user-menu li{margin-left:0px !important;} .treat-wrapper, .category-wrapper, .story-wrapper, .seller-wrapper, .concern-wrapper, .brand-wrapper, .contact-wrapper, .contact-form { padding: 35px 0px; } .usp-wrapper{padding:35px 0px 20px 0px;} .team-wrapper { padding: 0px 0px 35px 0px; } .about-page .team-wrapper { padding: 35px 0px; } .section-heading { font-size: 26px; } .treat-wrapper .section-heading, .gallery-wrapper .section-heading { padding-bottom: 35px; } .category-wrapper .section-heading { padding-bottom: 15px; } .team-wrapper .section-heading { margin-bottom: 35px; } .treat-wrapper .img-wrap { margin: 15px 0px 15px 0px; } .treat-wrapper .single-treat { margin-bottom: 40px; } .single-category .category-content p { padding: 5px 0px; line-height: 24px;margin-bottom:0px; } .category-content .h4 { margin: 0px; } .story-wrapper .story-content .story-heading { font-size: 20px; padding-bottom: 10px; } .story-wrapper .story-content .story-small-title { font-size: 14px; padding-bottom: 0px; } .story-image-wrapper.img-top span:before, .story-image-wrapper.img-bottom span:before { display: none; } .story-desc { font-size: 16px; line-height: 26px; } .story-right { padding: 0px; max-width: 100%; display: flex; } .story-wrapper .story-content .story-heading br { display: none; } .story-right .story-desc, .story-desc { padding: 0px; margin-bottom: 0px; } .story-left { padding-bottom: 35px; } .brand-slider .left-arrow { left: 0px; transform: translateY(-50%) scale(0.50); margin-top: -10px; } .brand-slider .right-arrow { right: 0px; transform: translateY(-50%) scale(0.50); margin-top: -10px; } /*.team-slider .left-arrow,.gallery-slider .left-arrow{left:0px;transform:translateY(-50%) scale(0.50);} .team-slider .right-arrow,.gallery-slider .right-arrow{right:0px;transform:translateY(-50%) scale(0.50);}*/ .team-single figure img, .media-single figure img { padding-bottom: 15px; } .team-name { font-size: 16px; margin: 0px; } .single-speciality figcaption .h1 { font-size: 20px; margin-top: 15px; } .single-speciality figcaption .special-tag { font-size: 12px; padding: 6px 10px; } .single-speciality figcaption { bottom: 0px; } .speciality-slider ul.slick-dots, .seller-slider ul.slick-dots { padding: 15px 0px; } .seller-single figure img { height: 298px; margin-bottom: 0px; } .price-wrapper span.price-old { margin-right: 15px; } .seller-single { padding: 10px 0px; margin: 0 !important; } .brand-slider ul.slick-dots { margin: 30px 0px; } .choose-right, .product-listing-page .choose-right { padding: 20px 20px; } .choose-right p { font-size: 16px; line-height: 24px; } .choose-right span.h4, .choose-right p { margin: 0px; } .choose-right .h1 { margin: 14px 0px; font-size: 18px; } .single-usp .h3 { margin: 10px 0px 0px 0px; font-size: 16px; } .usp-wrapper .single-usp { padding-bottom: 20px; } .gallery-slider .slick-slide img { margin: 0px auto; width: 300px; } .usp-wrapper .row .col-md-4:last-child .single-usp { padding-bottom: 0px; } .gallery-slider ul.slick-dots { padding: 20px 0px; } .gallery-wrapper { padding-bottom: 25px; } .contact-form-wrapper span { font-size: 14px; } .insta-wrapper { padding: 0px 0px; } .footer-payment .container { padding: 10px 15px; } .footer-social { margin-bottom: 10px; } .footer-bottom .flex-ac-js { padding: 0 0 20px 0px; } .signature p { font-size: 15px; line-height: 18px; } .signature > .wpml-ls-statics-shortcode_actions ul li a span{ font-size: 15px; line-height: 18px; } .quick-links ul li a, .footer-contact p a { font-size: 16px; } .choose-wrapper img { width: 100%; } .single-insta .insta-img { width: 100%; } .inner-banner-section { min-height: 200px; } .page-heading-wrapper .heading-1 { font-size: 26px; margin-top: 15px; } .inner-content-area p, .form-wrapper .form-group .input-label, .tab-description ul li, .meetdoc_main ul li ,.form-group.select-box select{ font-size: 15px; line-height: 26px; } .contact-form p { font-size: 16px; margin: 15px auto; } .form-wrapper .form-group { margin-bottom: 20px; } .contact-us-page .tab-left p { padding: 10px 0px 20px 0px; margin: 0px; } .contact-us-page ul.address-list li span br { display: none; } .contact-us-page ul.address-list li { padding-bottom: 15px; } .tab-left ul.tab-list li + li { margin-top: 15px; } .contact-us-page ul.address-list li img { max-width: 16px; } /*.footer-payment .text-right{text-align:left !important;} */ .single-category { padding-bottom: 30px; } .footer-payment .col-md-6 img { max-width: 250px; } .top-right .user-menu { left: auto; right: 0; } .btn:before { height: 8px; width: 8px; } .treat-wrapper .img-wrap { margin: 0px 0px 0px 0px; } .single-category svg { width: 300px; height: 290px; } .choose-wrapper .container { padding: 0px 15px; } .choose-wrapper { margin: 0px 15px; } .choose-right span.h4 { font-size: 14px; } .speciality-section .speciality-slider { padding: 0px 15px; } .story-image-wrapper.img-top { padding: 0px 0px 0px 0px; } .contact-form .form-wrapper { margin:10px 0px;padding-bottom:0px; } .service-img span:before { display: none; } .service-story-wrapper.second-service .row { flex-direction: column-reverse; } .service-story-wrapper.first-service .service-btn, .zigzag_btn_main { padding: 20px 0px; } .service-story-wrapper.first-service .service-inner-content p + p, .service-story-wrapper.second-service .service-inner-content p + p { margin-top: 15px; } .service-story-wrapper.second-service { padding-bottom: 15px; } .service-story-wrapper.second-service .service-img { text-align: left; } /* list page accordion */ .filter-list .filter-accordion h4 { cursor: pointer; position: relative; font-size: 16px; margin-top: 0px; padding-bottom: 10px; } .filter-list .list-title:after { background-color: transparent; } .filter-list ul { max-height: 0; overflow: hidden; transition: max-height 1s ease-out; } /*.filter-list .filter-accordion h4:after { content: "+"; position: absolute; top: 0; right: 0; width: auto; } .filter-list .filter-accordion.open h4:after { content: "-"; }*/ .filter-list .filter-accordion.open ul { height: auto; max-height: 500px; transition: max-height 1s ease-in !important; padding-bottom: 20px; } .product-listing-page ul.pagination { margin: 0px 0px 0px 0px !important; } .blog-pagination { padding: 20px 0px; } ul.pagination li > a, ul.pagination li > span { font-size: 16px; } .product-detail-wrapper { margin: 20px 0px; } .product-detail-wrapper .pro-name { font-size: 20px; margin: 15px 0px 15px 0px; } .product-detail-wrapper span { font-size: 14px; } .product-detail-wrapper .price-wrapper span.price-old, .product-detail-wrapper .price-wrapper span.price-new, .woocommerce div.product p.price del span, .woocommerce div.product p.price ins span { font-size: 18px; } .product-detail-wrapper .zip-wrap { padding: 14px 0px; } .product-bottom { padding: 0px 0px 40px 0px; align-items: center; } .product-detail-wrapper .pro-desc p { font-size: 16px; line-height: 24px; } .product-detail-page .usp-wrapper, .description-wrapper { padding: 40px 0px; } .description-wrapper .product-tab-img img { max-width: 300px; } .description-wrapper .product-tab-img { margin: 0px auto; } .product-detail-page .seller-single { padding: 0px; margin-bottom: 0px !important; } .product-detail-wrapper .quantity { height: 50px; min-width: 150px; } .description-wrapper ul.tabs li + li { margin-left: 20px; } .description-wrapper ul.tabs li { font-size: 16px; } .description-wrapper .tab_content_img_main{order:1;} .description-wrapper .tab_content_main{order:2;} .description-wrapper .product-tab-img { padding-bottom: 30px; text-align: center; padding-top: 30px; } .description-wrapper ul.tabs { padding-bottom: 20px; } ul.breadcrumb { display: none; } .pro-view-slider .left-arrow, .pro-view-slider .right-arrow { width: 23px; height: 42px; background-size: 50%; } .product-main-section .product-view .zoom-img { bottom: 10px; right: 10px; display: none; } .about-zigzag .col-sm-6 { flex: 0 0 100%; max-width: 100%; } .about-zigzag .row:nth-child(even) > .col-sm-6:first-child { order: 0; } .about-img-item span.pattern:before { display: none; } .about-zigzag { padding: 50px 0px 50px 0px; } .about-content { padding: 40px 0px; } .about-zigzag h2 br { display: none; } .about-zigzag h2 { padding: 10px 0px; } .about-zigzag h4 { margin: 20px 0px 0px 0px; font-size: 14px; line-height: 24px; } .iconic_content { padding-top: 0; padding-right: 0; } .about-zigzag .iconic_content svg { width: 44px; height: 44px; } .iconic_content dt { padding-left: 60px; font-size: 16px; line-height: 24px; } .iconic_content dd { padding-left: 60px; font-size: 16px; line-height: 24px; padding-bottom: 20px; } .about-zigzag .row+.row .about-img-item { text-align: left; } .about-zigzag .row+.row { margin-top: 0px; } .meetdoc_main { padding: 10px 0px 0px 10px; } .tab-left { padding: 0px; } .tab-left .h2, .tab-left h2 { margin: 0px 0px 0px 0px; } .meetdoc_main .btn { margin-top: 0px; } /*.tab-left p { margin-bottom: 15px; }*/ .gallery-section { padding: 35px 0px 35px 0px; } .single-insta .insta-icon { right: 0px; width: 50px; height: 50px; } .tab-left ul.tab-list { padding: 0px 0px 20px 0px; } .footer-payment .row { flex-wrap: nowrap; } .tab-left ul.tab-list li.address-single { margin: 0 0 15px 0px; } .seller-wrapper .section-heading { padding-bottom: 35px; } .pro-view-slider { margin: 0px 0px 0px 0px; } .product-detail-wrapper .btn { height: 50px; } .form-wrapper { padding-bottom: 20px; padding-top: 5px; } .filter-list { padding: 20px 0px 0px 0px; } .seller-single .pro-name { padding-bottom: 5px; font-size: 16px; } .price-wrapper span.price-old, .price-wrapper span.price-new, .price del span.woocommerce-Price-amount, .price ins span.woocommerce-Price-amount { font-size: 16px; } .service-detail-page .description-wrapper .single-benefit { padding-bottom: 0px; } .benefit-desc h3 { margin: 0px 0px 10px 0px; } .service-detail-page .description-wrapper .single-benefit .benefit-icon img { width: 40px; } .service-detail-page .description-wrapper .single-benefit .benefit-icon { margin: 0px 15px; } .description-wrapper .anti-list-left, .description-wrapper .anti-list-right { padding: 0px 0px; } .description-wrapper .anti-list-left li a, .description-wrapper .anti-list-right li a { font-size: 18px; line-height: 36px; } .anti-list-left.text-right { text-align: left !important; } .question .accordion__item .accordion__title { font-size: 16px; padding: 14px 28px; } .question { padding: 40px 0px; } .service-img span.pattern:before { display: none; } .servie-usp h1 { font-size: 20px; } .servie-usp { padding: 50px 0px; } .usp-img-wrapper { margin: 0px auto 15px auto; } .service-single-usp { padding-bottom: 30px; } .description-wrapper .row.wrinkle-wrapper { flex-direction: row; } .team-container { flex-direction: column; display: flex; align-items: flex-start; } /*.team-content { padding: 0px; }*/ .inner-page ul > li, .team-content ul > li, .team-content p, .team-details-name.h3 { font-size: 16px; } .treat-wrapper .img-wrap a img { max-width: 80px; } .treat-wrapper .single-treat:before { margin-left: 40px; } .treat-content h3 { font-size: 14px; } .treat-content p { font-size: 14px; line-height: 1.7; } .treat-wrapper .single-treat { margin-bottom: 15px; } .treat-slider .left-arrow { margin-top: -17px; left: 0; } .treat-slider .right-arrow { margin-top: -17px; right: 0; } .treat-slider { margin: 0; } .treat-slider .slide { padding: 0; } .team-single figcaption { padding-top: 0px; } .team-wrapper .container { padding: 30px 25px 0; } .media-wrapper { padding: 40px 0px 40px 0px;} .media-wrapper .section-heading { margin-bottom: 30px;} .team-slider .left-arrow, .media-slider .left-arrow { left: -10px; } .team-slider .right-arrow, .media-slider .right-arrow { right: -10px; } ul.slick-dots li + li { margin-left: 5px; } .seller-single figure a.pro-img { padding-bottom: 100%; border: 1px solid #f1f1f1; } .seller-single figure { margin: 0px 5px 0px 5px; } .form-wrapper form { margin: 20px auto 0px auto; } .contact-form .h1 { font-size: 20px; } .choose-wrapper .choose-img-wrapper { padding-bottom: 70%; } .product-listing-page .usp-wrapper { padding: 35px 0px; } .service-story-wrapper.second-service .service-btn { margin: 20px 0px; } .related-wrapper { padding: 50px 0px; } .related-wrapper .section-heading { padding-bottom: 35px; } .description-wrapper #tab2 .row { flex-direction: row; } .service-detail-page .gallery-wrapper { padding: 50px 0px; } .service-story-wrapper.second-service .service-video { max-width: 60px; } .benefit-desc h3 { font-size: 16px; } .description-wrapper .tab_container .row p.area-txt, .description-wrapper .tab_container .row:nth-child(1) { padding-bottom: 0px; } .concern-wrapper .tab_content .row { display: flex; flex-direction: column-reverse; padding: 0; } form .form-group label.error { font-size: 12px; } .search .search-results-section { padding: 35px 0px 35px 0px; } ul.file-download-list .file-donwload { padding: 10px; margin: 0px; } .file-donwload a { font-size: 20px; } .theme-not-found h2, .theme-not-found .h2 { font-size: 170px; margin: -7px 0 0 0; } .theme-not-found { padding: 50px 0px; } .theme-not-found h3, .theme-not-found .h3 { font-size: 22px; } .theme-not-found p { font-size: 16px; } .coming_soon .h2 { font-size: 32px; padding: 50px 0px; } .tab-description ul li::before { top: 11px; } span.team-details-designation{font-size:18px;} .product-detail-wrapper .woocommerce-product-details__short-description ul li, .product-detail-wrapper .woocommerce-product-details__short-description ol li{font-size:16px;} .question .accordion{padding:20px 0 0px 0px;} .product-main-section .product-view{padding-bottom:100%;} .home-banner{min-height:160px;} .filter-accordion ul li span:after{width:8px;right:7px;} .filter-accordion ul li span:before{height:8px;} .filter-list .filter-accordion h4:before { content: ""; position: absolute; background: #333; width: 2px; height: 8px; right: 10px; top: 40%; transform: translateY(-40%); } .filter-list .filter-accordion h4:after { content: ""; position: absolute; background: #333; width: 8px; height: 2px; right: 7px; top: 43%; transform: translateY(-43%); } .filter-list .filter-accordion.open h4:before { transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate( 90deg ); } .service-detail-page .description-wrapper .tab_content_main .tab-description ol > li a { font-size: 18px;} .team-details-name.h3{ margin-bottom: 10px;} .form-wrapper .ff-el-group .ff-el-form-control { height: 40px !important; font-size: 15px; } .form-wrapper div.ff-el-group > div.ff-el-input--label label { font-size: 15px; } .form-wrapper .fluentform .ff-el-group.ff_submit_btn_wrapper { margin: 5px 0 0 0; } .select-box:after { top: 22px; } .offer-popup .modal-content { background: no-repeat 0 0 / cover transparent; text-align: center; } .offer-popup .modal-body:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.8; } .offer-img { display: none; } .offer-popup .form-wrapper { padding-bottom: 0; } .offer-popup .modal-body { padding: 30px 15px; } #instapop.offer-popup h3 { max-width: 100%; } .enquiry-popup h3, .enquiry-popup .h3 { font-size: 28px; } .enquiry-popup-container { width: 350px; } .enquiry-popup .form-wrapper { padding-bottom: 0; } .enquiry-popup-new h3, .enquiry-popup-new .h3 { font-size: 28px; } .enquiry-popup-container-new { width: 350px; } .enquiry-popup-new .form-wrapper { padding-bottom: 0; } .team-info { width: 100%; padding: 0 15px 30px 15px; } .team-img-container { flex-wrap: wrap; justify-content: center; } .content-spacing { padding: 40px 0; } .coming_soon .h2, .coming_soon h2 { font-size: 28px; } .speciality-section { padding-top: 35px; } .brand-slider { margin-top: 35px !important; } #topBtn { padding: 18px; } .section_shortcontent p { font-size: 16px; line-height: 26px; } .speciality-slider { margin-top: 25px !important; } .cms-content-section { padding: 40px 0; } .only-content h1, .only-content .h1 { font-size: 36px; } .only-content h2, .only-content .h2 { font-size: 30px; } .only-content h3, .only-content .h3 { font-size: 24px; } .only-content h4, .only-content .h4 { font-size: 20px; } .only-content h5, .only-content .h5 { font-size: 18px; } .only-content h6, .only-content .h6 { font-size: 14px; } .only-content p { font-size: 16px; line-height: 26px; } .theme-cta { padding: 40px 0; } .theme-cta .section-heading { padding-bottom: 20px; } .theme-cta .btn { margin-top: 30px; padding: 0 20px; } .theme-cta p { font-size: 16px; line-height: 26px; } .woocommerce div.product .product-detail-wrapper form.cart .variations select, .product-detail-wrapper .pwgc-input-text, .product-detail-wrapper #pwgc-custom-amount { height: 40px !important; font-size: 15px; } .product-detail-wrapper #pwgc-message { height: 75px !important; font-size: 15px; } .single-product .description-wrapper .tab_content_main .tab-description { max-height: 200px; } .media-slider .left-arrow, .media-slider .right-arrow { top: 43%;} /* .home-banner .theme-banner-content.banner-setbtn1 .btn, .home-banner .theme-banner-content.banner-setbtn2 .btn { padding: 5px 20px;} */ .phone_sticky{ display: block; position: fixed; top: 70%; right: -12px; z-index: 1; margin: 0 30px 0 0; transform: translate(50%, -50%) rotate(-90deg);background: #173f6d; height: 35px;width: 35px; line-height: 35px; text-align: center;} .mobile-show-left li:first-child{display: none;} .phone_sticky svg{ fill: #fff; transform: rotate(89deg); margin-top: 8px} .top-menu li + li { margin-left: 0px !important;} .tax-product_cat .home-banner .theme-banner-content .btn { min-width: 105px;height: 28px;} .tax-product_cat .home-banner .theme-banner-content {bottom: -8px;} } @media(min-width:480px) and (max-width:767px) { .btn { min-width: 180px; padding: 0px 15px; height: 40px; } .theme-banner-content .heading-1 { font-size: 22px; line-height: 30px; padding: 15px 0px; } .theme-banner-content h4 { font-size: 14px; line-height: 20px; } .footer-social li + li { margin-left: 14px; } ul.footer-social li a i { font-size: 18px; } .footer-payment .col-md-6 img { max-width: 200px; } .enquiry-popup-btn { margin: 0 20px 0 0 } .enquiry-popup-btn-new { margin: 0 20px 0 0 } } @media(min-width:480px) and (max-width:767px) { .cosmetic-content, .service-list-page .treat-wrapper, .service-story-wrapper.first-service .service-inner-content, .service-story-wrapper.second-service .service-inner-content, .single-cpt-service .service-story-wrapper.first-service .service-inner-content { padding: 40px 0px; } .service-story-wrapper.first-service { padding: 40px 0px; } .service-content .h1 { font-size: 26px; margin-bottom: 20px; } } @media(min-width:600px) and (max-width:767px) { .concern-wrapper ul.tabs li + li { text-align: center; } .concern-wrapper ul.tabs li { font-size: 11px; } .concern-wrapper ul.tabs li + li { margin-left: 12px; } .concern-wrapper .tab_content .row .col-md-4 { padding: 15px; } .concern-wrapper ul.tabs { padding: 27px 0px; } .tab-left .h2, .tab-left h2 { font-size: 18px; } .tab-left p { padding: 10px 0px; } .tab-left p, .tab-left ul.tab-list { font-size: 16px; } .tab-right span:before { display: none; } } @media(min-width:575px) and (max-width:767px) { .story-image-wrapper.img-top { padding: 0px 0px 0px 0px; } .story-left .story-content { padding-top: 0px; } .story-image-wrapper.img-top, .story-image-wrapper.img-bottom { margin-bottom: 20px; } } @media screen and (max-width:575px) { .home-slider .home-slide img { display: block; width: 100%; } .btn { min-width: 150px; padding: 0px; height: 40px; } .theme-banner-content .heading-1 { font-size: 22px; line-height: 30px; padding: 15px 0px; } .theme-banner-content h4 { font-size: 14px; line-height: 20px; } .single-category svg { transform: scale(0.9); margin: 0px auto; width: 290px; height: 290px; } .story-left .story-content, .story-right .story-content { padding-top: 15px; } .quantity-inner { padding: 20px 0px; } .contact-wrapper .contact-form-wrapper form .col-xl-6 { max-width: 100%; flex: 0 0 100%; } .contact-wrapper .contact-form-wrapper form .col-xl-12 { max-width: 100%; flex: 0 0 100%; } ul.file-download-list li + li { margin-left: 0px; margin-top: 15px; } .contact-us-page .frm-fluent-form > .ff-t-container > .ff-t-cell > .form-col-6 { width: 100%; } .tax-product_cat .home-banner .theme-banner-content { bottom: -12px; } } @media(min-width:850px) and (max-width:900px) { .phone_sticky { top: 65%;} } @media(min-width:800px) and (max-width:849px) { .phone_sticky{ top: 82%;} } @media(min-width:570px) and (max-width:700px) { .phone_sticky { top: 82%; height: 40px; width: 40px; line-height: 40px;} } @media(min-width:480px) and (max-width:600px) { ul.top-menu li.search-main .search_form .form-group .form-control { line-height: 40px; height: 40px; } .team-single figure img { width: 210px; } ul.menu li.search-main .search_form, ul.mobile-header-right li.search-main .search_form, .search-main .search_form { width: 260px; } ul.menu li.search-main .search_form .form-group .form-control, ul.mobile-header-right li.search-main .search_form .form-group .form-control, .search-main .search_form .form-group .form-control { height: 50px; } } @media screen and (max-width:500px) { .cart_empty_content .carttitle { font-size: 18px; } .search-input { font-size: 30px; height: 60px; } .single-service img { max-width: 35px; } .team-details-img img{max-width:150px;} .cart_open #cart_sidebar_main {margin-left: 0px;left: 0;} #cart_sidebar_main{width:100%;} .mini_cart{padding:10px;} .mini_cart .mini_cart_item{padding:0px 20px 0px 0px !important;} .mini_cart li a img{width:60px !important;margin:0px !important;} .minicart-product-info{margin:0 0 0 15px;} .mini_cart .mini_cart_item .remove{right:10px;} } @media screen and (max-width:480px) { .brand-slider .slick-slide img { max-width: 130px; } .single-category .image-wrapper { height: 240px; width: 287px; } .single-category .image-wrapper img { max-width: 90px; margin-top: 0px; } .mobile-header-right li.mobile-book .book-mobile-m { display: none; } .mobile-header-right li.mobile-book .book-mobile-m:after { content: ""; display: block; background: url(../svg/notebook-svgrepo-com.svg) no-repeat 0 0/cover transparent; width: 22px; height: 22px; pointer-events:none;} .mobile-header-right li.search-main svg { margin: 6px 0px 0px 0px; } .cosmetic-content { padding: 30px 0px; } .cosmetic-content .h1 { font-size: 24px; margin-bottom: 20px; } .cosmetic-content p + p { margin-top: 15px; } .service-list-page .treat-wrapper { padding: 40px 0px; } .service-list-page .treat-wrapper .section-heading { font-size: 24px; padding-bottom: 30px; } .service-story-wrapper.first-service { padding: 20px 0px; } .service-content .h1 { font-size: 20px; margin-bottom: 15px; } .service-story-wrapper.first-service .service-inner-content, .service-story-wrapper.second-service .service-inner-content, .single-cpt-service .service-story-wrapper.first-service .service-inner-content { padding: 30px 0px; } ul.pagination li { margin: 0px 20px 0px 0px !important; } ul.pagination li.selected > a { line-height: 20px; height: 30px; width: 30px; } .listing-top-wrapper { margin: 15px 0px 0px 0px;display:flex;flex-wrap:wrap; } .product-catalog-order,.skintech-blog-filter, .filter-left form.woocommerce-ordering{width:100%;} .skintech-blog-filter .filter-left .select-box select{width:100%;max-width:100%;} .product-bottom { display: flex; flex-direction: column; } .quantity-wrap { margin-right: 0px; margin-bottom: 0px; } .quantity-inner { padding: 20px 0px; } .woocommerce div.product .product-bottom form.cart div.quantity { margin-bottom: 20px; } .product-detail-wrapper .quantity { min-width: 100%; } .product-detail-wrapper .footer-social li + li { margin-left: 20px; } .product-detail-wrapper .single_add_to_cart_button.button{min-width:100%;} .section-heading { font-size: 20px; } .section-heading br { display: none; } .about-content .section-heading { padding-bottom: 15px; } .gallery-slider .slick-slide img { width: 250px; } .footer-payment .row { flex-wrap: wrap; } .footer_social { justify-content: center; } .footer-social li + li { margin-left: 14px; } ul.footer-social li a i { font-size: 18px; } .footer-payment .col-md-6 img { max-width: 200px; } .footer-payment .text-right { text-align: center !important; } .single-category { padding-bottom: 10px; } .story-left, .story-right { display: block; } .story-image-wrapper, .story-content { width: 100%; } .story-image-wrapper { margin-bottom: 15px; } .story-right { display: flex; flex-direction: column-reverse; } .story-left .story-content, .story-right .story-content { padding: 0px; } .search-results-section .search_rs_list { flex-wrap: wrap; } .search-results-section .search-content_main { padding: 10px 0 10px 0px; } .search-result_main { padding-bottom: 15px; } ul.file-download-list li + li { margin-left: 0px; margin-top: 15px; } .file-donwload-icon i { font-size: 30px; } .skintech-blog-filter .filter-left .select-box{margin-left:-10px;} .tax-product_cat .home-banner { height: 250px;} } @media screen and (max-width:479px) { /* .home-banner .theme-banner-content.banner-setbtn2 {left: 23%;} */ .home-banner, .home-banner img { min-height: 185px; object-fit: cover;} /* .home-banner .theme-banner-content.banner-setbtn1 { bottom: -10px; left: 74%;} */ .tax-product_cat .home-banner { height: 230px;} } @media screen and (max-width:374px) { /*.treat-wrapper .img-wrap a img{max-width:150px;height:auto;} .treat-wrapper .single-treat{display:flex;flex-direction:column;} .treat-wrapper .single-treat:before{margin-left:0;margin-top:25%;} .treat-slider .right-arrow,.treat-slider .left-arrow{top:auto;bottom:-30px;} .treat-slider .left-arrow{left:40%;}.treat-slider .right-arrow{right:40%;} .treat-btn{padding:30px 0px 0px 0px;}*/ .top-menu li a svg { margin-right: 0px; } .top-right ul li:nth-last-child(-n+4) { margin-left: 4px !important; } .team-img-container{display:block;text-align:center;} .team-info{padding:0px 20px 20px 20px;} .team-details-img{padding:20px 20px 0px 20px;} .enquiry-popup-container { width: 290px; } .enquiry-popup-container-new { width: 290px; } .mobile-header-right { right: 38px;} ul.mobile-header-right li + li { margin-left: 10px;} .mobile-header-right .btn-small { min-width: inherit; padding: 0 10px;} } @media screen and (max-width:359px) { .treat-wrapper .single-treat { flex-wrap: wrap; justify-content: center; text-align: center; margin-bottom: 30px; } .treat-wrapper .single-treat:before { margin: 40px 0 0 0; } .home-banner .theme-banner-content.banner-setbtn1 { bottom: -13px;} .phone_sticky { top: 72%;} } @media(min-width:320px) and (max-width:576px) { .logo-wrapper .logo img { max-width: 120px; } .top-menu li a svg { margin: 0px 6px 0px 0px; } .top-right ul { justify-content: flex-start;align-items:flex-start; } .top-menu li a span { font-size: 14px; } .skintech-top .col-3, .skintech-top .col-9 { flex: 0 0 100%; max-width: 100%; } .top-left .top-social { padding: 5px 0px; } ul.mobile-header-right li.search-main .search_form { width: 210px; } ul.mobile-header-right li.search-main .search_form form .form-group .form-control { height: 45px; } ul.mobile-header-right li.search-main .search_form form .form-group .submit { right: 5px; } .top-right ul.mobile-show-left li:nth-last-child(-n+4) { display: none; } .top-right ul.mobile-show-right > li:nth-child(1), .top-right ul.mobile-show-right > li:nth-child(2) { display: none; } .top-menu.mobile-show-right .user-menu { width: 100px; padding: 0px 10px; } .top-menu.mobile-show-right .user-menu li a { font-size: 12px; padding: 3px 0px; } .top-right .user-dropdown { display: flex; justify-content: space-between; } .skintech-top .col-3 { border-bottom: 1px solid #3232; } .signature p span { margin: 0px 0px; } .btn { min-width: 150px; padding: 0px 15px; height: 35px; font-size: 12px !important; } .form-wrapper input[type="submit"] { font-size: 12px; } .theme-banner-content .heading-1 { font-size: 14px; line-height: 22px; padding: 10px 0px; } .theme-banner-content h4 { font-size: 10px; line-height: 10px; } .site-main { padding-top: 124px; padding-top: 100px; } /*.team-single figure img{max-width:220px;}*/ .enquiry-popup-btn { margin: 0 17px 0 0; } .enquiry-popup-btn-new { margin: 0 17px 0 0; } } @media(min-width:320px) and (max-width:360px) { /*.top-menu.mobile-show-left li a svg{display:none;}*/ .top-menu.mobile-show-left li:nth-child(2) a span { display: none; } } @media(min-width:320px) and (max-width:375px) { .home-slider .slick-slide img { height: 180px; max-width: inherit; } } .section_icon_main .section_icon_parent { display: flex; align-items: center; justify-content: center; width: 100%; background-color: #f1f1f1; padding: 10px 0px; position: fixed; bottom: 0; left: 0; z-index: 9; } .section_icon_main .section_icon_parent a.icon_flex { display: flex; align-items: center; margin: 0px 25px; } .section_icon_main .section_icon_parent a.icon_flex .section_icon { width: 60px; height: 60px; } .section_icon_main .section_icon_parent a.icon_flex .section_icon img{width:100%;height: 100%;object-fit: contain;} .section_icon_main .section_icon_parent a.icon_flex .section_icon_text { display: inline-block; margin-left: 10px; } .section_icon_main .section_icon_parent a.icon_flex .section_icon_text span { font-weight: 600; font-size: 18px; color: #173f6d; line-height: initial; } .section_icon_main .section_icon_parent a.icon_flex .section_icon_text { display: inline-block; margin-left: 10px; } @media(min-width:576px) and (max-width:767px) { .section_icon_main .section_icon_parent a.icon_flex{margin: 0px 5px;} .section_icon_main .section_icon_parent a.icon_flex .section_icon {width: 40px;height: 40px;} .section_icon_main .section_icon_parent a.icon_flex .section_icon_text span{font-size: 14px;} } @media(min-width:320px) and (max-width:575px) { .section_icon_main .section_icon_parent a.icon_flex .section_icon_text{display: none;} .section_icon_main .section_icon_parent a.icon_flex{margin: 0px 15px;} .section_icon_main .section_icon_parent a.icon_flex .section_icon {width: 30px;display: inline-block;height: 30px;} } .enquiry-popup-open .enquiry-popup-container-new {margin: 0 auto;} .enquiry-popup-open-new .enquiry-popup-container-new {margin: 0 auto;}