/* Fonts */ @font-face { font-family:'Avenir Black'; src: url('../fonts/Avenir-Black.eot'); src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Black.woff2') format('woff2'), url('../fonts/Avenir-Black.woff') format('woff'), url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg'); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Avenir Book'; src: url('../fonts/Avenir-Book.eot'); src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Book.woff2') format('woff2'), url('../fonts/Avenir-Book.woff') format('woff'), url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg'); font-weight: 350; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Avenir Heavy'; src: url('../fonts/Avenir-Heavy.eot'); src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Heavy.woff2') format('woff2'), url('../fonts/Avenir-Heavy.woff') format('woff'), url('../fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg'); font-weight: 850; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Avenir Heavy'; src: url('../fonts/Avenir\ Heavy\ Oblique.eot'); src: url('../fonts/Avenir\ Heavy\ Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir\ Heavy\ Oblique.woff2') format('woff2'), url('../fonts/Avenir\ Heavy\ Oblique.woff') format('woff'), url('../fonts/Avenir\ Heavy\ Oblique.svg#Avenir Heavy Oblique') format('svg'); font-weight: 900; font-style: oblique; font-stretch: normal; unicode-range: U+0020-E308; } @font-face { font-family:'Avenir Light'; src: url('../fonts/Avenir-Light.eot'); src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Light.woff2') format('woff2'), url('../fonts/Avenir-Light.woff') format('woff'), url('../fonts/Avenir-Light.svg#Avenir-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Avenir Light'; src: url('../fonts/Avenir\ Light\ Oblique.eot'); src: url('../fonts/Avenir\ Light\ Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir\ Light\ Oblique.woff2') format('woff2'), url('../fonts/Avenir\ Light\ Oblique.woff') format('woff'), url('../fonts/Avenir\ Light\ Oblique.svg Oblique.svg#Avenir Light Oblique') format('svg'); font-weight: 300; font-style: oblique; font-stretch: normal; unicode-range: U+0020-E308; } @font-face { font-family:'Avenir Book'; src: url('../fonts/AvenirLTStd-Book.eot'); src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Book.woff2') format('woff2'), url('../fonts/AvenirLTStd-Book.woff') format('woff'), url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg'); font-weight: 350; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Avenir Roman'; src: url('../fonts/AvenirLTStd-Roman.eot'); src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'), url('../fonts/AvenirLTStd-Roman.woff') format('woff'), url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } /* @font-face { font-family:'Avenir Medium'; src: url('../fonts/AvenirLTStd-Black.eot'); src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black.woff2') format('woff2'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'); font-weight: 750; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } */ @font-face { font-family:'Avenir Medium'; src: url('../fonts/Avenir-Medium.eot'); src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Medium.woff2') format('woff2'), url('../fonts/Avenir-Medium.woff') format('woff'), url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Avenir Regular'; src: url('../fonts/Avenir-Regular.eot'); src: url('../fonts/Avenir-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Regular.woff2') format('woff2'), url('../fonts/Avenir-Regular.woff') format('woff'), url('../fonts/Avenir-Regular.svg#Avenir-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'GE Light'; src: url('../fonts/GE\ SS\ Text\ Light.eot'); src: url('../fonts/GE\ SS\ Text\ Light.eot.eot?#iefix') format('embedded-opentype'), url('../fonts/GE\ SS\ Text\ Light.woff2') format('woff2'), url('../fonts/GE\ SS\ Text\ Light.woff') format('woff'), url('../fonts/GE\ SS\ Text\ Light.svg#GE SS Text Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00F7; } @font-face { font-family:'Cabinet Grotesk Light'; src: url('../fonts/Cabinet\ Grotesk\ Light.eot'); src: url('../fonts/Cabinet\ Grotesk\ Light.eot.eot?#iefix') format('embedded-opentype'), url('../fonts/Cabinet\ Grotesk\ Light.woff2') format('woff2'), url('../fonts/Cabinet\ Grotesk\ Light.woff') format('woff'), url('../fonts/Cabinet\ Grotesk\ Light.svg#Cabinet Grotesk Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Cabinet Grotesk Medium'; src: url('../fonts/Cabinet\ Grotesk\ Medium.eot'); src: url('../fonts/Cabinet\ Grotesk\ Medium.eot.eot?#iefix') format('embedded-opentype'), url('../fonts/Cabinet\ Grotesk\ Medium.woff2') format('woff2'), url('../fonts/Cabinet\ Grotesk\ Medium.woff') format('woff'), url('../fonts/Cabinet\ Grotesk\ Medium.svg#Cabinet Grotesk Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } :root { --range-color: #CC6690; --low: 0%; /* Set a valid value for --low */ --high: 100%; /* Set a valid value for --high */ } body.active{overflow: hidden;} /* Global Css */ body{ background: #EFF0F4; font-family: 'Avenir Regular' sans-serif;} a{ text-decoration: none; } :focus-visible { outline: -webkit-focus-ring-color auto 0px; } .btn{transition: 0.5s all; border: none; color: #FFF; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 13px 50px; border-radius: 50px; background: #CC6690; } .btn:hover{ transition: 0.5s all; background: #FFF; color: #000; border: none; } .btn:hover svg path{stroke:#000} .btn:active{transition: 0.5s all; border: none; background: #FFF !important; color: #000 !important; } .container{ max-width: 1350px; } .form-control:focus{ border-color: none; box-shadow: none } ::placeholder { color: #000; opacity: 1; } :-ms-input-placeholder { color: #000; } ::-ms-input-placeholder { color: #000; } select { appearance: none; } .owl-carousel .owl-dots {display: none;} /* Global Section ================================================================================================================== */ /* Header */ /* .header.fixed {position: fixed; top: 0; z-index: 99; width: 100%; background: #EFF0F4;background: #EFF0F4;} */ /* body.fixed{padding: 290px 0 0 0;} */ body {padding: 200px 0 0 0;} .header{position: fixed; width: 100%;top: 0; left: 0; background: #eff0f4;z-index:999; } .header.fixed {position: fixed;background: #EFF0F4; top: 0; z-index:999; width: 100%; background: #EFF0F4; padding: 0px; left: 0; right: 0; box-shadow: rgba(0, 0, 0, 0.2) 0 3px 7px;} .header.fixed .header-area {padding: 10px 0px 10px 0px;} .header.fixed .header-area .logo {width: 100px} .header { margin: 0; transition: all .5s ease;} .header .container { min-width:100%; padding:0px 60px;} .header .header-area{display: flex; justify-content: space-between; align-items: center; padding: 19px 0px 21px 0px; transition: all .5s ease;} .header .header-area .logo {width: 171px;transition: all .5s ease;} .header .header-area .logo img{width: 100%} .header .header-area .left-area { width: 40%; display: flex; } .header .header-area .left-area .btn-menu{ display: none; } .header .header-area .left-area .language-area{position: relative; display: flex; align-items: center;} .header .header-area .left-area .language-area select { border-radius: 25px;padding: 10px 25px 10px 25px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../images/arrowdown.svg') no-repeat; background-position: right center; background-size: 20px 20px; color: #fff;font-family:'Avenir Regular'; font-size: 16px;font-style: normal;font-weight: 400;line-height: normal; background-color: #CC6690; } .header .header-area .left-area .language-area option {font-size: 14px; font-family: arial; padding: 22px; border: none;} .header .header-area .left-area .language-area .gt_selector.notranslate {width: 80px; margin-top: 4px; border: none; color: #333; font-family:'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;} .header .header-area .left-area .que {transition: 0.5s all; background: #CC6690; margin:4px 14px 0px 11px; padding: 23px; border-radius: 500px; position: relative; display: flex; align-items: center; justify-content: center; } .header .header-area .left-area .que:hover {transition: 0.5s all; background: #ffffff; } .header .header-area .left-area .que p {transition: 0.5s all; margin: 0; position: absolute; color: #FFF; font-family:'Avenir Medium'; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } .header .header-area .left-area .que:hover p {transition: 0.5s all; color: #000;} .header .header-area .left-area .phone { margin-top: 4px; background-color: #E7E7ED; padding: 23px; border-radius: 500px; position: relative; display: flex; align-items: center; justify-content: center; transition: all 0.3s} .header .header-area .left-area .phone svg{ position: absolute; } .header .header-area .left-area .phone:hover{background-color: var(--range-color)} .header .header-area .left-area .phone:hover svg path{stroke:#fff} .header .header-area .right-area { width: 40%; text-align: right; display: flex; justify-content: flex-end; align-items: center;} .header .header-area .right-area .search-area { display: flex; position: relative; align-items: center; } .header .header-area .right-area .search-area #gsearch{ border:none; padding: 17px 22px; border-radius: 50px; background: #F6F6F6; color: rgba(0, 0, 0, 0.39); font-family:'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;} .header .header-area .right-area .search-area button { background: #CC6690; border: none; padding: 11px 20px; border-radius: 49px; position: absolute; right: 5px; } .header .header-area .right-area .search-area ::placeholder { color:rgba(0, 0, 0, 0.39); opacity: 1; } .header .header-area .right-area .search-area :-ms-input-placeholder { color:rgba(0, 0, 0, 0.39); } .header .header-area .right-area .search-area ::-ms-input-placeholder { color:rgba(0, 0, 0, 0.39); } .header .header-area .right-area a.icon { margin-left: 14px; background: #E7E7ED; border-radius: 500px; position: relative; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; transition: all 0.3s} .header .header-area .right-area a span{font-size: 20px; font-weight: 800; text-transform: uppercase; color: #000; transition: all 0.3s } .header .header-area .right-area a:hover span{text-transform: uppercase; color: #fff} /* .header .header-area .right-area a img{ position: absolute; } */ .header .header-area .right-area a svg{ position: absolute; } .header .header-area .right-area a:hover{background-color: var(--range-color)} .header .header-area .right-area a:hover svg path{stroke:#fff} .header .header-area .right-area .wishlist .count { color: #FFF; font-family: Lato; font-size: 11px; font-style: normal; font-weight: 700; line-height: normal; width: 13px; background: red; height: 14px; border-radius: 50px; position: absolute; padding: 1px 3px 3px 2px; top: 8px; right: 6px; } .header .header-area .right-area .cart .count { color: #FFF; font-family: Lato; font-size: 11px; font-style: normal; font-weight: 700; line-height: normal; width: 13px; background: red; height: 14px; border-radius: 50px; position: absolute; padding: 1px 3px 3px 2px; top: 8px; right: 6px; } .header .menu-area{ border-bottom: 1px solid rgba(199, 202, 205, 0.42); padding: 0px 0px; border-top: 1px solid rgba(199, 202, 205, 0.42); } .header .menu-area ul#menu-main-menu { position:relative; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; } .header .menu-area ul#menu-main-menu li{ position: relative; margin: 0px 25.5px; padding: 16px 0} .header .menu-area ul#menu-main-menu li a{ color: #101011; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .header .menu-area ul#menu-main-menu .color-menu a{ color: #CC6690; } .header .menu-area ul#menu-main-menu li a::before { opacity: 0; transition: 0.7s all; content: ''; background-image: url(../images/menu-hover-icon.svg); width: 12px; height: 12px; position: absolute; left: -16px; top: 22px; } .header .menu-area ul#menu-main-menu li:hover a::before { opacity: 1; transition: 0.7s all;} .header .menu-area ul#menu-main-menu li.menu-item.dropmenu-menu {position:relative;} .header .menu-area ul#menu-main-menu li.menu-item.selected::after { bottom: -14px; content: ''; transition: 0.5s all; border-color: transparent transparent #fff transparent; border-width: 12px; border-style: solid; z-index: 2; position: absolute; bottom: -30px; left: 50%; margin-left: -12px;} .header .menu-area ul#menu-main-menu li ul.sub-menu { transition: 0.7s all; position: absolute; z-index: -1; opacity:0; padding: 40px 30px; width: 350px; background: #fff; border-radius: 21px; top: 70px; left: -38%; visibility: hidden;} .header .menu-area ul#menu-main-menu li ul.sub-menu li a { font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 32.976px; color: #101011; padding-left: 0px; position: relative; display: block; transition: all .5s ease; } .header .menu-area ul#menu-main-menu li ul.sub-menu li a::before{ display: none; } .header .menu-area ul#menu-main-menu li ul.sub-menu li { margin: 0px !important; padding: 2px !important; } .header .menu-area ul#menu-main-menu li:hover > ul.sub-menu {opacity:1; z-index:7; transition: 0.7s all; visibility: visible;;} .header .menu-area ul#menu-main-menu li:hover > ul.sub-menu > a::before{ display:none; } .header .menu-area ul#menu-main-menu li > ul.sub-menu li > a:hover {color: #CC6690 !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {font-style: normal !important; color: #101011 !important; font-family:'Avenir Medium' !important; font-weight: 500 !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link{cursor: default;} .mega-sub-menu .menu-flex-block .right-area .image-part {width: 100%; height: 100%; position: relative;} .mega-sub-menu .menu-flex-block .right-area .image-part::before{position: absolute; width: 100%; content: ''; bottom: 0;height: 150px;z-index: 1; background: linear-gradient(0deg, #000 -39.16%, rgba(0, 0, 0, 0.00) 69.28%); } .mega-sub-menu .menu-flex-block .right-area .image-part img{width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover;} .mega-sub-menu .menu-flex-block .right-area .bottom-area {position: absolute; z-index: 1; width: 100%; padding: 25px; bottom: 00; display: flex; align-items: flex-end; justify-content: space-between;} .mega-sub-menu .menu-flex-block .right-area h3 {color: #FFF; font-family:'Avenir Black';font-size: 26px; font-style: normal; font-weight: 900; width: 40%;line-height: 30.16px ;text-transform: lowercase;} .mega-sub-menu.mega-2 { width: 62%; min-width: 62%; max-width: 62px; margin-left: 19%; margin-right: 19%; } .mega-sub-menu.mega-1 .menu-flex-block:before{bottom: 100%; left: 39%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none } .mega-sub-menu.mega-2 .menu-flex-block:before{bottom: 100%; right: 23.5%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none } .mega-sub-menu .menu-flex-block:before { border-color: rgba(230, 223, 205, 0) !important; border-bottom-color: #ffffff !important; border-width: 11px !important; margin-left: -11px !important; } .mega-sub-menu .menu-flex-block:after { border-color: rgba(243, 240, 231, 0) !important; border-bottom-color: #ffffff !important; border-width: 10px !important; margin-left: -10px !important; } .menu-mobile-area{display: none;} .header .header-area .left-area .btn-menu{border: #D3D3D3 1px solid; border-top: none; width: 20px; height: 20px; padding: 0; cursor: pointer; background: transparent} .header .header-area .left-area .btn-menu span{background: #000; display: block; height: 1px; margin-bottom: 4px} .header .header-area .left-area .btn-menu span:nth-of-type(4n+1){width: 16px; transition:all .5s ease;} .header .header-area .left-area .btn-menu span:nth-of-type(4n+2){width: 10px; transition:all .5s ease;} .header .header-area .left-area .btn-menu span:nth-of-type(4n+3){width: 16px; transition:all .5s ease; } .header .header-area .left-area .btn-menu span:nth-of-type(4n+4){width: 10px; margin: 0px; transition:all .5s ease;} .header .header-area .left-area .btn-menu.active{background: #fff} .header .header-area .left-area .btn-menu.active span:nth-of-type(4n+2){opacity: 0; } .header .header-area .left-area .btn-menu.active span:nth-of-type(4n+4){opacity: 0; } .header .header-area .left-area .btn-menu.active span:nth-of-type(4n+1){transform: rotate(45deg); position: absolute; top: 10px; width: 16px; transition:all .5s ease;} .header .header-area .left-area .btn-menu.active span:nth-of-type(4n+3){transform: rotate(-45deg); position: absolute; top: 10px; width: 16px; transition:all .5s ease;} /* Breadcrumb */ .woocommerce-breadcrumb {margin: 0 !important} ol.breadcrumb{ margin: 17px 0px; display: flex; align-items: center; color: #333; font-family:'Avenir Medium'; text-transform: uppercase;font-size: 14px; font-style: normal; font-weight: 500; line-height: normal;} ol.breadcrumb li.breadcrumb-item::before { content: none; } ol.breadcrumb li.breadcrumb-item {color: #333; font-family:'Avenir Medium'; font-size: 14px; text-transform: uppercase;font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding: 0 8px} ol.breadcrumb li.breadcrumb-item a svg {display: none; } ol.breadcrumb li.breadcrumb-item:first-child {font-size: 0; padding-left: 0; text-indent: inherit;} ol.breadcrumb li.breadcrumb-item:first-child a svg {display: block;} /* Product Title */ .title-area { display: flex; margin-bottom: 43px; justify-content: space-between; align-items: center; } .title-area h5{ margin: 0; display: flex ; align-items: center; color: #000; text-align: center; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; } .title-area h5 .devider { margin-left: 39px; width: 231px; height: 1px; background: #C7CACD; } .title-area .btn { padding: 11px 40px; display: flex; align-items: center; transition: 0.5s all; } .title-area .btn svg { margin-left: 13px; stroke: #ffffff; } .title-area .btn:hover svg path { stroke: #000; transition: 0.5s all; } /* Product Cart */ .product-cart{ position: relative; border-radius: 30px; overflow: hidden;transition: 0.3s all;} .product-cart .image-area{ height: 328px; width: 100%; position: relative; overflow: hidden; } .product-cart .image-area img{ transition: 0.7s all; position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; } .product-cart:hover .image-area img { scale: 1.1; transition: 0.7s all; } .product-cart:hover{box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.05); } .product-cart .cart-contain { padding: 20px 12px; background: #FFF;} .product-cart .cart-contain p{ margin: 0; color: #878787; text-align: center; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .product-cart .cart-contain .prize { color: #CC6690; text-align: center; font-family:'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; line-height: normal; margin-top: 5px; display: flex; align-items: center; justify-content: center;} .product-cart .cart-contain .prize del { position: relative; overflow: hidden; color: #BEBEBE; text-align: center; font-family: 'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; line-height: normal; text-decoration: none;} .product-cart .cart-contain .prize del::after{content: '';background-color: #BEBEBE; width: 100%; height: 1px; bottom: 12px; left: 0; right: 0; position: absolute; transform: rotate(-6deg);} .product-cart .cart-contain .prize del::before{content: '';background-color: #BEBEBE; width: 100%; height: 1px; top: 12px; left: 0; right: 0; position: absolute; transform: rotate(6deg);} .product-cart .cart-contain .prize ins { padding: 0px 0px 0px 12px; text-decoration: none;} .product-cart .cart-contain .prize .discount-per { padding-left: 12px; color: #009B22; text-align: center; font-family: 'Avenir Medium'; font-size: 11px; font-style: normal; font-weight: 500; line-height: normal; } .product-cart .wishlist { cursor: pointer; position: absolute; top: 23px; right: 23px; } .wishlist .yith-wcwl-add-to-wishlist{margin: 0} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button:hover a{background: #FFB9DC;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a{width: 44px; height: 44px; background: #CC6690; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition: 0.7s all; font-size: 0px; position: relative;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a::before{position: absolute; content: ''; background: url(../images/wish-add.svg) center center; background-repeat: no-repeat; width: 22px; height: 22px; background-size: 100%; opacity: 0; visibility: hidden;transition: 0.3s all} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button:hover a::before{opacity: 1; visibility: visible;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a::after{position: absolute; content: ''; background: url(../images/wish-blank.svg) center center; background-repeat: no-repeat; width: 22px; height: 22px; background-size: 100%; opacity: 1; visibility: visible;transition: 0.3s all} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button:hover a::after{opacity: 0; visibility: hidden;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button span { display: none; } .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.view-wishlist{ display: none;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i { font-size: 22px; margin: 0px; color: #fff; line-height: 44px;margin: 1px 0 0 1.5px; display: none;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.delete_item{background: #FFB9DC;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.delete_item::before{opacity: 1; visibility: visible;} .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.delete_item::after{opacity: 0; visibility: hidden;} /* Product List Grid */ .product-contain-area .product-cart-grid{ position: relative; } /* footer */ .footer{ margin: 0px; position: relative; } .footer::before{position: absolute; content: ''; background: url(../images/footer-img.png)center center no-repeat; background-size: cover; width: 285px; height: 177px; bottom: 20%; right: 30%; } .footer .container { min-width:100%; padding:0px 60px;} .footer .top-line{ background: #E1E3ED; padding: 18px 0px; } .footer .top-line h6{ margin: 0; color: #000; font-family:'Avenir Black'; font-size: 18px; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; } .footer .footer-contain{ background-color: #E7E7E7; padding: 60px 0px 0px 0px; } .footer .footer-contain .menu-area { display: flex; justify-content: space-between; } .footer .footer-contain .menu-area .menu-cart .title { color: #000; font-family:'Avenir Heavy'; font-size: 20px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: 0.4px; text-transform: uppercase; margin-bottom: 3px; } .footer .footer-contain .menu-area .menu-cart ul{ list-style: none; margin: 0; padding: 0; } .footer .footer-contain .menu-area .menu-cart ul li{ position: relative; } .footer .footer-contain .menu-area .menu-cart ul li a{ color: #000; font-family:'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 205.5%; letter-spacing: 0.32px; } .footer .footer-contain .menu-area .menu-cart ul li a::before { opacity: 0; transition: 0.7s all; content: ''; background-image: url(../images/menu-hover-icon.svg); width: 12px; height: 12px; position: absolute; left: -16px; top: 9px; } .footer .footer-contain .menu-area .menu-cart ul li:hover a::before { opacity: 1; transition: 0.7s all;} .footer .footer-contain .bottom-bar { display: flex; align-items: center; padding: 47px 0px 43px 0px; border-bottom: 1px solid #D2D2D2;} .footer .footer-contain .bottom-bar .bottom-cart { display: flex; align-items: center; width: 50%} .footer .footer-contain .bottom-bar .bottom-cart.right-area { justify-content: flex-end;} .footer .footer-contain .bottom-bar .bottom-cart p{ margin: 0px 10px 0px 0px; color: #000; font-family:'Avenir Roman'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 205.5%; letter-spacing: 0.28px; } .footer .coppy-right p{ color: #000; text-align: center; font-family:'Avenir Roman'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 231.182%; text-transform: capitalize; margin: 0; padding: 29px 0px; } .mobile-menu-colaps{ display: none; } /* Search Not Found */ .search-not-found { height: 100vh; display: flex; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover; } .search-not-found .entry-content { display: flex; justify-content: center; } .search-not-found .entry-content .search-cart { background-color: #EFF0F4; border: 1px solid rgba(0, 0, 0, 0.20); display: flex; justify-content: space-between; align-items: center; padding: 30px 60px; margin-bottom: 20px; flex-direction: column; } .search-not-found .entry-content .search-cart img { width: 123px; border-bottom: 1px solid rgba(0, 0, 0, 0.20); padding-bottom: 20px; } .search-not-found .entry-content .search-cart h2 { font-family:'Avenir Black'; font-size: 38px; font-weight: 600; margin-bottom: 12px; margin-top: 20px; } .search-not-found .entry-content .search-cart p{ color: #000; font-family:'Avenir Roman'; font-size: 14px; line-height: 24px; font-weight: 400; } .search-not-found .entry-content .search-cart form.search-form { position: relative; position: relative; display: flex; align-items: center; } .search-not-found .entry-content .search-cart form.search-form input.search-field { width: 650px; border: none; padding: 17px 22px; border-radius: 50px; background: #F6F6F6; color: rgba(0, 0, 0, 0.39); font-family: 'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .search-not-found .entry-content .search-cart form.search-form input.search-submit { position: absolute; right: 10px; display: flex; align-items: center; background: #CC6690; border: none; padding: 11px 20px; border-radius: 49px; color: #FFF; font-family: 'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .search-page-area{ margin-top: 13px; margin-bottom: 65px; } .search-page-area .title-area-search{ padding-bottom: 17px; margin-bottom: 54px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .search-page-area .title-area-search h2 { color: #000; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; margin: 0px; } /* quantity */ .qib-container {justify-content: flex-start !important;} .qib-container .qib-button {background-color: #fff !important; border-radius: 50% !important; border: none !important;} .qib-container .input-text.qty.text{border: none !important;} /* home page ================================================================================================================== */ /* home main Sldier */ .sldier{ width: 100%; height: 580px; position: relative; display: flex; align-items: center; } .sldier img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; } .sldier .container-area { z-index: 1; position: relative; left: 168px; } .sldier .container-area h1 { color: #FFF; font-family:'Cabinet Grotesk Light'; font-size: 120px; font-style: normal; font-weight: 300; line-height: 124.1%; text-transform: uppercase; margin: 0; } .sldier .container-area p { color: #FFF; font-family:'Avenir Medium'; font-size: 28px; font-style: normal; font-weight: 500; line-height: 137.1%; text-transform: uppercase; width: 318px; margin-bottom: 16px; } .sldier .discount-area { padding: 0; position: absolute; bottom: 15%; right: 33%; background: #CC6690; border-radius: 500px; height: 168px;width: 168px;display: flex;align-items: center;flex-direction: column;justify-content: center; } .sldier .discount-area p { margin: 0; padding: 0; color: #FFF; text-align: center; font-family:'Avenir Medium'; font-size: 14px; font-style: normal; font-weight: 500; line-height: 124.1%; text-transform: uppercase; } .sldier .discount-area p span{ font-weight: 800; font-family:'Avenir Black'; display: block; } .sldier .discount-area h4{ margin: 0; color: #FFF; text-align: center; font-family:'Avenir Black'; font-size: 58px; font-style: normal; font-weight: 800; line-height: 124.1%; } /* Filter-area */ .filter-area{ display: flex; margin-top: 54px; margin-bottom: 56px; align-items: center; } .filter-area .show-cart {display: flex;width: 100%;align-items: center;} .filter-area h2{ margin: 0; color: #000; font-size: 30px; font-style: normal; font-weight: 700; line-height: 124.1%; } .filter-area .filter-cart{ border-radius: 50px; background: #FFF; width: 100%; padding: 15px;} .filter-area .filter-cart .form-group { display: flex; justify-content: space-around; } .filter-area .filter-cart .form-group .location { width: 28%; position: relative; display: flex; align-items: center; color: #101011; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .filter-area .filter-cart .form-group .location img { position: absolute; left: 15px; } .filter-area .filter-cart .form-group .location .form-control { border: none; border-radius: 50px; background: #F6F6F6; padding: 18px 44px; } .filter-area .filter-cart .form-group .select-area-occasion { border-radius: 60px; position: relative; width: 28%; background: #F6F6F6; line-height: normal; border: none; position: relative; display: flex; align-items: center; color: #101011; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .filter-area .filter-cart .form-group .select-area-occasion::before { content: ''; background-image: url(../images/arrowright.svg); width: 24px; height: 24px; position: absolute; right: 13px; top: 17px; z-index: 5; } .filter-area .filter-cart .form-group .select-area-occasion label { z-index: 1; color: #101011; font-family:'Avenir Black'; font-size: 18px; font-style: normal; font-weight: 800; line-height: normal; position: absolute; top: 7px; left: 26px; } /* .filter-area .filter-cart .form-group .select-area-occasion .gift-type { width: 100%;border-radius: 50px; background: #F6F6F6; padding: 28px 25px 8px 25px; border: none; position: relative; display: flex; align-items: center; color: #101011; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } */ /* .filter-area .filter-cart .form-group .select-area-occasion .occasion {width: 100%; border-radius: 50px; background: #F6F6F6; padding: 28px 25px 8px 25px; border: none; position: relative; display: flex; align-items: center; color: #101011; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } */ .filter-area .filter-cart .form-group button { display: flex; align-items: center; background: #CC6690; border: none; padding: 11px 20px; border-radius: 49px;color: #FFF; font-family:'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; transition: all .3s} .filter-area .filter-cart .form-group button:hover{background: #f6f6f6; color: #000} .filter-area .filter-cart .form-group button:hover svg path{stroke: #000;} .filter-area .filter-cart .form-group button svg{margin-left: 4px} /* .filter-area .option-select{display: none;} */ .filter-area .option-select.active{display: block;} .filter-area .option-select{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 325px; max-height: 90%; background: #fff; border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); z-index: 99999; display: none;} .filter-area .select-popup{left: 0; position: fixed; top: 0; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; height: 100%; display: none; overflow: hidden;} .filter-area .select-popup.active{display: block;} /* .filter-area .select-popup::before{position: absolute; width: 100%; height: 100%; background-color: #000; opacity: .3; content: '';} */ .select-area-occasion .dropdown{width: 100%} .select-area-occasion.location .dropdown-toggle{padding: 6px 25px 6px 44px;} .select-area-occasion .dropdown-toggle {font-size: 16px; padding: 6px 25px 6px 25px; display: block; color: #101011; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;} .select-area-occasion .dropdown-toggle span{display: block; color: #101011; line-height: 20px; font-family:'Avenir Black'; font-size: 18px; font-style: normal; font-weight: 800; ;} .select-area-occasion .dropdown-toggle::after {content: none;} .select-area-occasion .option-select ul.list-menu {margin: 0; padding: 0} .select-area-occasion .option-select ul.list-menu li {color: #101011; font-family:'Avenir Medium'; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; padding: 5px 15px;} .select-area-occasion .option-select ul.list-menu li:hover, .select-area-occasion .option-select ul.list-menu li.active{background: #c8648d; color: #fff} .select-area-occasion .option-select .heading{display:flex !important; align-items: center; justify-content: space-between; font-size: 16px; padding: 6px 15px 6px 15px; display: block; color: #101011; font-family:'Avenir Medium'; font-size: 18px; font-style: normal; font-weight: 600; line-height: 32px; background-color: #3333;} .select-area-occasion .option-select .heading svg{width: 22px; height: 22px; cursor: pointer;} /* Category list slider */ .category{ overflow: hidden; margin-bottom: 67px; } .category .category-slider h3 { margin: 13px auto 0px auto; width: auto; color: #101011; text-align: center; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;} /* .category .category-slider.owl-carousel { width: 154%; } */ .category .category-slider .cat-img-box {width: 120px; height: 120px; position: relative; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 500px; margin: 0 auto;} .category .category-slider .cat-img-box .iamge-area { width: 50px; height: 50px; position: relative;} .category .category-slider .cat-img-box .iamge-area img { transition: 0.3s all; width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; right: 0; bottom: 0} .category .category-slider .cat-img-box:hover .iamge-area .image-cat{ opacity: 0; transition: 0.3s all;} .category .category-slider .cat-img-box:hover .iamge-area .hover-img{ opacity: 1; transition: 0.3s all;} .category .category-slider .cat-img-box .iamge-area .hover-img{ opacity: 0; transition: 0.3s all;} /* Best Selling */ .best-selling { padding-bottom:60px } /* New Arrival */ .new-arrival { padding: 60px 0px; background-color: #ffffff; } .new-arrival .title-area .btn:hover{ background: #EFF0F4; } .new-arrival .product-contain-area .product-cart .cart-contain { background: #EFF0F4; } .new-arrival .product-contain-area .product-slider .product-cart .cart-contain { box-shadow:none; } /* Banner */ .banner{ display: flex; padding: 60px 0px;} .banner img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: 0.5s all; } .banner img:hover{ scale: 1.1; transition: 0.5s all; } .banner .banner-area {width: 50%; height: 608px; position: relative; border-radius: 30px; overflow: hidden;} .banner .banner-area .banner-contain { position: absolute; padding: 60px; } .banner .banner-area .banner-contain h4{ color: #000; font-family: 'Avenir Black'; font-size: 40px; font-style: normal; font-weight: 900; line-height: 124.1%; } .banner .banner-area .banner-contain p{ margin-top:10px; margin-bottom: 20px; color: #333; font-family:'Avenir Medium'; font-size: 20px; font-style: normal; font-weight: 500; line-height: 143.6%; } .banner .banner-area .banner-contain .btn svg { margin-left: 13px; stroke: #ffffff; } .banner .banner-area .banner-contain .btn:hover svg path { stroke: #000; transition: 0.5s all; } .banner .left-banner{ margin-right: 12.5px;} .banner .right-banner{ margin-left: 12.5px;} .banner .right-banner .banner-contain h4 { font-size: 30px; } /* Favourite */ .favourite { padding-bottom:60px } .favourite .title-area ul.nav-tabs{ display: flex; border: none} .favourite .title-area ul.nav-tabs li .btn{ background-color: #fff; color: #000; width: 166px; text-align: center; justify-content: center; margin-left: 12px;} .favourite .title-area ul.nav-tabs li .btn:hover, .favourite .title-area ul.nav-tabs li .btn.active{ background-color: #CC6690; color: #fff;} .favourite .product-contain-area {display: grid; gap: 18px; grid-template-columns: repeat(4, 1fr);} /* Call To Action */ .cta {background-color: #F7E1E8; padding: 90px 60px 90px 151px; border-radius: 30px; display: flex; align-items: center; position: relative; flex-direction: row-reverse; justify-content: flex-end;} .cta img { position: absolute; width: 402px; right: 60px; bottom: 34px; transition: 0.5s all; } .cta:hover img { scale: 1.1; transition: 0.5s all; } .cta .contain-area { width: 510px; } .cta .contain-area h5{ color: #CC6690; font-family: 'Avenir Medium'; font-size: 38px; font-style: normal; font-weight: 400; line-height: 158.228%; letter-spacing: 0.76px; } .cta .contain-area h5 span{ font-family:'Avenir Black'; font-weight: 800; } /* Testimonual */ .testimonual{ padding: 60px 0px; overflow: hidden; } .testimonual .testimonual-slider.owl-carousel { width: 130%; } .testimonual .testimonual-slider .test-minual-cart{ border-radius: 30px; background: #FFF; padding: 34px 42px ; } .testimonual .testimonual-slider .test-minual-cart h6 { color: #000; font-family:'Avenir Black'; font-size: 18px; font-style: normal; font-weight: 900; line-height: 124.1%; margin-bottom: 11px; } .testimonual .testimonual-slider .test-minual-cart .star { margin-bottom: 11px; } .testimonual .testimonual-slider .test-minual-cart .star .product-rating { margin: 0px; padding: 0px; display: flex; } .testimonual .testimonual-slider .test-minual-cart .star .product-rating li { margin-right: 4px; } .testimonual .testimonual-slider .test-minual-cart p { color: #333; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 168.1%; margin-bottom: 14px; } .testimonual .testimonual-slider .test-minual-cart h5 { color: #000; font-family:'Avenir Black'; font-size: 16px; font-weight: 900; line-height: 124.1%; font-style: italic; margin-bottom: 3px; } .testimonual .testimonual-slider .test-minual-cart .address { color: #000; font-family:'Avenir Light'; font-size: 14px; font-weight: 400; font-style: italic; line-height: 124.1%; } /* Services */ .services { display: flex; justify-content: space-between; padding: 60px 0px; } .services .service-cart { display: flex; } .services .service-cart .contacin-area { margin-left: 13px; } .services .service-cart .contacin-area h6{ margin: 0; color: #333; font-family:'Avenir Heavy'; font-size: 16px; font-style: normal; font-weight: 800; line-height: normal; } .services .service-cart .contacin-area p{ color: #666; font-family: 'Avenir Regular'; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin: 0; } /* shop page ================================================================================================================== */ .product-list { display: flex; justify-content: space-between; align-items: flex-start;} .product-list .left-sidebar { width: 24%; border-radius: 30px; background: #FFF; padding-bottom: 76px; position: sticky;top: 160px;} .product-list .left-sidebar .sidebar-title { display: flex; justify-content: space-between; align-items: center; padding: 28px 31px 19px 31px; } .product-list .left-sidebar .sidebar-title .button{ padding: 0px; border-radius: 0px; background: transparent; color: #757575; font-family:'Avenir Roman'; font-size: 12px; font-style: normal; font-weight: 400; line-height: 15px; border-bottom: 1px solid #757575; } .product-list .left-sidebar .sidebar-title svg{ margin-right: 10px; } .product-list .left-sidebar .sidebar-title h6{margin-bottom: 0px; color: #000; font-family:'Avenir Black'; font-size: 18px; font-style: normal; font-weight: 900; line-height: normal; } .product-list .left-sidebar .sidebar-title .mobile-close-icon{ display: none; } .product-list .left-sidebar .sidebar-title .left-area { display: flex; } .product-list .left-sidebar .price { padding: 15px 28px 25px 28px; border-bottom: 1px solid rgba(199, 202, 205, 0.42);} .product-list .left-sidebar .price h5{ color: #000; font-family:'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px; } .product-list .left-sidebar .price .bapf_body .bapf_slidr_all .bapf_tbprice{ padding-right: 5px; } .product-list .left-sidebar .accordion-body {padding: 0px 28px; } .product-list .left-sidebar .accordion-item { border: none; } .product-list .left-sidebar .accordion-item .accordion-collapse { border-bottom: 1px solid rgba(199, 202, 205, 0.42) !important; border-radius: 0 !important } .product-list .left-sidebar .accordion-button.collapsed { padding: 15px 28px; border-bottom: 1px solid rgba(199, 202, 205, 0.42) !important; color: #000; font-family:'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 0 !important } .product-list .left-sidebar .accordion-button:not(.collapsed){box-shadow:none; color: inherit; background-color: transparent; padding: 15px 28px;} .product-list .left-sidebar .accordion-button:focus { box-shadow: none !important; } .product-list .left-sidebar .accordion-button:not(.collapsed)::after { content: ""; background-image: url('../images/add.png') } .product-list .left-sidebar .accordion-button::after {content: "";background-image: url('../images/add-2.png')} .product-list .left-sidebar .accordion-body ul {padding: 0} .product-list .left-sidebar .accordion-body ul li { margin: 0 0 10px 0 !important; } .product-list .left-sidebar .accordion-body ul li label{ color: #757575; font-family: 'Avenir Regular'; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; padding-left: 5px} .product-list .left-sidebar .accordion-body input[type="checkbox"] {min-width: 17px; min-height: 17px; width: 17px; height: 17px; border: 1px solid #757575; border-radius: 3px} .product-list .left-sidebar .accordion-body input[type="checkbox"]:checked {border: 1px solid #CC6690 ; background-color: #CC6690; padding: 0} .product-list .product-list-area { width: 74%; } .product-list .product-list-area .product-contain-area {display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr);} .product-list .product-list-area .product-list-title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(199, 202, 205, 0.42); margin-bottom: 14px; } .product-list .product-list-area .product-list-title .title h2 { margin-bottom: 0px ; color: #000; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; } .product-list .product-list-area .product-list-title .title p { width: 600px; color: #878787; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 156.6%; /* 25.056px */ } .product-list .product-list-area .product-list-title .sort-by { display: flex; align-items: center; } .product-list .product-list-area .product-list-title .sort-by p{ margin: 0px; margin-right: 10px; color: #878787; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .product-list .product-list-area .product-list-title .sort-by select.prize-slot { border-radius: 50px; border: 1px solid rgba(199, 202, 205, 0.42); background: #FFF; padding: 12px 41px; position: relative; font-family:'Avenir Medium';font-size: 16px;font-weight: 500; } .product-list .product-list-area .product-list-title .sort-by .select-icon{position: relative;} .product-list .product-list-area .product-list-title .sort-by .select-icon::before { content: '';background-image: url(../images/arrowdown.svg); width: 20px; height: 20px; position: absolute; right: 20px; top: 15px; z-index: 1; background-size: 100%;} .product-list .product-list-area > p{ color: #878787; font-family:'Avenir Medium'; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .product-list .product-list-area .product-list-title .filter-mobile-area{ display: none; } /* faq page ================================================================================================================== */ .faq { margin-top: 13px; margin-bottom: 67px; } .faq.mobile-section{display: none;} .faq .title-area-faq{ padding-bottom: 17px; margin-bottom: 33px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .faq .title-area-faq h2 { color: #000; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; margin: 0px; } .faq #v-pills-tab { border-radius: 30px; background: #FFF; padding: 48px 49px; min-width: 390px; } .faq #v-pills-tab button { background: transparent; padding: 0; color: #000; font-family: 'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 336.1%; text-align: left; } .faq #v-pills-tab .nav-link:focus,.faq #v-pills-tab .nav-link:hover{ color: #CC6690; } .faq #v-pills-tab .nav-link.active{ color: #CC6690; } .faq #v-pills-tabContent { border-radius: 30px; background: #FFF; padding: 73px 45px; width: 100%; } .faq #v-pills-tabContent .accordion-body { padding: 12px 28px; } .faq #v-pills-tabContent .accordion-item { border: none; } .faq #v-pills-tabContent .accordion-button.collapsed { padding: 15px 28px; border-bottom: 1px solid rgba(199, 202, 205, 0.42) !important; color: #000; font-family:'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .faq #v-pills-tabContent .accordion-button:not(.collapsed){box-shadow:none; background-color: transparent; padding: 15px 28px;} .faq #v-pills-tabContent .accordion-button:focus { box-shadow: none !important; } .faq #v-pills-tabContent .accordion-button:not(.collapsed)::after { content: ""; background-image: url('../images/add.png') } .faq #v-pills-tabContent .accordion-button::after {content: "";background-image: url('../images/add-2.png')} .faq #v-pills-tabContent .accordion-button { color: #000; font-family: 'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 0px; } .faq #v-pills-tabContent .accordion-body { color: #878787; font-family: 'Avenir Roman'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 25.5px; } /*Contact Us ================================================================================================================== */ .contact-us{ margin: 0px; } .contact-us .title-area-contact h2 { margin-top: 6px; margin-bottom: 22px; color: #000; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; } .contact-us .contact-banner { border-radius: 30px; margin-bottom: 47px; background: #E8A9BE; display: flex; justify-content: space-between; align-items: center; } .contact-us .contact-banner .left-area { padding-left: 82px; width: 660px; } .contact-us .contact-banner .left-area h3{ margin-bottom: 9px; color: #000; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; } .contact-us .contact-banner .left-area p{ margin: 0; color: #000; font-family:'Avenir Medium'; font-size: 23px; font-style: normal; font-weight: 500; line-height: 188.474%; } .contact-us .contact-banner .right-area img { margin-right: 143px; margin-top: 10px; } .contact-us .contact-form { align-items: flex-end; justify-content: center; margin-bottom: 54px; } .contact-us .contact-form .col-lg-6{ padding: 0px; } .contact-us .contact-form .col-lg-12{ padding: 0px; } .contact-us .contact-form .col-lg-6:nth-child(2n+1){ padding-left: 0px; padding-right: 44px; } .contact-us .contact-form .col-lg-6:nth-child(2n+2){ padding-left: 44px; padding-right: 0px; } .contact-us .contact-form .col-lg-12{ padding: 0px; } .contact-us form .wpcf7-form-control-wrap{position: relative; width: 100%; display: block;} .contact-us form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{position: absolute; top: 45px; right: 10px; font-size: 14px} .contact-us .contact-form .form-label{ padding-left: 26px; } .contact-us .contact-form input{ padding: 10px 25px 10px 25px; border:none; border-radius: 60px; margin-bottom: 15px; } .contact-us .contact-form select{ width: 100%; padding: 10px 25px 10px 25px; border:none; border-radius: 60px; margin-bottom: 15px; } .contact-us .contact-form textarea{ padding: 15px 25px 9px 25px; border:none; border-radius: 40px; margin-top: 27px; margin-bottom: 37px; height:201px } .contact-us .contact-form .btn.btn-primary{ margin: 0; width: 412px; } .contact-us .contact-info { display: flex; padding: 0px 65px; justify-content: space-evenly; margin-bottom: 54px; } .contact-us .contact-info .contact-cart { display: flex; align-items: center; } .contact-us .contact-info .contact-cart svg{ margin-right: 10px; height: 45px; } .contact-us .contact-info .contact-cart .contain h6{ margin-bottom: 5px; color: #000; font-family:'Avenir Medium'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } .contact-us .contact-info .contact-cart .contain p{ margin:0px; color: #000; font-family:'Avenir Medium'; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; } .contact-us .contact-info .contact-cart .contain a{ margin:0px; color: #000; font-family:'Avenir Medium'; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; } /* About us ================================================================================================================== */ .about-us{ margin-top: 13px; margin-bottom: 65px; } .about-us .title-area-about-us { height: 519px; position: relative; overflow: hidden; border-radius: 30px; display: flex; justify-content: center;align-items: center; } .about-us .title-area-about-us img { width: 100%; height: 100%; object-fit: cover; left: 0; border: 0; right: 0; top: 0; position: absolute; } .about-us .title-area-about-us h1 { margin-bottom: 0px; z-index: 2; position: relative; color: #EFF0F4; font-family: 'Avenir Roman'; font-size: 46px; font-style: normal; font-weight: 400; line-height: 124.1%; text-transform: uppercase; } .about-us .about-contain { padding: 50px 112px 14px 112px; text-align: center; } .about-us .about-contain h2 { color: #000; font-family: 'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; padding-bottom: 17px; border-bottom: 1px solid #C7CACD; width: 745px; margin: auto; margin-bottom: 17px; } .about-us .about-contain p { color: #333; text-align: center; font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 177.694%; margin-bottom: 0px; } .about-us .vision-mission { display: flex; align-items: center; justify-content: space-between; margin-bottom: 52px; } .about-us .vision-mission .mission.cart-vm { background: #E7E6E4; } .about-us .vision-mission .vision.cart-vm{ background-color: #F3E7E2; } .about-us .vision-mission .cart-vm { width: 49%; padding: 85px 67px; background-color: #fff; border-radius: 30px; } .about-us .vision-mission .cart-vm h4{ color: #000; font-family: 'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; } .about-us .vision-mission .cart-vm p{ color: #333; font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 177.694%; } .about-us .help-me{ height: 400px; position: relative; display: flex; justify-content:flex-end; align-items: center; border-radius: 30px; overflow: hidden; background: #B9DEEE; } .about-us .help-me img{ height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; object-fit: cover; overflow: hidden;} .about-us .help-me .contain-area { z-index: 4; position: relative; width: 461px; right: 88px;} .about-us .help-me .contain-area h6{ margin-bottom: 10px; color: #000; font-family: 'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 132%; text-transform: lowercase; } .about-us .help-me .contain-area p{ color: #000; font-family: 'Avenir Roman'; font-size: 25px; font-style: normal; font-weight: 400; line-height: 150.5%; margin-bottom: 27px; } /* Blog List ================================================================================================================== */ .blog { margin-top: 13px; margin-bottom: 51px; } .blog .title-area-blog{ padding-bottom: 17px; margin-bottom: 33px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .blog .title-area-blog h2 { color: #000; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; margin: 0px; } .blog .blog-list { display: flex; flex-wrap: wrap; margin: 0px -16px; } .blog .blog-list .blog-cart { width: 33.33%; padding: 16px; } .blog .blog-list .blog-cart h6{ margin-top: 16px; color: #333; font-family:'Avenir Medium'; font-size: 22px; font-style: normal; font-weight: 500; line-height: 156.6%; } .blog .blog-list .blog-cart .image-area { height: 458px; position: relative; overflow: hidden; border-radius: 30px; } .blog .blog-list .blog-cart .image-area img{ height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; object-fit: cover;} .blog #loadMore { width: 100%; margin-left: 40%; margin-right: 40%; } /*Blog detail ================================================================================================================== */ .blog-list{ margin-top: 13px; margin-bottom: 65px; } .blog-list .title-area-blog{ padding-bottom: 17px; margin-bottom: 54px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .blog-list .title-area-blog h2 { color: #000; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; margin: 0px; } .blog-list .blog-date { height: 519px; position: relative; overflow: hidden; border-radius: 30px; } .blog-list .blog-date img { width: 100%; height: 100%; object-fit: cover; left: 0; border: 0; right: 0; top: 0; position: absolute; } .blog-list .blog-date h5{ z-index: 1; position: absolute; bottom: 33px; right: 32px; padding: 12px 29px; border-radius: 50px; background-color: #CC6690; color: #FFF; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .blog-list .blog-contain-area{ margin-top: 33px; margin-bottom: 44px; display: flow-root; } .blog-list .blog-contain-area h2{ color: #000; font-family: 'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; padding-bottom: 17px; margin-bottom: 17px; border-bottom:1px solid #C7CACD; } .blog-list .blog-contain-area p{ color: #333; font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 177.694%; } .blog-list .blog-contain-area img { width: 40%; float: left; margin-right: 34px; border-radius: 30px; } .blog-list .button-area { display: flex; justify-content: space-between; align-items: center; } /* product detail page ================================================================================================================== */ .detail-section .detail-main-area {display: flex; align-items: flex-start; justify-content: space-between; gap:50px; padding-bottom: 50px} .detail-section .detail-main-area .left-slider {width: 50%} .detail-section .detail-main-area .left-slider .product-thumb {margin-bottom: 30px} .detail-section .detail-main-area .left-slider .product-thumb .swiper-slide{width: 100% !important; max-height: 633px; border-radius: 30px; overflow: hidden;} .detail-section .detail-main-area .left-slider .product-thumb .swiper-slide img{width: 100%; height: 100%; object-fit: cover; } .detail-section .detail-main-area .left-slider .thumbs-slider .swiper-slide{width: 92px !important; min-height: 100%; border-radius: 15px; overflow: hidden;} .detail-section .detail-main-area .left-slider .thumbs-slider .swiper-slide img{width: 100%; height: 100%; object-fit: cover;} .detail-section .detail-main-area .right-detail {width: 50%} .detail-section .detail-main-area .right-detail .product-title {color: #000; font-family:'Avenir Black'; padding-bottom: 15px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); font-size: 30px; font-style: normal; font-weight: 900; line-height:37.23px } .detail-section .detail-main-area .right-detail .price-area .star{display: flex; align-items: center; padding-top: 12px} .detail-section .detail-main-area .right-detail .price-area .star .review-count {color: #333; font-size: 16px; font-weight: 500; line-height: 25.056px; font-family:'Avenir Medium'; } .detail-section .detail-main-area .right-detail .price-area .star .review-count a {color: #CC6690} .detail-section .detail-main-area .right-detail .price-area p {font-size: 16px; font-weight: 500; font-family:'Avenir Medium'; color: #000; margin-top: 5px} .detail-section .detail-main-area .right-detail .price-area {padding-bottom: 25px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .detail-section .detail-main-area .right-detail .price-area .price {display: flex; align-items: center; justify-content:flex-start; padding-top: 20px} .detail-section .detail-main-area .right-detail .price-area .price .wishlist{margin-left: auto;margin-right: 15px;} .detail-section .detail-main-area .right-detail .price-area .price .social-share a{display: block; width: 44px;height: 44px;border-radius: 50%;background-color: #CC6690;color: #ffffff;text-align: center;padding-top: 10px;} .detail-section .detail-main-area .right-detail .price-area .price .price-list {margin: 0; padding: 0; display: flex; align-items: last baseline; font-family: 'Avenir Medium'; font-size: 40px; color: #000; font-weight: 500; line-height: 40.64px; text-decoration: none;} .detail-section .detail-main-area .right-detail .price-area .price .price-list > span:first-child {margin-right: 10px} .detail-section .detail-main-area .right-detail .price-area .price .price-list > span:last-child {margin-left: 10px} .detail-section .detail-main-area .right-detail .price-area .price .price-list del {text-decoration: none; color: #BEBEBE;font-family:'Avenir Medium'; font-size: 25px; line-height:31.025px ; font-weight: 500} .detail-section .detail-main-area .right-detail .price-area .price .price-list del > span {position: relative; } .detail-section .detail-main-area .right-detail .price-area .price .price-list del > span::after{content: '';background-color: #BEBEBE; width: 100%; height: 1px; bottom: 20px; left: 0; position: absolute; transform: rotate(-8deg);} .detail-section .detail-main-area .right-detail .price-area .price .price-list del > span::before{content: '';background-color: #BEBEBE; width: 100%; height: 1px; top: 18px; left: 0; position: absolute; transform: rotate(7deg);} .detail-section .detail-main-area .right-detail .price-area .price .price-list ins {font-family:'Avenir Medium'; font-size: 40px; color: #000; font-weight: 500; line-height: 40.64px;text-decoration: none; margin: 0 15px 0 20px} .detail-section .detail-main-area .right-detail .price-area .price .price-list .discount-per {color: #009B22; font-size: 16px; font-weight: 500; font-family:'Avenir Medium';} .detail-section .detail-main-area .right-detail .woocommerce-product-details__short-description{margin-top: 20px} .woocommerce-variation-price {margin: 15px 0} .woocommerce-variation-price del {text-decoration: none; color: #BEBEBE;font-family:'Avenir Medium'; font-size: 25px; line-height:31.025px ; font-weight: 500; position: relative;} .woocommerce-variation-price del > span {position: relative;} .woocommerce-variation-price del > span::after{content: '';background-color: #BEBEBE; width: 100%; height: 1px; bottom: 20px; left: 0; position: absolute; transform: rotate(-8deg);} .woocommerce-variation-price del > span::before{content: '';background-color: #BEBEBE; width: 100%; height: 1px; top: 18px; left: 0; position: absolute; transform: rotate(7deg);} .woocommerce-variation-price ins {font-family:'Avenir Medium'; font-size: 40px; color: #000; font-weight: 500; line-height: 40.64px;text-decoration: none; margin: 0 15px 0 20px} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail {display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail .form-group {position: relative; display: flex; align-items: center; flex-wrap: wrap;} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail .form-group.variations {justify-content:flex-end;} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail .form-group label {margin-right: 15px;color: #333; font-size: 16px; font-family:'Avenir Medium'; font-weight: 500; line-height: normal;} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail .form-control {background: #fff; border: 1px solid rgba(199, 202, 205, 0.42); font-size: 16px; padding: 0 40px 0 20px; border-radius: 60px; height: 46px; color: #333; font-weight: 500; line-height: 35px;} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail .form-group .select-icon{position: relative;} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail .form-group .select-icon::before{ content: ''; background-image: url(../images/arrowdown.svg); width: 20px; height: 20px; position: absolute; right: 15px; top: 15px; z-index: 1; background-size: 100%} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail .form-group .select-icon .reset_variations {position: absolute; top: 50px; left: 20px;} .detail-section .detail-main-area .right-detail .remove-wishlist .filter-detail a.reset_variations{ display: none !important; } .detail-section .detail-main-area .right-detail .remove-wishlist .woocommerce-variation .woocommerce-variation-availability{display: none;} .detail-section .detail-main-area .right-detail .delivery{padding-bottom: 25px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .detail-section .detail-main-area .right-detail .delivery p {color: #333; font-size: 16px; font-family:'Avenir Medium'; font-weight: 500; padding: 0 0 0 30px; line-height:25.056px; margin-bottom: 25px} .detail-section .detail-main-area .right-detail .delivery .custom-radio-box .radio-input{display:none;} .detail-section .detail-main-area .right-detail .delivery .custom-radio-box .radio-label{width: 100%; padding: 7px 0px 7px 30px; cursor: pointer; transition: all .3s ; position: relative; position:relative;} .detail-section .detail-main-area .right-detail .delivery .custom-radio-box .radio-label .recommented {background: #43F5D4; color: #2B606E; line-height: 14px; border-radius: 15px; font-size: 14px; font-weight: 400; padding: 7px 15px; position: absolute; right: 20px; top: -14px;} .detail-section .detail-main-area .right-detail .delivery .custom-radio-box .dot{background-color:transparent; border: 1px solid #000; height:20px; width:20px; border-radius:50%; transition: all .3s ; position: absolute; top: 10px; left: 0px} .detail-section .detail-main-area .right-detail .delivery .custom-radio-box .radio-input:checked + .radio-label .dot{ border:3px solid #fff; background-color: #cc6690; outline: 1px solid #000} .detail-section .detail-main-area .right-detail .delivery .custom-radio-box .radio-label .lable-title {color: #333; font-size: 18px; font-weight: 900; font-family:'Avenir Black'; line-height:28.188px } .detail-section .detail-main-area .right-detail .delivery .info-area {padding-top: 30px; display: none;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area {padding: 20px 30px; border: 1px solid rgba(199, 202, 205, 0.42); border-radius: 30px; font-weight: 500; line-height: 28.188px } .detail-section .detail-main-area .right-detail .delivery .info-area .option-area .form-group {padding-bottom: 20px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); margin-bottom: 20px;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area .form-group:last-child {margin: 0; padding: 0; border-bottom: none} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area label { font-size: 18px; font-family:'Avenir Medium'; color: #333333; margin-bottom: 20px;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery {margin: 0 -10px;padding: 0px;list-style: none;display: flex;flex-wrap: wrap;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li {margin:0 10px;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li .radio-input{display: none;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li .radio-label {margin-bottom: 0;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li .radio-label .lable-title { position: relative; font-size: 12px; font-family:'Avenir Medium'; width: 93px; padding: 7px 0; background-color: #fff; font-weight: 500; line-height: 16.152px ; border-radius: 50px; text-align: center;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li .radio-label .lable-title span {display: block;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li .radio-input:checked + .radio-label .lable-title {background-color: #CC6690; color: #fff; overflow: hidden;} .detail-section .detail-main-area .right-detail .delivery .info-area .delivery-message{border-radius: 30px; display: flex; align-items: center; justify-content: center; background: #FFDDEB;color: #CC6690; padding: 15px 0; font-family:'Avenir Medium'; font-size: 14px; font-style: normal; font-weight: 500; line-height: 21.924px; margin-top: 30px;} .detail-section .detail-main-area .right-detail .delivery .info-area .delivery-message img {margin-right: 5px;} .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li .choose_date .date-lable input#datepicker { display: inline-block; opacity: 0; position: absolute; font-size: 12px; font-family: 'Avenir Medium'; width: 93px; padding: 7px 0; background-color: transparent; font-weight: 500; line-height: 16.152px; border-radius: 50px; text-align: center; top: 0; left: 0; height: 100%; border: none; } .detail-section .detail-main-area .right-detail .delivery .info-area .option-area ul.check-delivery li.active .choose_date .date-lable input#datepicker { opacity: 1; background-color: #CC6690; color: #fff; margin: 0; } .ui-datepicker{ background-color: #ffffff !important; } .ui-datepicker-calendar thead tr th span{ color: #000000 !important; } .ui-state-default{ color: #000000 !important; } .ui-datepicker-unselectable .ui-state-default{ color: rgb(18 18 18 / 34%) !important } .ui-state-active:not(.ui-state-highlight){ color: #ffffff !important; background: #CC6690 !important; } .ui-state-default:hover{ color: #fff !important; } .ui-datepicker-header{ background: #CC6690; border-radius: 3px; } .ui-datepicker-prev:after, .ui-datepicker-next:after{ border-color: #ffffff !important; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover{ background: #ffb9dc !important; } .ui-datepicker-year option {color: #000;min-width: 135px;} .detail-section .detail-main-area .right-detail .delivery .info-area .slect_dt{margin: 20px 0 0 0; background: #fff; border-radius: 20px; border: none; padding: 6px 10px; font-size: 16px; line-height: 0;} .detail-section .detail-main-area .right-detail .delivery .info-area .slect_dt:focus{outline: none} .detail-section .detail-main-area .right-detail .quantity {padding: 15px 0 0px 0; } .detail-section .detail-main-area .right-detail .quantity label {color: #333; margin-bottom: 20px; font-family:'Avenir Medium'; font-size: 18px; font-weight: 500; line-height:28.188px} .detail-section .detail-main-area .right-detail .quantity .qty-detail {display: flex; align-items: center;} .detail-section .detail-main-area .right-detail .quantity .qty-detail button.icon{display: flex; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; color: #000; width: 36px; height: 36px; background-color: #fff; border-radius: 50%;border: none} .detail-section .detail-main-area .right-detail .quantity .qty-detail .form-control {background: none; border: none; font-size: 18px; width: 50px; color: #333; text-align: center; font-weight: 500; line-height:24.228px} .detail-section .detail-main-area .right-detail .btn-area {display: flex; gap:17px; align-items: center; padding: 40px 0; border-bottom: 1px solid rgba(199, 202, 205, 0.42);} .detail-section .detail-main-area .right-detail .btn-area .btn{width: 50%} .detail-section .detail-main-area .right-detail .btn-area .btn-add {background: #000} .detail-section .detail-main-area .right-detail .btn-area .btn-add.disabled {background: #000; color: #fff;} .detail-section .detail-main-area .right-detail .btn-area .btn-buy.disabled {background: #f0b9cf; color: #fff;} .detail-section .detail-main-area .right-detail .btn-area .btn-add:hover {background-color: #fff; color: #000;} .detail-section .detail-main-area .right-detail .accordion{color: #000;font-family: 'Avenir Regular'; font-size: 25px; font-weight: 900; line-height:31.025px} .detail-section .detail-main-area .right-detail .accordion .accordion-item {border: none !important; border-bottom: 1px solid rgba(199, 202, 205, 0.42) !important; background: none; border-radius: 0} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-header .accordion-button { border:none !important; white-space: normal; font-family:'Avenir Black'; background-color:transparent; padding: 30px 30px 30px 00px; color:#000; text-decoration:none; display:block; position:relative; font-size: 25px; font-weight: 900; line-height:31.025px; width:100%; text-align:left; box-shadow: none;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-header .accordion-button::after { content:''; position:absolute; border-radius: 3px; width:12px; height:2px; background:#000; top:44px; right:5px } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-header .accordion-button.collapsed::before { content:''; position:absolute;width:2px; border-radius: 3px; height:12px; background:#000; top:39px; right:10px ; transform: rotate(0deg)} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-header .accordion-button::before { transform: rotate(90deg);} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-header .accordion-button:focus { border:none; outline:none; box-shadow:none } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body {padding: 0} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body { color: #878787; font-family: 'Avenir Medium'; font-size: 16px; font-weight: 500; line-height: 25.056px; } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body ul{ list-style: circle; } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .list-block h3{color: #000;font-size: 20px; font-family:'Avenir Black'; font-weight: 900; line-height: 24.82px; margin-bottom: 5px} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .list-block h2 {color: #000; border-bottom: 1px solid rgba(199, 202, 205, 0.42); font-family:'Avenir Black'; padding-bottom: 10px; font-size: 25px; font-weight: 900; line-height: 31.025px } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .list-block:first-child ul.list-mark{margin: 0} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .list-block ul.list-mark{margin: 0 0 20px 0; padding-left: 25px} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .list-block ul.list-none{list-style: none; padding: 0; margin: 0 0 20px 0} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .list-block ul li {color: #878787; font-family:'Avenir Medium'; font-size: 16px; font-weight: 500; line-height: 25.056px} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box {padding:20px 0 20px 0; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box:first-child {padding:0px 0 25px 0;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box:last-child {border-bottom:none} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .user-detail {display: flex; align-items: center; margin-bottom: 5px;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .user-detail .user-img {width: 32px; height: 32px; border-radius: 50%; border: 1px solid #CC6690; position: relative;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .user-detail .user-img img {width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .user-detail .user-name {color: #000; margin-left: 5px; font-family:'Avenir Black'; font-size: 16px; font-weight: 900; line-height: 19.856px } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .user-detail ul {list-style: none; padding: 0; margin: 0;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .user-detail ul li {display: inline-block; } .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .user-detail .review-text {color: #000; font-family:'Avenir Black'; font-size: 18px; font-weight: 900; line-height: 19.856px; margin-left: 15px;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .date {color: #878787;font-family:'Avenir Regular' ; font-size: 11px; font-style:italic; margin:0px 0 5px 0; font-weight: 400; line-height: 13.651px} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .varified {color: #CC6690; font-family:'Avenir Medium'; font-size: 12px; font-style: normal; font-weight: 500; line-height: 14.892px; margin-bottom: 5px;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box p {font-family:'Avenir Medium'; font-size: 16px; color: #878787; font-weight: 500; line-height: 26.896px; margin: 0 0 5px 0;} .detail-section .detail-main-area .right-detail .accordion .accordion-item .accordion-body .review-box .report-text{color: #CC6690; font-family:'Avenir Medium'; font-size: 12px; font-style: normal; font-weight: 500; line-height: 14.892px} .ui-datepicker {width: 280px;padding: 5px;background: #000;border-radius: 4px;box-shadow: 0 4px 40px -8px rgba(0, 0, 0, 0.2);opacity: 0; visibility: hidden;} @media screen and (max-width: 580px) { .ui-datepicker { top: auto !important;right: 0 !important;bottom: 0 !important;left: 0 !important;width: 100%;border-radius: 0px; } } .ui-datepicker.active {opacity: 1;visibility: visible; z-index: 111} .ui-datepicker-header { height: 40px; padding: 3px; margin-bottom: 10px; position:relative;} .ui-datepicker-header .ui-datepicker-title { text-align: center; line-height: 34px;} .ui-datepicker-month, .ui-datepicker-year { -webkit-appearance: none; border: 0; background: none; outline: none; font-size: 14px; font-weight: 600; color: white; margin: 0 1px;} .ui-datepicker-prev, .ui-datepicker-next { position: absolute; display: inline-block; width: 34px; height: 34px; cursor: pointer; text-indent: 9999px; overflow: hidden; border-radius: 3px;} .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: #444B56;} .ui-datepicker-prev {left:5px;} .ui-datepicker-prev:after { transform: rotate(45deg); margin-left: 14px;} .ui-datepicker-next {right:5px;} .ui-datepicker-next:after {transform: rotate(-135deg); margin-left: 10px;} .ui-datepicker-prev:after, .ui-datepicker-next:after {content: ""; position: absolute; display: block; margin-top: -10px; width: 10px; height: 10px; border-left: 2px solid #C2C7D1; border-bottom: 2px solid #C2C7D1; pointer-events: none;} .ui-datepicker-calendar { width: 100%; text-align: center;} .ui-datepicker-calendar thead tr th { width: 40px; padding-bottom: 6px;} .ui-datepicker-calendar thead tr th span { display: block; width: 100%; padding: 0; color: #8D9298; font-size: 10px; font-weight: 700; text-transform: uppercase; text-align: center;} .ui-datepicker-calendar tbody tr td {padding-right: 3px; padding-bottom: 3px;} .ui-datepicker-calendar tbody tr td:first-child {padding-left: 3px;} .ui-state-default {display: block;text-decoration: none;color: white;height: 34px;line-height: 34px;border-radius: 3px;font-size: 12px; } .ui-state-default:hover {background: #CC6690;text-decoration: none;color: white;} .ui-state-highlight {color: #CC6690;} .ui-state-active:not(.ui-state-highlight) {color: white;background: #5D9CF5;} .ui-datepicker-unselectable .ui-state-default {color: rgba(255, 255, 255, 0.2);pointer-events: none;} .tm-epo-totals{display: none;} /* privecy policy ================================================================================================================== */ .common-page .common-detail h1 {color: #000; margin-bottom: 30px; font-family:'Avenir Black'; font-size: 30px; font-weight: 900; line-height: 37.23px ; padding-bottom: 18px; border-bottom: 1px solid #C7CACD; } .common-page .common-detail .detail-area {margin-bottom: 30px;} .common-page .common-detail .detail-area:last-child {margin-bottom: 70px;} .common-page .common-detail .detail-area h2 {color: #000; font-family:'Avenir Black'; margin-bottom: 10px; font-size: 25px; font-style: normal; font-weight: 900; line-height: 31.025px } .common-page .common-detail .detail-area p {font-family:'Avenir Medium'; font-size: 16px; color: #333; font-weight: 500; line-height: 25.056px ; margin: 0;} .common-page .common-detail .detail-area ul.detail-list {list-style: decimal; padding: 0 0 0 20px; margin: 0;} .common-page .common-detail .detail-area ul.detail-list li {font-family:'Avenir Medium'; font-size: 16px; color: #333; font-weight: 500; line-height: 25.056px ; margin: 0;} /* login ================================================================================================================== */ .login-popup .modal-dialog {max-width: 950px;} .login-popup .modal-content {border: none; border-radius: 0; position: relative;} .login-popup .modal-content .btn-close {position: absolute; padding: 0; right: 20px; top: 20px; opacity: 1; z-index: 1; width: 20px; height: 20px;} .login-popup .modal-content .modal-body{padding: 0;} .login-popup .modal-content .modal-body .content-area {display: flex; } .login-popup .modal-content .modal-body .content-area .left-img{width: 50%;} .login-popup .modal-content .modal-body .content-area .left-img img{width: 100%; height: 100%; object-fit: cover; } .login-popup .modal-content .modal-body .content-area .right-form {width: 50%; padding:20px 30px; display: flex; flex-direction: column; justify-content:center;} .login-popup .modal-content .modal-body .content-area .right-form .welcome {color: #000; text-align: center; font-size: 18px; margin-bottom: 5px; font-style: normal; font-family: 'Avenir Roman';} .login-popup .modal-content .modal-body .content-area .right-form h2 {color: #000; text-align: center; font-family:'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 37.23px; margin-bottom: 10px;} .login-popup .modal-content .modal-body .content-area .right-form p {font-size: 16px; color: #000; font-weight: 400; line-height: 18px; margin: 0; text-align: center; margin-bottom: 0px;} .login-popup .modal-content .modal-body .content-area .right-form p a{color: #CC6690;} .login-popup .modal-content .modal-body .content-area .right-form h3 {color: #CC6690; font-family: 'Avenir Medium'; text-align: center; font-size: 14px;font-style: normal; font-weight: 500;line-height: normal; margin: 10px 0 0 0;} .login-popup .modal-content .modal-body .content-area .right-form h3 span {font-weight: 900; font-family:'Avenir Black'; } .login-popup .modal-content .modal-body .content-area .right-form .form-area a.forgot-text{color: #000; text-align: center; font-size: 14px; margin: 35px 0; font-style: normal; font-family: 'Avenir Roman'; display: block;} .login-popup .modal-content .modal-body .content-area .right-form .form-area .form-group {margin-top: 30px; position: relative;} .login-popup .modal-content .modal-body .content-area .right-form .form-area .form-group .form-control {width: 100%; font-family:'Avenir Medium'; height: auto; padding:12px 25px; background: #F6F6F6; border-radius: 50px; border:none; font-weight: 500; font-size: 14px; line-height: normal; color: #000; } .login-popup .modal-content .modal-body .content-area .right-form .form-area .form-group .form-control:focus{outline: none; box-shadow: none;} .login-popup .modal-content .modal-body .content-area .right-form .form-area .form-group button.btn{ padding:9px 0; line-height: 24px; border-radius: 50px; width: 100%; font-family:'Avenir Medium'; text-decoration: none; font-weight: 500; background-color:#CC6690; color: #fff; border: 1px solid transparent; transition: 0.6s all; display:block; } .login-popup .modal-content .modal-body .content-area .right-form .form-area .form-group button.btn:hover { transition: 0.6s all; background-color:#fff; color: #CC6690; border: 1px solid #CC6690 ;} #registration-error-message.regi-error-msg{font-size: 15px;margin-top: 10px;color: red;text-align: center;padding: 5px;border: 1px solid red;border-radius: 30px;} .login-popup .modal-content .modal-body .content-area .right-form .form-area .pass-note{ font-size: 13px; margin-top:15px; color: #777777} ul#password-validation-message{ margin-top: 25px; list-style: disc;} ul#password-validation-message li{color: red; font-size: 12px;} .remove-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button, .single_add_to_cart_button.button.alt{display: none !important;} /* Cart Site Bar ================================================================================================================== */ .left-menu-cart{background: rgba(0, 0, 0, 0.29); opacity: 0; position: fixed; z-index: 11; width: 100%; height: 100%; top: 0px; right: -100%; transition: all .8s ease;} .left-menu-cart.active{right: 0px; width: 100%; opacity: 1; transition: all .8s ease; z-index:11;} .left-menu-cart .leftside-cart-box{ overflow-y: auto; position: absolute; height: 100%; top: 0px; background: #fff; right: 0px; width: 575px; opacity: 1; transition: all .8s ease; z-index: 111111; } .left-menu-cart .leftside-cart-box .close-cart{cursor: pointer;} .left-menu-cart .leftside-cart-box .title-popup-cart { display: flex; align-items: center; justify-content: space-between; padding: 54px 23px 22px 23px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); background: #fff; width: 575px; z-index: 12; top: 0; position: fixed; } .left-menu-cart .leftside-cart-box .title-popup-cart h5 { color: #000; font-family: 'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; margin: 0; } .left-menu-cart .leftside-cart-box .product-detail { padding: 23px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); display: flex; justify-content: space-between; align-items: stretch; } .left-menu-cart .leftside-cart-box .product-detail:nth-child(1){ margin-top: 126px; } .left-menu-cart .leftside-cart-box .product-detail:last-child{ margin-bottom: 122px; } .left-menu-cart .leftside-cart-box .product-detail .image-area { border-radius: 30px; width: 150px; } .left-menu-cart .leftside-cart-box .product-detail .contain-area { width: 265px; padding: 15px 0 0px 0; justify-content: space-between; flex-direction: column; display: flex; } .left-menu-cart .leftside-cart-box .product-detail .contain-area label {color: #333; margin-bottom: 20px; font-family:'Avenir Medium'; font-size: 18px; font-weight: 500; line-height:28.188px} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qib-container {justify-content: flex-start !important; display: flex; align-items: center;} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qib-container .qib-button {background-color: #fff !important; border-radius: 50% !important; border: none !important;} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qib-container .input-text.qty.text{border: none !important;} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qib-container input[type="number"]:not(#qib_id):not(#qib_id) {-moz-appearance: textfield; text-align: center;width: 45px} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qib-container .qib-button {background: #EBEBEB !important; width: 37px; height: 37px} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qty-detail {display: flex; align-items: center;} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qty-detail button.icon{display: flex; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; color: #000; width: 36px; height: 36px; background-color: #EBEBEB; border-radius: 50%;border: none} .left-menu-cart .leftside-cart-box .product-detail .contain-area .qty-detail .form-control {background: none; border: none; font-size: 18px; width: 50px; color: #333; text-align: center; font-weight: 500; line-height:24.228px} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart h6 { margin-bottom: 8px; color: #000; font-family: 'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; line-height: 0px; } .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price {display: flex; align-items: center; justify-content: space-between; padding-top: 0px} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price ul.price-list {margin: 0; padding: 0; list-style: none;} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price ul.price-list li {display: inline-block;} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price del {text-decoration: none; position: relative; color: #BEBEBE;font-family:'Avenir Medium'; font-size: 16px; line-height:31.025px ; font-weight: 500} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price del::after{content: '';background-color: #BEBEBE; width: 100%; height: 1px; bottom: 13px; left: 0; position: absolute; transform: rotate(170deg);} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price del::before{content: '';background-color: #BEBEBE; width: 100%; height: 1px; top: 9px; left: 0; position: absolute; transform: rotate(10deg);} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price ins {font-family:'Avenir Medium'; font-size: 16px; color: #000; font-weight: 500; line-height:49.64px; text-decoration: none; margin: 0 15px 0 20px} .left-menu-cart .leftside-cart-box .product-detail .contain-area .title-area-cart .price ul {font-family:'Avenir Medium'; font-size: 16px; color: #000; font-weight: 500; line-height:49.64px; text-decoration: none; margin: 0 15px 0 20px} .left-menu-cart .leftside-cart-box .product-detail .wishlist-area { display: flex; justify-content: flex-end; align-items: center; flex-direction: column; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area a { color: #8A8A8A; font-family: 'Avenir Roman'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 10px; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist { cursor: pointer; width: 44px; height: 44px; background: #CC6690; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition: 0.7s all;} .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist svg { stroke: #ffffff; transition: 0.7s all;} .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist:hover{ background: #FFB9DC; transition: 0.7s all; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist:hover svg { stroke: transparent; transition: 0.7s all; } .left-menu-cart .leftside-cart-box .bottom-area { background-color: #fff; border-top: 1px solid rgba(199, 202, 205, 0.42); display: flex; justify-content: space-between; align-items: center; bottom: 0; position: fixed; padding: 30px 26px; flex-direction: column; width: 575px; } .left-menu-cart .leftside-cart-box .bottom-area .total-area { display: flex; align-items: center; justify-content: space-between; width: 100%; } .left-menu-cart .leftside-cart-box .bottom-area .total-area p { color: #000; font-family: 'AVENIR ROMAN'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 10px; margin: 0; } .left-menu-cart .leftside-cart-box .bottom-area .total-area h6 { color: #000; text-align: right; font-family: 'AVENIR BLACK'; font-size: 16px; font-style: normal; font-weight: 900; line-height: 10px; margin: 0; } .left-menu-cart .leftside-cart-box .bottom-area .btn { width: 100%; margin-top: 30px; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist .yith-wcwl-add-to-wishlist { margin-top: 6px; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { font-size: 0px; background-color: transparent; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i { font-size: 22px; margin: 0px; color: #fff; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button span { display: none; } .left-menu-cart .leftside-cart-box .product-detail .wishlist-area .wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .view-wishlist{ display: none; } /* Wishlist Mobile ================================================================================================================== */ #yith-wcwl-popup-message { display: none !important; } .wishlist-page .empty-wishlist {position: relative; width: 100%; margin: 60px 0px; border-radius: 50px; height: 519px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .wishlist-page .empty-wishlist img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: auto; width: 100%; } .wishlist-page .empty-wishlist .empty-wishlist-contain { z-index: 1; display: flex; flex-direction: column; align-items: center; } .wishlist-page .empty-wishlist .empty-wishlist-contain h5 { color: #000; font-family: 'Avenir Roman'; font-size: 46px; font-style: normal; font-weight: 400; line-height: 124.1%; text-transform: uppercase; } .wishlist-page .wishsuite-table-content {padding: 60px 0 } .wishlist-page .wishsuite-table-content h2 {color: #000; font-family: 'Avenir Black'; padding-bottom: 30px; font-size: 30px; font-style: normal; font-weight: 900; line-height: 37.23px; margin: 0} .wishlist-page .wishlist_table{ background: #ffffff; padding: 50px; border-radius: 40px !important; margin-bottom: 0px !important; } .wishlist-page .wishlist_table td {text-align: left; border-bottom: 1px #e7e7e7 solid;border-top: none !important;} .wishlist-page .wishlist_table thead th{background: #cc6690; color: #fff; padding: 10px 15px !important; font-size: 14px} .wishlist-page .wishlist_table thead th:first-child{border-radius: 15px 0 0 15px} .wishlist-page .wishlist_table thead th:last-child{border-radius: 0 15px 15px 0 } .wishlist-page .wishlist_table thead th span{color: #fff;font-size: 14px; font-weight: 700;} .wishlist-page .wishlist_table .product-remove a {color: #CC6690 !important; font-size: 20px; line-height: 25px; width: 30px !important; height: 30px !important;} .wishlist-page .wishlist_table .product-remove a:hover{ background-color: #CC6690 !important; color: #fff !important;} .wishlist-page .wishlist_table .product-thumbnail { min-width: 10%; padding-right: 10px !important;} .wishlist-page .wishlist_table .product-thumbnail a img{ border-radius: 20px; margin-right: 20px; } .wishlist-page .wishlist_table .product-name a{ color: #000; font-family: 'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; } .wishlist-page .wishlist_table .product-price del{ text-decoration: none; color: #BEBEBE} .wishlist-page .wishlist_table .product-price del{ position: relative; } .wishlist-page .wishlist_table .product-price del span{ text-decoration: none; } .wishlist-page .wishlist_table .product-price del::after{content: '';background-color: #BEBEBE; width: 100%; height: 1px; bottom: 12px; left: 0; right: 0; position: absolute; transform: rotate(-6deg);} .wishlist-page .wishlist_table .product-price del::before{content: '';background-color: #BEBEBE; width: 100%; height: 1px; top: 12px; left: 0; right: 0; position: absolute; transform: rotate(6deg);} .wishlist-page .wishlist_table .product-price ins { text-decoration: none; padding: 0px 0px 0px 12px; color: #CC6690; font-family:'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; line-height: normal; } .wishlist-page .wishlist_table .product-price { text-decoration: none; padding: 0px 12px 0px 0px; color: #CC6690; font-family:'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; line-height: normal; } .wishlist-page .wishlist_table .product-stock-status{ margin-top: 10px; margin-bottom: 17px; color: #333; font-family: 'Avenir Medium'; font-size: 20px; font-style: normal; font-weight: 500; line-height: 143.6%; } .wishlist-page .wishlist_table .product-add-to-cart { width: 279px; } .wishlist-page .wishlist_table .product-add-to-cart a { width: 215px; margin: 0px 0px 0px 0 !important; text-align: center; transition: 0.5s all; border: none; color: #FFF; font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 13px 50px; border-radius: 50px; background: #CC6690; } .wishlist-page .wishlist_table .product-add-to-cart a:hover { transition: 0.5s all; background: #EFF0F4 ; color: #000; border: none; } .wishlist-page .wishlist_table .product-add-to-cart a.add_to_cart_button.ajax_add_to_cart{display: none !important;} .wishlist-page .wishlist-title-container .wishlist-title.wishlist-title-with-form{ display: none; } .xoo-wsc-basket { opacity: 0; z-index: -2; position: absolute; top: 0; left: 0; height: 0; width: 0; margin: 0; } .xoo-wsc-modal .xoo-wsc-header { display: flex; align-items: center !important; justify-content: space-between !important; padding: 54px 23px 22px 23px; border-bottom: 1px solid rgba(199, 202, 205, 0.42); position: fixed; z-index: 1; width: 575px; } .xoo-wsc-modal .xoo-wsc-header .xoo-wsc-icon-cross.xoo-wsc-close { height: 9px; font-size: 23px; position: relative !important; } .xoo-wsc-modal .xoo-wsc-header .xoo-wsc-ctxt { color: #000; font-family: 'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%; margin: 0; } .xoo-wsc-modal.xoo-wsc-active .xoo-wsc-container { right: 0; overflow-y: auto; } .xoo-wsc-body{ overflow-y: revert; position: relative; height: auto !important; padding-top: 113px; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product { padding: 20px; display: flex; justify-content: space-between; align-items: stretch; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-img-col { display: block; border-radius: 30px; width: 150px !important; overflow: hidden; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-img-col a img { border-radius: 30px; width: 150px !important; height: auto; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-img-col a { margin-bottom: 8px; color: #000; font-family: 'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col a{ color: #000; font-family: 'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col a.xoo-wsc-remove { color: #000; font-family: 'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; line-height: 0px; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price{margin: 0; font-family: 'Avenir Medium'; font-size: 16px; color: #000; font-weight: 500; line-height: 49.64px; text-decoration: none; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price > span{ display: none; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price .woocommerce-Price-amount{ display: block; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price .woocommerce-Price-amount del {text-decoration: none; position: relative; color: #BEBEBE;font-family:'Avenir Medium'; font-size: 16px; line-height:31.025px ; font-weight: 500} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price .woocommerce-Price-amount del::after{content: '';background-color: #BEBEBE; width: 100%; height: 1px; bottom: 13px; left: 0; position: absolute; transform: rotate(170deg);} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price .woocommerce-Price-amount del::before{content: '';background-color: #BEBEBE; width: 100%; height: 1px; top: 9px; left: 0; position: absolute; transform: rotate(10deg);} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price .woocommerce-Price-amount ins {font-family:'Avenir Medium'; font-size: 16px; color: #000; font-weight: 500; line-height:49.64px; text-decoration: none; margin: 0 15px 0 20px} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-price .woocommerce-Price-amount bdi {font-family:'Avenir Medium'; font-size: 16px; color: #000; font-weight: 500; line-height:49.64px; text-decoration: none;} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-psrow { display: none !important; position: absolute; bottom: 0; left: 0; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-psrow .xoo-wsc-qtybox {justify-content: flex-start !important; border: none; max-width: 130px;} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-psrow .xoo-wsc-qtybox .xoo-wsc-chng {background-color: #EBEBEB !important; border-radius: 50% !important; border: none !important; height: 35px; width: 35px;} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-psrow .xoo-wsc-qtybox .xoo-wsc-qty{border: none !important; -moz-appearance: textfield; appearance: textfield;} .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col{ position: relative; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-icon-trash { bottom: 0; position: absolute; left: 0; } .xoo-wsc-body .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col .xoo-wsc-icon-trash:before { content: "Remove"; color: #8A8A8A; font-family: 'AVENIR MEDIUM'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 10px; } .xoo-wsc-footer { border: none !important; padding: 0; position: relative; } .xoo-wsc-modal.xoo-wsc-active .xoo-wsc-footer .xoo-wsc-footer-content {display: block;} .xoo-wsc-footer .xoo-wsc-footer-content { bottom: 0; box-shadow: none; background-color: #fff; border-top: 1px solid rgba(199, 202, 205, 0.42); padding: 0px; position: fixed; z-index: 9; width: 575px;} .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-a .xoo-wsc-shiptxt { display: none !important; } .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-a .xoo-wsc-tools { padding: 2px; } .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-a .xoo-wsc-tools .xoo-wsc-total { display: none !important; } .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-a .xoo-wsc-tools .xoo-wsc-tools-label { color: #000; font-family: 'AVENIR ROMAN'; font-size: 16px; font-style: normal; font-weight: 400; margin: 0; } .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-a .xoo-wsc-tools .xoo-wsc-tools-value { color: #000; text-align: right; font-family: 'AVENIR BLACK'; font-size: 16px; font-style: normal; font-weight: 900; line-height: 10px; } .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-b a{ width: 100%; margin-top: 30px; transition: 0.5s all; border: none; color: #FFF; font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 13px 50px; border-radius: 50px; background: #CC6690; } .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-b a:hover { transition: 0.5s all; background: #EFF0F4; color: #000; border: none; } .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-a { padding: 30px 26px 0px 26px; position: relative;} .xoo-wsc-footer .xoo-wsc-footer-content .xoo-wsc-footer-b { padding: 0px 26px 30px 26px; position: relative;} .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont{ border: none; } .xoo-wsc-footer .xoo-wsc-related-products { padding: 27px 0px 245px 31px; border-top: 1px solid rgba(199, 202, 205, 0.42); } .xoo-wsc-footer .xoo-wsc-related-products #lightSlider { height: auto !important; display: flex; } .xoo-wsc-footer .xoo-wsc-related-products #lightSlider::-webkit-scrollbar-thumb{ background-color: transparent; } .xoo-wsc-footer .xoo-wsc-related-products #lightSlider::-webkit-scrollbar-track { background-color: transparent; } .xoo-wsc-footer .xoo-wsc-related-products #lightSlider::-webkit-scrollbar { width: 0.5em; } .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .xoo-wsc-rp-title { margin-bottom: 19px !important; color: #000; font-family: 'AVENIR BLACK'; font-size: 25px; font-style: normal; font-weight: 900; line-height: 124.1%; margin: 0; text-align: left; } .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li{ min-width: 171.708px; max-width: 171.708px; display: flex; flex-direction: column; border-radius: 30px; background: #E1E3ED; overflow: hidden; padding: 0; position: relative;} .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li .xoo-wsc-rp-left-area img{ height: auto; min-width: 100%; } .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li .xoo-wsc-rp-right-area { padding: 14px 10px 22px 7px; margin: 0; display: flex; flex-direction: column; align-items: center; } .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li .xoo-wsc-rp-right-area .xoo-wsc-sp-title { margin-bottom: 6px; min-height: 44px; text-transform: capitalize; white-space: normal; color: #333; text-align: center; font-family: 'Avenir Regular'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li .xoo-wsc-rp-right-area .price { font-size: 11px; margin: 0; } .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li .xoo-wsc-rp-right-area .price del{ display: none; } .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li .xoo-wsc-rp-right-area .price ins{ text-decoration: none; } .xoo-wsc-footer .xoo-wsc-related-products .xoo-wsc-rp-cont .lSSlideWrapper ul li .xoo-wsc-rp-right-area .price .woocommerce-Price-amount { color: #000; font-family: 'AVENIR BLACK'; font-style: normal; font-weight: 900; line-height: normal; text-decoration: none; font-size: 14px; } .woocommerce-side-cart-content{display: none;} .xoo-wsc-rp-right-area .btn { margin-top: 10px; color: #000; text-align: center; font-family: 'AVENIR MEDIUM'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; padding: 4px 8px; background: #fff; text-transform: uppercase; } .xoo-wsc-footer .lSPager.lSpg { display: none !important; } .xoo-wsc-footer .lSAction { display: none !important; } /* Order Complete */ .woocommerce-order{ margin: 60px 0px; background: #fff; padding: 80px; border-radius: 30px; } .woocommerce-order .woocommerce-thankyou-order-received { text-align: center; color: #000; font-family: 'Avenir Black'; font-size: 20px; font-style: normal; font-weight: 900; line-height: 24.82px; padding: 0px 0px 15px 0; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .woocommerce-order ul.order_details { margin: 0px; background: #eff0f4; padding: 20px; border-radius: 12px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; text-decoration: none;} .woocommerce-order ul.order_details li { padding: 0; margin: 0; border: 0; text-align: center; color: #333; font-size: 12px; font-family: 'Avenir Medium'; font-weight: 500; } .woocommerce-order ul.order_details li strong { margin-top: 5px; } .woocommerce-order > p { text-align: center; color: #000; font-family: 'Avenir Black'; font-size: 16px; font-style: normal; font-weight: 900; line-height: 24.82px; padding: 0px 0px 15px 0; border-bottom: 1px solid rgba(199, 202, 205, 0.42); } .woocommerce-order-details .woocommerce-order-details__title { color: #000; font-family: 'Avenir Black'; padding:15px 0px; font-size: 30px; font-style: normal; font-weight: 900; line-height: 37.23px; } .woocommerce-order-details .order_details th { color: #000; font-family: 'AVENIR BLACK'; font-size: 20px; font-style: normal; font-weight: 900 !important; line-height: 124.1% !important; padding: 15px 20px !important; background: #eff0f4;} .woocommerce-order-details .order_details td { padding: 20px!important; border: none !important; color: #000; font-family: 'Avenir Medium'; font-size: 15px; font-style: normal; line-height: 124.1%; vertical-align: top !important;} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name a{ font-family: 'AVENIR MEDIUM'; font-size: 16px; font-style: normal; font-weight: 400; color: #CC6690; text-align: left; border: none; padding-bottom: 0px; } .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta{padding: 0px; margin-top: 15px; } .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .wc-item-meta-label{ padding-bottom: 10px; margin-bottom: 0px; } /* .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li{ width: 31.5%; padding: 29px; border-radius: 15px; background: #EFF0F4; } */ .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li{ width: 100%; padding: 14px 20px; border-radius: 15px; border: #EFF0F4 1px solid; margin-bottom: 10px;} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .inner-detail {display: flex; width: 100%; flex-wrap: wrap;} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .r_detail{margin-top: 4px; color: #999; width: 50%; font-size: 15px;} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .r_detail:last-child{width: 100%;} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .s_detail{margin-top: 4px; color: #999; width: 50%;; font-size: 15px} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .s_detail.full{width: 100%;} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .r_detail strong{ font-weight: 400; color: #000;} .woocommerce-order-details .order_details td.woocommerce-table__product-name.product-name .wc-item-meta li .s_detail strong{ font-weight: 400; color: #000;} .woocommerce-table__product-name{width: 80%;} .woocommerce-table__product-total{width: 20%;} .woocommerce-order-details .order_details td.woocommerce-table__product-total.product-total .amount bdi { font-family: 'Avenir Medium'; font-size: 20px; color: #000; font-weight: 500; line-height: 40.64px; text-decoration: none; } .woocommerce-order-details .order_details td.woocommerce-table__product-total.product-total .amount bdi span { font-family: 'Avenir Medium'; font-size: 20px; color: #000; font-weight: 500; line-height: 40.64px; text-decoration: none; } .woocommerce-order-details .order_details td span{ color: #000; font-family: 'Avenir Medium'; font-size: 15px; font-style: normal; line-height: 124.1%; } .woocommerce-order-details a.button{transition: 0.5s all; border: none; color: #FFF; font-family:'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 13px 50px; border-radius: 50px; background: #CC6690; text-decoration: none;} .woocommerce-order-details a.button:hover{ transition: 0.5s all; background: #EFF0F4; color: #000; border: none; } .woocommerce-customer-details {margin: 0 !important} .woocommerce-customer-details address{ border: none !important; background: #EFF0F4; border-radius: 30px !important; padding: 30px !important; } .woocommerce-customer-details h2{ border-bottom: 1px solid rgba(199, 202, 205, 0.42); padding-bottom: 10px; margin-bottom: 15px; color: #000; font-family: 'Avenir Black'; font-size: 25px; font-style: normal; font-weight: 900; line-height: 124.1%; } .woocommerce-customer-details address{ color: #333; border: none; font-size: 16px; font-family: 'Avenir Medium'; font-weight: 500; line-height: 25.056px; } .woocommerce-customer-details p.woocommerce-customer-details--phone{ font-family: 'AVENIR MEDIUM'; font-size: 16px; font-style: normal; font-weight: 400; color: #CC6690; text-align: left; border: none; padding-bottom: 5px; padding-top: 10px;} .woocommerce-customer-details p.woocommerce-customer-details--email{ font-family: 'AVENIR MEDIUM'; font-size: 16px; font-style: normal; font-weight: 400; color: #CC6690; text-align: left; border: none; padding-bottom: 0px; } .page-nav-bar{ width: 100%; display: flex; justify-content: center; margin-top: 67px; } .page-nav-bar .pagination { margin: 0; } .page-nav-bar .pagination .page-item .page-link { background-color: transparent; border: none; } .woocommerce-pagination{ width: 100%; display: flex; justify-content: center; margin-top: 67px; } .woocommerce-pagination .page-numbers { margin: 0; } .woocommerce-pagination ul { border: none !important; } .woocommerce-pagination ul li { border: none !important; margin: 0px 12px !important; } .woocommerce-pagination ul li span{ background: transparent !important; border: none; } .woocommerce-pagination .prev.page-numbers{ display: none; } .woocommerce-pagination .next.page-numbers{ display: none; } .woocommerce nav.woocommerce-pagination ul li .page-numbers { color: transparent; background-image: url(../images/pagienation-2.png) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; width: 20px; height: 20px; font-size: 0} .woocommerce nav.woocommerce-pagination ul li .page-numbers.current { color: transparent; background-image: url(../images/pagienation-1.png) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; width: 20px; height: 20px; } .woocommerce nav.woocommerce-pagination .page-numbers li { width: 20px; height: 20px; } [data-checkbox]:checked:after{ display: none;} .woocommerce table.shop_table tfoot tr th {background-color: #fff;} .woocommerce table.shop_table tfoot tr td { padding: 0px !important; border-top: 1px solid rgba(0,0,0,.1) !important; vertical-align: middle !important;} /*Review*/ #review_form_wrapper { background: #fff; padding: 25px; border-radius: 20px; margin-top: 30px; } #review_form_wrapper #review_form #respond #reply-title { border-bottom: 1px solid rgba(199, 202, 205, 0.42); white-space: normal; font-family: 'Avenir Black'; background-color: transparent; padding: 0px 30px 10px 0px; color: #000; text-decoration: none; display: block; position: relative; font-size: 25px; font-weight: 900; line-height: 31.025px; width: 100%; text-align: left; box-shadow: none; margin-bottom: 20px; } #review_form_wrapper #review_form #respond .comment-notes{ color: #333; font-size: 16px; font-family: 'Avenir Medium'; font-weight: 500; padding: 0 0 0 0px; line-height: 25.056px; margin-bottom: 10px; } #review_form_wrapper #review_form #respond .comment-form-rating label{ display: none !important; } #review_form_wrapper #review_form #respond .comment-form-rating .stars{display: flex; align-items: center; padding-top: 12px} #review_form_wrapper #review_form #respond .comment-form-rating .stars a{color: #CC6690; font-size: 16px; font-weight: 500; line-height: 25.056px; font-family:'Avenir Medium'; } #review_form_wrapper #review_form #respond .comment-form-comment label{ color: #333; font-size: 16px; font-family: 'Avenir Medium'; font-weight: 500; padding: 0 0 0 0px; line-height: 25.056px; } #review_form_wrapper #review_form #respond .comment-form-comment textarea { padding: 15px 25px 9px 25px; border: none; border-radius: 12px; margin-top: 0px; margin-bottom: 0px; height: 130px; background: #eff0f4; } #review_form_wrapper #review_form #respond .comment-form-author input { width: 100%; padding: 11px 25px 11px 25px; border: none; border-radius: 60px; margin-bottom: 15px; background: #eff0f4; } #review_form_wrapper #review_form #respond .comment-form-email input { width: 100%; padding: 11px 25px 11px 25px; border: none; border-radius: 60px; margin-bottom: 15px; background: #eff0f4; } #review_form_wrapper #review_form #respond .comment-form-cookies-consent { display: flex; align-items: center; } #review_form_wrapper #review_form #respond .comment-form-cookies-consent input { margin-right: 10px; } #review_form_wrapper #review_form #respond .form-submit input:hover{ transition: 0.5s all; background: #EFF0F4; color: #000; border: none; } #review_form_wrapper #review_form #respond .form-submit input{ transition: 0.5s all; border: none; color: #FFF; font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 13px 50px; border-radius: 50px; background: #CC6690; } .tc-extra-product-options{ display: none!important;} #reviews #comments{ display: none !important; } .slect_dt{ display: none; } /* .checkout-area .right-area #order_review #payment{ display: none!important;} */ /* .payment-seciton{ display: none; } */ /* .single-product .detail-section .detail-main-area .right-detail .delivery{ display: none;} */ .emp-none{ display: none;} .required-this-field{border: 1px solid #ff000096 !important} .cart-page .cart-page-main .left-form .woocommerce-cart-form__contents .cart-product-detail .cart-product .product-remove{margin-top: 20px; display: block;} .blockUI.blockOverlay{background-color: transparent!important} .xoo-wsc-modal .variation:last-of-type{ display:block!important; } li.active .choose_date .date-lable input::placeholder{color: #fff !important} /* div#registration-error-message { color: red; text-align: center; margin-top: 3px; text-transform: capitalize; font-style: italic; } .woocommerce-Price-currencySymbol font { display: none; } .woocommerce-Price-amount.amount::before { content: " AED "; margin-left: 3px; } .product-cart .cart-contain .prize .discount-per font { display: none; } */ .detail-section .detail-main-area .right-detail .price-area .variaiton_price_cs .price{ padding: 0; } .woocommerce-variation.single_variation .woocommerce-variation-price{ display: none; } /* .check-delivery li.disable{ display: none; } */ /* .check-delivery li.disable input[:disabled]{ background-color: #333333} */ .check-delivery li.disable .radio-label.disabled .lable-title{ background-color: #bcbcbc !important; opacity: .7; cursor: not-allowed; } .page-template-page-checkout .checkout-area .left-area > input{ display: none; } .swal2-confirm { background: #CC6690 !important; } .color1{color:#1BBC9B}/*MOUNTAIN MEADOW*/ .color2{color:#C0392B/*TALL POPPY*/} .message-overlay{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; overflow: hidden;} .message-overlay.active{display: block;} .message-overlay .close-msg-btn{ position: absolute; right: 5px; background: transparent; border: 0; font-size: 20px; top: -5px; padding: 0; margin: 0; } .card { color: #013243; /*SHERPA BLUE*/ position: fixed; top: 50%; left: 55%; width: 300px; height: 400px; background: #ffe9f0; transform-style: preserve-3d; transform: translate(-50%,-50%) perspective(2000px); box-shadow: inset 300px 0 50px rgba(0,0,0,.5), 20px 0 60px rgba(0,0,0,.5); transition: 1s; z-index: 9999; } .card.opened { transform: translate(-50%,-50%) perspective(2000px) scale(1.1); box-shadow: inset 20px 0 50px rgba(0,0,0,.3), 0 10px 100px rgba(0,0,0,.3); } /* .card:before { content:''; position: absolute; top: -5px; left: 0; width: 100%; height: 5px; background: #BAC1BA; transform-origin: bottom; } .card:after { content: ''; position: absolute; top: 0; right: -5px; width: 5px; height: 100%; background: #92A29C; transform-origin: left; } */ .card .imgBox { width: 100%; height: 100%; position: relative; transform-origin: left; transition: .7s; } .card .bark { position: absolute; background: #e8a9be; width: 100%; height: 100%; opacity: 0; transition: .7s; } .card .imgBox img { width: 100% !important; height: 100% !important; border-radius: 5px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; } .card.opened .imgBox { transform: rotateY(-135deg); } .card.opened .imgBox img{ position: relative; } .card.opened .bark { opacity: 1; transition: .6s; box-shadow: 300px 200px 100px rgba(0, 0, 0, .4) inset; } .card .details { position: absolute; top: 0; left: 0; box-sizing: border-box; padding: 20px; z-index: -1; width: 100%; } .card .details input.reciver_name{background: transparent; border: none; border-bottom: 1px solid #000; height: 30px;margin-left: 5%; width: 95%; font-size: 15px;} .card .details input.reciver_name:focus{box-shadow: none; outline: none;} .card .details .characterleft {font-size: 15px; font-family: 'Avenir Light'; color: #000; font-weight: 300; line-height: 20px; font-style: normal; text-align: right;} .card .details .characterleft span{padding-right: 10px} .card .details .dear {font-size: 18px; font-family: 'Avenir Light'; color: #000; font-weight: 300; line-height: 30px; margin-bottom: 15px; display: flex;} .card .details textarea {width: 100%; border: none; resize: none; height: 228px; font-style: italic; padding: 0; font-size: 14px; background: transparent;} .card .details textarea:focus{outline: none} .card .details .gift-from {font-size: 18px; font-family: 'Avenir Light'; color: #000; font-weight: 300; line-height: 20px; width: 100%; position: relative; padding-right: 90px; text-align: left;} .card .details .gift-from span {margin-top: 0px; display: block;} .card .details .gift-from .sender_name{background: transparent; border: none; border-bottom: 1px solid #000; height: 30px; width: 100%; font-size: 15px;} .card .details .gift-from .sender_name:focus{box-shadow: none; outline: none;} .card .details .gift-from .btn-submit {position: absolute; bottom: 0px; right: 0px; border: none; background: #cc6690; color: #fff; font-size: 13px; padding: 5px 15px; border-radius: 30px;} .stock-status{margin: 0px;} .stock-status span{margin: 30px 0 0 0; background: #ffe1e1; border: #e8bebe 1px solid; color: #c14040; border-radius: 5px; padding:8px 15px 8px 45px; display: inline-block; position: relative;} .stock-status span::before{content: ''; background: url(../images/stock-out.svg); position: absolute; left: 10px; top: 5px; width: 28px; height: 28px; background-size: 100%;} .woocommerce-product-details__short-description p {font-family: 'Avenir Medium';} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu{width: 1195px !important; margin: 0 auto;} .seo-content h2{color: #000; font-family: 'Avenir Black'; font-size: 30px; font-style: normal; font-weight: 900; line-height: 124.1%;} .seo-content h3{color: #000; font-family: 'Avenir Black'; font-size: 24px; font-style: normal; font-weight: 900; line-height: 124.1%;} .seo-content h4{color: #000; font-family: 'Avenir Black'; font-size: 18px; font-style: normal; font-weight: 900; line-height: 124.1%;} .seo-content p {color: #333; text-align: left; font-family: 'Avenir Medium'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 177.694%;} .seo-content p a{color:#CC6690} .custom-chk-btn{transition: 0.5s all; display: none !important; border: none !important; color: #FFF !important; font-family: 'Avenir Medium'; font-size: 16px !important; font-style: normal; font-weight: 500 !important; line-height: normal !important; padding: 13px 50px !important; border-radius: 50px !important; background: #CC6690 !important; width: 100%; margin-top: 20px !important;} /*.variation-DeliveryLocation{display: none !important;}*/