/* Designer: Xatai Site: Perfect.az Facebook: https://fb.com/xetai.isayev */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} table{border-collapse:collapse;border-spacing:0} html{height:100%;min-height:100%;} body{min-height:100%; background-color:#F8FAFF; min-width:320px;} html,html a{-webkit-font-smoothing:antialiased} body,select,input,textarea,button{font:normal 14px/1.5 'Libre Franklin', Arial, Helvetica, sans-serif; color:#13151A;outline:none} a{outline:none;color:#13151A;text-decoration:none} a img{border:0 none} h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility} h1{font-size:23px} h2{font-size:21px} h3{font-size:20px} h4{font-size:18px} h5{font-size:16px} strong,b{font-weight:700} * {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .tr, .top-menu ul li a, .main-slider .owl-nav>button, .sn-item:after, .my-profile-head ul li a, .product-image:before, .product-image img {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} @font-face { font-family: 'Libre Franklin'; src: url('../fonts/subset-LibreFranklin-Regular.eot'); src: url('../fonts/subset-LibreFranklin-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-LibreFranklin-Regular.woff2') format('woff2'), url('../fonts/subset-LibreFranklin-Regular.woff') format('woff'), url('../fonts/subset-LibreFranklin-Regular.ttf') format('truetype'), url('../fonts/subset-LibreFranklin-Regular.svg#LibreFranklin-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Libre Franklin'; src: url('../fonts/subset-LibreFranklin-Medium.eot'); src: url('../fonts/subset-LibreFranklin-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-LibreFranklin-Medium.woff2') format('woff2'), url('../fonts/subset-LibreFranklin-Medium.woff') format('woff'), url('../fonts/subset-LibreFranklin-Medium.ttf') format('truetype'), url('../fonts/subset-LibreFranklin-Medium.svg#LibreFranklin-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Libre Franklin'; src: url('../fonts/subset-LibreFranklin-SemiBold.eot'); src: url('../fonts/subset-LibreFranklin-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-LibreFranklin-SemiBold.woff2') format('woff2'), url('../fonts/subset-LibreFranklin-SemiBold.woff') format('woff'), url('../fonts/subset-LibreFranklin-SemiBold.ttf') format('truetype'), url('../fonts/subset-LibreFranklin-SemiBold.svg#LibreFranklin-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } /* Struktur */ .centered {width:1360px; margin:0 auto; max-width: 100%; padding: 0 20px;} .centered:after, .header-wrap:after {display:block; content:""; clear:both;} .container {padding-top: 64px;} .j-head {margin-bottom: 32px; text-align:center;} .j-head .j-title {font-size:36px; line-height: 44px; color: #0B0139; font-weight: 600;} .j-head .j-title.j-left {text-align:left;} .j-head .j-desc {text-align:center; color: #383D47; text-shadow: 0px 8px 12px rgba(23, 30, 38, 0.08); font-size:16px; line-height: 24px; letter-spacing: 0.4px; margin-top: 8px;} .j-head .j-count {text-align:center; color: #383D47; text-shadow: 0px 8px 12px rgba(23, 30, 38, 0.08); font-size:14px; line-height: 20px; letter-spacing: 0.5px; margin-top: 4px;} .mb-0 {margin-bottom: 0 !important} /* Header */ .header {position: fixed; top:0; left: 0; z-index: 50; width: 100%; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.08); min-width: 320px;} .header .header-wrap {position:relative;} .header-wrap .header-left {float:left;} .header-left .logo {float:left; padding: 12px 0; margin-right: 40px;} .header-left .logo a, .header-left .logo img {display:block;} .header-left .top-menu {float:left; margin-right: 40px; margin-bottom:-1px} .top-menu ul li {float:left; padding-right:20px;} .top-menu ul li a {display:block; font-size:14px; line-height:20px; letter-spacing: 0.5px; padding:22px 0 21px; position:relative; border-bottom: 2px solid transparent;} .top-menu ul li.active a, .top-menu ul li a:hover {color: #5B46C2;} .top-menu ul li.active a {border-bottom: 2px solid #5B46C2} .header-wrap .header-right {float:right; padding: 20px 0;} .header-right .h-items {float:left; position:relative;} .h-items .h-item {float:left; margin-left:20px;} .h-items .h-item a {display:block; width:24px; height: 24px;} .h-items .h-item.h-auth a {padding-right: 16px; width:40px; position:relative; background-repeat: no-repeat;} .h-items .h-item.h-auth a:before {content: ""; position:absolute; top:0; bottom:0; margin: auto; right:0; width:16px; height: 16px; background-image: url(../images/h-down.svg)} .h-items .h-item.h-search a {background-image: url(../images/search.svg)} .h-items .h-item.h-basket a {background-image: url(../images/basket.svg)} .h-items .h-item.h-favorite a {background-image: url(../images/favorite.svg)} .h-items .h-item.h-profile a {background-image: url(../images/profile.svg)} .h-items .h-item.h-auth a {background-image: url(../images/profile-a.svg)} .h-items .h-item.h-menu a {background-image: url(../images/menu.svg)} .h-menu {display:none;} .profile-menu {position:absolute; right:0; top:100%; background-color: #fff; width:300px; border-radius:4px; box-shadow: 0px 8px 12px 0px rgba(23, 30, 38, 0.08); padding: 32px 24px; display:none;} .pm-menu-top .pmt-a {font-size:12px; line-height: 16px; font-weight: 500; margin-bottom:4px; color: #6D7382;} .pm-menu-top .pmt-b {font-size:16px; line-height: 24px; font-weight: 600; letter-spacing: 0.15px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .pm-items ul li {margin-top: 20px;} .pm-items ul li a {display:block; font-size: 16px; line-height: 24px; font-weight: 500;} .pm-items ul li:last-child a {color: #6D7382} .header-right .language {float:left; padding: 2px 0; position:relative;} .language .selected-language {font-weight: 500; font-size:14px; line-height: 20px; position:relative; cursor: pointer; padding-right:20px; user-select: none;} .selected-language:after {content: ""; display:block; position:absolute; top:0; right:0; width:20px; height: 20px; background-image: url(../images/down.svg);} .language-list {position:absolute; right:0; top:100%; background-color: #fff; width:100%; border-radius:4px; box-shadow: 0px 8px 12px 0px rgba(23, 30, 38, 0.08); padding: 10px; display:none;} .language-list ul li {margin-bottom:5px;} .language-list ul li:last-child {margin-bottom:0} .language-list ul li a {font-size:14px; line-height:20px; font-weight: 500;} .mobile-open {overflow: hidden;} .mobile-menu {position: fixed; top: 0; right: 0; z-index: 100; width: 100%; bottom: 0; background-color: #fff; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition-duration: .3s; transition-duration: .3s; background-color: #fff; left: 0; min-width: 320px;} .mobile-open .mobile-menu {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .mobile-menu .mobile-menu-h {border-bottom: 1px solid #E6EBF5; padding: 16px 20px; overflow:hidden; position:fixed; top:0; left:0; width: 100%; background-color: #fff;} .mobile-menu-h .m-language {float:left;} .mobile-menu-h ul {overflow:hidden;} .mobile-menu-h ul li {float:left; margin-right: 16px} .mobile-menu-h ul li a {display:block; font-size:14px; line-height: 20px; padding: 6px 0; position:relative;} .mobile-menu-h ul li.active a {color: #5B46C2;} .mobile-menu-h ul li.active a:after {content: ""; position:absolute; bottom:0; left:0; width:100%; height:1px; background: #5B46C2} .mobile-menu .m-close {float:right; width:24px; height: 24px; margin: 4px 0; background-image: url(../images/m-close.svg); cursor:pointer;} .mobile-menu .mobile-menu-b {overflow-y: auto; position:absolute; top: 65px; left:0; width:100%; bottom:0;} .mobile-menu-b .m-menu {margin: 32px} .m-menu ul li {margin-bottom:36px;} .m-menu ul li a {display: inline-block; vertical-align: top; letter-spacing: 0.2px; font-size: 18px; line-height: 26px;} .m-fr {border-bottom: 1px solid #E6EBF5; margin-bottom:32px;} .m-menu ul li.active a {color: #5B46C2;} .search {position:absolute; background-color: #fff;width:100%; height: 100%; left:0; display:none;} .search .lg-input {margin: 8px 0;} .search .search-i {position:absolute; width: 24px; height: 24px; background-image: url(../images/search.svg); background-size:cover; right:44px; top:0; bottom:0; margin: auto; cursor:pointer; border:0; padding:0; background-color: transparent} .search .search-close {position:absolute; width: 24px; height: 24px; background-image: url(../images/m-close.svg); background-size:cover; right:0; top:0; bottom:0; margin: auto; cursor:pointer;} /* Main slider */ .main-slider-item {position:relative;} .main-slider-image img {max-height: 705px; object-fit: cover; min-height: 270px;} .main-slider-item .main-slider-info {position:absolute; left:0; top:0; right:0; width:1320px; margin: auto; max-width: 100%; height: 100%; display: flex; align-items: center; z-index:10} .main-slider-info .main-slider-info-a {max-width:648px; margin-left: 112px;} .main-slider-info-a .main-slider-title {color: #fff; font-weight: 600; font-size:46px; line-height: 53px; margin-bottom:16px; text-shadow: 0px 8px 12px rgba(23, 30, 38, 0.08);} .main-slider-info-a .main-slider-desc {color: #fff; font-size:16px; line-height: 24px; margin-bottom:16px; text-shadow: 0px 8px 12px rgba(23, 30, 38, 0.08);} .main-slider-info-a .main-slider-button a {display:inline-block; vertical-align:top; background-color: #5B46C2; color: #fff; font-size:16px; line-height:24px; font-weight: 500; padding: 12px 20px; border-radius:2px} /* .main-slider .owl-nav {position:absolute; max-width: 1320px; left:0; right:0; margin: auto; top:0; height: 100%;} */ .main-slider .owl-nav>button {padding: 8px !important; display:block; background-color: rgba(255,255,255, 0.6) !important; top:0; bottom:0; margin: auto; position:absolute; width:40px; height: 40px; border-radius:50%;} .main-slider .owl-nav>button:before {content: ""; display:block; width: 24px; height: 24px; } .main-slider .owl-nav .owl-prev {left:50%; margin-left: -660px;} .main-slider .owl-nav .owl-next {right:50%;margin-right: -660px;} .main-slider .owl-nav .owl-prev:before {background-image: url(../images/prev.svg);} .main-slider .owl-nav .owl-next:before {background-image: url(../images/next.svg);} .main-slider .owl-nav>button:hover {background-color: rgba(255,255,255, 1) !important} .main-slider .owl-dots {display:none; position:absolute; left: 20px; bottom: 40px; height: 8px; overflow:hidden;} .main-slider .owl-dots .owl-dot {width:8px; height:8px; margin:0 8px 0 0; border-radius:50%; background-color: #B6BDCC; display:block; float:left;} .main-slider .owl-dots .owl-dot.active {background-color:#5B46C2} /* Owl carousel */ .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{color:inherit;border:none;font:inherit; padding: 0; background-color: transparent;} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .no-js .owl-carousel{display:block} .owl-height {transition:height 500ms ease-in-out} /* Categories */ .categories {background-color: #E6EBF5; padding: 56px 0; overflow:hidden;} .category-list {} .category-list .category-item {} .category-item .category-item-a {border-radius:4px; background-color: #fff;} .category-item .category-item-a a {display:block;} .category-item-a .category-image {position:relative; padding-top: 100%;} .category-item-a .category-image img {display:block; width:100%; height: 100%; position:absolute; top:0; left:0; object-fit: cover;} .category-item-a .category-info {padding: 32px 10px; text-align:center;} .category-info .ct-a {font-size:14px; line-height:20px; letter-spacing: 0.5px; color: #383D47; margin-bottom:8px;} .category-info .ct-b {font-size:22px; line-height: 28px; text-transform: uppercase;} .category-list .owl-nav button.owl-prev, .category-list .owl-nav button.owl-next {position:absolute; top:50%; margin-top: -24px; width:48px; height: 48px; cursor:pointer;} .category-list .owl-nav button.owl-prev {background-image: url(../images/x-prev.svg); left: -72px} .category-list .owl-nav button.owl-next {background-image: url(../images/x-next.svg); right: -72px} .category-list .owl-nav button.disabled {opacity: 0.4} /* Products */ .products {background-color: #F8FAFF; padding: 56px 0; overflow:hidden;} .product-item .product-item-a {position:relative;} .product-item-a a {display:block;} .product-item-a .product-image {background-color: #fff; border-radius:4px; overflow:hidden; position:relative; padding-top: 128%;} .product-item-a .product-image:before {content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 2px #e5dcfb; z-index: 9; border-radius: 4px; opacity: 0; visibility: hidden;} .product-item-a .product-image img {display:block; width:100%;object-fit: cover; position:absolute; top:0; left:0; height: 100%;} .product-item-a .product-image .pr-promotion {position:absolute; top: 24px; left: 16px; color: #fff; background-color:#5B46C2; font-size:14px; line-height:20px; letter-spacing: 0.1px; border-radius:2px; padding: 2px 4px;} .product-item-a .product-info {padding-top: 12px;} .product-info .product-title {color: #383D47; font-size:16px; line-height: 24px; font-weight: 500; margin-bottom:4px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;} .product-price {display:flex; align-items: center;;} .product-price .prc-a {color: #0B0139; font-size:16px; line-height: 24px; font-weight: 600; letter-spacing: 0.15px;} .product-price .prc-b {color: #383D47; font-weight: normal; font-size:12px; line-height: 16px; letter-spacing: 0.5px; padding-left:4px} .product-item-a .product-fav {position:absolute; border-radius:50%; top:16px; right: 16px; background-color: rgba(91, 70, 194, 0.12); padding: 8px; cursor:pointer;} .product-item-a .product-fav:before {content: ""; display:block; width:24px; height:24px; background-position: 0 0; background-image: url(../images/fav.svg);} .product-item-a .product-fav.active:before {background-position: 0 100%;} .product-carousel .owl-dots {display:flex; justify-content: center; margin-top:32px} .product-carousel .owl-dots .owl-dot {width:8px; height:8px; margin:0 4px; border-radius:50%; background-color: #B6BDCC;} .product-carousel .owl-dots .owl-dot.active {background-color:#5B46C2} .product-list .product-price {flex-wrap: wrap;} .product-carousel .owl-nav button.owl-prev, .product-carousel .owl-nav button.owl-next {position:absolute; top:0; bottom:104px; margin: auto; width:48px; height: 48px; cursor:pointer;} .product-carousel .owl-nav button.owl-prev {background-image: url(../images/x-prev.svg); left: -72px} .product-carousel .owl-nav button.owl-next {background-image: url(../images/x-next.svg); right: -72px} .product-item-a a:hover .product-image img {transform: scale(1.1) rotate(15deg);} .product-item-a a:hover .product-image:before {opacity: 1; visibility: visible;} /* Footer */ .footer {background-color: #13151A; padding: 40px 0} .footer-m {display:flex; justify-content: space-between; margin: 0 -12px} .footer-m>div {width: 25%; padding: 0 12px;} .footer-m .footer-col-a {min-width:290px;} .footer-m .footer-col-d {min-width:336px;} .footer-logo {margin-bottom:20px;} .footer-logo a, .footer-logo img {display:block;} .footer-sl {font-size:14px; line-height:20px; color: #fff; margin-bottom:12px; font-weight:500} .footer-subs-text {font-size:12px; line-height: 16px; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.60); margin-bottom:12px;} .footer-subs-form {position:relative; width:240px; margin-bottom:24px;} .footer-subs-input input {display:block; width:100%; padding: 14px 50px 14px 16px; border-radius:4px; border:0; background-color: rgba(255, 255, 255, 0.12); font-size:14px; line-height:20px; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.60);} .footer-subs-button button {position:absolute; top:0; bottom:0; margin: auto; right: 16px; width:24px; height:24px; cursor:pointer; border:0; background-image: url(../images/ft-rt.svg); background-color: transparent;} .f-title {color: rgba(255, 255, 255, 0.60); font-size:14px; line-height: 20px; font-weight:500; padding-bottom:8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); margin-bottom:12px} .footer-menu ul li {margin-bottom:12px;} .footer-menu ul li a {display:inline-block; vertical-align:top; color: #fff; font-size:14px; line-height: 20px; letter-spacing: 0.5px;} .footer-social {margin-bottom:16px;} .footer-social .f-tl {font-size:14px; line-height:20px; color: #fff; letter-spacing: 0.5px; margin-bottom:24px;} .footer-social ul {overflow:hidden;} .footer-social ul li {float:left; margin-right:8px; margin-bottom:8px;} .footer-social ul li a {display:block; padding:10px; border-radius:50%; background-color: #272B33;} .footer-social ul li a:before {content: ""; display:block; width:24px; height:24px;} .footer-social ul li.fb a:before {background-image: url(../images/fb.svg)} .footer-social ul li.xe a:before {background-image: url(../images/xe.svg)} .footer-social ul li.ins a:before {background-image: url(../images/ins.svg)} .footer-social ul li.yt a:before {background-image: url(../images/yt.svg)} .footer-social ul li.tik a:before {background-image: url(../images/tik.svg)} .footer-social ul li.wp a:before {background-image: url(../images/wp.svg)} .footer-contact ul li {margin-bottom: 12px;} .footer-contact ul li:last-child {margin-bottom:0;} .footer-contact ul li a {display:inline-block; vertical-align: top; color: #fff; font-size:14px; line-height:20px; font-weight: 500; position:relative; padding-left:28px;} .footer-contact ul li a:before {content: ""; display:block; position:absolute; top:0; left:0; width:20px; height:20px;} .footer-contact ul li.f-phone a:before {background-image: url(../images/f-phone.svg)} .footer-contact ul li.f-mail a:before {background-image: url(../images/f-mail.svg)} .footer-b {padding-top:28px; color: #6D7382; font-size:14px; line-height: 20px; letter-spacing: 0.5px;} /* Products page */ .products-page {padding: 32px 0 64px; background-color: #F8FAFF; } .products-page .j-head {margin-bottom:24px;} .product-list {margin: 0 -12px; overflow:hidden;} .product-list .product-item {float:left; padding: 0 12px 24px; width:25%;} /* Pagination */ .pagination {text-align:center; padding-top:16px; flex:1} .pagination ul {display:inline-block; vertical-align: top; overflow:hidden;} .pagination ul li {float:left;} .pagination ul li a, .pagination ul li span {border-radius:2px; border: 1px solid transparent; min-width:36px; font-size:14px; line-height: 20px; text-align:center; color:#6D7382; display:block; padding: 7px; user-select: none; font-weight: 500} .pagination ul li span.active {border-color: #13151A; color:#13151A;} .pagination ul li .p-d:before {content: ""; display:block; width:20px; height: 20px;} .pagination ul li .p-prev:before {background-image: url(../images/p-prev.svg)} .pagination ul li .p-next:before {background-image: url(../images/p-next.svg)} .product-bottom {display:flex; justify-content: space-between; align-items: flex-start;} .product-bottom .pagination {margin-right: 20px;} .count-product {display:flex; padding-top: 16px; align-items: center; margin-left: auto; position:relative;} .product-bottom .select2-container .select2-selection--single {height: 36px;} .product-bottom .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 36px; height: 36px;} .cpd-text {padding-right: 12px;} .product-bottom .select2-container {top: 100% !important; right: 0;} .product-bottom .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: 2px;} .product-bottom .select2-dropdown {width: 170px !important; right: 0; left: auto !important;} .product-bottom .select2-dropdown .select2-results__option {padding: 10px 12px !important} /* Filter */ .j-filter {display:flex; margin: 0 -6px 32px;} .j-filter-list, .j-filter-list-wrap, .j-filter-list-a {display:flex; flex:1} .j-filter-list .j-filter-item {width: 16.6666666666%; padding: 0 6px;} .j-filter-sort {width: 14.285%; padding: 0 6px;} .j-select-a .select2-container .select2-selection--single {height: auto; background-color: transparent;} .j-select-a .select2-container--default .select2-selection--single {border-radius: 2px !important; border-color: #B6BDCC;} .j-select-a .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:16px; line-height: 24px; letter-spacing: 0.4px; color: #13151A; padding: 11px 36px 11px 16px} .j-select-a .select2-container--default .select2-selection--single .select2-selection__arrow b {display:block; border:0 !important; width:20px; height:20px; background-image: url(../images/down2.svg); background-position: 0 0; margin:0; position:static;} .j-select-a .select2-container--default .select2-selection--single .select2-selection__arrow {top:0; bottom:0; width:20px; height:20px; right: 12px; margin: auto;} .j-select-a .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background-position: 0 100%;} .j-select-a .select2-container--default .select2-selection--single .select2-selection__clear {width:20px; height:20px; background-image: url(../images/close.svg); margin:0; padding:0; float:none; position:absolute; top:0; bottom:0; margin: auto; right: 12px; display:block;} .j-select-a .select2-container--default .select2-selection--single .select2-selection__clear span {display:none;} .j-select-a .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #6D7382} .j-select-a .select2-container--default .select2-selection--clearable .select2-selection__arrow {display:none;} .select2-dropdown {box-shadow: 0px 8px 12px 0px rgba(23, 30, 38, 0.08); border-radius:4px; border:0 !important; border-radius: 4px !important; overflow:hidden; padding: 4px 16px 0;} .select2-results__option {font-size:14px; line-height: 20px; color: #383D47; letter-spacing: 0.5px; padding: 10px 16px !important; border-radius:4px; margin-bottom: 4px;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: rgba(91, 70, 194, 0.08) !important; color: #383D47 !important;} .select2-container--default .select2-results__option--selected {background-color: rgba(91, 70, 194, 0.08) !important; color: #5B46C2 !important} .j-filter-a {position:relative;} .j-filter-z {color: #13151A; font-size:16px; line-height: 24px; letter-spacing: 0.4px; border: 1px solid #B6BDCC; border-radius:2px; padding: 11px 36px 11px 16px; position:relative; cursor:pointer;} .j-down {display:block; width:20px; height:20px; background-image: url(../images/down2.svg); background-position: 0 0; position:absolute; right: 12px; top:0; bottom:0; margin:auto;} .opened .j-down {background-position: 0 100%;} .j-close {display:none; width:20px; height:20px; background-image: url(../images/close.svg); background-position: 0 0; position:absolute; right: 12px; top:0; bottom:0; margin:auto;} .j-filter-z .j-value, .j-filter-z .j-placeholder {white-space: nowrap; overflow:hidden; text-overflow: ellipsis; user-select: none;} .j-filter-z .j-placeholder {color: #6D7382} .j-md {position:absolute; left:0; z-index:10; background-color: #fff; width: 356px; box-shadow: 0px 8px 12px 0px rgba(23, 30, 38, 0.08); border-radius:4px;border-radius: 4px; overflow:hidden; padding: 16px; display:none;} .j-range {padding: 8px 8px 0 8px;} .j-range-inputs {overflow:hidden; margin: 0 -16px; padding-top: 28px;} .j-input {float:left; padding: 0 6px; width:50%;} .j-input .j-input-val {display:block; font-size:16px; line-height: 24px; color: #13151A; border-radius: 2px; border: 1px solid #B6BDCC; padding: 11px 16px; width:100%;} .j-color-list ul {margin: 0 -12px -12px; overflow:hidden;} .j-color-list ul li {float:left; padding: 0 12px 12px;} .j-color-list ul li label {display:block; cursor:pointer; width:150px;overflow:hidden; position:relative; user-select: none;} .j-color-list ul li label i {display:block; width: 32px; height: 32px; border-radius: 50%; float:left; border: 1px solid transparent; position:absolute; top:0; left:0;} .j-color-list ul li label i:before {content: ""; width:24px; height:24px; background-image: url(../images/check.svg); display:block; position:absolute; top: 3px; left: 3px; opacity:0;} .j-color-list ul li label span {display:block; color: #383D47; font-size:14px; line-height: 20px; padding: 6px 10px 6px 44px; letter-spacing: 0.5px;} .j-color-list ul li input, .j-designer-list ul li input, .j-material-list ul li input {display:none;} .j-color-list ul li input:checked + label span {font-weight: 500;} .j-color-list ul li input:checked + label i:before {opacity:1;} .j-designer-list ul {margin: -12px 0 -16px; overflow:hidden;} .j-designer-list ul li {margin-bottom: 4px;} .j-designer-list ul li label {display:block; cursor:pointer; overflow:hidden; position:relative; user-select: none; color: #383D47; font-size:14px; line-height:20px; font-weight: 500; padding: 8px 0 8px 32px; white-space: nowrap; text-overflow: ellipsis;} .j-designer-list ul li label:before {content: ""; display:block; width: 16px; height: 16px; border-radius: 4px;border: 2px solid #D5DCEB; position:absolute; top:0; bottom:0; margin: auto; left:0;} .j-designer-list ul li label:after {content: ""; position:absolute; top:0; bottom:0; background-image: url(../images/check2.svg); display:block; width:20px; height:20px; top:0; bottom:0; left:0; margin: auto; opacity:0; z-index:2} .j-material-list ul li input:checked + label:after {opacity:1;} .j-material-list ul {margin: -12px 0 -16px; overflow:hidden;} .j-material-list ul li {margin-bottom: 4px;} .j-material-list ul li label {display:block; cursor:pointer; overflow:hidden; position:relative; user-select: none; color: #383D47; font-size:14px; line-height:20px; font-weight: 500; padding: 8px 0 8px 32px; white-space: nowrap; text-overflow: ellipsis;} .j-material-list ul li label:before {content: ""; display:block; width: 16px; height: 16px; border-radius: 4px;border: 2px solid #D5DCEB; position:absolute; top:0; bottom:0; margin: auto; left:0;} .j-material-list ul li label:after {content: ""; position:absolute; top:0; bottom:0; background-image: url(../images/check2.svg); display:block; width:20px; height:20px; top:0; bottom:0; left:0; margin: auto; opacity:0; z-index:2} .j-material-list ul li input:checked + label:after {opacity:1;} .j-filter-button {display:none; padding: 0 6px;} .j-filter-button .j-filter-item {color: #13151A; font-size: 16px; line-height: 24px; letter-spacing: 0.15px; border: 1px solid #B6BDCC; border-radius: 2px; padding: 11px 36px 11px 44px; position: relative; cursor: pointer; background-color: #fff; font-weight: 600; white-space: nowrap;} .j-filter-button .j-filter-item:before {content: ""; width:20px; height: 20px; display:block; position:absolute; left: 16px; top:0; bottom:0; margin: auto; background-image: url(../images/filter.svg);} .filter-open {overflow:hidden;} .j-filter-close {display:none; width:24px; height:24px; background-image: url(../images/m-close.svg); background-position: 0 0; position:absolute; right: 20px; top:0; bottom:0; margin:auto; cursor:pointer;} .j-filter-mob {display:none;} .j-filter-mob.j-filter-item {color: #13151A; font-size: 16px; line-height: 24px; letter-spacing: 0.15px; padding: 20px 40px 20px 48px; position: relative; background-color: #fff; font-weight: 600; white-space: nowrap;} .j-filter-mob.j-filter-item:before {content: ""; width:20px; height: 20px; display:block; position:absolute; left: 20px; top:0; bottom:0; margin: auto; background-image: url(../images/filter.svg);} .j-mobile-submit {overflow:hidden; margin: 28px -8px 0; display:none;} .j-mobile-submit .jm-submit {float:left; width:50%; padding: 0 8px;} .j-mobile-submit .jm-submit button, .j-mobile-submit .jm-submit span {display:block; padding: 12px 5px; cursor:pointer; border:0; font-size:16px; line-height: 24px; cursor:pointer; border-radius:2px; text-align:center; width:100%;} .j-mobile-submit .jm-submit span {display:flex; justify-content: center;} .j-mobile-submit .jm-submit span:before {content: ""; display:flex; width:24px; height:24px; background-image: url(../images/refresh.svg); margin-right: 8px;} .j-mobile-submit .jm-submit button {color: #fff; background-color: #5B46C2;} .j-fixed {position: fixed; top: 65px; width: 100%; background-color: #fff; left: 0; z-index: 49; padding: 12px 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); min-width:320px} .j-fixed .j-filter {max-width: 1332px; margin: 0 auto;} .products-page.j-active-f {padding-top: 112px} /* Range slider */ .noUi-target {position:relative; background: #D7DAE0;} .noUi-horizontal{height:2px} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box} .noUi-connects{overflow:hidden;z-index:0} .noUi-connect {height:100%;width:100%; background: #5B46C2;} .noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1} .noUi-origin{height:10%;width:10%} .noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat} .noUi-horizontal .noUi-handle {width: 20px; height: 20px; border-radius:50%; right: -10px; top: -6px; top: -9px; background-color:#5B46C2; -webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute; padding: 5px; cursor:grab} .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-10px;right:auto} .noUi-handle:before {content: ""; width:10px; height:10px;background-color: #fff; border-radius:50%; display:block;} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-vertical{width:18px}.noUi-connects{border-radius:3px}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)} /* Login, Register */ .lg-page {padding: 80px 0; background-color: #F8FAFF;} .lg-page .lg-page-wrap {max-width: 648px; margin: 0 auto; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04);} .lg-page-wrap .lg-form {padding: 48px 40px;} .lg-title {margin-bottom:16px; font-size:36px; font-weight: 600; line-height:44px;} .lg-input {position:relative; margin-bottom:16px;} .lg-input input {display:block; font-size: 16px; line-height: 24px; letter-spacing: 0.4px; padding: 12px 8px 11px; width:100%; border:0; border-bottom: 1px solid #D5DCEB} .lg-input.w-icon input {padding-right: 36px;} .lg-input .show-pass {position:absolute; top:0; bottom:0; margin: auto; width:20px; height: 20px; right: 8px; background-image: url(../images/eye-a.svg); cursor:pointer; background-position: 0 0;} .lg-input .show-pass.active {background-position: 0 100%;} .fg-pass {text-align:right; margin-top: -4px; margin-bottom:16px;} .fg-pass a {display:inline-block; vertical-align: top; font-size:14px; line-height: 20px; font-weight: 500; text-decoration: underline;} .lg-button button, .lg-button a {display:block; width:240px; padding: 12px 20px; border-radius:2px; background-color: #5B46C2; color: #fff; font-size:16px; line-height: 24px; font-weight: 500; text-align:center; border:0; cursor:pointer} .g-register {margin-top: 40px;} .lg-text {color: #383D47; font-size:14px; line-height: 20px; letter-spacing: 0.5px; margin-bottom:16px;} .lg-text a {text-decoration: underline;} /* Not Found 404 */ .not-found {padding: 210px 0; background-color:#F8FAFF;} .not-found .not-found-b {width: 312px; margin: 0 auto; text-align:center;} .not-found-b .nf-i {display:inline-block; vertical-align: top; width:80px; height: 64px; margin-bottom:12px; background-image: url(../images/404.svg)} .not-found-b .nf-text {font-size:18px; line-height: 26px; color: #000; font-weight: 600; letter-spacing: 0.15px; margin-bottom:12px} .not-found-b .nf-desc {font-size:14px; line-height: 20px; color: #383D47; letter-spacing: 0.5px; margin-bottom:12px} .nf-button a {display:inline-block; vertical-align: top; color: #fff; font-size:16px; line-height:24px; font-weight: 500; padding: 12px 20px; border-radius:2px; background-color: #5B46C2;} .no-product {width: 312px; margin: 0 auto; text-align:center; padding: 140px 0 250px} .no-product .np-i {display:inline-block; vertical-align: top; width:64px; height: 64px; margin-bottom:12px; background-image: url(../images/no-p.svg)} .no-product .np-text {font-size:18px; line-height: 26px; color: #000; font-weight: 600; letter-spacing: 0.15px; margin-bottom:12px} .no-product .np-desc {font-size:14px; line-height: 20px; color: #383D47; letter-spacing: 0.5px;} /* Product */ .product-view-a {overflow:hidden; background-color: #fff; padding: 32px; margin: 24px 0;} .product-view-a .product-view-left {float:left; width:752px;} .product-gallery {padding-left: 162px; position:relative; overflow:hidden;} .product-gallery .slider-thumbs {width:150px; position:absolute; left:0; top:0; overflow-y:scroll; height:100%; -ms-overflow-style: none; scrollbar-width: none; } .product-gallery .slider-thumbs::-webkit-scrollbar { height: 0; width: 0; display:none} .product-gallery .slider-nav {width:100%;} .sn-item, .slider-video {border-radius: 4px; background-color: #fff; overflow:hidden; margin-bottom:12px; border:1px solid #D5DCEB; cursor: pointer; position:relative; user-select:none; padding-top: 100%;} .slider-video {border:0} .sn-item:last-child {margin-bottom:0} .sn-item img, .slider-video img {display:block; max-width: 100%; height:100%; max-height: 150px; position:absolute; left:0; top:0; width:100%; object-fit: cover;} .slider-video a {display:block;} .slider-video a:before {content: ""; position:absolute; top:0; left:0; width:100%; height: 100%; background:linear-gradient(0deg, rgba(19, 21, 25, 0.50) 0%, rgba(19, 21, 25, 0.50) 100%);} .slider-video a:after {content: ""; position:absolute; width:32px; height:32px; top:0; bottom:0; left:0; right: 0; margin: auto; background-image: url(../images/play.svg)} .slider-big-image {width:100%; border-radius:4px; border: 1px solid #D5DCEB; overflow:hidden; position:relative; cursor:pointer} .slider-big-image:before {content: ""; padding-top:116%; display:block;} .slider-big-image img {display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; height:100%; width:100%; object-fit: cover;} .sn-item:after {content: "";background-color: #5b46c214; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0} .sn-item.active:after {opacity:1} /* .slider-v {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-y: auto; display:none; background-color: #000000c2} .slider-v .slider-vd-a {padding: 20px; width:100%; display: table; height:100%;} .slider-v .slider-vd-b {display:table-cell; vertical-align: middle;} .slider-vd {position: relative; width: 100%; user-select: none; max-width: 800px; margin: 0 auto;} .slider-vd:before {content: ""; display: block; padding-top: 61%;} .slider-vd iframe {width:100%; height:100%; position:absolute; top:0; left:0;} .vd-open {overflow:hidden;} .vd-close {position:absolute; top:20px; right:20px; background-size:cover; background-image: url(../images/close-w.svg); width:36px; height: 36px; cursor:pointer; z-index:1001} */ .product-view-review {display:flex;} .pr-rating {overflow:hidden; margin-bottom: 24px;} .pr-rating ul li {float:left; margin-right:4px; position:relative; width:24px; height: 24px} .pr-rating ul li:before {content: ""; display:block; width: 24px; height: 24px; background-image: url(../images/star.svg); position:absolute; top:0; left:0;} .product-view-a .product-view-right {overflow:hidden; padding-left:44px;} .pr-rating ul li.active:after {content: ""; display:block; width: 24px; height: 24px; background-image: url(../images/star-b.svg); position:absolute; top:0; left:0;} .pr-rating ul li:not(.active):after { content: ""; display: block; height: 24px; width: var(--star-fill, 0); background-image: url(../images/star-b.svg); position: absolute; top: 0; left: 0; overflow: hidden; } .rating-to {padding-left: 4px;} .rating-to a {text-decoration: underline; font-size:14px; line-height:20px; display:inline-block; vertical-align:top; letter-spacing: 0.5px; padding: 2px 0} .product-view-right .product-price .prc-a {font-size:28px; line-height:36px} .product-view-right .product-price .prc-b {font-size:14px; line-height:20px} .product-price .prc-c {font-size:14px; line-height:20px; font-weight:500; color: #6D7382; margin-left:12px; position:relative;} .product-price .prc-c:before {content: ""; display:block; position:absolute; width:100%; border-bottom: 1px solid #D92E27; top:0; bottom:0; margin: auto; height:1px; transform: rotate(7deg);} .price-day {display:flex; align-items: center; margin-top:4px} .price-day .prd-a {color: #0B0139; font-size:16px; line-height: 24px; font-weight: 600; letter-spacing: 0.15px;} .price-day .prd-b {color: #383D47; font-weight: normal; font-size:12px; line-height: 16px; letter-spacing: 0.5px; padding-left:4px} .product-view-extra {display:flex; margin-top:16px; margin-bottom:24px;} .product-view-extra .pr-reserve {display:flex; background-color: #5B46C2; border-radius:2px; font-size:16px; line-height:24px; font-weight: 500; cursor:pointer; color: #fff; text-align:center; padding: 12px 20px; margin-right:8px; flex:1; justify-content: center; align-items: center; max-width: 350px;} .pr-reserve:before {content: ""; display:block; width:24px; height:24px; background-image: url(../images/calendar.svg); margin-right:8px;} .pr-fav, .pr-share {border-radius: 50%; background-color: rgba(91, 70, 194, 0.12); cursor:pointer; padding:12px; margin-left: 8px; height: 48px;} .pr-share {background-color: rgba(56, 61, 71, 0.08)} .pr-fav:before, .pr-share:before {content: ""; display:block; width: 24px; height:24px; display:block;} .pr-fav:before {background-image: url(../images/fav.svg)} .pr-share:before {background-image: url(../images/share.svg)} .product-view-title {margin-bottom:24px; font-size:20px; line-height: 28px; font-weight:600;} .product-about {padding-bottom:16px; border-bottom: 1px solid #E6EBF5; margin-bottom:24px;} .product-about .pr-about-t {font-size:16px; line-height:24px; font-weight:600; letter-spacing: 0.15px;color:#383D47; margin-bottom:16px;} .product-about .pr-about-text {color: #383D47; font-size:16px; line-height: 24px; letter-spacing: 0.4px;} .product-spec .pr-spec-t {font-size:16px; line-height:24px; font-weight:600; letter-spacing: 0.15px;color:#383D47; margin-bottom:16px;} .product-spec .pr-spec-list ul {overflow:hidden;} .product-spec .pr-spec-list ul li {width:50%; float:left; margin-bottom:16px; font-size:16px; line-height:24px; color:#6D7382} .pr-spec-list ul li span {display: inline-block; vertical-align: top; padding-right: 12px;} .pr-spec-list ul li b {font-weight: 500; color: #13151A; padding: 0 12px 0 0; display:inline-block; vertical-align: top; word-break: break-word;} .products.br-b {border-bottom: 1px solid #E6EBF5;} .m-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-y: auto; background-color: #000000c2; display:none; min-width:320px;} .m-modal .ps-a {padding: 20px; width:100%; display: table; height:100%;} .m-modal .ps-b {display:table-cell; vertical-align: middle;} .share-bl {position: relative; width: 100%; user-select: none; max-width: 358px; margin: 0 auto; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04); border-radius:4px; padding: 20px 16px} .ps-top {overflow:hidden;} .ps-top .ps-t {float:left; font-size:18px; line-height: 26px; letter-spacing: 0.15px; font-weight: 600;} .ps-top .ps-close {float:right; width:28px; height: 28px; background-image: url(../images/close2.svg); cursor:pointer;} .share-bl .ps-info {color: #383D47; font-size:14px; line-height: 20px; letter-spacing: 0.5px; margin-top:8px;} .share-list {margin: 32px 0;} .share-list ul {overflow:hidden;} .share-list ul li {float:left; margin-right: 12px;} .share-list ul li a {display:block; padding: 8px; border-radius:50%;} .share-list ul li a:before {content: ""; width:24px; height:24px; display:block;} .share-list ul li.s-fb a {background-color: #E1EEFF} .share-list ul li.s-fb a:before {background-image: url(../images/s-fb.svg)} .share-list ul li.s-wp a {background-color: #D5F9E3} .share-list ul li.s-wp a:before {background-image: url(../images/s-wp.svg)} .share-list ul li.s-tg a {background-color: #E2F5FF} .share-list ul li.s-tg a:before {background-image: url(../images/s-tg.svg)} .share-list ul li.s-xt a {background-color: #F0F0F0} .share-list ul li.s-xt a:before {background-image: url(../images/s-xt.svg)} .share-url {border-radius:4px; background-color: #F8FAFF; padding: 8px; position:relative; overflow:hidden;} .share-url .share-link {padding: 6px 0 6px 43px; font-size:14px; line-height: 20px; letter-spacing: 0.5px; color: #646C7D; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;} .share-url i {position:absolute; top:0; bottom:0; margin: auto; left: 8px; border-radius:4px; background-color: #D5DCEB; padding: 6px; width:32px; height:32px;} .share-url i:before {content: ""; width:20px; height: 20px; display:block; background-image: url(../images/link.svg)} #copy-message {display:none; position:absolute; width:100%; height:100%; top:0; left:0; background-color: #F8FAFF; text-align:center; font-weight:500; line-height: 24px; font-size:18px; padding: 12px; color:#383D47} .cl-info {margin: 32px 0;} .cl-info ul {display:flex; justify-content: center;} .cl-info ul li {margin: 0 6px; position:relative; padding: 2px 0 2px 28px; font-size:12px; line-height: 16px; color: #383D47; font-weight: 500} .cl-info ul li:before {content: ""; display:block; width:16px; height: 16px; top:0; left:0; position:absolute; border: 2px solid #5B46C2; border-radius: 50%;} .cl-info ul li.rt:before {border-color: #383D47;} .cl-info ul li.un:before {border-color: #6D7382;} /* Review */ .review-page {padding: 24px 0 64px;} .bc-product {margin-bottom:16px;} .bc-product a {display:inline-block; vertical-align: top; position:relative; font-size:16px; line-height:24px; font-weight: 500; padding: 12px 8px 12px 40px;} .bc-product a:before {content: ""; position:absolute; display:block; width: 24px; height: 24px; background-image: url(../images/back.svg); position:absolute; top:0; bottom:0; left: 8px; margin: auto;} .review .review-wrap {padding: 32px 24px; background-color: #fff;} .rv-title {color: #0B0139; font-size:28px; line-height: 36px; font-weight: 600; margin-bottom:16px;} .review-list .rv-item {margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E6EBF5;} .rv-item .rv-author {font-size: 14px; line-height: 20px; font-weight: 500; margin-bottom:4px;} .rv-extra {display:flex; margin-bottom:12px;} .rv-extra .pr-rating {margin-bottom:0;} .rv-extra .pr-rating ul li, .rv-extra .pr-rating ul li:before, .rv-extra .pr-rating ul li:after {width:16px; height: 16px; background-size:cover;} .rv-extra .pr-rating ul li:not(.active):after {height: 16px; width: var(--star-fill, 0);} .rv-extra .rv-date {font-size:12px; line-height: 16px; letter-spacing: 0.5px; margin-left: 4px;} .rv-item .rv-text {font-size:14px; line-height: 20px; letter-spacing: 0.5px; max-width:768px;} .review-more {cursor:pointer; display:inline-block; vertical-align:top; font-size:14px; line-height: 20px; font-weight: 500; border-radius: 2px; background-color: #E6EBF5; padding: 8px 12px} .rv-images ul {overflow:hidden; max-width:768px; margin: 12px 0 -8px;} .rv-images ul li {float:left; padding: 0 8px 8px 0} .rv-images ul li a {display:block;} .rv-images ul li img {width:72px; max-height: 90px; object-fit: cover; display:block;} /* Favorites */ #fav-message {visibility: hidden; width:332px; position:fixed; left:0; right:0; margin: auto; bottom: 0; border-radius: 4px; background-color: #CCC3FA; box-shadow: 0px 8px 12px 0px rgba(23, 30, 38, 0.08); transition: all 0.5s; opacity:0; z-index:1000; padding: 8px 16px 8px 48px; font-size: 16px; line-height: 24px; font-weight: 500} #fav-message.show {visibility: visible; opacity:1; bottom: 30px;} #fav-message:before {content: ""; position:absolute; top:0; bottom:0; left: 16px; background-image: url(../images/fav.svg); width:24px; height: 24px; margin: auto;} /* My profile */ .my-profile {padding: 32px 0 64px;} .my-profile-wrap .mpr-title {color:#0B0139; font-size:36px; line-height: 44px; font-weight: 600; margin-bottom:24px;} .my-profile-head {position:relative; margin-bottom:24px;} .my-profile-head ul {overflow-x:auto; display:flex;} .my-profile-head ul li {margin-right: 8px;} .my-profile-head ul li:last-child {margin:0;} .my-profile-head ul li a {display:block; font-size:16px; line-height: 24px; font-weight: 500; padding: 11px 16px; border-radius: 2px; border: 1px solid #D5DCEB; white-space: nowrap;} .my-profile-head ul li:hover a {border-color: #13151A} .my-profile-head ul li.active a {color: #fff; background-color: #13151A; border-color: #13151A} .m-logout {position:absolute; right:0; top:12px;} .m-logout a {display:inline-block; vertical-align: top; font-size:16px; line-height: 24px; font-weight: 500; position:relative; padding-left:32px;} .m-logout a:before {content: ""; width:24px; height:24px; display:block; position:absolute; top:0; left:0; bottom:0; margin: auto; background-image: url(../images/logout.svg)} .my-profile-block {background-color: #fff; border-radius:4px; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04);} .pr-form {padding: 48px 20px; max-width:464px; margin: 0 auto;} .fr-title {font-size:28px; line-height: 36px; font-weight: 600; margin-bottom:16px;} .pr-item {margin-bottom:16px;} .pr-item .pr-label {font-size: 14px; line-height: 20px; font-weight: 500; margin-bottom:8px;} .pr-item .pr-input {position:relative;} .pr-item .pr-input input {display:block; width:100%; font-size:16px; line-height: 24px; letter-spacing: 0.4px; padding: 11px 16px; border-radius: 2px; border: 1px solid #B6BDCC;} .pr-item .pr-input.p-icon input {padding-right: 40px;} .pr-check {margin-bottom:16px;} .pr-check input {display:none;} .pr-check label {display: block; cursor: pointer; overflow: hidden; position: relative; user-select: none; color: #383D47; font-size: 14px; line-height: 20px; padding: 8px 0 8px 32px; letter-spacing: 0.5px;} .pr-check label:before {content: ""; display: block; width: 16px; height: 16px; border-radius: 4px; border: 2px solid #D5DCEB; position: absolute; top: 8px; left: 0;} .pr-check label:after {content: ""; position: absolute; top: 0; bottom: 0; background-image: url(../images/check2.svg); display: block; width: 20px; height: 20px; top: 8px; left: 0; opacity: 0; z-index: 2;} .pr-check input:checked + label:after { opacity: 1; } .pr-button button {display: block; width: 100%; padding: 12px 20px; border-radius: 2px; background-color: #5B46C2; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; text-align: center; border: 0; cursor: pointer;} .pr-change-pass {margin-top: 40px;} .pr-input .show-pass {position:absolute; top:0; bottom:0; margin: auto; width:20px; height: 20px; right: 12px; background-image: url(../images/eye-b.svg); cursor:pointer;} .pr-input .show-pass.active {background-position: 0 100%;} .pr-text {margin-bottom:16px; color: #383D47; font-size:14px; line-height: 20px; letter-spacing: 0.5px;} .pr-vc {margin-top: 40px; text-align:center; color: #000; font-size:14px; line-height:20px; font-weight: 500;} .pr-vc a {text-decoration: underline; color: #000;} .add-cart {text-align:center; padding-top: 32px; position:relative} .add-cart button {display:inline-block; vertical-align: top; padding: 12px 20px; color: #fff; cursor: pointer; border:0; font-size:16px; line-height: 24px; font-weight: 500; background-color: #5B46C2; border-radius:2px;} .ac-error {color: #D92E27; position: absolute; top: 4px; font-size: 13px; line-height: 18px;} .a-rls {display:none; color: #D92E27; font-size: 15px; line-height: 21px; margin-bottom: 20px;} /* Product calendar */ #flatpickr {display:none;} .product-reserve .flatpickr-calendar.inline, .product-reserve .flatpickr-innerContainer, .product-reserve .flatpickr-rContainer, .product-reserve .flatpickr-weekdays, .product-reserve .flatpickr-days, .product-reserve .dayContainer {width: 100%;} .product-reserve .dayContainer, .product-reserve .flatpickr-day {max-width:100%;} .product-reserve .flatpickr-calendar{box-shadow:none;} .product-reserve .flatpickr-months .flatpickr-prev-month, .product-reserve .flatpickr-months .flatpickr-next-month {padding: 8px; border-radius: 50%; background-color: #E6EBF5; height: auto;} .product-reserve .flatpickr-months .flatpickr-prev-month {margin-left: 38px;} .product-reserve .flatpickr-months .flatpickr-next-month {margin-right: 38px;} .product-reserve .flatpickr-months .flatpickr-prev-month svg, .product-reserve .flatpickr-months .flatpickr-next-month svg {display:none;} .product-reserve .flatpickr-months .flatpickr-prev-month:before, .product-reserve .flatpickr-months .flatpickr-next-month:before {content: ""; display:block; width: 20px; height: 20px;} .product-reserve .flatpickr-months .flatpickr-prev-month:before {background-image: url(../images/p-prev.svg)} .product-reserve .flatpickr-months .flatpickr-next-month:before {background-image: url(../images/p-next.svg)} .product-reserve .flatpickr-current-month span.cur-month {font-weight: 500;font-size:18px; line-height: 26px; margin-left:0;} .product-reserve .flatpickr-current-month input.cur-year {font-weight: 500;font-size:18px; line-height: 26px;} .product-reserve .numInputWrapper, .product-reserve .flatpickr-current-month span.cur-month {vertical-align: top;} .numInputWrapper span {display:none !important;} .product-reserve .flatpickr-current-month {font-size:100%; height: auto; padding: 5px 0;} .product-reserve .flatpickr-current-month span.cur-month:hover, .product-reserve .numInputWrapper:hover {background:none;} .product-reserve .flatpickr-months {margin-bottom:16px} .product-reserve .flatpickr-months .flatpickr-month {height: 36px} .product-reserve .flatpickr-weekdays {border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #E6EBF5; height: auto;} .product-reserve .flatpickr-weekdays .flatpickr-weekdaycontainer {padding: 16px 0 8px;} .product-reserve span.flatpickr-weekday {color:#6D7382; font-size:14px; line-height:20px; font-weight: 500} .product-reserve .dayContainer {border: 1px solid #E6EBF5; overflow: hidden; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-width: 0px 0px 1px 1px;} .product-reserve .flatpickr-days {margin-top:-1px;} .product-reserve .rangeMode .flatpickr-day {margin:0; border-radius: 0; border: 1px solid #E6EBF5; border-width: 1px 1px 0px 0; font-weight:600; color: #161B1F; font-size:14px; line-height: 20px; letter-spacing: 0.1px; padding: 18px 0; height: auto; position:relative;} .product-reserve .flatpickr-day.prevMonthDay, .product-reserve .flatpickr-day.nextMonthDay {color: rgba(56, 61, 71, 0.38)} .product-reserve .flatpickr-day.flatpickr-disabled {border-color: #E6EBF5; color: #13151A; background-color: #fff} .product-reserve .flatpickr-day.flatpickr-disabled.past-date{border-color: inherit; color: #6D7382; background-color: #F8FAFF;} .product-reserve .flatpickr-day.flatpickr-disabled:hover {color:#6D7382; border-color: #E6EBF5; background: #F8FAFF;} .product-reserve .flatpickr-day.flatpickr-disabled:before{content: ""; position:absolute; top:0; left:0; border: 2px solid #6D7382; width:100%; height:100%; box-sizing:border-box;} .product-reserve .flatpickr-day.flatpickr-disabled.past-date:before {content:none} .product-reserve .flatpickr-day.inRange, .product-reserve .flatpickr-day.prevMonthDay.inRange, .product-reserve .flatpickr-day.nextMonthDay.inRange,.product-reserve .flatpickr-day.today.inRange, .product-reserve .flatpickr-day.prevMonthDay.today.inRange, .product-reserve .flatpickr-day.nextMonthDay.today.inRange, .product-reserve .flatpickr-day:hover,.product-reserve .flatpickr-day.prevMonthDay:hover, .product-reserve .flatpickr-day.nextMonthDay:hover, .product-reserve .flatpickr-day.today:hover {background-color: #E3DEFC;} .product-reserve .flatpickr-day.notAllowed, .product-reserve .flatpickr-day.notAllowed.prevMonthDay,.product-reserve .flatpickr-day.notAllowed.nextMonthDay {border-color: #E6EBF5; cursor: not-allowed} .product-reserve .flatpickr-day.notAllowed:hover, .product-reserve .flatpickr-day.notAllowed.nextMonthDay:hover{background: transparent;} .product-reserve .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .product-reserve .flatpickr-day.endRange.startRange, .product-reserve .flatpickr-day.selected.endRange, .product-reserve .flatpickr-day.startRange.endRange, .product-reserve .flatpickr-day.endRange.endRange, .product-reserve .flatpickr-day.selected.startRange.endRange, .product-reserve .flatpickr-day.startRange.startRange.endRange, .product-reserve .flatpickr-day.endRange.startRange.endRange {border-radius:0;} .product-reserve .flatpickr-day.selected.startRange:before {content: ""; position:absolute; top:0; left:0; border: 2px solid #5B46C2; width:100%; height:100%; box-sizing:border-box;} .product-reserve .flatpickr-day.selected.endRange:before {content: ""; position:absolute; top:0; left:0; border: 2px solid #13151A; width:100%; height:100%; box-sizing:border-box;} .product-reserve .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .product-reserve .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .product-reserve .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .product-reserve .flatpickr-day.inRange {-webkit-box-shadow: none; box-shadow: none;} .product-reserve .flatpickr-day.today:hover, .product-reserve .flatpickr-day.today:focus, .product-reserve .flatpickr-day.endRange:hover, .product-reserve .flatpickr-day.endRange:focus {border-color: #E6EBF5; color: #161B1F; background:#E3DEFC} .product-reserve .flatpickr-day.selected.startRange, .product-reserve .flatpickr-day.startRange.startRange, .product-reserve .flatpickr-day.endRange.startRange {border-radius:0} .product-reserve .flatpickr-day.selected, .product-reserve .flatpickr-day.startRange, .product-reserve .flatpickr-day.selected, .product-reserve .flatpickr-day.startRange, .product-reserve .flatpickr-day.selected:hover, .product-reserve .flatpickr-day.startRange:hover, .product-reserve .flatpickr-day.startRange:focus,.product-reserve .flatpickr-day.selected.nextMonthDay, .product-reserve .flatpickr-day.startRange.nextMonthDay, .product-reserve .flatpickr-day.endRange, .product-reserve .flatpickr-day.endRange.nextMonthDay, .product-reserve .flatpickr-day.selected.prevMonthDay, .product-reserve .flatpickr-day.startRange.prevMonthDay {border-color:#E6EBF5; background:#E3DEFC; color: #161B1F;} .product-reserve .flatpickr-day.endRange.nextMonthDay:not(.selected), .product-reserve .flatpickr-day.startRange.nextMonthDay:not(.selected) {color: rgba(56, 61, 71, 0.38)} /* Cart */ .cart-page {padding: 24px 0} .cart-top {display:flex; align-items: flex-start;} .cart-top .cart-left, .cart-top .cart-right {background-color: #fff; border-radius:4px; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04); padding: 24px;} .cart-top .cart-left {flex:1; padding-bottom:0;} .cart-top .cart-right {width:424px; margin-left: 24px;} .ct-title {font-size:46px; line-height: 53px; font-weight: 600; color: #0B0139; margin-bottom:4px;} .ct-count {color: #383D47; text-shadow: 0px 8px 12px rgba(23, 30, 38, 0.08); font-size:14px; line-height: 20px; letter-spacing: 0.5px;} .cart-list .cart-item {padding: 20px 0; border-bottom: 1px solid #D5DCEB; overflow:hidden;} .cart-list .cart-item:last-child {border-bottom:0;} .cart-item .cart-image {border-radius: 4px; width:142px; background-color: #fff; overflow: hidden; border: 1px solid #E6EBF5; position: relative; float:left;} .cart-item .cart-image a {display:block; padding-top:105%; position:relative;} .cart-item .cart-image img {display: block; height: 100%; margin: 0 auto; position:absolute; top:0; left:0; width:100%; object-fit: cover;} .cart-item .cart-info {overflow:hidden; padding-left: 20px; display:flex; flex-direction: column;} .cart-info .cart-info-a {position:relative; flex:1; padding-right: 80px; max-width:662px; margin-bottom:16px;} .cart-info-a a {display:block} .cart-info-a .ct-pr-title {color: #383D47; font-size:18px; font-weight: 500; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cart-info-a .product-fav, .cart-info-a .product-delete {position: absolute; top: 1px; right: 40px; cursor: pointer;} .cart-info-a .product-fav:before, .cart-info-a .product-delete:before {content: ""; display: block; width: 24px; height: 24px; background-position: 0 0; background-image: url(../images/fav.svg);} .cart-info-a .product-fav.active:before {background-position: 0 100%;} .cart-info-a .product-delete {right: 0;} .cart-info-a .product-delete:before {background-image: url(../images/trash.svg)} .cart-info-b {display:flex;} .cart-info-b .cart-dates .ctd {color: #6D7382; font-size: 14px; line-height: 20px; letter-spacing: 0.5px; margin-bottom:12px; padding-right: 30px;} .cart-info-b .cart-dates .ctd b {padding-left: 12px; font-weight: 600; color: #13151A; letter-spacing: 0;} .cart-info-b .cart-price {margin-left: auto;} .cart-price .product-price .prc-a {font-size:20px; line-height: 28px;} .cr-promotion {position:absolute; top: 12px; left: 12px; color: #fff; background-color:#5B46C2; font-size:14px; line-height:20px; letter-spacing: 0.1px; border-radius:2px; padding: 2px 4px; font-weight: 500;} .ct-a-info {border-radius:4px; padding: 12px; background-color: #F8FAFF; margin-bottom: 16px; color: #383D47; font-size: 14px; line-height: 20px; letter-spacing: 0.5px;} .ct-a-info ul li {padding-left: 20px; position:relative;} .ct-a-info ul li:before {content: ''; width:3px; height:3px; background-color: #383D47; border-radius:50%; top: 8px; left: 8px; display:block; position:absolute;} .ct-a-info ul li a {text-decoration: underline; color: #0B0139; font-weight: 600; letter-spacing: 0.1px;} .ct-promo {margin-bottom:16px;} .ct-promo .ct-promo-t {margin-bottom:12px; font-size:16px; line-height: 24px; font-weight: 600; letter-spacing: 0.15px;} .ct-promo-form {display:flex;} .ct-promo-form .ct-promo-input {position:relative; flex:1} .ct-promo-form .ct-promo-input input {width:100%; display:block; font-size:16px; line-height: 24px; letter-spacing: 0.4px; padding: 11px 12px 11px 44px; border-radius: 2px; border: 1px solid #B6BDCC;} .ct-promo-form .ct-promo-input:before {content: ""; display:block; position:absolute; top:0; bottom:0; left: 16px; width:20px; height: 20px; background-image: url(../images/promo.svg); margin: auto;} .ct-promo-form .ct-promo-button {padding-left: 12px;} .ct-promo-form .ct-promo-button button {color: #fff; font-size:16px; line-height: 24px; cursor:pointer; font-weight: 500; border-radius:2px; background-color: #5B46C2; padding: 12px 20px; border:0; width:100%; display:block;} .ct-promo-form .ct-promo-button button:disabled, .ct-promo-form .ct-promo-button button[disabled] {color: rgba(56, 61, 71, 0.38); cursor:default; background-color: rgba(56, 61, 71, 0.12);} .ch-calculate {margin-bottom:16px; padding: 16px 0; border-bottom: 1px solid #E6EBF5; border-top: 1px solid #E6EBF5;} .ch-calculate .calc-item {display:flex; justify-content: space-between; font-size:16px; line-height: 24px; color: #6D7382; margin-bottom:12px;} .ch-calculate .calc-item:last-child {margin-bottom:0;} .ch-calculate .calc-item .calc-r {font-weight: 500; color: #13151A;} .ch-calculate .calc-item .calc-r.c-red {color: #D92E27} .ch-calculate .calc-item .calc-l.cc-a {color: #13151A; padding: 4px 0;} .ch-calculate .calc-item .calc-r.cc-b {color: #13151A; font-size:24px; font-weight:600; line-height:32px} .cart-top .cart-right .pr-check label {color: #6D7382; padding: 0 0 0 32px} .cart-top .cart-right .pr-check label a {color: #0B0139; font-weight: 500} .bs-m {display:none; clear:both; padding-top: 16px;} /* Alert */ .p-alert { position: relative; width: 100%; user-select: none; max-width: 358px; margin: 0 auto; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04); border-radius: 4px; padding: 20px 16px; } .p-alert-close {width: 28px; height: 28px; cursor:pointer; background-image: url(../images/close2.svg); margin-left: auto; margin-bottom:16px;} .p-alert-icon {padding: 14px; border-radius:50%; width:64px; height:64px; margin: 0 auto 16px;} .p-alert-icon:before {content: ""; width:36px; height: 36px; display:block;} .pos .p-alert-icon {background-color:#A9F0A3;} .pos .p-alert-icon:before {background-image: url(../images/success.svg)} .neg .p-alert-icon {background-color: #FFD2D1;} .neg .p-alert-icon:before {background-image: url(../images/close3.svg)} .warn .p-alert-icon {background-color: #ffe7d5} .warn .p-alert-icon:before {background-image: url(../images/warning.svg); background-size:cover;} .p-alert-a {font-size:18px; line-height: 26px; letter-spacing: 0.15; font-weight: 600; margin-bottom:4px; text-align:center;} .p-alert-b {font-size:14px; line-height: 20px; letter-spacing: 0.5; color: #383D47; text-align:center;} .p-alert .pr-button {margin-top: 16px;} .neg .pr-button button {background-color: #D92E27} .pos .pr-button button {background-color: #26872B} .warn .pr-button button {background-color: #f18b42} /* About us */ .about-page {padding: 32px 0 80px;} .about-page .about-page-wrap {background-color: #fff; padding: 48px 20px; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04);} .about-page-wrap .about-content {max-width: 872px; margin: 0 auto;} .abt-title {color: #0B0139; font-size:36px; line-height: 44px; font-weight: 600; margin-bottom:24px;} .abt-text {font-size:16px; line-height: 24px; letter-spacing: 0.4px;} .abt-text p {margin-bottom:24px;} .abt-text p:last-child {margin-bottom:0;} .p-type-a {font-weight: 500; letter-spacing: 0;} .abt-image {margin-bottom: 24px; border-radius:4px; overflow: hidden;} .abt-image img {width:100%; display:block;} /* FAQ */ .faq-page {padding: 32px 0 80px;} .faq-page .faq-page-wrap {background-color: #fff; padding: 48px 20px; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04);} .faq-page-wrap .faq-content {max-width: 872px; margin: 0 auto;} .fq-accordion-section {border-radius: 4px; border: 2px solid #E6EBF5; margin-bottom:8px; cursor:pointer} .fq-accordion-section .fq-accordion-header {font-weight: 600; font-size:20px; line-height: 28px; padding: 24px 70px 24px 20px; position:relative;} .fq-accordion-header i {position:absolute; top:20px; width:36px; height: 36px; right: 20px; border-radius:4px; background-color: #E6EBF5; padding: 6px;} .fq-accordion-header i:after {content: ""; display:block; width:24px; height: 24px; background-image: url(../images/plus.svg); } .fq-accordion-section .fq-accordion-content {padding: 0 20px; display:none;} .fq-accordion-content .fq-content {font-size:16px; line-height: 24px; padding: 0 0 20px 0; letter-spacing: 0.4px;} .first .fq-accordion-content {display:block;} .active .fq-accordion-header i:after {background-image: url(../images/minus.svg)} .fq-button {text-align:center; padding-top: 35px;} .fq-button a {display:inline-block; vertical-align: top; width: 314px; color: #fff; text-align: center; font-size: 20px; line-height: 24px; padding: 10px; background-color: #816E45; border: 0; cursor: pointer; max-width:100%;} /* Blog */ .blog-page {padding: 32px 0 80px;} .bg-title {color: #0B0139; font-weight: 600; font-size:36px; line-height: 44px; margin-bottom:24px;} .blog-list {overflow:hidden; margin: 0 -12px;} .blog-list .blog-item {width:33.3333333333%; float:left; padding: 0 12px 24px;} .blog-list .blog-item:nth-child(3n+1) {clear:both;} .blog-list .blog-item a {display:block;} .blog-item .blog-image {overflow:hidden; border-radius:4px;} .blog-item .blog-image img {width:100%; display:block;} .blog-item .blog-info {padding-top: 16px;} .blog-item .blog-info .blog-date {color: #6D7382; font-size:14px; line-height: 20px; font-weight:500; margin-bottom:8px;} .blog-item .blog-info .blog-title {font-size:20px; line-height: 28px; font-weight:600;} .b-zr {margin-bottom: -20px;} /* Blog view */ .blog-view {padding: 32px 0;} .blog-view .blog-view-wrap {background-color: #fff; padding: 48px 20px; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04);} .blog-view-wrap .blog-content {max-width: 872px; margin: 0 auto;} .blg-top {position:relative; margin-bottom: 8px; padding-right: 60px;} .blog-view-title {font-size:36px; line-height: 44px; font-weight: 600;} .blg-top .pr-share {position:absolute; top:0; right:0; width:48px; height: 48px;} .blog-view-date {margin-bottom:24px; color: #6D7382; font-size:14px; line-height:20px; font-weight: 500;} .blog-main-img {margin-bottom:24px;} .blog-main-img img {width:100%; display:block;} .blog-text {font-size:16px; line-height: 24px; letter-spacing: 0.4px;} .blog-text p {margin-bottom:24px;} .blog-text img {max-width:100%; display:block; margin-bottom: 24px;} .product-blog-carousel .owl-dots {display:flex; justify-content: center; margin-top:32px} .product-blog-carousel .owl-dots .owl-dot {width:8px; height:8px; margin:0 4px; border-radius:50%; background-color: #B6BDCC;} .product-blog-carousel .owl-dots .owl-dot.active {background-color:#5B46C2} .blog-view .products {padding: 24px 0; margin-bottom:24px;} .blog-view .j-head {margin-bottom:16px;} .blog-view .j-head .j-title {text-align:left; margin-bottom:16px;} .product-blog-carousel.owl-carousel .owl-item img {height: 244px; object-fit: cover;} .blog-share {border: 1px solid #D5DCEB; border-radius:4px; padding: 20px;} .blog-share .bl-s {margin-bottom: 12px; color: #000; font-size:14px; line-height: 20px; font-weight: 600; letter-spacing: 0.1px;} .b-share {cursor:pointer; font-size:16px; line-height: 24px; font-weight: 500; padding: 12px 20px 12px 52px; position:relative; border-radius:2px; background-color: #E6EBF5; display:inline-block; vertical-align: top;} .b-share:before {content: ""; left: 20px; position:absolute; top:0; bottom:0; margin: auto; background-image: url(../images/share.svg); width:24px; height: 24px;} .no-page {margin-bottom:-24px} /* Contact us */ .contact-page {padding: 32px 0 80px;} .contact-page .contact-page-wrap {background-color: #fff; padding: 48px 20px; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04);} .contact-page-wrap .contact-content {max-width: 872px; margin: 0 auto;} .cs-list .cs-item {margin-bottom:24px;} .cs-item .cs-item-a {margin-bottom:8px; color: #383D47; font-size:14px; line-height: 20px; letter-spacing: 0.5px;} .cs-item .cs-item-b {font-size:22px; line-height: 28px; text-decoration: underline;} .cs-map {overflow:hidden; border-radius:4px;} .cs-map iframe {width:100%; display:block;} /* Orders */ .mp-wrap {padding: 24px;} .mp-title {font-size:24px; line-height: 32px; font-weight: 600; margin-bottom:24px;} .mp-wrap .my-profile-head ul li.active a {background-color: #fff; color: #13151A; position:relative;} .mp-wrap .my-profile-head ul li.active a:before {content: ""; position:absolute; top:-1px; left: -1px; border: 2px solid #13151A; border-radius: 2px; right:-1px; bottom:-1px;} .orders-list .order-item {border-radius:4px; border: 2px solid #D5DCEB; padding: 24px; margin-bottom:24px;} .order-item .order-top {display:flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 24px; border-bottom: 1px solid #D5DCEB} .order-top .order-top-left, .order-top-right {display:flex; flex-wrap:wrap} .order-status {border-radius:4px; font-size:14px; line-height: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.87); padding: 12px; width:136px; margin-right: 16px; text-align:center;} .order-status.finished {background-color:#A9F0A3;} .order-status.pending {background-color:#FFF2C2;} .order-status.cancelled {background-color:#FFD2D1;} .order-status.approved {background-color:#CCC3FA;} .order-status.delivered {background-color:#D1DEFF;} .order-id {font-size:16px; line-height:22px; letter-spacing: 0.4px; color: #6D7382; display:flex; align-items: center; flex:1; flex-wrap: wrap;} .order-id div {padding-right: 8px;} .order-id span {font-weight: 500; color: #383D47;} .order-top-right .order-i {margin-left: 48px; padding: 10px 0; font-size:16px; line-height:24px; letter-spacing: 0.4px; color: #6D7382;} .order-i {display:flex;} .order-i span {font-weight: 500; color: #383D47; padding-left: 12px;} .order-body {overflow:hidden; padding-top: 24px;} .order-body .order-image {border-radius: 4px; width:142px; background-color: #fff; overflow: hidden; border: 1px solid #E6EBF5; position: relative; float:left;} .order-body .order-image a {display:block;} .order-body .order-image img {display: block; max-width: 100%; height: 100%; max-height: 148px; margin: 0 auto;} .order-body .order-info {overflow:hidden; padding-left: 20px;} .order-info .order-info-a {position: relative; display:flex;margin-bottom: 12px; justify-content: space-between; align-items:center;} .order-info-a .order-a-title {color: #383D47; font-size: 18px; font-weight: 500; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .order-info-a .order-a-title a {color: #383D47;} .order-info-a .product-price {white-space: nowrap;} .order-info-a .product-price .prc-a {padding-left: 30px; font-size:20px; line-height: 28px;} .order-extra {display:flex;} .order-extra .order-extra-item {margin-right: 16px; margin-bottom:12px; font-size:16px; line-height:24px; letter-spacing: 0.4px; color: #6D7382} .order-extra-item span {font-weight: 500; color: #13151A; padding-left: 12px;} .order-date {color: #383D47; font-size:14px; line-height: 20px; font-weight: 500; padding: 8px 12px; border-radius:4px; background-color: #E6EBF5; display: inline-block; vertical-align: top;} .order-extra-c {padding-left:20px; overflow:hidden;} .p-mob {display:none; margin-bottom:12px;} .p-mob .prc-a {font-size:20px; line-height: 28px;} /* Testimonials */ .testimonials-page {padding: 32px 0 80px; margin-bottom: -12px;} .testimonials-list {overflow:hidden; margin: 0 -6px; display:flex; flex-wrap: wrap} .testimonials-list .testimonial-item {padding: 0 6px 12px; width:50%; display:flex;} .testimonial-item .tmn-a {box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04); border-radius: 4px; background-color: #fff; padding: 40px; display:flex; flex:1} .tmn-a .tmn-image {border-radius:50%; overflow:hidden; width:120px; height: 120px;} .tmn-a .tmn-image img {width:100%; display:block;} .tmn-a .tmn-right {padding-left: 24px; flex:1} .tmn-right .tmn-top {position:relative; padding-right: 36px;} .tmn-right .tmn-top:before {content: ""; position:absolute; top: -8px; right: -8px; background-image: url(../images/quote.svg); width:88px; height: 88px;} .tmn-top .tmn-name {font-size:18px; line-height: 26px; font-weight: 600; letter-spacing: 0.15px; margin-bottom:4px;} .tmn-top .tmn-spec {font-size:12px; line-height: 16px; letter-spacing: 0.5px; margin-bottom:4px; padding: 4px 12px; border-radius:12px; background-color: rgba(56, 61, 71, 0.12); margin-bottom:12px; display:inline-block; vertical-align: top;} .tmn-top .tmn-rating {margin-bottom:24px;} .tmn-rating ul {overflow:hidden;} .tmn-rating ul li {float:left; margin-right:4px; width:24px; height: 24px; background-image: url(../images/t-star.svg)} .tmn-comment {color: #383D47; font-size:16px; line-height: 24px; letter-spacing: 0.4px;} /* Reviews */ .reviews-list {overflow:hidden; margin: 0 -12px; display:flex; flex-wrap: wrap} .reviews-list .rw-item {padding: 0 12px 24px; width:50%; display:flex;} .rw-item .rw-item-a {border-radius:4px; border: 1px solid #E6EBF5; padding: 16px; overflow:hidden; width:100%;} .rw-item .rw-image {border-radius: 4px; width:142px; background-color: #fff; overflow: hidden; border: 1px solid #E6EBF5; position: relative; float:left;} .rw-item .rw-image a {display:block;} .rw-item .rw-image img {display: block; max-width: 100%; height: 100%; max-height: 148px; margin: 0 auto;} .rw-item .rw-info {overflow: hidden; padding-left: 20px;} .rw-info .rw-title {color: #383D47; font-size:14px; line-height: 20px; font-weight: 500; margin-bottom:8px;} .rw-info .rw-title a {color: #383D47; max-height: 40px; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} .rv-z {font-size: 10px; line-height: 14px; font-weight:500; margin-bottom:4px; color: #000} .rv-extra .rv-date-b {font-size:12px; line-height: 16px; letter-spacing: 0.5px; font-weight:500; padding-left: 8px; margin-bottom:16px;} .rv-extra .rv-date-b span {font-weight:400; color: #6D7382;} .rw-info .rv-extra {margin-bottom:0;} .rw-info .rv-extra .pr-rating {margin-bottom:16px; min-width:100px;} .rate-product {cursor:pointer; border-radius:2px; background-color: #E6EBF5; padding: 8px 12px; font-size:14px; line-height: 20px; font-weight: 500; display:inline-block; vertical-align: top; margin-left: 20px;} .rate-comment {font-size:14px; line-height: 20px; letter-spacing: 0.5px; margin-top:-8px; padding-left: 20px; overflow:hidden;} .rate-v {display:flex; justify-content: center; margin-top: 24px;} .rate-v span {margin-bottom:8px; text-align:center; font-size:14px; line-height: 20px; letter-spacing: 0.1px; font-weight: 600} .rt-rating {overflow:hidden; margin-bottom: 24px; text-align:center;} .rt-rating ul {display: inline-block; vertical-align: top;} .rt-rating ul li {float:left; padding: 0 2px; cursor:pointer;} .rt-rating ul li:before {content: ""; display:block; width: 40px; height: 40px; background-image: url(../images/rating-r.svg); background-size:cover; background-position: 0 0;} .rt-rating ul li.active:before, .rt-rating ul li.hover:before {background-position: 0 100%;} .rt-comment {margin-bottom:24px;} .rt-comment textarea {display:block; width:100%; max-width:326px; border-radius:2px; border: 1px solid #B6BDCC; padding: 12px 16px; height: 68px;} .rt-upload {overflow:hidden; margin: 0 -3px 18px;} .rt-upload .rt-upload-f {float:left; width: 25%; padding: 0 3px 6px;} .rt-upload .rt-upload-f input {display:none;} .rt-upload .rt-upload-ft {border-radius:4px; border: 2px solid #D5DCEB; padding: 18px 8px; cursor: pointer; font-size:10px; font-weight: 500; line-height: 14px; text-align:center; display:block;} .rt-upload-ft:before {content: ""; display:block; width:24px; height: 24px; background-image: url(../images/photo.svg); margin: 0 auto 4px;} /* How it works */ .how-page {padding: 24px 0;} .how-page-wrap .hpw-top {position:relative;} .hpw-top .hi-image {position:relative;} .how-page-wrap .hi-image:before {content: ""; position:absolute; background: linear-gradient(0deg, rgba(7, 0, 41, 0.50) 0%, rgba(7, 0, 41, 0.50) 100%); width: 100%; height: 100%; top:0; left:0;} .how-page-wrap .hi-image img {width:100%; display:block; min-height: 280px; object-fit: cover;} .hpw-top .hpw-info {position:absolute; top:0; left:112px; width: 648px; max-width:100%; z-index:10; height: 100%; display:flex; flex-direction: column; justify-content: center;} .hpw-info .hpw-info-a {color: #fff; text-shadow: 0px 8px 12px rgba(23, 30, 38, 0.08); font-size:46px; line-height: 53px; font-weight: 600; margin-bottom:16px;} .hpw-info .hpw-info-b {color: #fff; text-shadow: 0px 8px 12px rgba(23, 30, 38, 0.08); font-size:16px; line-height: 24px; margin-bottom:16px; letter-spacing: 0.4px;} .hpw-info .hpw-info-c {font-size:16px; line-height: 24px; font-weight: 500; display:flex; padding: 12px 20px; border-radius:2px; background-color: #E6EBF5; align-self: flex-start} .hpw-info-c i {display:block; width:24px; height: 24px; background-image: url(../images/play-c.svg); margin-left:8px;} .how-works-b {padding: 64px 20px; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04);} .hw-z {max-width: 872px; margin: 0 auto;} .hw-steps {padding-top: 8px; overflow:hidden; margin: 0 -12px 40px;} .hw-steps .hw-step-item {float:left; width:33.3333333333%; padding: 0 12px; text-align:center;} .hw-icon {display:inline-block; vertical-align: top; width:120px; height: 120px; margin-bottom:8px;} .hw-icon-a {background-image: url(../images/hw1.svg)} .hw-icon-b {background-image: url(../images/hw2.svg?V1)} .hw-icon-c {background-image: url(../images/hw3.svg)} .hw-title {font-size:18px; line-height: 26px; font-weight: 600; margin-bottom:8px; letter-spacing: 0.15px;} .hw-desc {font-size:14px; line-height: 20px; color: #383D47} .hw-browsing {text-align:center;} .hw-browsing a {display:inline-block; vertical-align: top; font-size:14px; line-height: 20px; font-weight: 500; padding: 8px 12px; border-radius: 2px; background-color: #13151A; color: #fff} .hw-extra-text {margin: 96px 0; border-top: 1px solid #E6EBF5;border-bottom: 1px solid #E6EBF5; padding: 48px 0; text-align:center;} .hw-extra-text .hw-extra-a {font-size:36px; line-height: 44px; color: #0B0139; font-weight: 600; margin-bottom:24px;} .hw-extra-text .hw-extra-b {font-size:16px; line-height: 24px; letter-spacing: 0.4px;} .hw-z .bg-title {text-align:center;} /* Become a vendor */ .bcm-items {padding-top: 8px; overflow:hidden; margin: 0 -12px 96px;} .bcm-items .bcm-item {float:left; width:33.3333333333%; padding: 0 12px; text-align:center;} .bcm-icon {display:inline-block; vertical-align: top; width:156px; height: 156px; margin-bottom:8px;} .bcm-icon-a {background-image: url(../images/bcm1.svg)} .bcm-icon-b {background-image: url(../images/bcm2.svg?v2)} .bcm-icon-c {background-image: url(../images/bcm3.svg?V1)} .bcm-icon-d {background-image: url(../images/fp1.svg)} .bcm-icon-e {background-image: url(../images/fp2.svg)} .bcm-icon-f {background-image: url(../images/fp3.svg)} .bcm-text {font-size:18px; line-height: 26px; letter-spacing: 0.2px;} .bc-check {display:flex; margin-bottom:96px;} .bc-check .bc-check-left {min-width:380px;} .bc-check .bc-check-left img {width:100%; display:block;} .bc-check .bc-check-right {padding-left: 40px; display:flex; align-items: center;} .bc-check-info {background-color: #F4F2FF; border-radius: 4px; padding: 40px;} .bc-check-info .bc-ch-t {color: #0B0139; font-size:28px; line-height: 36px; font-weight: 600; margin-bottom:24px;} .bc-check-info .bc-ch-d {font-size:16px; line-height: 24px; letter-spacing: 0.4px;} .fcp-block {margin-bottom:96px;} .fcp-items {display:flex; flex-wrap: wrap; padding: 32px 24px 8px; border-radius:4px; background-color: #E6EBF5;} .fcp-items .fcp-item {width:50%; padding: 0 8px 16px;} .fcp-items .fcp-item .fcp-item-a {background-color: #fff; border-radius:4px; padding: 16px; height: 100%;} .fcp-item-a .fcp-h {font-size:18px; line-height: 26px; font-weight: 600; letter-spacing: 0.15px; margin-bottom:8px;} .fcp-item-a .fcp-z {font-size:14px; line-height: 20px; letter-spacing: 0.5px; color: #383D47} .fcp-item-a .fcp-j {font-size:32px; line-height: 40px; font-weight: 600; color: #383D47; margin-bottom:12px;} .fcp-item-a .hw-browsing {text-align:left;} .bcm-items.fc-bottom {margin-bottom:40px;} /* Pay page */ .pay-page {padding: 32px 0 80px;} .pay-page-wrap { max-width: 872px; margin: 0 auto; background-color: #fff; padding: 48px 20px; box-shadow: 0px 2px 5px 0px rgba(23, 30, 38, 0.04); min-height: 480px; display:flex; align-items: center;} .pay-page-wrap .p-pays {width:100%;} .pr-bay a {display: block; padding: 12px 20px; border-radius: 2px; background-color: #5B46C2; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; text-align: center; border: 0; max-width: 326px; margin: 16px auto 0} .neg .pr-bay a {background-color: #D92E27} .pos .pr-bay a {background-color: #26872B} .pr-fav.product-fav.active:before {background-position: 0 100%;} /* Pop ad */ .pop-a {display: block;} .pop-a .p-alert {max-width: 800px; background-color: #F4F2FF; position:relative;} .pop-a .p-alert .p-alert-close {margin:0; position:absolute; top: 20px; right: 16px; background-color: #F4F2FF; border-radius: 10px;} .pg-ty {display:flex; align-items: center;} .pg-ty .pg-ty-left {min-width: 400px;} .pg-ty .pg-ty-left img {width:100%; display:block;} .pg-ty .pg-ty-right {overflow:hidden; text-align:center; padding: 30px 16px;} .pg-button {margin-top: 24px;} .pg-button a {display: block; width: 100%; padding: 12px 20px; border-radius: 2px; background-color: #5B46C2; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; text-align: center; border: 0; cursor: pointer;} /* Wp contact */ .wp-contact {position: fixed; bottom: 20px; right: 20px; z-index: 100000; } .wp-contact a {border-radius: 50%; display: block; background-color: #64b161; padding: 10px; border: 1px solid #64b161} .wp-contact a:before { border: 3px solid #64b161; border-radius: 9999px; box-sizing: border-box; content: " "; height: 160%; left: -30%; opacity: .6; position: absolute; top: -30%; transform: scale(.714); width: 160%; z-index: 1 } .wp-contact a:before {animation: pulse 1.4s linear infinite} .wp-contact a:hover {background-color: #fff; transition: color .25s ease-in-out} .wp-contact a:hover .wp-contact-icon { background-position: 0 100%} .wp-contact a .wp-contact-icon{width: 28px; height: 28px; background-image: url(../images/wp-f.svg); background-size: cover; background-position: 0 0} @keyframes pulse { to { opacity: 0; transform: scale(0.8) } }