.container { display: block; margin: 0px auto; max-width: 1680px !important; position: relative; width: 100% !important; } /* header */ .header { background: #fff; display: block; height: 177px; padding-top: 51px; text-align: center; } .header .logo { background: url(../img/logo.png) 0px 0px no-repeat; background-size: 100% auto; color: #fff; display: block; height: 35px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; text-indent: -999999px; width: 370px; } .header .menu { display: block; padding-top: 42px; position: relative; text-align: center;} .header .menu.is_stuck { background: #fff; display: block; padding-bottom: 18px; padding-top: 15px; z-index: 9999; width: 100% !important; } .header .menu li { display: inline-block; vertical-align: top; padding: 0px 25px; position: relative; } .header .menu li::after { background: #E8E8E8; content: ""; height: 28px; width: 1px; position: absolute; right: 0px; top: 0px; } .header .menu li:last-child::after { display: none; } .header .menu li a { color: #233243; display: block; font-size: 17.68px; font-weight: bold; line-height: 1.76em; padding: 0px 7px; } .header .menu li a:hover { color: #697A8E } .header .menu li .sub-menu { background: #6D7C8F; border-top: 18px solid #fff; display: block; visibility: hidden; opacity: 0; left: 0px; padding-bottom: 27px; padding-top: 26px; position: absolute; text-align: left; width: 251px; z-index: 6; transition: visibility 0.3s, opacity 0.6s linear; } .header .menu li .sub-menu li { display: block; padding: 0px; position: relative; } .header .menu li .sub-menu li::after { display: none; } .header .menu li .sub-menu li a { background: #6D7C8F; color: #fff; font-size: 14px; font-weight: 500; line-height: 2.57em; padding: 0px 10px 0px 34px; } .header .menu li .sub-menu li a::before { background: url(../img/canvas.png) 0px -30px no-repeat; background-size: 100% auto; content:""; color: #fff; height: 10px; left: 33px; position: absolute; top: 13px; width: 10px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; } .header .menu li .sub-menu li a:hover { background: #7F8DA0; padding-left: 45px; } .header .menu li .sub-menu li a:hover::before { opacity: 1; } .header .menu li:hover .sub-menu { display: block; visibility: visible; opacity: 1; } .header .menu li #show_search { background: url(../img/search-icon.png) 0px 0px no-repeat; background-size: 24px 24px; cursor: pointer; display: block; height: 24px; margin-top: 4px; padding: 0px 7px; width: 24px; } #search-form { background: none; color: #fff; display: none; height: 77px; left: 50%; margin-left: -356px; max-width: 712px; position: absolute; text-align: right; top: 177px; width: 100%; z-index: 5; } #search-form input[type=text] { border: 0px none; background: #6C7B8D; color: #fff; display: block; float: right; height: 77px; line-height: 77px; padding-left: 25px; width: 350px; } #search-form input[type=text]::-webkit-input-placeholder { color: #fff; font-weight: 500; opacity: 1; } #search-form input[type=text]::-moz-placeholder { color: #fff; font-weight: 500; opacity: 1; } #search-form input[type=text]:-ms-input-placeholder { color: #fff; font-weight: 500; opacity: 1; } #search-form input[type=text]:-moz-placeholder { color: #fff; font-weight: 500; opacity: 1; } #search-form button { border: 0px none; background: #6C7B8D; display: block; float: right; height: 77px; line-height: 77px; } #search-form button:disabled img, #search-form button[disabled] img { opacity: 0.2; } #search-form button img { display: inline-block; height: 24px; width: 24px; margin-right: 20px; margin-top: 25px; } #search-form.is_stuck { top: 64px !important; } .header #show_menu { color: #233243; cursor: pointer; display: block; font-size: 12.54px; font-weight: bold; padding-top: 30px; position: absolute; right: 110px; text-transform: uppercase; top: 35px; } .header #show_menu::before { background: #6C7B8D; content: ""; display: block; height: 3px; width: 28px; position: absolute; top: 8px; right: 0px; } .header #show_menu::after { background: #6C7B8D; content: ""; display: block; height: 3px; width: 38px; position: absolute; top: 16px; right: 0px; } .header #show_menu:hover::before { width: 38px; } .header #show_products { color: #233243; display: none; } .page_page .menu::before { border-top: 1px solid #B8C5D4; content: ""; left: 110px; position: absolute; top: 25px; width: calc(100% - 220px); } .category .header .menu.is_stuck::before, .archive .header .menu.is_stuck::before, .single-product .header .menu.is_stuck::before, .page_page .menu.is_stuck::before, .woocommerce-cart .menu.is_stuck::before, .woocommerce-checkout .menu.is_stuck::before, .page-id-102 .menu.is_stuck::before, .blog .menu.is_stuck::before, .archive.category:not(.tax-product_cat) .menu.is_stuck::before, .single-post .header .menu.is_stuck::before { display: none; } .white-page .menu.is_stuck::before { display: none; } .category .header .menu.is_stuck, .archive .header .menu.is_stuck, .single-product .header .menu.is_stuck, .page_page .header .menu.is_stuck, .woocommerce-cart .header .menu.is_stuck, .woocommerce-checkout .header .menu.is_stuck, .page-id-102 .header .menu.is_stuck, .blog .header .menu.is_stuck, .archive.category:not(.tax-product_cat) .header .menu.is_stuck, .single-post .header .menu.is_stuck { background: #D2D8DE; } .category .menu li .sub-menu, .archive .menu li .sub-menu, .single-product .menu li .sub-menu, .woocommerce-cart .menu li .sub-menu, .woocommerce-checkout .menu li .sub-menu, .page-id-102 .menu li .sub-menu, .blog .menu li .sub-menu, .archive.category:not(.tax-product_cat) .menu li .sub-menu, .single-post .menu li .sub-menu { border-top-color: #D2D8DE; } /* category */ .category .header, .archive .header, .single-product .header, .blog .header, .archive.category:not(.tax-product_cat) .header, .single-post .header { background: #D2D8DE; } .category .header .menu, .archive .header .menu, .single-product .header .menu, .blog .header .menu, .archive.category:not(.tax-product_cat) .header .menu, .single-post .header .menu { padding-bottom: 18px; } .category .header .menu::before, .archive .header .menu::before, .single-product .header .menu::before, .blog .header .menu::before, .archive.category:not(.tax-product_cat) .header .menu::before, .single-post .header .menu::befor { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; top: 25px; } .category .header .menu::after, .archive .header .menu::after, .single-product .header .menu::after, .blog .header .menu::after, .archive.category:not(.tax-product_cat) .header .menu::after, .single-post .header .menu::after { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; bottom: 0px; } .category .header .menu li::after, .archive .header .menu li::after, .single-product .header .menu li::after, .blog .header .menu li::after, .archive.category:not(.tax-product_cat) .header .menu li::after, .single-post .header .menu li::after { background: #B9C1CA; } .woocommerce-cart .header { background: #D2D8DE; } .woocommerce-cart .header .menu { padding-bottom: 18px; } .woocommerce-cart .header .menu::before { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; top: 25px; } .woocommerce-cart .header .menu::after { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; bottom: 0px; } .woocommerce-cart .header .menu li::after { background: #B9C1CA; } .woocommerce-checkout .header { background: #D2D8DE; } .woocommerce-checkout .header .menu { padding-bottom: 18px; } .woocommerce-checkout .header .menu::before { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; top: 25px; } .woocommerce-checkout .header .menu::after { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; bottom: 0px; } .woocommerce-checkout .header .menu li::after { background: #B9C1CA; } /* white-page */ .white-page .header .menu { padding-bottom: 18px; } .white-page .header .menu::before { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; top: 25px; } .white-page .header .menu::after { background: #B9C1CA; content: ""; height: 1px; left: 110px; width: calc(100% - 220px); position: absolute; bottom: 0px; } .white-page .header .menu li::after { background: #B9C1CA; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .header .logo { background: url(../img/logo2x.png) 0px 0px no-repeat; background-size: 100% auto; } } /* navigation */ .navigation { background: #465260; color: #FFFFFF; display: none; margin: 0px 110px; padding: 0px 110px; position: absolute; top: 111px; width: calc(100% - 220px); z-index: 10; } .navigation .nav-first { border-bottom: 6px solid #B8C5D4; } .navigation .nav-first { display: flex; padding-bottom: 56px; } .navigation .nav-first .nav-col { padding-top: 58px; width: 25%; } .navigation .nav-first .nav-col p { font-size: 19.65px; font-weight: bold; line-height: 1.12em; padding-bottom: 12px; } .navigation .nav-first .nav-col p a { color: #fff; } .navigation .nav-first .nav-col p a:hover { color: #B7C5D3; } .navigation .nav-first .nav-col ul { list-style: none; padding-bottom: 20px; } .navigation .nav-first .nav-col ul li { display: block; padding-bottom: 8px; padding-top: 6px; } .navigation .nav-first .nav-col ul li strong { display: inline-block; font-size: 16px; padding-bottom: 6px; } .navigation .nav-first .nav-col ul li a { color: #B7C5D3; font-size: 14px; line-height: 1em; } .navigation .nav-first .nav-col ul li a:hover { color: #fff; } .navigation .nav-first .nav-col:nth-of-type(2) li:nth-of-type(3) { font-size: 14px; line-height: 1.57em; padding-top: 30px; } .navigation .nav-first .nav-col:nth-of-type(2) ul li:nth-of-type(3) a { color: #fff; } .navigation .nav-first .nav-col:nth-of-type(2) li:last-child { font-size: 14px; line-height: 1.57em; padding-top: 20px; } .navigation .nav-first .nav-col:nth-of-type(2) ul li:last-child a { color: #B7C5D3; } .navigation .nav-first .nav-col form { display: block; width: 100%; } .navigation .nav-first .nav-col form input { background: none; border: 0px none; border-bottom: 1px solid #6C7B8D; color: #fff; display: block; padding-bottom: 10px; padding-top: 4px; width: 100%; } .navigation .nav-first .nav-col form button { background: none; border: 0px none; color: #B7C5D3; font-size: 18.13px; font-weight: 800; margin-top: 20px; padding: 0px; padding-left: 22px; position: relative; text-transform: uppercase; } .navigation .nav-first .nav-col form button:hover { color: #fff; } .navigation .nav-first .nav-col form button::before { background: #B7C5D3; content: ""; display: block; height: 12px; left: 0px; position: absolute; top: 6px; width: 12px; } .navigation .nav-first .nav-col form input:invalid { -moz-box-shadow: none; box-shadow: none; border-color: #C00; outline: none; } .navigation .nav-second { display: flex; padding-bottom: 38px; } .navigation .nav-second .nav-col { padding-top: 28px; width: 25%; } .navigation .nav-second .nav-col p { font-size: 18px; font-weight: 700; line-height: 1.41em; } .navigation .nav-second .nav-col p a { color: #fff; display: inline-block; font-size: 25.34px; font-weight: 500; line-height: 1.15em; } .navigation .nav-second .nav-col p a:hover { color: #B7C5D3; } .navigation .nav-second .nav-col .socials { display: block; margin-left: -19px; padding-top: 3px; } .navigation .nav-second .nav-col .socials li { display: inline-block; vertical-align: top; } .navigation .nav-second .nav-col .socials li a { background: url(../img/socials-white.png) -48px -48px no-repeat; background-size: 100% auto; color: #465260; display: block; height: 48px; opacity: 0.65; overflow: hidden; position: relative; text-indent: 99999px; width: 48px; } .navigation .nav-second .nav-col .socials li a:hover { opacity: 1; } .navigation .nav-second .nav-col .socials li.social-fb a { background-position: 0px 0px; } .navigation .nav-second .nav-col .socials li.social-ig a { background-position: 0px -48px; } aside section { overflow: visible; } /* products-navigation */ .products-navigation { background: #465260; color: #FFFFFF; display: none; margin: 0px 30px; padding: 0px 30px; padding-bottom: 28px; padding-top: 29px; position: absolute; top: 134px; width: calc(100% - 60px); z-index: 10; } .products-navigation .products-navigation-inner { display: flex; flex-flow: column wrap; width: 100%; max-height: 400px; } .products-navigation ul { list-style: none; margin-left: 0px; padding-bottom: 16px; padding-right: 30px; width: calc(100% / 3); } .products-navigation ul li { display: block; padding-bottom: 5px; padding-top: 4px;} .products-navigation ul li a { color: #B7C5D3; font-size: 12px; } .products-navigation ul li a:hover { color: #fff; } .products-navigation ul li:first-child a { color: #fff; display: block; font-size: 16px; font-weight: bold; line-height: 1.33em; padding-bottom: 2px; padding-top: 3px; } .products-navigation ul li:first-child a:hover { color: #B7C5D3; } /* slideshow */ .slideshow { display: block; overflow: hidden; position: relative; z-index: 1; } .slideshow .slide-item { background-position: center center !important; background-size: cover !important; height: 787px; } /* style 1 */ .slideshow .slide-item.slide_style1 .slide-content { color: #fff; display: none; margin: 0px auto; max-width: 1380px; position: relative; top: 50%; text-align: center; width: 90%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slideshow .slide-item.slide_style1 .slide-content h2 { display: block; font-family: 'Elephant'; font-size: 42.73px; font-weight: normal; line-height: 1.25em; padding-bottom: 2px; } .slideshow .slide-item.slide_style1 .slide-content h1 { display: block; font-family: 'Elephant'; font-size: 108.79px; font-weight: normal; line-height: 1.14em; padding-bottom: 21px; } .slideshow .slide-item.slide_style1 .slide-content p { font-size: 26.56px; font-weight: 600; padding-bottom: 140px; } .slideshow .slide-item.slide_style1 .slide-content a.slide-link { color: #fff; display: inline-block; font-size: 25.11px; font-weight: 800; margin-bottom: 30px; padding-bottom: 21px; padding-top: 21px; } .slideshow .slide-item.slide_style1 .slide-content a.slide-link::before { background: #B8C5D4; content:""; display: inline-block; height: 16px; margin-right: 10px; width: 17px; } .slideshow .slide-item.slide_style1 .slide-content a:hover.slide-link::before { background: #fff; } /* style 2 */ .slideshow .slide-item.slide_style2 .slide-content { color: #fff; display: none; margin: 0px auto; margin-top: -5px; max-width: 1380px; position: relative; top: 50%; text-align: center; width: 90%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slideshow .slide-item.slide_style2 .slide-content h2 { display: none; } .slideshow .slide-item.slide_style2 .slide-content h1 { display: block; font-family: 'Elephant'; font-size: 89.25px; font-weight: normal; line-height: 1.03em; padding-bottom: 42px; } .slideshow .slide-item.slide_style2 .slide-content p { font-size: 35.94px; font-weight: 600; padding-bottom: 126px; } .slideshow .slide-item.slide_style2 .slide-content a.slide-link { color: #fff; display: inline-block; font-size: 25.21px; font-weight: 800; margin-bottom: 30px; padding-bottom: 21px; padding-top: 21px; } .slideshow .slide-item.slide_style2 .slide-content a.slide-link::before { background: #B8C5D4; content:""; display: inline-block; height: 16px; margin-right: 10px; width: 17px; } .slideshow .slide-item.slide_style2 .slide-content a:hover.slide-link::before { background: #fff; } .slideshow .slide-item.slide_style3 .slide-content h2 { display: none; } .slideshow .slide-item.slide_style3 .slide-content h1 { display: none; } .slideshow .slide-item.slide_style3 .slide-content p { display: none; } .slideshow .slick-arrow { background: url(../img/canvas.png) -48px -48px no-repeat; background-size: 100% auto; border: 0px none; display: block; height: 48px; margin-top: -24px; overflow: hidden; position: absolute; text-indent: -999999px; top: 50%; width: 48px; z-index: 2; } .slideshow .slick-arrow.slick-prev { background-position: 0px -144px; left: 104px; } .slideshow .slick-arrow.slick-next { background-position: 0px -144px; right: 104px; transform: rotate(180deg); } .slideshow .slick-arrow.slick-prev:hover { left: 89px; padding-right: 15px; } .slideshow .slick-arrow.slick-next:hover { right: 89px; padding-left: 15px; } .slideshow .slick-dots { list-style: none; position: absolute; right: 100px; top: 27px; z-index: 2; } .slideshow .slick-dots li { display: block; height: 23px; margin-bottom: 15px; } .slideshow .slick-dots li button { background: none; border: 0px none; border-left: 1px solid #B7C5D3; color: #B7C5D3; display: block; height: 23px; font-size: 14.1px; font-weight: bold; overflow: hidden; position: relative; width: 40px; } .slideshow .slick-dots li button::before { content: "0"; } .slideshow .slick-dots li.slick-active button { border-color: #fff; color: #fff; font-size: 18px; } .slideshow .slick-dots li button:hover { color: #fff; } /* leaders */ .leaders { background: #D2D8DE; display: block; position: relative; z-index:2; } .leaders .leaders-inner { display: block; margin-left: auto; margin-right: auto; max-width: 960px; padding-bottom: 237px; position: relative; top: -128px; width: 90%; } .leaders .leaders-inner article { align-items: stretch; display: flex; flex-direction: row; width: 100%; } .leaders .leaders-inner article .leaders-left { width: 50%; } .leaders .leaders-inner article .leaders-right { order: 2; overflow: hidden; position: relative; width: 50%; } .leaders .leaders-inner .leaders-content { padding-left: 55px; padding-right: 55px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .leaders .leaders-inner .leaders-content h1 { color: #fff; font-family: 'Elephant'; font-size: 64px; line-height: 1.05em; padding-bottom: 0px; } .leaders .leaders-inner .leaders-content h2 { font-size: 35.24px; font-weight: 500; line-height: 1.13em; padding-bottom: 25px; } .leaders .leaders-inner .leaders-content hr { border: 0px none; display: block; height: 4px; margin: 0px; padding: 0px; width: 44px; } .leaders .leaders-inner .leaders-content p { font-size: 19px; font-weight: 400; line-height: 1.26em; padding-bottom: 32px; padding-top: 32px; } .leaders .leaders-inner .leaders-content span.leaders-link { display: inline-block; font-size: 18.13px; font-weight: bold; margin-bottom: 33px; } .leaders .leaders-inner .leaders-content span.leaders-link::before { content: ""; display: inline-block; height: 12px; margin-right: 7px; width: 12px; } .leaders .leaders-inner a:nth-child(odd) .leaders-left { background: #6C7B8D; order: 1; } .leaders .leaders-inner a:nth-child(odd) .leaders-left .leaders-content h2 { color: #B7C4D3; } .leaders .leaders-inner a:nth-child(odd) .leaders-left .leaders-content p { color: #233143; } .leaders .leaders-inner a:nth-child(odd) .leaders-left .leaders-content hr { background: #B8C5D4; } .leaders .leaders-inner a:nth-child(odd) .leaders-left .leaders-content span.leaders-link { color: #B7C5D3; } .leaders .leaders-inner a:hover .leaders-content span.leaders-link { color: #fff !important; } .leaders .leaders-inner a:nth-child(odd) .leaders-left .leaders-content span.leaders-link::before { background: #233243; } .leaders .leaders-inner a:nth-child(odd) .leaders-right { order: 2; } .leaders .leaders-inner a:nth-child(even) .leaders-left { background: #89817C; order: 2; } .leaders .leaders-inner a:nth-child(even) .leaders-left .leaders-content h2 { color: #DFD5CF; font-size: 22.81px; padding-bottom: 0px; padding-top: 5.5px; } .leaders .leaders-inner a:nth-child(even) .leaders-left .leaders-content p { color: #2C271D; padding-bottom: 27px; padding-top: 26px; } .leaders .leaders-inner a:nth-child(even) .leaders-left .leaders-content span.leaders-link { color: #DFD5CF; margin-bottom: 22px; } .leaders .leaders-inner a:nth-child(even) .leaders-left .leaders-content span.leaders-link::before { background: #504839; } .leaders .leaders-inner a:nth-child(even) .leaders-right { order: 1; } .leaders .leaders-inner .leaders-left img { display: block; height: auto; margin-bottom: 32px; width: auto; } .leaders .leaders-inner .leaders-right img { display: block; height: auto; width: 100%; } .leaders .leaders-inner a:hover .leaders-right img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } /* blocks */ .blocks { background: #fff; color: #233243; display: block; margin-left: 0px; position: relative; z-index:2; } .blocks .blocks-inner { align-items: stretch; justify-content: center; display: flex; flex-direction: row; margin-bottom: -276px; margin-left: auto; margin-right: auto; max-width: 1500px; position: relative; top: -276px; width: calc(100% - 220px); } .blocks .blocks-inner a { background: #6C7B8D; width: 100%; } .blocks .blocks-inner a:hover { background: #223144 } .blocks .blocks-inner article { align-items: stretch; display: flex; flex-direction: column; position: relative; width: 100%; } .blocks .blocks-inner article .blocks-content { background: #6C7B8D; display: none; position: relative; top: 0px; width: 100%; } .blocks .blocks-inner article .blocks-content h1 { color: #fff; font-size: 26px; font-family: 'Elephant'; font-weight: normal; line-height: 1.38em; padding-bottom: 3px; padding-left: 35px; padding-right: 35px; padding-top: 37px; } .blocks .blocks-inner article .blocks-content p { color: #B7C5D3; font-size: 16px; line-height: 1.27em; padding-left: 35px; padding-right: 35px; padding-bottom: 47px; } .blocks .blocks-inner article .blocks-image { display: block; height: 276px; overflow: hidden; position: relative; } .blocks .blocks-inner article .blocks-image img { display: block; height: auto; min-height: 276px; min-width: 670px; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transform-origin: 30% 30%; } .blocks .blocks-inner a:nth-child(odd) { margin-right: 20px; } .blocks .blocks-inner a:nth-child(even) { margin-left: 20px; } .blocks .blocks-inner a:hover article .blocks-image img { -webkit-transform: scale(1.06) translate(-50%,-50%); -ms-transform: scale(1.06) translate(-50%,-50%); transform: scale(1.06) translate(-50%,-50%); } .blocks .blocks-inner article .blocks-bottom { display: block; height: 100%; position: relative; top: 0px; width: 100%; } .blocks .blocks-inner article .blocks-bottom h1 { color: #fff; font-size: 26px; font-family: 'Elephant'; font-weight: normal; line-height: 1.38em; padding-bottom: 3px; padding-left: 35px; padding-right: 35px; padding-top: 37px; } .blocks .blocks-inner article .blocks-bottom p { color: #B7C5D3; font-size: 16px; line-height: 1.27em; padding-left: 35px; padding-right: 35px; padding-bottom: 47px; } /* white-article */ .white-article { padding-bottom: 91px; padding-top: 90px; position: relative; z-index:2; } .white-article .white-inner { display: block; margin-left: auto; margin-right: auto; max-width: 1500px; width: calc(100% - 220px); } .white-article .white-inner a { color: #233243; display: flex; flex-direction: row; align-items: center; justify-content: center; } .white-article .white-inner .white-content { margin-right: 20px; margin-top: -27px; text-align: center; width: 50%; } .white-article .white-inner .white-content h3 { color: #6B7B8D; font-family: 'Elephant'; font-weight: normal; font-size: 123.55px; line-height: 1.14em; padding-bottom: 13.5px; } .white-article .white-inner .white-content h3 span { color: #233243; display: block; font-family: 'Montserrat', sans-serif; font-size: 27.59px; font-weight: 500; line-height: 1.25em; padding-bottom: 31px; text-transform: uppercase; } .white-article .white-inner .white-content p { display: block; font-size: 27.59px; line-height: 1.25em; margin: 0px auto; max-width: 540px; padding-bottom: 51px; } .white-article .white-inner .white-content hr { background: #6C7B8D; border: 0px none; display: block; height: 4px; margin: 0px auto; padding: 0px; width: 44px; } .white-article .white-inner .white-content span.white-link { color: #6B7B8D; display: inline-block; font-size: 25.11px; font-weight: 800; margin-bottom: 30px; margin-top: 46px; padding-bottom: 21px; padding-top: 21px; text-transform: uppercase; } .white-article .white-inner a:hover .white-content span.white-link { color: #233243; } .white-article .white-inner .white-content span.white-link::before { background: #233243; content:""; display: inline-block; height: 16px; margin-right: 10px; width: 17px; } .white-article .white-inner .white-image { margin-left: 20px; overflow: hidden; position: relative; width: 50%; } .white-article .white-inner .white-image img { display: block; height: auto; width: 100%; } .white-article .white-inner a:hover .white-image img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } /* article-big */ .article-big { background: #F6F4F2; display: block; text-align: center; width: 100%; } .article-big a { color: #233243; display: block; height: 790px; margin-left: auto; margin-right: auto; max-width: 1500px; width: calc(100% - 220px); } .article-big a h2 { color: #6B7B8D; display: block; font-size: 54.79px; font-family: 'Elephant'; font-weight: normal; line-height: 1.16em; padding-bottom: 19px; padding-top: 7.2%; position: relative; max-width: 480px; z-index: 2; } .article-big a h2 span { color: #233243; display: block; font-family: 'Montserrat', sans-serif; font-size: 25.49px; font-weight: 500; padding-bottom: 3px; } .article-big a p { display: block; font-size: 14px; line-height: 1.79em; margin-bottom: 10px; max-width: 480px; position: relative; z-index: 2; } .article-big a span.article-link { color: #6B7B8D; display: block; font-size: 18.13px; font-weight: 800; margin-bottom: 30px; max-width: 480px; padding-bottom: 21px; padding-top: 23px; position: relative; z-index: 2; text-transform: uppercase; } .article-big a:hover span.article-link { color: #233243; } .article-big a span.article-link::before { background: #233243; content:""; display: inline-block; height: 12px; margin-right: 10px; width: 12px; } .article-big a img { display: block; left: 52%; height: 100%; position: absolute; top: -6%; width: auto; z-index: 1; } /* featured-products */ .featured-products { background: #fff; color: #233243; display: block; padding-top: 129px; text-align: center; width: 100%; } .featured-products h3 { color: #6C7B8C; font-size: 42.18px; font-family: 'Elephant'; font-weight: normal; line-height: 1.2em; padding-bottom: 18px; } .featured-products p { font-size: 21.56px; line-height: 1.23em; } .featured-products p.featured-none { padding-top: 20px; font-size: 16px; } .featured-products ul { display: flex; margin: 0px auto !important; max-width: 980px; padding-bottom: 171px; padding-top: 63px; width: 90%; } .featured-products ul li { list-style: none; margin: 0px 10px !important; width: 25%; } .featured-products ul li:nth-of-type(6) { display: none; } .featured-products ul li a, .featured-products ul li a span strong, .featured-products ul li a span { color: #233243!important; display: inline-block!important;} .featured-products ul li a img { background: #F6F5F4; display: block; height: auto; padding: 13px; padding-bottom: 12px; width: 100%; } .featured-products ul li a h1 { font-size: 18px; font-weight: 700; line-height: 1.22em; padding-bottom: 13px; padding-top: 27px; } .featured-products ul li a p { color: #6B7B8D; font-size: 10.96px; line-height: 1.2em; padding-bottom: 19px; text-transform: uppercase; } .featured-products ul li a span.price { font-size: 13px; } .featured-products ul li a span.price b, .featured-products ul li a span.price strong { font-size: 22px; } .featured-products ul li a:hover img { background: #E1E0DE; } /* footer-grid */ .footer-grid { display: table; position: relative; z-index: 2; width: 100%; } .footer-grid .footer-left { background: #233243; display: table-cell; vertical-align: top; width: 26%; } .footer-grid .footer-left .footer-content { display: block; margin-left: auto; margin-right: auto; padding-top: 86px; width: 70%; } .footer-grid .footer-left .footer-content h4 { color: #B7C5D3; font-size: 2.7vw; font-family: 'Elephant'; font-weight: normal; line-height: 1.21em; padding-top: 32px; } .footer-grid .footer-right { background: #D2D8DE; display: table-cell; padding-bottom: 249px; position: relative; vertical-align: top; } .footer-grid .footer-right .footer-content { display: table; padding-left: 20px; min-width: 922px; max-width: 1000px; width: 100%; } .footer-grid .footer-right .footer-content .footer-column { display: table-cell; padding-top: 81px; vertical-align: top; width: 50%; } .footer-grid .footer-right .footer-content .footer-column ul { list-style: none; display: inline-block; padding-left: 40px; width: 45%; vertical-align: top; } .footer-grid .footer-right .footer-content .footer-column ul:first-child li:last-child { padding-top: 11px; } .footer-grid .footer-right .footer-content .footer-column ul:first-child li:last-child a { font-size: 19.65px; font-weight: 700; line-height: 1.2em; } .footer-grid .footer-right .footer-content .footer-column ul:first-child li:last-child a:hover { text-decoration: underline; } .footer-grid .footer-right .footer-content .footer-column ul:nth-child(2) li:nth-child(5) { margin-top: 20px; } .footer-grid .footer-right .footer-content .footer-column ul:nth-child(2) li:nth-child(5) a { cursor: default; } .footer-grid .footer-right .footer-content .footer-column ul:nth-child(2) li:nth-child(5) a:hover { text-decoration: none; } .footer-grid .footer-right .footer-content .footer-column ul li { display: block; margin-bottom: 5px; } .footer-grid .footer-right .footer-content .footer-column ul li a { color: #233243; display: block; font-size: 14px; line-height: 1.1em; padding-bottom: 4px; padding-top: 4px; } .footer-grid .footer-right .footer-content .footer-column ul li a:hover { text-decoration: underline; } .footer-grid .footer-right .footer-content .footer-column ul li:first-child { margin-bottom: 8px; } .footer-grid .footer-right .footer-content .footer-column ul li:first-child a { font-size: 19.65px; font-weight: 700; line-height: 1.2em; } .footer-grid .footer-right .footer-content .footer-column ul li:first-child a:hover { text-decoration: underline; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials { padding-left: 0px; padding-top: 11px; width: inherit; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials li { display: inline-block; vertical-align: top; margin-bottom: 0px; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials li a { background: url(../img/socials.png) -32px -32px no-repeat; background-size: 100% auto; color: #D2D8DE; height: 32px; overflow: hidden; padding-bottom: 0px; padding-top: 0px; position: relative; text-indent: 99999px; width: 32px; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials li:first-child { margin-bottom: 0px; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials li:first-child a { font-size: 14px; font-weight: 500; line-height: 1.1em; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials li.social-fb a { background-position: 0px 0px; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials li.social-ig a { background-position: 0px -32px; } .footer-grid .footer-right .footer-content .footer-column ul.footer-socials li a:hover { opacity: 0.5; } .footer-grid .footer-right .footer-content .footer-column .footer-info { color: #233243; display: inline-block; vertical-align: top; width: 38%; } .footer-grid .footer-right .footer-content .footer-column .footer-info h6 { font-size: 19.65px; font-weight: 700; line-height: 1.2em; padding-bottom: 4px; padding-top: 4px; } .footer-grid .footer-right .footer-content .footer-column .footer-info p { line-height: 1.1em; } .footer-grid .footer-right .footer-content .footer-column .footer-info p strong, .footer-grid .footer-right .footer-content .footer-column .footer-info p b { display: block; font-size: 16px; padding-bottom: 5px; padding-top: 12px; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter { display: inline-block; vertical-align: top; width: 60%; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter form { padding-top: 0px; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter form label { color: #233243; display: block; font-size: 19.65px; font-weight: 700; line-height: 1.2em; padding-bottom: 2px; padding-top: 4px; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter form input { background: none; border: 0px none; border-bottom: 1px solid #6C7B8D; display: block; margin-bottom: 10px; margin-top: 9px; padding-bottom: 9px; padding-top: 4px; width: 90%; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter form button { background: none; border: 0px none; color: #6C7B8D; display: block; font-size: 18.13px; font-weight: 800; margin-bottom: 30px; max-width: 480px; padding-bottom: 11px; padding-left: 0px; padding-top: 10px; position: relative; z-index: 2; text-transform: uppercase; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter form button::before { background: #233243; content:""; display: inline-block; height: 12px; margin-right: 10px; width: 12px; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter form button:hover { color: #233243; } .footer-grid .footer-right .footer-content .footer-column .footer-newsletter .wpcf7-response-output { color: #233243; margin: 0px; padding: 0px; } .footer-grid .footer-right .footer-bottom { background: #6C7B8D; bottom: 0px; display: block; padding-bottom: 60px; position: absolute; text-align: right; width: 100%; } .footer-grid .footer-right .footer-bottom ul { display: inline-block; float: left; padding-left: 20px; padding-top: 38px; text-align: left; vertical-align: top; } .footer-grid .footer-right .footer-bottom ul li { display: inline-block; border-right: 1px solid #818FA0; } .footer-grid .footer-right .footer-bottom ul li a { color: #fff; display: block; font-size: 25.43px; line-height: 1.05em; margin-left: 20px; margin-right: 20px; } .footer-grid .footer-right .footer-bottom ul li a span { color: #B7C5D3; display: block; font-size: 18px; font-weight: 700; padding-bottom: 1px; } .footer-grid .footer-right .footer-bottom ul li a:hover { color: #B7C5D3; } .footer-grid .footer-right .footer-bottom ul li:last-child { border-right: 0px none; } .footer-grid .footer-right .footer-bottom ul li:last-child a { margin-right: 0px; } .footer-grid .footer-right .footer-bottom p { color: #B7C5D3; display: inline-block; font-size: 14px; line-height: 1em; vertical-align: top; padding-top: 75px; margin-right: 40px; } .footer-grid .footer-right .footer-bottom p a { color: #B7C5D3; } .footer-grid .footer-right .footer-bottom p a:hover { color: #fff; } /* banner */ .banner { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; display: block; height: 617px; } .banner .breadcrumbs { display: block; padding-top: 39px; text-align: center; } .banner .breadcrumbs li { display: inline-block;line-height: 1.8em; vertical-align: top; } .banner .breadcrumbs li::before { content: ">"; display: inline-block; line-height: 1.7em; vertical-align: top; padding-left: 3px; padding-right: 5px; } .banner .breadcrumbs li:first-child::before { display: none; } .banner .breadcrumbs li a { color: #fff; font-size: 13px; line-height: 1.8em; } .banner .breadcrumbs li a:hover { text-decoration: underline; } .banner .banner-content { padding-top: 56px; text-align: center; } .banner .banner-content h1 { color: #D1D7DD; font-family: 'Elephant'; font-size: 54.98px; line-height: 1.14em; padding-bottom: 15px; } .banner .banner-content h1 span { font-family: 'Montserrat', sans-serif; font-weight: 100; } .banner .banner-content p { font-size: 18px; line-height: 1.33em; margin: 0px auto; max-width: 520px; } /* about-grid */ .about-grid { display: block; overflow: inherit; } .about-grid-container { color: #233243; display: table; position: relative; top: 0px; max-width: inherit; width: 100%; } .about-grid-container .about-left { background: #D2D8DE; display: table-cell; vertical-align: top; width: 320px; } .about-grid-container .about-left .about-inner { display: block; margin: 0px auto; padding-bottom: 72px; padding-top: 72px; width: 100%; z-index: 2; } .about-grid-container .about-left .about-inner a { color: #233343; display: block; font-size: 14px; line-height: 1.76em; max-width: 100px; margin-left: auto; margin-right: auto; margin-bottom: 4px; width: 100%; } .about-grid-container .about-left .about-inner a.current { font-size: 17px; font-weight: bold; } .about-grid-container .about-right { background: #fff; display: table-cell; padding-left: 60px; padding-top: 104px; vertical-align: top; } .about-grid-container .about-right h2 { color: #6D7D8F; display: block; font-family: 'Elephant'; font-size: 83.04px; font-weight: normal; line-height: 1em; width: 100%; } .about-grid-container .about-right h2 span { font-family: 'Montserrat', sans-serif; font-weight: 100; } .about-grid-container .about-right .about-content { display: flex; padding-right: 60px; } .about-grid-container .about-right .about-content.about-content-bg { background: #F0F2F4; margin-top: 96px; padding-top: 44px; } .about-grid-container .about-right .about-content .about-column { padding-top: 37px; position: relative; width: 50%; } .about-grid-container .about-right .about-content .about-column:nth-child(1) { padding-right: 6%; } .about-grid-container .about-right .about-content .about-column:nth-child(1)::after { background: #B9C1CA; content: ""; width: 1px; height: auto; position: absolute; right: 0px; top: 32px; height: 87%;} .about-grid-container .about-right .about-content .about-column:nth-child(2) { padding-left: 6%; } .about-grid-container .about-right .about-content.about-content-bg .about-column { padding-bottom: 85px; } .about-grid-container .about-right .about-content h3 { color: #6D7D8F; font-family: 'Elephant'; font-size: 26px; font-weight: normal; line-height: 1.15em; padding-bottom: 11px; padding-top: 4px; } .about-grid-container .about-right .about-content h4 { color: #6D7D8F; font-family: 'Elephant'; font-size: 47.89px; font-weight: normal; line-height: 1.15em; padding-bottom: 11px; padding-top: 12px; } .about-grid-container .about-right .about-content p { line-height: 1.57em; } .about-grid-container .about-right .about-content.about-content-bg .about-column:nth-child(1) { padding-left: 60px; } .about-grid-container .about-right .about-content.about-content-bg .about-column:nth-child(1)::after { height: 79.5%;} .about-grid-container .about-right .about-content.about-content-bg .about-column:nth-child(1) p { padding-top: 15px; } .about-grid-container .about-right .about-content.about-content-bg .about-column:nth-child(2) p { padding-bottom: 13px; padding-top: 9px; } .about-grid.about-gallery { margin-bottom: 0px; } .about-grid.about-gallery .about-grid-container { top: 0px; } .about-grid.about-gallery .about-left { padding-top: 20px; } .about-grid.about-gallery .about-grid-container .about-left .about-inner a { margin-bottom: 1px; } .about-grid.about-gallery .about-right { padding-top: 98px; text-align: center; } .about-grid.about-gallery .about-right h3 { color: #6D7D8F; font-size: 36px; font-weight: normal; line-height: 1.15em; padding-bottom: 19px; padding-top: 9px; } .about-grid.about-gallery .about-gallery-inner { display: block; width: 100%; } .about-grid.about-gallery .about-gallery-inner .gallery { max-width: 897px; margin-left: auto; margin-right: auto; text-align: left; width: 100%; } .about-grid.about-gallery .about-gallery-inner .gallery p { display: inline-block; padding-top: 39px; } .about-grid.about-gallery .about-gallery-inner .gallery img { display: block; height: auto; width: 100%; } .about-grid.about-gallery .about-gallery-inner .gallery .slider-for { display: block; float: left; max-width: 670px; width: 75% } .about-grid.about-gallery .about-gallery-inner .gallery .slider-nav { display: block; float: right; max-width: 207px; width: 25% } .about-grid.about-gallery .about-gallery-inner .gallery .slider-nav .slick-slide div { overflow: hidden; } .about-grid.about-gallery .about-gallery-inner .gallery .slider-nav img:hover { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .about-grid.about-gallery .about-gallery-inner .gallery .slick-vertical .slick-slide { border: 0px none; margin-bottom: 14px; } .about-grid.about-gallery .about-gallery-inner .gallery .slider-nav .slick-track, .about-grid.about-gallery .about-gallery-inner .gallery .slider-nav .slick-list { height: auto !important; } .about-container { background: #fff; margin-bottom: -275px; } .about-container .about-container-inner { margin-left: auto; margin-right: auto; overflow: hidden; position: relative; top: -275px; width: calc(100% - 220px); } .about-spacing { background: #fff; display: block; height: 130px; position: relative; width: 100%; z-index: 100; } /* contact-grid */ .contact-grid { margin-bottom: 0px; } .contact-grid:nth-of-type(2) { border-top: 0px none; } .contact-grid .about-grid-container { border-top: 1px solid #B8C5D4; top: 0px; max-width: inherit; margin-right: 110px; width: calc(100% - 110px); } .contact-grid:nth-of-type(2) .about-grid-container { border-top: 0px none; } .contact-grid .about-grid-container .about-left .about-inner { padding-top: 137px; } .contact-grid .about-grid-container .about-left .about-inner a { max-width: 160px; } .contact-grid .about-grid-container .about-right { padding-top: 0px; } .contact-grid .about-grid-container .about-right .breadcrumbs { display: block; margin-left: -320px; padding-top: 38px; text-align: center; } .contact-grid .about-grid-container .about-right .breadcrumbs li { display: inline-block; vertical-align: top; } .contact-grid .about-grid-container .about-right .breadcrumbs li::before { content: ">"; display: inline-block; line-height: 1.7em; vertical-align: top; padding-left: 3px; padding-right: 5px; } .contact-grid .about-grid-container .about-right .breadcrumbs li:first-child::before { display: none; } .contact-grid .about-grid-container .about-right .breadcrumbs li a { color: #233143; font-size: 13px; line-height: 1.8em; } .contact-grid .about-grid-container .about-right .breadcrumbs li a:hover { text-decoration: underline; } .contact-grid .contact-inner { display: table; padding-top: 90px; width: 100%; } .contact-grid .contact-inner .contact-left { display: table-cell; min-width: 330px; vertical-align: top; width: 35%; } .contact-grid .contact-inner .contact-left h1 { color: #6D7D8F; display: block; font-family: 'Elephant'; font-size: 31.39px; line-height: 1.03em; max-width: 290px; } .contact-grid .contact-inner .contact-left h1 span { font-family: 'Montserrat', sans-serif; font-weight: 300; } .contact-grid .contact-inner .contact-left h2 { display: block; font-size: 26px; margin-top: 40px; } .contact-grid .contact-inner .contact-left h2:nth-of-type(3) { margin-top: 50px; } .contact-grid .contact-inner .contact-left ul.contact-numbers { display: block; list-style: none; max-width: 327px; padding-bottom: 1px; padding-top: 9px; width: 90%; } .contact-grid .contact-inner .contact-left ul.contact-numbers li { display: block; border-bottom: 1px solid #B8C5D4; padding-bottom: 10px; padding-top: 9px; } .contact-grid .contact-inner .contact-left ul.contact-numbers li:last-child { border-bottom: 0px none; } .contact-grid .contact-inner .contact-left ul.contact-numbers li a { color: #233243; font-size: 19px; line-height: 1.3em; } .contact-grid .contact-inner .contact-left ul.contact-numbers li a:hover { color: #6D7D8F; } .contact-grid .contact-inner .contact-left ul.contact-numbers li a span { display: block; font-size: 14px; font-weight: bold; } .contact-grid .contact-inner .contact-left p { font-size: 15px; font-weight: 300; line-height: 1.43em; margin-top: 16px; } .contact-grid .contact-inner .contact-left p a { display: inline-block; color: #6D7D8F; font-weight: bold; margin-top: 8px; } .contact-grid .contact-inner .contact-left form { display: block; max-width: 328px; padding-top: 26px; width: 90%; } .contact-grid .contact-inner .contact-left form fieldset { display: block; margin-bottom: 7px; } .contact-grid .contact-inner .contact-left form fieldset input { border: 1px solid #B9C1CA; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400; display: block; padding-bottom: 16px; padding-left: 20px; padding-right: 20px; padding-top: 12px; width: 100%; } .contact-grid .contact-inner .contact-left form fieldset textarea { border: 1px solid #B9C1CA; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400; display: block; min-height: 197px; padding-bottom: 16px; padding-left: 20px; padding-right: 20px; padding-top: 12px; resize: none; width: 100%; } .contact-grid .contact-inner .contact-left form *::-webkit-input-placeholder { color: #233243; font-weight: 400; opacity: 1; } .contact-grid .contact-inner .contact-left form *::-moz-placeholder { color: #233243; font-weight: 400; opacity: 1; } .contact-grid .contact-inner .contact-left form *:-ms-input-placeholder { color: #233243; font-weight: 400; opacity: 1; } .contact-grid .contact-inner .contact-left form *:-moz-placeholder { color: #233243; font-weight: 400; opacity: 1; } .contact-grid .contact-inner .contact-left form fieldset:last-child { text-align: right; } .contact-grid .contact-inner .contact-left form button { background: none; border: 0px none; color: #6B7B8D; display: inline-block; float: right; font-size: 25.11px; font-weight: 800; margin-bottom: 0px; padding-bottom: 21px; padding-top: 25px; padding-right: 0px; position: relative; z-index: 2; text-transform: uppercase; } .contact-grid .contact-inner .contact-left form button:hover { color: #233243; } .contact-grid .contact-inner .contact-left form button::before { background: #233243; content:""; display: inline-block; height: 17px; margin-right: 10px; width: 17px; } .contact-grid .contact-inner .contact-right { display: table-cell; vertical-align: top; width: 65%; } .contact-grid .contact-inner .contact-right img { display: block; float: right; clear: right; height: auto; max-width: inherit; margin-bottom: 18px; width: 100%; } .contact-grid .contact-inner .contact-right h3 { color: #6D7D8F; font-family: 'Elephant'; font-size: 77.35px; line-height: 1.21em; max-width: 450px; width: 100%; } .contact-grid .contact-inner .contact-right .contact-list { display: block; list-style: none; padding-top: 10px; max-width: 380px; } .contact-grid .contact-inner .contact-right .contact-list li { color: #6D7D8F; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; line-height: 1.4em; margin-left: 0px; position: relative; vertical-align: top; } .contact-grid .contact-inner .contact-right .contact-list li::before { content: "• "; } .contact-grid:nth-of-type(2) .about-grid-container .about-left .about-inner { padding-bottom: 60px; padding-top: 85px; } .contact-grid:nth-of-type(2) .contact-inner { margin-top: 34px; padding-bottom: 95px; padding-top: 53px; } .contact-grid:nth-of-type(2) .contact-inner .contact-left h2 { margin-top: 6px; } .contact-grid:nth-of-type(2) .contact-inner .contact-left h2:nth-of-type(3) { margin-top: 50px; } .contact-grid:nth-of-type(2) .contact-inner .contact-right { border-left: 1px solid #B8C5D4; padding-left: 7%; padding-top: 61px; } .contact-grid:nth-of-type(2) .contact-inner .contact-left form button { padding-bottom: 5px; } .about-container.contact-container { background: #fff; margin-bottom: 0px; } .about-container.contact-container .about-container-inner.contact-container-inner { max-width: inherit; overflow: hidden; position: relative; top: 0px; } /* white-content */ .white-content { background: #fff; color: #6D7D8F; } .white-content .breadcrumbs { display: block; padding-top: 39px; text-align: center; } .white-content .breadcrumbs li { display: inline-block; vertical-align: top; } .white-content .breadcrumbs li::before { content: ">"; color: #233143; display: inline-block; line-height: 1.7em; vertical-align: top; padding-left: 3px; padding-right: 5px; } .white-content .breadcrumbs li:first-child::before { display: none; } .white-content .breadcrumbs li a { color: #233143; font-size: 13px; line-height: 1.8em; font-weight: 300; } .white-content .breadcrumbs li a:hover { text-decoration: underline; } .white-content .white-inner { padding-bottom: 148px; padding-top: 93px; text-align: center; } .white-content .white-inner h1 { font-family: 'Elephant'; font-size: 77.35px; line-height: .95em; } .white-content .white-inner h1 span { display: block; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 1em; } .white-content .white-inner p { display: block; font-size: 24px; font-weight: 400; line-height: 1.42em; margin: 0px auto; padding-bottom: 34px; padding-top: 33px; width: 650px; } .white-content .white-inner p a { color: #6D7D8F } .white-content .white-inner a.white-link { color: #6B7B8D; display: inline-block; font-size: 25.5px; font-weight: 800; margin-bottom: 30px; padding-bottom: 21px; padding-top: 21px; } .white-content .white-inner a.white-link::before { background: #233243; content:""; display: inline-block; height: 18px; margin-right: 10px; width: 19px; } .white-content .white-inner a.white-link:hover { color: #233243; } .white-content.content-404 .breadcrumbs { padding-top: 38px; } .white-content.content-404 .white-inner { padding-bottom: 112px; } .white-content.content-404 .white-inner h1 span { display: inline-block; } .white-content.content-404 .white-inner p { padding-bottom: 49px; padding-top: 14px; } .white-content.content-404 .white-inner { padding-top: 84px; } /* category-top */ .category-top { background: #D2D8DE; } .category-top .breadcrumbs { display: block; padding-top: 39px; text-align: center; } .category-top .breadcrumbs li { display: inline-block; vertical-align: top; } .category-top .breadcrumbs li::before { content: ">"; color: #233143; display: inline-block; line-height: 1.7em; vertical-align: top; padding-left: 3px; padding-right: 5px; } .category-top .breadcrumbs li:first-child::before { display: none; } .category-top .breadcrumbs li a { color: #233143; font-size: 13px; line-height: 1.8em; font-weight: 300; } .category-top .breadcrumbs li a:hover { text-decoration: underline; } .category-top .category-top-inner { color: #233243; margin-left: auto; margin-right: auto; max-width: inherit; padding-bottom: 300px; padding-top: 30px; text-align: center; width: 90%; } .category-top .category-top-inner h1 { color: #6D7D8F; font-family: 'Elephant'; font-size: 96px; line-height: 1.39em; margin-left: auto; margin-right: auto; max-width: 760px; width: 90%; } .category-top .category-top-inner h1 span { font-family: 'Montserrat', sans-serif; font-weight: 200; } .category-top .category-top-inner h2 { font-size: 28px; line-height: 1.04em; margin-top: -3px; padding-bottom: 16px; margin-left: auto; margin-right: auto; max-width: 760px; width: 90%; } .category-top .category-top-inner p { font-size: 17px; line-height: 1.38em; margin-left: auto; margin-right: auto; max-width: 760px; width: 90%; } .category-top.category-sub .category-top-inner h1 { font-size: 105.83px; line-height: 1.18em; } .category-top.product-top .breadcrumbs { padding-top: 38px; } .category-top.product-top .category-top-inner { padding-bottom: 370px; padding-top: 74px; } .category-top.product-top .category-top-inner h1 { font-size: 54.98px; line-height: 1.14em; } .category-top.product-top .category-top-inner h2 { font-size: 14px; line-height: 1.75em; padding-top: 2px; } .category-top.product-top .category-top-inner p { font-size: 18px; line-height: 1.33em; margin-left: auto; margin-right: auto; max-width: 730px; padding-top: 8px; } /* category-list */ div.category-list { background: #fff; margin-bottom: -99px; } .category-list .category-list-inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; left: 90px; width: calc(100% - 180px); position: relative; top: -198px; } .category-list .category-list-inner article { } .category-list .category-list-inner article.category-three { width: calc(100% / 3); } .category-list .category-list-inner article.category-two { width: 66.66%; } .category-list .category-list-inner article.category-one { width: 100%; } .category-list .category-list-inner article a { color: #fff; display: block; height: calc(100% - 40px); margin: 20px; margin-bottom: 40px; margin-top: 0px; overflow: hidden; position: relative; } .category-list .category-list-inner article a img { display: block; height: auto; width: 100%; } .category-list .category-list-inner article a:hover img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .category-list .category-list-inner article.category-three a h3 { bottom: 31px; font-family: 'Elephant'; font-size: 32px; line-height: 1.39em; left: 35px; position: absolute; z-index: 2; } .category-list .category-list-inner article.category-three a h3 span { font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 200; } .category-list .category-list-inner article.category-two a { background: #233243; } .category-list .category-list-inner article.category-two a:hover { background: #6D7C8F !important; } .category-list .category-list-inner article.category-two a:hover h3 span { color: #fff; } .category-list .category-list-inner article.category-two a h3 { bottom: inherit; color: #D1D7DD; font-family: 'Elephant'; font-size: 83.62px; line-height: 1.1em; left: inherit; position: absolute; text-align: center; top: calc(50% - 35px); z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .category-list .category-list-inner article.category-two a h3 span { font-family: 'Montserrat', sans-serif; font-size: 83.62px; font-weight: 200; } .category-list .category-list-inner article.category-two a h3 small { color: #fff; display: block; font-family: 'Montserrat', sans-serif; font-size: 20.93px; font-weight: 400; line-height: 1em; } .category-list .category-list-inner article.category-one a { background: #233243; height: 433px; } .category-list .category-list-inner article.category-one a:hover { background: #6D7C8F !important; } .category-list .category-list-inner article.category-one a:hover span { color: #fff; } .category-list .category-list-inner article.category-one a h3 { bottom: inherit; color: #D1D7DD; font-family: 'Elephant'; font-size: 105.71px; line-height: 1em; left: inherit; position: absolute; text-align: center; top: calc(50% - 25px); z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .category-list .category-list-inner article.category-one a h3 small { color: #fff; display: block; font-family: 'Montserrat', sans-serif; font-size: 36.29px; font-weight: 200; line-height: 1em; } .category-list .category-list-inner article.category-simple a { background: #233243; } .category-list .category-list-inner article.category-simple a:hover { background: #6D7C8F !important; } .category-list .category-list-inner article.category-simple a:hover h3 span { color: #fff; } .category-list .category-list-inner article.category-simple a h3 { bottom: inherit; color: #D1D7DD; font-family: 'Elephant'; font-size: 61.22px; line-height: 1.12em; left: inherit; position: absolute; text-align: center; top: calc(50% - 25px); z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .category-list .category-list-inner article.category-simple a h3 span { font-family: 'Montserrat', sans-serif; font-size: 61.22px; font-weight: 200; } .category-list .category-list-inner article.category-simple a h3 small { color: #fff; display: block; font-family: 'Montserrat', sans-serif; font-size: 16.22px; font-weight: 400; line-height: 1em; } /* category-grid */ .category-grid { background: #fff; color: #233243; margin-bottom: -245px; display: block; width: 100%; } .category-grid .category-grid-inner { display: flex; align-items: stretch; position: relative; top: -245px; } .category-grid .category-grid-inner .category-grid-left { background: #fff; border-bottom: 1px solid #D2D8DE; border-right: 1px solid #D2D8DE; border-top: 1px solid #D2D8DE; margin-bottom: 40px; min-width: 286px; width: 326px; } .category-grid .category-grid-inner .category-grid-left .category-filters { padding-left: 55px; padding-bottom: 61px; padding-top: 61px; } .category-grid .category-grid-inner .category-grid-left .category-filters h3, .category-grid .category-grid-inner .category-grid-left .category-filters h4 { cursor: pointer; font-size: 18.01px; font-weight: 600; padding-bottom: 7px; padding-top: 10px; margin-right: 39px; } #show_filters { display: none; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel { } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items { color: #233243; list-style: none; padding-bottom: 16px; padding-right: 55px; padding-top: 10px; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul li, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul li { line-height: 1.4em; margin: 0px !important; margin-bottom: 8px !important; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul li a, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul li a { border-bottom: 1px solid transparent; color: #233243; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul li a:hover, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul li a:hover { border-bottom: 1px solid #233243; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul li.checkbox, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul.woof_list_checkbox li { display: block; line-height: 16px; min-height: 18px; margin-bottom: 9px; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul .checkbox, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul.woof_list_checkbox li { cursor: pointer; padding-left: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul .checkbox input, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul.woof_list_checkbox li input { cursor: pointer; opacity: 0; position: absolute; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul .checkbox span, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul.woof_list_checkbox li label { font-size: 14px; margin-left: 0px; padding-left: 25px; padding-top: 0px; padding-bottom: 0px; position: relative; vertical-align: top; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul .checkbox span::before, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul.woof_list_checkbox li label::before { background: #D2D8DE url(../img/canvas.png) 3px -255px no-repeat; content:""; display: block; height: 18px; left: 0px; position: absolute; top: -1px; width: 18px; } .category-grid .category-grid-inner .category-grid-left .category-filters div.panel ul .checkbox input:checked ~ span::before, .category-grid .category-grid-inner .category-grid-left .category-filters div.woof_block_html_items ul.woof_list_checkbox li input:checked ~ label::before { background: #D2D8DE url(../img/canvas.png) -15px -255px no-repeat; } .category-grid .category-grid-inner .category-grid-left .category-filters h4 a.woof_front_toggle { color: #233243; } .category-grid .category-grid-inner .category-grid-left .category-filters div.drawer { display:none; width:100%; } .category-grid .category-grid-inner .category-grid-left .category-filters .accordion-header { cursor: pointer; line-height: 1.99em; position: relative; } .category-grid .category-grid-inner .category-grid-left .category-filters .accordion-header .accordion-header-icon { color: #233243; height: 25px; position: absolute; top: 10px; right: 20px; width: 25px; } .category-grid .category-grid-inner .category-grid-left .category-filters .accordion-header .accordion-header-icon::before { content: "+"; font-size: 18.01px; font-weight: bold; } .category-grid .category-grid-inner .category-grid-left .category-filters .accordion-header.accordion-header-active .accordion-header-icon::before { content: "-"; } .category-grid .category-grid-inner .category-grid-right { display: flex; align-items: stretch; flex-wrap: wrap; margin-right: 110px; max-width: inherit; width: 85%; } .category-grid .category-grid-inner .category-grid-right article { flex: 1 auto; margin-bottom: 40px; max-width: 50%; padding-left: 40px; width: 50%; } .category-grid .category-grid-inner .category-grid-right article a { background: #fff; border: 1px solid #D2D8DE; color: #233243; display: block; height: auto; } .category-grid .category-grid-inner .category-grid-right article a:hover .category-grid-item { border: 5px solid #D2D8DE; } .category-grid .category-grid-inner .category-grid-left .category-filters #reset-filters, .category-grid .category-grid-inner .category-grid-left .category-filters button.button { background: #B9C1CA; border-radius: 0; color: #233243; cursor: pointer; display: block; float: none !important; font-size: 14px; font-weight: 700; margin-right: 31px; margin-top: 21px; padding: 0px; padding-bottom: 15px; padding-top: 11px; text-align: center; width: calc(100% - 31px); } .woof_price5_search_container .woof_container_inner h4:nth-child(2) { display: none; } .category-grid .category-grid-inner .category-grid-right.vinyl-category-grid-right { margin: 0px auto; max-width: 1680px; } .category-grid .category-grid-inner .category-grid-right.vinyl-category-grid-right article { padding-left: 20px; padding-right: 20px; } /* category-grid-item */ .category-grid-item { background: #fff; border: 5px solid #fff; display: block; height: 100%; padding: 29px; } .category-grid-item .category-grid-images { display: flex; align-items: center; } .category-grid-item .category-grid-images img { height: auto; width: 50%; } .category-grid-item .category-grid-content { display: flex; align-items: stretch; padding-bottom: 45px; padding-top: 31px; width: 100%; } .category-grid-item .category-grid-content .category-grid-content-left { width: 50%; } .category-grid-item .category-grid-content .category-grid-content-right { width: 50%; padding-left: 0px;} .category-grid-item .category-grid-content h1 { color: #6D7D8F; font-size: 18.01px; font-weight: 600; line-height: 1.14em; width: 90%; } .category-grid-item .category-grid-content p.category-info { font-size: 14px; padding-bottom: 5px; padding-top: 6px; } .category-grid-item .category-grid-content p.category-price { font-size: 22px; font-weight: 600; padding-top: 12px; } .category-grid-item .category-grid-content p.category-price span { font-size: 16px; font-weight: 500; } .category-grid-item .category-grid-content p.category-price-old { color: #A7ADB3; font-size: 14px; text-decoration: line-through; padding-top: 6px; } .category-grid-item .category-grid-content ul.category-list { background: none; list-style: none; padding-bottom: 0px; } .category-grid-item .category-grid-content ul.category-list li { line-height: 1.57em; margin-left: 10px; position: relative; } .category-grid-item .category-grid-content ul.category-list li::before { content: "• "; position: absolute; left: -10px; } .category-grid-item .category-grid-content ul.category-colours { list-style: none; padding-bottom: 24px; padding-top: 9px; } .category-grid-item .category-grid-content ul.category-colours li { display: inline-block; height: 23px; margin-right: 3px; vertical-align: top; width: 23px; border: 1px solid #D2D8DE; } .category-grid-item .category-grid-content ul.category-colours li.color-brown { background: #444444; } .category-grid-item .category-grid-content ul.category-colours li.color-baige { background: #D6CFC8; } .category-grid-item .category-grid-content ul.category-colours li.color-ice { background: #D2D8DE; } /* category-bottom */ .category-bottom { color: #233243; display: flex; align-items: stretch; padding-bottom: 107px; padding-top: 31px; position: relative; } .category-bottom .category-bottom-spacing { color: #fff; min-width: 286px; width: 326px; } .category-bottom .category-bottom-inner { display: flex; align-items: stretch; flex-wrap: wrap; margin-right: 110px; max-width: inherit; width: 85%; } .category-bottom .category-bottom-inner .category-bottom-content { padding-left: 40px; position: relative; width: 100%; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit { position: absolute; width: 220px; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit p { display: inline-block; font-size: 14px; line-height: 41px; padding-right: 10px; vertical-align: top; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select { display: inline-block; vertical-align: top; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder { border-color: #D2D8DE; height: 41px; width: 91px; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder .sbSelector { font-size: 14px; font-weight: 500; padding: 13px 15px 11px 15px; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder .sbOptions { background: #fff; border: 1px solid #B9C1CA; line-height: 1.71em; left: -1px; margin: 0; padding: 0; position: absolute; top: 39px !important; width: calc(100% + 2px); overflow-y: auto; padding-bottom: 0px; padding-top: 0px; z-index: 9999; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder .sbOptions a { background: #fff; color: #233243; display: block; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; line-height: 1em; outline: none; margin: 0px; margin-top: 0px; padding: 11px 20px 10px 20px; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder .sbOptions a:hover { background: #B9C1CA; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder .sbOptions .choosed a { background: #233243; color: #fff; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder .sbToggle { background: url(../img/canvas.png) -11px -336px no-repeat; background-color: #D3D8DE; border-left: 1px solid #D2D8DE; display: block; height: 39px; outline: none; margin-top: 0px; position: absolute; right: 0px; top: 0px; width: 27px; /* transform: rotate(90deg); */ } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder:hover .sbToggle { background-color: #fff; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-limit .select .sbHolder .sbToggle.sbToggleOpen { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-pages { display: block; margin-left: 20px; text-align: center; width: 100%; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-pages ul { border-top: 1px solid #D2D8DE; border-bottom: 1px solid #D2D8DE; display: inline-block; font-size: 14px; list-style: none; vertical-align: top; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-pages ul li { display: inline-block; margin-right: 0px; line-height: 36px; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-pages ul li a { background: #F6F7F8; border-left: 1px solid #D2D8DE; border-right: 1px solid #D2D8DE; color: #6E7D8F; display: block; font-size: 18px; height: 39px; width: 40px; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-pages ul li a:hover { background: #D3D8DE; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-pages ul li span { color: #233243; display: block; font-weight: 600; height: 36px; width: 70px; } .category-bottom .category-bottom-inner .category-bottom-content .category-bottom-pages p { display: inline-block; line-height: 40px; left: 16px; position: relative; vertical-align: top; } .product-grid .product-grid-inner .product-grid-left .sivmainloader { display: none; } .product-grid .product-grid-inner .product-grid-left::before, div.woof_info_popup, div.woof_info_popup::before { height: 100%; width: 100%; position: absolute; top: 50%; left: 50%; margin-left: -50%; margin-top: -50%; display: block; content: ""; -webkit-animation: none; -moz-animation: none; animation: none; background: url('../img/wpspin.gif') center center no-repeat; background-size: 16px 16px; line-height: 1; text-align: center; font-size: 2em; border-radius: 0; box-shadow: none; } div.woof_info_popup { background: rgba(255,255,255, 0.9) url('data:image/gif;base64,R0lGODlhEAAQAPUAAP/////39/f39/fv7+/v7+/v5ubm5ube3t7e3t7e1tbe1tbW1tbOzs7Ozs7Fzs7FxcXFzsXFxcW9vb29vb21vb21tbW1tbWttbWtra2tra2tpaWtpa2lra2lpaWlraWlpaWlnKWcnJycnJScnJyUlJSUlJSMjIyMjIyEhISEhIR7e3t7e3tzc3NzcwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwADACwAAAAAEAAQAEAGt8CBcPAInVisU+gxHKwijsiK0WS0GoDGc7VYIBiiVEp0EAgIKaZxMrFYMpnPRxQOCRcmUwNh6BMICCQmCwMpEw0NJR1NHSEBAAgoISIRERYrGYgZLHQkSkMZKyUfcCImLRlNQhkqmX0NGCmpQyElCLd9Bn8EAiF2IR9dESodiB0pCGYVISuIWlRDDCsAAAIrKRWVJotDHSolEyUoUmxtJyvXc3QtEQN4KRhucHIiK4OqRShIkkxDQQAh+QQFBwABACwAAAAAEAAQAEAGscCAMPAInVisU+gxDKwm0BWjyVgJBIRVRNtoPEiqlChAIBhSTKMlk/l8RHDRJxUSLkynyEKBQBgMCyUmCwEpFhERJR1NHSJXCCghIhZrKxldGS0WAAATdUIZLCVybyctGU2gKx8RfQ8ZKqhDISUNC7d9fwYEInUhrA0TKh1dHSkLZRYhT4hSVFZYKykXUCeLQx0hnJBblGspK9IiHoAqEQF3KR9tb3AlK4OpRShIkUxDQQAh+QQJBwAFACwAAAAAEAAQAEAGd8CCcEgsCi1Io3BAIAwnkahQJTQYEFRh6sMViUoWACDwMU4ajcUCgWgUM5PJSdlcCEuZzIdFTB0EAhZGc14lSkUTahEdSidRaGpsCAZEInEVK0ZWGEdJdASUBR15KEYigHYFLBkbXEQGAAIEKUQqXoWJCCKHvEJBACH5BAUHAAMALAAAAAAQABAAQAa4wIFw8AidWKxT6DEcrD6ZDIvRZKwM2FVkZZl4TSpVqYFALFTMUErEHgMCgngoJFyYUpZIxNFoLB4nJgsDKR8WFicdTR0kWA0oISUfHyIsGX0ZKQMEBBZ0QhktJyULAAgWKRlNoCsieQ0THyuqQ0ZeehF9CwsIJXQhJIcXKx19HSpkCBkhs1ErVENWWAgrKSCTKYpDHSKcCygRLJRsKtUfBgIEBikRA3atJBMA8wIGIoKrRShIkExDQQAh+QQFBwABACwAAAEADwAOAEAGdcCAUEjKTCIW0VAoai6XBkND+Ml0noHIYnEVshoAgGBMQJCWKIt6cow03sOPnIUNIBALZjUSSgVCCAQGCE8ZFmwRERASSywZjxYBK0JuCw2TInJ+WAsIEQFNSnV3hCdNJXVRGUIqAQQCYmQEBKJDKhUIY3lLQQAh+QQFBwAFACwAAAEADwAOAEAGecCCsMAqfCyTzHBYijSWQxICESmYRCLicjVpPIcig0BAKBsWUOMnk7FQJpJIxCQUlbLpwmLxXA0AAAZgCwZTKkMra21IExUoSx+RGSgrKyYTclV1eGleEgUkBSd5ensFKAQABylQDVNDHwFjAgNmBoJQrAtlBRiHQkEAIfkECQcAAwAsAAAAABAAEABABnPAgXBILAoFAIDKOGg0IkOR9EO0TK7E0IDANXgR4JJR9PlkMhYLplialJZFUyRSEVYEAqMqslhQixgMXg1MRCYiZx9iTFNmaFYTRSQDIkYWc1pNAIRMEQ5QAwgAAZlFTpEDKQN4B5VLDAh9RghdX5yFuANBACH5BAUHAAEALAAAAAAQABAAQAa0wIAw8AidWKxT6DEMrAgCgYrRZKwikclVtSBYRKnVCpXJWCwrZkhEMLgRiIW8UQoJF6ZVScT/fDIfKiYLASkIAAAfHU0dJxMTFyghFgQECykZDQ0ZKhINDh92QpyZcBEfKxlNoy0nJH4iJSyqQyEpH3x9f2aSASETiBEtHZodqWciIStRUlRDDCyPWoZRIotDHSVYFSgRKQaVASIqKiUOmg9XAXgkC29wCxEmg6tFKEiSTENBACH5BAUHAAEALAAAAQAPAA4AQAZ6wIAwsCoFRKLSaShcEAjM4WkyyQQsAsEhxWR9MhnjsIFALBaNxiQaEgAAkxLy89EMn9Co0MIXIgwGASRDEYUSTCKADXJIIitDKQRugUN0GxksAQtZIXooFxYcAQZPj1EsE32jBgxRKxUREyJDBmVmaA2FJnodEWdrTEEAIfkEBQcAAwAsAAABAA8ADgBABnLAgXCQsiAAi6GyYTCQlEOL5SMkEKBC0YeqfCwaDUckYoGKBgJBANAoid7DpmGFHWQyVNUCgWgPViYTgmVDTwIAiBNPUAYEAgMfKVlvXANWZ1hbIAMITXRYdxl2fAMqUBhSiyQIC18NYxGCWHQTYBaYQkEAIfkECQcAAQAsAAAAABAAEABABnnAgHBILAoXCIRR+GkKVQgDAREKpD6SzEdUbHgjkcnEQkYZEQSBGgBYsIgNg2EZENmFncUiYuxkMkshFmGAdEMLaggVKUsFBAQDa2ofKkMZcgtGJSMiJ0JJSkt2XAERCJlGV1tDDQsNfCtCFn8Zb0MnEmBhYxmMhoZBACH5BAkHAAEALAAAAAAQABAAQAazwIAw8AidWKxT6DEMrBqLxYrRZLRE2FVEhUAYFqJUKmQAAAQrZqgUiUzeloz8MxYuTKWFgcAXCAwiJgsBKREJCCQdTR0pbyUoIR8NDRMrGZMZLB8fgSFDGSsiGRMWHyUsGU1CGSqXfAsWKalDISQGt3sEfn4fniEZXQ0pHZOMAQIESitRUlRDViciJCuNkyWKQ4xYIigRWm0TJysrKBmbHywRAXcnFnAWcXSCqkUoSJBMQ0EAOw==') center center no-repeat; position: fixed; top: 0%; margin-top: 0%; text-indent: -99999999999px; } div.woof_info_popup::before { top: 0%; margin-top: 0%; } .category-bottom.vinyl-category-grid-right-bottom { margin: 0px auto; max-width: 1680px; width: 85%; } .category-bottom.vinyl-category-grid-right-bottom .category-bottom-spacing { display: none; } /* category-columns */ .category-columns { background: #F0F2F4; color: #233243; padding-bottom: 109px; padding-top: 88px; } .category-columns .category-columns-inner { display: flex; margin-left: 5%; margin-right: auto; width: 95%; } .category-columns .category-columns-inner .category-column { padding-right: 4%; width: calc(100% / 3); } .category-columns .category-columns-inner .category-column h2 { color: #6D7D8F; font-family: 'Elephant'; font-size: 26px; line-height: 1.2em; padding-bottom: 11px; } .category-columns .category-columns-inner .category-column p { font-size: 14px; line-height: 1.57em; padding-bottom: 12px; } /* product-grid */ .product-grid { background: #fff; color: #233243; margin-bottom: 0px; display: block; position: relative; top: -273px; width: 100%; } .product-grid::after { background: #D2D8DE; content: ""; height: 273px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; } .product-grid .product-grid-inner { display: flex; align-items: stretch; position: relative; padding-bottom: 113px; margin-bottom: -273px; margin-left: auto; margin-right: auto; width: calc(100% - 220px); z-index: 2; } .product-grid .product-grid-inner.container { width: calc(100% - 220px) !important; } .product-grid .product-grid-inner .product-grid-left { background: #fff; width: 50%; position: relative; } .product-grid .product-grid-inner .product-grid-right { background: #fff; width: 50%; } /* product-gallery */ .product-gallery { background: #fff; display: block; overflow: hidden; position: relative; width: 90%; } .product-gallery .svigallery-thumbs { width: calc(100% + 10px); left: -1px; padding-top: 7px; } .product-gallery .svigallery-thumbs img { cursor: pointer; display: block; height: auto; width: calc(100% - 10px); } .product-gallery .svigallery-thumbs .slick-slide div::after { background: #fff; content: ""; display: block; height: 100%; position: absolute; right: 0px; top: 0px; width: 10px;} .product-gallery .svigallery-thumbs .slick-slide div { overflow: hidden; position: relative; } .product-gallery .svigallery-thumbs img:hover { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .product-gallery .slider-for img { display: block; height: auto; width: 100%; } .product-gallery div#woosvimain { margin-bottom: 0px; } .product-gallery #woosvi_strap .swiper-slide { position: relative; overflow: hidden; } .product-gallery .slider-nav .slick-arrow { background: url(../img/canvas.png) no-repeat; background-color: transparent; border: 0px none; display: block; height: 48px; margin-top: -24px; width: 48px; opacity: 0; overflow: hidden; position: absolute; text-indent: -999999px; top: 50%; z-index: 2; } .product-gallery .slider-nav:hover .slick-arrow { opacity: 1; } .product-gallery .slider-nav .slick-arrow.slick-prev { background-position: 0px -144px; left: 10px; } .product-gallery .slider-nav .slick-arrow.slick-next { background-position: 0px -144px; right: 10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } /* product-content */ .product-content { display: block; padding-top: 103px; } .product-content p.price { color: #6D7D8F; font-size: 46px; font-weight: 600; line-height: 1.2em; } .product-content p.price span { color: #233243; font-size: 22px; font-weight: 500; } .product-content p.price.carpet-price { font-size: 18.01px; } .product-content .price-container { padding-bottom: 13px; } .product-content p.old-price { color: #A7ADB2; font-size: 16px; line-height: 1em; text-decoration: line-through; } .product-content h3 { color: #233243; font-size: 18.01px; font-weight: 700; line-height: 1.2em; } .product-content ul.product-list, .product-content ul { background: none; list-style: none; padding-bottom: 20px; padding-top: 6px; } .product-content ul.product-list li, .product-content ul li { line-height: 1.56em; margin-left: 10px; padding-bottom: 4px; position: relative; } .product-content ul.product-list li::before, .product-content ul li:before { content: "• "; position: absolute; left: -10px; } .product-content .product-sizes-text { display: block; line-height: 1em; padding-top: 10px; padding-bottom: 25px; } .product-content .product-sizes-text span { display: inline-block; vertical-align: top; } .product-content .product-sizes-text span::after { content: "|"; color: #A7ADB3; padding-left: 10px; padding-right: 7px; } .product-content .product-sizes-text span:last-child::after { content: ""; } .product-content .product-radios, body .variations-inner-item .value { display: block; line-height: 1em; padding-top: 10px; padding-bottom: 15px; } .product-content .product-radios .radio { cursor: pointer; margin-right: 7px; position: relative; } .product-content .product-radios .radio input { cursor: pointer; opacity: 0; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .product-content .product-radios .radio span { background: #000; display: inline-block; height: 22px; width: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all ease-in-out .45s !important; -moz-transition: all ease-in-out .45s !important; transition: all ease-in-out .45s !important; } .product-content .product-radios .radio:hover span { position: relative; margin: -5px; height: 32px; width: 32px; z-index: 9999; } .product-content .product-radios .radio input:checked ~ span { border-radius: 50%; } .product-content .product-radios .radio span.colour-grey { background: #ccc; } .product-content .product-radios .radio span.colour-light-brown { background: #826F62; } .product-content .product-radios .radio span.colour-brown { background: #2F2724; } .product-content .product-room-text { display: block; line-height: 1em; padding-top: 10px; padding-bottom: 25px; } .product-content .product-room-text span { display: inline-block; vertical-align: top; } .product-content .product-room-text span::after { content: "|"; color: #A7ADB3; padding-left: 10px; padding-right: 7px; } .product-content .product-room-text span:last-child::after { content: ""; } .product-content .buttons { border: 1px solid #B9C1CA; display: table; margin-top: 8px; max-width: 572px; width: 100%; } .product-content .buttons a { color: #6B7B8D; display: table-cell; font-size: 24px; font-weight: 700; letter-spacing: -0.05em; line-height: 1em; vertical-align: top; padding-bottom: 23px; padding-left: 60px; padding-top: 25px; padding-right: 20px; position: relative; text-transform: uppercase; } .product-content .buttons a:last-child { border-left: 1px solid #B9C1CA; } .product-content .buttons a::before { background: #233243; content: ""; display: block; height: 16px; left: 30px; width: 17px; position: absolute; top: 29px; } .product-content .buttons a span { color: #233243; display: block; font-size: 14px; font-weight: 500; letter-spacing: 0em; padding-top: 2px; text-transform: none; } .product-content .buttons a:hover { background: #F6F7F9; } .product-content .product-radios .radio span > i { background: #fff; border: 1px solid #B9C1CA; bottom: 100%; color: #233243; font-size: 12px; font-style: normal; font-weight: 700; left: 50%; margin-bottom: 21px; min-width: 68px; opacity:0; padding-bottom: 28px; padding-left: 20px; padding-right: 20px; padding-top: 28px; position: absolute; text-align: center; visibility:hidden; width: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .product-content .product-radios .radio span > i:before, .product-content .product-radios .radio span > i:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; margin-left: -10px; } .product-content .product-radios .radio span > i:before { border-top: 8px solid #fff; border-top: 8px solid #fff; margin-top: 0px; z-index: 2; } .product-content .product-radios .radio span > i:after { border-top: 10px solid #B9C1CA; border-top: 10px solid #B9C1CA; margin-top: 0px; z-index: 1; } .product-content .product-radios .radio:hover span > i { visibility: visible; opacity: 1; } .product-content .woocommerce-error li { line-height: 2em; } .product-content .woocommerce-error li::before, .product-content .woocommerce-error li:before { display: none; }, .product-content .woocommerce-error li a { color: #233243 !important; text-decoration: underline; } /* product-tabs */ .product-tabs { background: #F0F2F4; color: #6C7B8C; display: block; } .product-tabs .product-tabs-inner { display: block; position: relative; padding-top: 0px; padding-bottom: 113px; margin-left: auto; margin-right: auto; width: calc(100% - 220px); z-index: 2; } .product-tabs .product-tabs-inner.container { width: calc(100% - 220px) !important; } .product-tabs .product-tabs-inner .tabs { display: block; border-bottom: 1px solid #B9C1CA; list-style: none; padding-bottom: 18px; padding-top: 35px; text-align: center; } .product-tabs .product-tabs-inner .tabs li { display: inline-block; vertical-align: top; padding-left: 30px; padding-right: 30px; position: relative; } .product-tabs .product-tabs-inner .tabs li::after { color: #CFD4DA; content: "/"; font-size: 28px; font-weight: 200; position: absolute; right: -5px; top: 10px; } .product-tabs .product-tabs-inner .tabs li:last-child::after { content: ""; } .product-tabs .product-tabs-inner .tabs li a { color: #6B7B8D; font-size: 17.68px; font-weight: 700; line-height: 1.76em; } .product-tabs .product-tabs-inner .tabs li a.active, .product-tabs .product-tabs-inner .tabs li a:hover { color: #233243; } /* tabs-content */ .tabs-content { display: block; padding-top: 93px; text-align: center; width: 100%; } .tabs-content h4 { font-family: 'Elephant'; font-size: 42.18px; line-height: 1.2em; } .tabs-content .featured-products { background: none; padding-top: 0px; } .tabs-content .featured-products ul { padding-bottom: 20px; padding-top: 39px; } .tabs-content .featured-products ul a img { background: #fff; } /* product-enquire */ .product-enquire { background: #D2D8DE; display: none; height: 500vh; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9999; } .product-enquire .product-enquire-inner { margin: 0px auto; max-width: 520px; padding-top: 65px; text-align: center; } .product-enquire .product-enquire-inner.is_stuck { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .product-enquire .product-enquire-form { padding-bottom: 65px; } .product-enquire .product-enquire-inner #close_enquire { border: 1px solid #98A3B0; color: #233243; cursor: pointer; display: block; font-size: 18px; height: 47px; line-height: 45px; margin: 0px auto; text-align: center; width: 50px; } .product-enquire .product-enquire-inner #close_enquire:hover { background: #fff; } .product-enquire .product-enquire-inner h4 { color: #233243; font-size: 18px; font-weight: 500; line-height: 1.14em; padding-bottom: 2px; padding-top: 44px; text-transform: uppercase; } .product-enquire .product-enquire-inner h4 span { color: #6D7D8F; display: block; font-family: 'Elephant'; font-size: 54.98px; font-weight: normal; line-height: 1.2em; padding-top: 32px; text-transform: none; } .product-enquire .product-enquire-inner #enquire_sku { color: #233143; font-size: 14px; font-weight: 400; } .product-enquire .product-enquire-inner h3 { color: #6D7D8F; font-size: 22px; font-weight: 700; line-height: 1.2em; padding-bottom: 16px; padding-top: 43px; } .product-enquire .product-enquire-inner .enquire-colour { display: block; } .product-enquire .product-enquire-inner .enquire-colour #enquire_colour { background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 45px; margin-left: auto; margin-right: auto; width: 45px; } .product-enquire .product-enquire-inner .enquire-colour #enquire_colour_title { color: #233143; display: block; font-size: 13px; font-weight: 400; padding-top: 12px; } .product-enquire .product-enquire-inner form { margin: 0px auto; max-width: 328px; padding-top: 50px; width: 100%; } .product-enquire .product-enquire-inner form input, .product-enquire .product-enquire-inner form textarea { border: 1px solid #B9C1CA; display: block; font-size: 13px; line-height: 1.69em; margin-bottom: 7px; padding-bottom: 11px; padding-top: 12px; text-align: center; width: 100%; } .product-enquire .product-enquire-inner form textarea { height: 197px; resize: none; } .product-enquire .product-enquire-inner form *::-webkit-input-placeholder { color: #233243; font-weight: 500; opacity: 1; } .product-enquire .product-enquire-inner form *::-moz-placeholder { color: #233243; font-weight: 500; opacity: 1; } .product-enquire .product-enquire-inner form *:-ms-input-placeholder { color: #233243; font-weight: 500; opacity: 1; } .product-enquire .product-enquire-inner form *:-moz-placeholder { color: #233243; font-weight: 500; opacity: 1; } .product-enquire .product-enquire-inner form button { background: none; border: 0px none; color: #6B7B8D; display: inline-block; font-size: 25.11px; font-weight: 800; margin-top: 24px; padding-bottom: 21px; padding-top: 21px; text-transform: uppercase; } .product-enquire .product-enquire-inner form button::before { background: #233243; content:""; display: inline-block; height: 16px; margin-right: 10px; position: relative; top: -1px; width: 17px; } .product-enquire .product-enquire-inner form button:hover { color: #233243; } .product-enquire .product-enquire-inner form .select .sbHolder { margin-bottom: 7px; } .product-enquire .product-enquire-inner form .select .sbHolder .sbSelector { text-align: center; font-weight: 500; line-height: 1.69em; padding-bottom: 11px; padding-top: 12px; } /* misc */ .woocommerce span.onsale{ display: none; } body .product-grid .product-grid-inner{ /*max-width: 1200px;*/ } body .product-content{ padding-right: 15px; } body .variations-inner-item .select .sbHolder{ max-width: 250px; } body .no_products_found{ padding-left: 0px; width: 100%; } body .no_products_found p{ min-height: 200px; border: 0px none; background: none; text-align: center; font-size: 28px; color: #233243; padding: 0px; font-weight: 400; } body .no_products_found p:before{ display: none; } body .prod-desc{ margin-top: 10px; margin-bottom: 26px; max-width: 572px; line-height: 1.5em; } body .woof_redraw_zone .woof_radio_price_reset{ display: none!important; } body .woof_price_filter_radio{ display: none; } body .tawcvs-swatches { padding: 0px; } body .tawcvs-swatches .swatch { -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; width: 22px; height: 22px; line-height: 22px; margin-right: 7px; border: 1px solid transparent; opacity: 1; } body .tawcvs-swatches .swatch-color.selected{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body .tawcvs-swatches .swatch-color.selected:before{ display: none; } body .product-content .sbHolder ul li{ margin-left: 0px; } body .product-content .sbHolder ul li:before{ display: none; } /*body .product-summary-container{ margin-bottom: 15px; }*/ body .product-summary-container p.price, body .product-summary-container p.price_current, body .product-summary-container p.price_old, body .product-summary-container form .quantity, body .product-summary-container form button[name=add-to-cart].single_add_to_cart_button, body .single_variation_wrap{ display: none!important; } body .product-summary-container .reset_variations{ margin-top: 5px; display: block!important; } .product-content .product-radios .radio span{ border: 1px solid #ccc; } .header-mail-form form label{ display: none; } body div.wpcf7-response-output{ margin: 5px; border: 0px!important; } body div.wpcf7-response-output.sent-ok{ display: none!important; } body .header-mail-form div.wpcf7-response-output { margin-left: 0px; margin-top: 20px; padding: 0px; } body div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #ff0000; font-size: 12px; color: #233243; } body span.wpcf7-not-valid-tip{ font-size: 12px; margin-top: 5px; } /* page-top */ .page-top { background: #D2D8DE; } .page-top .breadcrumbs { display: block; padding-top: 39px; text-align: center; } .page-top .breadcrumbs li { display: inline-block; vertical-align: top; } .page-top .breadcrumbs li::before { content: ">"; color: #233143; display: inline-block; line-height: 1.7em; vertical-align: top; padding-left: 3px; padding-right: 5px; } .page-top .breadcrumbs li:first-child::before { display: none; } .page-top .breadcrumbs li a { color: #233143; font-size: 13px; line-height: 1.8em; font-weight: 300; } .page-top .breadcrumbs li a:hover { text-decoration: underline; } .page-top .page-top-inner { color: #233243; margin-left: auto; margin-right: auto; max-width: inherit; padding-bottom: 55px; padding-top: 56px; text-align: center; width: 90%; } .page-top .page-top-inner h1 { color: #6D7D8F; font-family: 'Elephant'; font-size: 96px; line-height: 1.39em; margin-left: auto; margin-right: auto; max-width: inherit; width: 90%; } .page-top .page-top-inner h1 span { font-family: 'Montserrat', sans-serif; font-weight: 200; } .page-top .page-top-inner p { font-size: 17px; line-height: 1.38em; margin-left: auto; margin-right: auto; max-width: 880px; width: 90%; } .page-top .page-top-inner p a { color: #233143; text-decoration: underline; } .page-top .page-top-inner p a:hover { text-decoration: none; } body.woocommerce-cart.woocommerce-page .woocommerce-inner-page, body.woocommerce-checkout.woocommerce-page .woocommerce-inner-page{ background-color: #fff; color: #233243; } body.woocommerce-cart.woocommerce-page .woocmmerce-inner-page-detail, body.woocommerce-checkout.woocommerce-page .woocmmerce-inner-page-detail{ margin-left: auto; margin-right: auto; padding: 25px 0px; width: calc(100% - 220px); } body .woocommerce table.shop_table { border: 0px none; border-radius: 0px; max-width: 1100px; margin-left: auto; margin-right: auto; padding-top: 54px; } body .woocommerce table.shop_table tr th { border-color: #D2D8DE; border-left: 0px none; border-top: 0px none; border-right: 0px none; font-size: 16px; line-height: 2.24em; font-weight: 600; } body .woocommerce table.shop_table tr td { border-color: #D2D8DE; border-left: 0px none; border-bottom: 0px none; border-right: 0px none; font-size: 14px; font-weight: 400; padding: 9px 12px 6px 12px; } body .woocommerce table.shop_table tr th:last-child, body .woocommerce table.shop_table tr td:last-child { text-align: right; } body .woocommerce table.shop_table tr:last-child th:last-child, body .woocommerce table.shop_table tr:last-child td:last-child { text-align: right; } body .woocommerce table.shop_table .actions button.button { background: #B9C1CA; color: #233243; border-radius: 0px; height: 40px; line-height: 39px; font-weight: 600; margin-top: 35px; min-width: 223px; padding: 0px; text-align: center; } body .woocommerce .cart-collaterals .cart_totals, body.woocommerce-page .cart-collaterals .cart_totals { float: none; max-width: 1100px; margin-left: auto; margin-right: auto; padding-top: 34px; width: 100%; } body .woocommerce .cart_totals table.shop_table { border: 0px none; border-bottom: 1px solid #D2D8DE; border-top: 1px solid #D2D8DE; border-radius: 0px; max-width: 1100px; margin-left: auto; margin-top: 28px; margin-right: auto; padding-top: 0px; margin-bottom: 48px; } body.woocommerce-cart .wc-proceed-to-checkout { margin-bottom: 101px; } body .woocommerce .cart_totals table.shop_table tr th, body .woocommerce .cart_totals table.shop_table tr td { padding: 18px 12px; font-size: 16px; font-weight: 700; } body .woocommerce .cart_totals table.shop_table tr td:last-child { text-align: right; } body .woocommerce .cart_totals table.shop_table tr:last-child td:last-child { text-align: right; } body .woocommerce .quantity .qty { max-width: 77px; padding-right: 5px; width: 100%; } #add_payment_method table.cart img, body.woocommerce-cart table.cart img, body.woocommerce-checkout table.cart img { height: 44px; width: auto; } body .woocommerce a.remove { background: #fff; color: #6D7D8F !important; font-size: 28px; font-weight: 500; text-decoration: none !important; -webkit-transition: all ease-in-out .45s; -moz-transition: all ease-in-out .45s; transition: all ease-in-out .45s; } body .woocommerce a.remove:hover { background: #6D7D8F; color: #fff; } body .woocommerce table.shop_table td, body .woocommerce table.shop_table td a{ color: #233243; } body.woocommerce-page .woocommerce-inner-page h2, body.woocommerce-page .woocommerce-inner-page h3{ font-size: 22px; font-weight: 700; padding: 0px 12px; } body.woocommerce-cart.woocommerce-page .wc-proceed-to-checkout a.checkout-button, body.woocommerce-checkout.woocommerce-page #payment #place_order, body.woocommerce-checkout.woocommerce-page #payment #place_order{ background-color: #233243; margin-left: auto; margin-right: auto; max-width:320px; text-align: center; border-radius: 0px; } body.woocommerce-checkout.woocommerce-page #add_payment_method #payment, body.woocommerce-checkout.woocommerce-page .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: #D2D8DE; } body.woocommerce-page .woocommerce-inner-page a{ color: #233243; } body.woocommerce-page .woocommerce-inner-page form .form-row label{ font-weight: 500; } body.woocommerce-page .woocommerce-inner-page form input, body.woocommerce-page .woocommerce-inner-page form textarea, body.woocommerce-page .woocommerce-inner-page form select { border: 1px solid #B9C1CA; display: block; font-size: 14px; font-weight: 500; line-height: 1.69em; margin-bottom: 1px; padding-bottom: 15px; padding-top: 13px; text-align: left; width: 100%; padding-left: 15px; padding-right: 15px; } body.woocommerce-page .woocommerce-inner-page form textarea { resize: none; min-height: 100px; } .woocommerce-checkout .woocommerce-input-wrapper strong { display: inline-block; padding-top: 13px; } body.woocommerce-page .woocommerce-inner-page form *::-webkit-input-placeholder { color: #233243; font-family: 'Montserrat', sans-serif; font-size: 14px !important; font-weight: 500; opacity: 0.5; } body.woocommerce-page .woocommerce-inner-page form *::-moz-placeholder { color: #233243; font-family: 'Montserrat', sans-serif; font-size: 14px !important; font-weight: 500; opacity: 0.5; } body.woocommerce-page .woocommerce-inner-page form *:-ms-input-placeholder { color: #233243; font-family: 'Montserrat', sans-serif; font-size: 14px !important; font-weight: 500; opacity: 0.5; } body.woocommerce-page .woocommerce-inner-page form *:-moz-placeholder { color: #233243; font-family: 'Montserrat', sans-serif; font-size: 14px !important; font-weight: 500; opacity: 0.5; } body.woocommerce-page .woocommerce-inner-page #payment ul.payment_methods li{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; } body.woocommerce-page .woocommerce-inner-page #payment ul.payment_methods li input, body.woocommerce-page .woocommerce-inner-page #payment ul.payment_methods li label{ width: auto; font-weight: 500; } body.woocommerce-page .woocommerce-inner-page .select2-container--default .select2-selection--single{ height: 47px; } body.woocommerce-page .woocommerce-inner-page .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 47px; padding-left: 12px; } body.woocommerce-page .woocommerce-inner-page .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 10px; right: 10px; } .svigallery-main::after { background: #6C7B8D url(../img/zoom-icon.png) no-repeat; background-size: 100% auto; bottom: 0px; content: ""; display: block; height: 51px; position: absolute; right: 0px; width: 51px; z-index: 2; } .pswp__bg { background: #d2d8de !important; opacity: 0.9 !important; } .pswp__top-bar { background: none !important; } body .woocommerce .woocommerce-checkout { float: none; margin: 0px auto; width: 880px; } body .woocommerce .woocommerce-checkout .col2-set .col-1, body.woocommerce-page .woocommerce-checkout .col2-set .col-1 { float: none; width: 100%; } body.woocommerce-page #customer_details { padding-bottom: 56px; } body .woocommerce form p#billing_first_name_field { margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_last_name_field { margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_company_field { clear: none; float: left; margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_country_field { clear: none; float: right; margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_address_1_field { clear: left; float: left; margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_address_2_field { clear: none; float: right; margin-bottom: 13px; margin-top: 34px; width: 48%; } body .woocommerce form p#billing_city_field { clear: left; float: left; margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_state_field { clear: none; float: right; margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_postcode_field { clear: left; float: left; margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_phone_field { clear: none; float: right; margin-bottom: 13px; width: 48%; } body .woocommerce form p#billing_email_field { clear: both; margin-bottom: 13px; width: 48%; } body.woocommerce-page .woocommerce-inner-page .woocommerce-checkout h2, body.woocommerce-page .woocommerce-inner-page .woocommerce-checkout h3 { padding: 0px; padding-bottom: 29px; font-size: 22px; } body.woocommerce-checkout.woocommerce-page .woocommerce-inner-page { padding-top: 82px; } body.woocommerce-page .woocommerce-inner-page form .form-row label { padding-bottom: 6px; } body.woocommerce-page .woocommerce-inner-page form .form-row .select2-container--default .select2-selection--single { border-color: #B9C1CA; border-radius: 0px; } body .woocommerce .woocommerce-checkout-review-order table.shop_table { border-top: 1px solid #B9C1CA; padding-top: 3px; margin-top: 11px; } body .woocommerce .woocommerce-checkout-review-order table.shop_table td[data-title="Shipping"] { color: #fff; } body .woocommerce .woocommerce-checkout-review-order table.shop_table td[data-title="Shipping"] span.woocommerce-Price-amount { color: #000; } body .woocommerce .woocommerce-checkout-review-order table.shop_table tr th { padding-bottom: 13px; } body .woocommerce .woocommerce-checkout-review-order table.shop_table tr th.product-total { text-align: right; } body .woocommerce .woocommerce-checkout-review-order table.shop_table tbody tr td { border-top: 1px solid #B9C1CA; padding: 17px 12px 20px 12px; } body .woocommerce .woocommerce-checkout-review-order table.shop_table tbody tr td.product-total { text-align: right; } body .woocommerce .woocommerce-checkout-review-order table.shop_table tfoot tr th { border-top: 1px solid #B9C1CA; padding: 7px 12px 8px 12px; } body .woocommerce .woocommerce-checkout-review-order table.shop_table tfoot tr td { text-align: right !important; padding: 7px 12px 8px 12px; } body .woocommerce .woocommerce-checkout-review-order table.shop_table tfoot .order-total th, body .woocommerce .woocommerce-checkout-review-order table.shop_table tfoot .order-total td { border-bottom: 1px solid #B9C1CA; } body.woocommerce-checkout.woocommerce-page #add_payment_method #payment, body.woocommerce-checkout.woocommerce-page .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #fff; } body.woocommerce-checkout #payment .payment_method_paypal .about_paypal { margin-left: 15px; } body.woocommerce-checkout #payment ul.payment_methods { border-bottom: 0px none; padding-top: 30px; } body.woocommerce-checkout.woocommerce-page #payment #place_order { font-size: 20.65px; line-height: 1.37em; max-width: 330px; padding-bottom: 17px; padding-top: 14px; } body.woocommerce-checkout.woocommerce-page .woocmmerce-inner-page-detail { padding-bottom: 127px; } body.woocommerce-cart .woocommerce-message { display: none !important; } body.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout, body.woocommerce-checkout .woocommerce-message { display: none !important; } body.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid label { color: #233243; } body.woocommerce-checkout .woocommerce form .form-row.woocommerce-validated .select2-container, body.woocommerce-checkout .woocommerce form .form-row.woocommerce-validated input.input-text, body.woocommerce-checkout .woocommerce form .form-row.woocommerce-validated select { border-color: #B9C1CA !important; } body .swiper-button-next, body .swiper-button-prev { background: url(../img/canvas.png) -40px -40px no-repeat; background-size: 100% auto; border: 0px none; display: block; height: 40px; margin-top: -20px; overflow: hidden; position: absolute; text-indent: -999999px; top: 50%; width: 40px; z-index: 2; } body .swiper-button-prev { background-position: 0px -120px; left: 15px; } body .swiper-button-next { background-position: 0px -120px; right: 15px; } body .swiper-button-prev:hover { left: 10px; } body .swiper-button-next:hover { right: 10px; } body .swiper-button-next { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .select2-results__option, body .woocommerce form .form-row .required { color: #233243; } body .woocommerce .cart_totals table.shop_table tr td[data-title="Shipping"] { color: #fff; } body .woocommerce .cart_totals table.shop_table tr td[data-title="Shipping"] span { color: #233243; } body .pswp__ui { height: 100%; position: relative; max-width: 800px; margin-left: auto; margin-right: auto; } body .pswp__ui .pswp__button--arrow--right, body .pswp__ui .pswp__button--arrow--left, body .pswp__ui .pswp__button--arrow--right:hover, body .pswp__ui .pswp__button--arrow--left:hover { background: url(../img/canvas.png) -40px -40px no-repeat !important; background-size: 100% auto !important; border: 0px none; display: block; height: 40px; margin-top: -20px; overflow: hidden; position: absolute; text-indent: -999999px; top: 50%; width: 40px; z-index: 2; } body .pswp__ui .pswp__button--arrow--right::before, body .pswp__ui .pswp__button--arrow--left::before { content: ""; display: none; } body .pswp__ui .pswp__button--arrow--right, body .pswp__ui .pswp__button--arrow--right:hover { background-position: 0px -120px !important; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); right: -60px; } body .pswp__ui .pswp__button--arrow--left, body .pswp__ui .pswp__button--arrow--left:hover { background-position: 0px -120px !important; left: -60px; } body.page-id-9 .entry-content { background: #D2D8DE; } body.page-id-9 .entry-content .woocommerce { background: #D2D8DE; } body.page-id-9 .no_products_found p { border-bottom: 10px solid #fff; margin-bottom: 0px; } .wd-product-gallery .slick-arrow { opacity: 1; background: url(../img/canvas.png) -48px -48px no-repeat; background-size: 100% auto; border: 0px none; display: block; height: 48px; margin-top: -24px; overflow: hidden; position: absolute; text-indent: -999999px; top: 50%; width: 48px; z-index: 2; } .wd-product-gallery .slick-arrow.slick-prev { background-position: 0px -144px; left: 10px; } .wd-product-gallery .slick-arrow.slick-next { background-position: 0px -144px; right: 10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } body .mfp-bg { background: #D2D8DE; z-index: 10000; } body .mfp-wrap { z-index: 10001; } body .mfp-arrow::before { border: 0px;} body .mfp-arrow::after { border: 0px; } body .mfp-arrow { background: url(../img/canvas.png) -48px -48px no-repeat; background-size: 100% auto; height: 48px; width: 48px;} body .mfp-arrow.mfp-arrow-left { background-position: 0px -144px; left: calc(50% - 400px); z-index: 1046;} body .mfp-arrow.mfp-arrow-right { background-position: 0px -144px; right: calc(50% - 400px); z-index: 1046; -moz-transform: rotate(180deg); transform: rotate(180deg);} .woof_container_pa_price-range-carpets ul li i{ background: #fff; border: 1px solid #B9C1CA; bottom: 100%; color: #233243; font-size: 12px; font-style: normal; font-weight: 700; left: 50%; margin-bottom: 21px; min-width: 68px; opacity: 0; padding-bottom: 28px; padding-left: 20px; padding-right: 20px; padding-top: 28px; position: absolute; text-align: center; visibility: hidden; width: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; } .woof_container_pa_price-range-carpets ul li label{ position: relative; } .woof_container_pa_price-range-carpets ul li label:hover i { visibility: visible; opacity: 1; } .woof_container_pa_price-range-carpets ul li i:before, .woof_container_pa_price-range-carpets ul li i:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; margin-left: -10px; } .woof_container_pa_price-range-carpets ul li i:before { border-top: 8px solid #fff; margin-top: 0px; z-index: 2; } .woof_container_pa_price-range-carpets ul li i:after { border-top: 10px solid #B9C1CA; border-top: 10px solid #B9C1CA; margin-top: 0px; z-index: 1; } /* body .mfp-arrow { opacity: 1; background: url(../img/canvas.png) -48px -48px no-repeat; background-size: 100% auto; border: 0px none; display: block; height: 48px; margin-top: -24px; overflow: hidden; position: absolute; text-indent: -999999px; top: 50%; width: 48px; z-index: 10003; } body .mfp-arrow::before { display: none; } body .mfp-arrow::after { display: none; } body .mfp-arrow i { display: none; } body .mfp-arrow.mfp-arrow-left { background-position: 0px -144px; left: calc(50% - 400px); } body .mfp-arrow.mfp-arrow-right { background-position: 0px -144px; right: calc(50% - 400px); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }*/ .blog .category-top .category-top-inner { padding-top: 40px; padding-bottom: 109px; } .blog .category-top .category-top-inner .select { display: block; margin: 0px auto; margin-top: -3px; max-width: 328px; } .blog .category-top .category-top-inner .select .sbHolder { height: 57px; } .blog .category-top .category-top-inner .select .sbHolder .sbSelector { font-size: 15px; font-weight: 500; padding-bottom: 22px; padding-top: 19px; } .blog .category-top .category-top-inner .select .sbHolder .sbToggle { top: 5px; } .blog .category-top .category-top-inner .select .sbHolder .sbOptions { top: 55px !important; } .archive.category:not(.tax-product_cat) .category-top .category-top-inner { padding-top: 40px; padding-bottom: 109px; } .archive.category:not(.tax-product_cat) .category-top .category-top-inner .select { display: block; margin: 0px auto; margin-top: -3px; max-width: 328px; } .archive.category:not(.tax-product_cat) .category-top .category-top-inner .select .sbHolder { height: 57px; } .archive.category:not(.tax-product_cat) .category-top .category-top-inner .select .sbHolder .sbSelector { font-size: 15px; font-weight: 500; padding-bottom: 22px; padding-top: 19px; } .archive.category:not(.tax-product_cat) .category-top .category-top-inner .select .sbHolder .sbToggle { top: 5px; } .archive.category:not(.tax-product_cat) .category-top .category-top-inner .select .sbHolder .sbOptions { top: 55px !important; } .single-post .category-top .category-top-inner { min-height: 829px; padding-top: 81px; padding-bottom: 235px; } .single-post .category-top .category-top-inner h1 { font-size: 35.07px; line-height: 1.18em; padding-bottom: 18px; padding-top: 35px; } .single-post .category-top .category-top-inner p { font-size: 17px; line-height: 1.38em; } .single-post .category-top .category-top-inner p.news-meta { font-size: 16px; font-weight: 400; line-height: 1.63em; } .single-post .category-top .category-top-inner p.news-meta span { display: block; font-size: 14px; padding-top: 11px; } .news-grid { background: #fff; color: #233243; padding-top: 93px; width: 100%; } .news-grid .news-item { display: flex; margin: 0px auto; justify-content: space-between; padding-bottom: 50px; width: calc(100% - 210px); } .news-grid .news-item .news-left { width: calc(50% - 40px); } .news-grid .news-item .news-left img { display: block; height: auto; width: 100%; } .news-grid .news-item .news-right { padding-top: 42px; width: calc(50% - 40px); } .news-grid .news-item .news-right h1 { font-family: 'Elephant'; font-size: 28px; font-weight: 500; line-height: 1.21em; margin-bottom: 8px; padding-top: 30px; } .news-grid .news-item .news-right h1 a { color: #6D7D8F; } .news-grid .news-item .news-right p { font-size: 14px; line-height: 1.86em; font-weight: 400; margin-bottom: 13px; max-width: 90%; } .news-grid .news-item .news-right p.news-meta { font-size: 16px; font-weight: 400; line-height: 1.63em; margin-bottom: 9px; } .news-grid .news-item .news-right p.news-meta span { display: block; padding-top: 11px; font-size: 14px; } .news-grid .news-item .news-right a.news-link { font-size: 16px; position: relative; padding-left: 15px; } .news-grid .news-item .news-right a.news-link { background: none; border: 0px none; color: #6C7B8D; display: block; font-size: 18.13px; font-weight: 800; margin-bottom: 30px; max-width: 480px; padding-bottom: 11px; padding-left: 0px; padding-top: 10px; position: relative; z-index: 2; text-transform: uppercase; } .news-grid .news-item .news-right a.news-link::before { background: #233243; content:""; display: inline-block; height: 12px; margin-right: 10px; width: 12px; } .news-grid .news-item .news-right a.news-link:hover { color: #233243; } .news-pagging { background: #fff; list-style: none; line-height: 15px; padding-bottom: 127px; padding-top: 38px; text-align: center; } .news-pagging li { display: inline-block; border-right: 1px solid #D1D7DD; } .news-pagging li:last-child { border-right: 0px none; } .news-pagging li a, .news-pagging li span { color: #233243; display: block; font-size: 17px; padding: 0px 8px; } .news-pagging li span { font-weight: bold; } .single-post .news-internal { background: #fff; display: block; width: 100%; } .single-post .news-internal .news-internal-image { display: block; margin-left: auto; margin-right: auto; position: relative; top: -403px; margin-bottom: -403px; max-width: 906px; width: 100%; } .single-post .news-internal .news-internal-image img { display: block; height: auto; width: 100%; } .single-post .news-internal .news-internal-content { color: #233243; display: block; margin-left: auto; margin-right: auto; margin-top: 94px; max-width: 906px; padding-bottom: 40px; text-align: center; width: 100%; } .single-post .news-internal .news-internal-content h1 { color: #6D7D8F; font-family: 'Elephant'; font-size: 48px; font-weight: 500; line-height: 1.15em; margin: 0px auto; margin-bottom: 17px; width: 90%; } .single-post .news-internal .news-internal-content h2 { color: #6D7D8F; font-family: 'Elephant'; font-size: 40px; font-weight: 500; line-height: 1.15em; margin: 0px auto; margin-bottom: 21px; margin-top: 26px; width: 90%; } .single-post .news-internal .news-internal-content h3 { color: #6D7D8F; font-family: 'Elephant'; font-size: 33px; font-weight: 500; line-height: 1.15em; margin: 0px auto; margin-bottom: 22px; margin-top: 20px; width: 90%; } .single-post .news-internal .news-internal-content h4 { color: #6D7D8F; font-family: 'Elephant'; font-size: 28px; font-weight: 500; line-height: 1.15em; margin: 0px auto; margin-bottom: 25px; margin-top: 20px; width: 90%; } .single-post .news-internal .news-internal-content p { font-size: 14px; line-height: 1.57em; padding-bottom: 15px; } .single-post .news-internal .news-internal-content ul { display: block; list-style: square; margin: 0px auto; max-width: 420px; padding-bottom: 18px; padding-top: 15px; } .single-post .news-internal .news-internal-content ul li { font-size: 14px; line-height: 1.57em; padding-bottom: 12px; } .single-post .news-internal .news-internal-content p a, .single-post .news-internal .news-internal-content p a span { color: #6d7d8f !important; } .single-post .news-internal .news-internal-content p a:hover { text-decoration: underline; } .news-more { background: #fff; display: block; padding-bottom: 152px; text-align: center; width: 100%; } .news-more h2 { color: #6D7D8F; font-family: 'Elephant'; font-size: 28px; font-weight: 500; line-height: 1.2em; margin: 0px auto; padding-bottom: 55px; padding-top: 43px; width: 90%; } .news-more ul { display: block; margin: 0px auto; max-width: 1220px; text-align: left; width: calc(90% - 80px); } .news-more ul .slick-arrow { background: url(../img/arrow-dark.png) 0px 0px no-repeat; background-size: 100% auto; border: 0px none; display: block; height: 41px; margin: 0px; margin-top: -20.5px; width: 31px; padding: 0px; overflow: hidden; position: absolute; text-indent: -999999px; top: 50%; } .news-more ul .slick-arrow.slick-prev { left: -83px; } .news-more ul .slick-arrow.slick-next { right: -83px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); } .news-more ul .slick-arrow.slick-disabled { opacity: 0.3; } .news-more ul .slick-track li a { color: #233243; display: flex; justify-content: space-between; align-items: flex-start; } .news-more ul .slick-track li a .news-more-image { width: calc(50% + 20px); } .news-more ul .slick-track li a .news-more-image img { display: block; height: auto; width: 100%; } .news-more ul .slick-track li a .news-more-content { padding-left: 50px; width: calc(50% - 20px); } .news-more ul .slick-track li a p { font-size: 14px; line-height: 1.2em; width: 92%; } .news-more ul .slick-track li a p.news-more-meta { font-size: 16px; font-weight: 400; line-height: 1.86em; padding-top: 21px; } .news-more ul .slick-track li a p.news-more-meta span { display: block; font-size: 14px; padding-top: 6px; } .news-more ul .slick-track li a h1 { color: #6D7D8F; font-family: 'Elephant'; font-size: 28px; font-weight: 500; line-height: 1.2em; margin-bottom: 20px; padding-top: 38px; width: 90%; } .news-more ul .slick-track li a span.news-more-link { background: none; border: 0px none; color: #6C7B8D; display: block; font-size: 18.13px; font-weight: 800; margin-bottom: 30px; margin-top: 18px; max-width: 480px; padding-bottom: 11px; padding-left: 0px; padding-top: 10px; position: relative; z-index: 2; text-transform: uppercase; } .news-more ul .slick-track li a span.news-more-link::before { background: #233243; content:""; display: inline-block; height: 11px; margin-right: 10px; width: 11px; } .news-more ul .slick-track li a span.news-more-link:hover { color: #233243; } .news-more ul .slick-dots { display: none !important; }