.action.compare.no-display { display: none !important; } body > p { display: none; } .toolbar .modes > a { text-decoration: none; } .toolbar-amount {display: none;} .clearer { clear:both; } @media (min-width: 1200px) { .col-lg-2-4 { width: 20%; } .col-lg-9-6 { width: 80%; } } @media (max-width: 1199px) { .container { width: 100%; } } @media (min-width: 768px) { .layout-1280 .navigation, .layout-1280 .page-wrapper > .breadcrumbs .items, .layout-1280 .page-header .header.panel, .layout-1280 .header.content, .layout-1280 .footer.content, .layout-1280 .page-wrapper > .widget, .layout-1280 .page-wrapper > .page-bottom, .layout-1280 .block.category.event, .layout-1280 .top-container, .layout-1280 .page-main { max-width: 1280px; } .layout-1280 .container { width: 1280px; max-width: 100%; } .page-header.type12 .header.panel .top-panel .customer-menu .links > li:first-child > a { padding-left: 15px; } } .swatch-input {display: none;} .btn-default { color: #fff; font-weight: 400; background-image: none; background-color: #08c; text-shadow: none; border: 0; opacity: 1; filter: alpha(opacity=100); } .prev-next-products { float: right; margin-right: -12px; } .homepage-bar { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background-color: #fbfbfb; } .homepage-bar .col-md-4 { border-left: 1px solid #e1e1e1; padding-top: 20px; padding-bottom: 21px; } .homepage-bar .col-md-4:first-child { border-left: 0; } .homepage-bar [class*=" porto-icon-"], .homepage-bar [class^="porto-icon-"] { font-size: 34px; color: #000; display: inline-block; vertical-align: middle; } .homepage-bar .text-area { display: inline-block; vertical-align: middle; text-align: left; margin-left: 5px; } .homepage-bar h3 { color: #313131; font-size: 16px; font-weight: 600; margin: 0; line-height: 1.5; } .homepage-bar p { font-size: 12px; margin: 0; line-height: 1; } .image-link { display: block; position: relative; } .image-link:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; visibility: hidden; transition: all 0.2s; } .image-link:hover:before { opacity: 0.1; visibility: visible; } .image-link img { width: 100%; } .border-radius .image-link:before { border-radius: 8px; } .custom-support { text-align: left; } .custom-support em[class*=icon-] { float: left; background-color: #e35d53; color: #fff; border-radius: 50%; width: 62px; height: 62px; text-align: center; line-height: 62px; font-size: 20px; } .custom-support div.content { margin-left: 76px; } .custom-support div.content>h2 { color: #000; margin: 0; font-weight: 600; font-size: 20px; line-height: 1.5; } .custom-support div.content>em { color: #888; font-weight: 300; font-size: 11px; font-style: normal; line-height: 1; margin-bottom: 15px; display: block; } .custom-support div.content>p { color: #666; font-size: 14px; } .photo-instagrams .image-link {position: relative;} .photo-instagrams .image-link .content {display: none;position: absolute;left: 0;right: 0;top: 0;background-color: rgba(255, 0, 0, 0.5);text-align: center;height: 100%;vertical-align: middle;font-size: 35px;color: #fff;opacity: 0;visibility: hidden;transition: all 0.3s;} .photo-instagrams .image-link:hover .content{opacity: 1;visibility: visible;} .photo-instagrams .image-link .content i {position: absolute;top: calc(50% - 18px);left: calc(50% - 24.5px);display: inline-block;vertical-align: middle;} .parallax-wrapper { position: relative; } .parallax-wrapper .overlay { background-color: #000; opacity: 0.55; filter: alpha(opacity=55); width: 100%; height: 100%; display: block; position: absolute; } .parallax { background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: 100% auto; width: 100%; padding: 50px 0; } .parallax-slider { text-align: center; } .parallax-slider .owl-carousel h2 { font-size: 60.28px; color: #fff; line-height: 1; } .parallax-slider .owl-carousel p { font-size: 22.6px; color: #fff; line-height: 1; margin-bottom: 30px; } .parallax-slider .owl-carousel a { font-size: 16px; color: #fff; line-height: 1; } .brands-slider .owl-carousel .owl-item img { width: auto; max-width: 100%; } .customer-account-login .account-social-login, .customer-account-create .account-social-login {display: none;} .customer-account-login .block-customer-login .account-social-login, .customer-account-create .form-create-account .account-social-login{display: block;width: 100%;position:relative;margin: 50px 0;} .customer-account-login .block-customer-login .account-social-login:before, .customer-account-create .form-create-account .account-social-login:before { content: ''; position:absolute; height: 1px; background-color: #dfdfdf; z-index: 3; top: 0; left: 25px; right: 25px; } .customer-account-login .block-customer-login .account-social-login:before { left: 0; right: 0; } .customer-account-login .block-customer-login .account-social-login:after, .customer-account-create .form-create-account .account-social-login:after { content: 'or'; position: absolute; width: 45px; height: 45px; z-index: 4; text-align: center; border: #dfdfdf solid 1px; border-radius: 100%; line-height: 43px; color: #777; left: 0; top: -22px; right: 0; margin: 0 auto; background-color: #fff; } .customer-account-login .account-social-login .block-content, .customer-account-create .account-social-login {padding-top: 50px;} .form.create.account .account-social-login .actions-toolbar { padding: 0; } @media only screen and (max-width: 767px) { .nav-open .page-wrapper { position: fixed; z-index: 3; } } @media (max-width: 991px) { .homepage-bar .col-md-4 { border: 0; text-align: left !important; } .parallax { background-position: center center !important; background-attachment: initial; } } @media (max-width: 767px) { .parallax-slider .owl-carousel h2 { font-size: 40px; } .parallax-slider .owl-carousel p { font-size: 13px; margin-bottom: 15px; } .parallax-slider .owl-carousel a { font-size: 13px; } } /*=============== Demo 1 Homepage Slider ===============*/ .owl-banner-carousel .content.type1 h2{font-size:60px} .owl-banner-carousel .content.type1 p{font-size:25px} .owl-banner-carousel .content.type1 a{font-size:16px} @media (max-width:1199px){ .owl-banner-carousel .content.type1 h2{font-size:48px} .owl-banner-carousel .content.type1 p{font-size:20px} .owl-banner-carousel .content.type1 a{font-size:13px} } @media (max-width:991px){ .owl-banner-carousel .content.type1 h2{font-size:36px} .owl-banner-carousel .content.type1 p{font-size:15px} .owl-banner-carousel .content.type1 a{font-size:10px} } @media (max-width:767px){ .owl-banner-carousel .content.type1 h2{font-size:24px} .owl-banner-carousel .content.type1 p{display:none} .owl-banner-carousel .content.type1 a{font-size:8px} } /*=============== Demo 3 Homepage Slider ===============*/ #banner-slider-demo-3 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-3 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-3 .slide1-content p{font-size:23.64px} #banner-slider-demo-3 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-3 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-3 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-3 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;} #banner-slider-demo-3 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-3 .slide3-content em{font-size:26.26px} #banner-slider-demo-3 .slide3-content h2{font-size:82.51px;margin-bottom:17px;} #banner-slider-demo-3 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} @media (max-width:991px){ #banner-slider-demo-3 .slide1-content img.quote{width:30px} #banner-slider-demo-3 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-3 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-3 .slide1-content p{font-size:18px} #banner-slider-demo-3 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-3 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-3 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-3 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-3 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-3 .slide3-content em{font-size:20px} #banner-slider-demo-3 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-3 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} } @media (max-width:640px){ #banner-slider-demo-3 .slide1-content img.quote{width:15px} #banner-slider-demo-3 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-3 .slide1-content h2{font-size:38px;margin:1px 0 5px} #banner-slider-demo-3 .slide1-content p{font-size:14px} #banner-slider-demo-3 .slide2-content em{font-size:14px;margin-left:3px} #banner-slider-demo-3 .slide2-content h2{font-size:39px;margin:0 0 5px} #banner-slider-demo-3 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px} #banner-slider-demo-3 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-3 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-3 .slide3-content em{font-size:14px} #banner-slider-demo-3 .slide3-content h2{font-size:38px;margin-bottom:8px} #banner-slider-demo-3 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} } /*=============== Demo 8 Homepage Slider ===============*/ #banner-slider-demo-8 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-8 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-8 .slide1-content p{font-size:23.64px} #banner-slider-demo-8 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-8 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-8 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-8 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;} #banner-slider-demo-8 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-8 .slide3-content em{font-size:26.26px} #banner-slider-demo-8 .slide3-content h2{font-size:82.51px;margin-bottom:17px;} #banner-slider-demo-8 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} @media (max-width:991px){ #banner-slider-demo-8 .slide1-content img.quote{width:30px} #banner-slider-demo-8 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-8 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-8 .slide1-content p{font-size:18px} #banner-slider-demo-8 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-8 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-8 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-8 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-8 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-8 .slide3-content em{font-size:20px} #banner-slider-demo-8 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-8 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} } @media (max-width:640px){ #banner-slider-demo-8 .slide1-content img.quote{width:15px} #banner-slider-demo-8 .slide1-content em{font-size:12px;margin:0 3px} #banner-slider-demo-8 .slide1-content h2{font-size:23px;margin:1px 0 5px} #banner-slider-demo-8 .slide1-content p{font-size:14px} #banner-slider-demo-8 .slide2-content em{font-size:12px;margin-left:3px} #banner-slider-demo-8 .slide2-content h2{font-size:23px;margin:0 0 5px} #banner-slider-demo-8 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:5px} #banner-slider-demo-8 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-8 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-8 .slide3-content em{font-size:12px} #banner-slider-demo-8 .slide3-content h2{font-size:23px;margin-bottom:8px;margin-top:5px;} #banner-slider-demo-8 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} } /*=============== Demo 4 Homepage Slider ===============*/ #banner-slider-demo-4 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-4 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-4 .slide1-content p{font-size:23.64px} #banner-slider-demo-4 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-4 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-4 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-4 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;} #banner-slider-demo-4 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-4 .slide3-content em{font-size:26.26px} #banner-slider-demo-4 .slide3-content h2{font-size:82.51px;margin-bottom:17px;} #banner-slider-demo-4 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} @media (max-width:991px){ #banner-slider-demo-4 .slide1-content img.quote{width:30px} #banner-slider-demo-4 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-4 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-4 .slide1-content p{font-size:18px} #banner-slider-demo-4 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-4 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-4 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-4 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-4 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-4 .slide3-content em{font-size:20px} #banner-slider-demo-4 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-4 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} } @media (max-width:640px){ #banner-slider-demo-4 .slide1-content img.quote{width:15px} #banner-slider-demo-4 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-4 .slide1-content h2{font-size:38px;margin:1px 0 5px} #banner-slider-demo-4 .slide1-content p{font-size:14px} #banner-slider-demo-4 .slide2-content em{font-size:14px;margin-left:3px} #banner-slider-demo-4 .slide2-content h2{font-size:39px;margin:0 0 5px} #banner-slider-demo-4 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px} #banner-slider-demo-4 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-4 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-4 .slide3-content em{font-size:14px} #banner-slider-demo-4 .slide3-content h2{font-size:38px;margin-bottom:8px} #banner-slider-demo-4 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} } .slider-with-side { margin: 0 -8px; } .slider-with-side .slider-area { padding: 0 8px; float: left; width: 72.3%; } .slider-with-side .slider-area .item .content .ribbon { right: 13px; top: 16px; } .slider-with-side .slider-area .item .content .ribbon em { font-size: 14px; margin: 0; margin-right: 63px; } .slider-with-side .slider-area .item .content .ribbon h3 { font-size: 33px; margin: 0; margin-right: 14px; } .slider-with-side .slider-area .item .content .ribbon h5 { font-size: 18px; margin: 0; margin-top: -3px; } .slider-with-side .slider-area .item .content .text-area h2 { display: inline-block; padding: 7px 50px 7px 11px; font-size: 42.7px; margin-bottom: 4px; } .slider-with-side .slider-area .item .content .text-area p { display: inline-block; padding: 12px 17px 12px 13px; font-size: 17.58px; margin: 0; } @media (max-width: 1199px) { .slider-with-side .slider-area .item .content .ribbon { right: 11px; top: 11px; } .slider-with-side .slider-area .item .content .ribbon em { font-size: 13px; margin-right: 60px; } .slider-with-side .slider-area .item .content .ribbon h3 { font-size: 30px; margin-right: 12px; } .slider-with-side .slider-area .item .content .ribbon h5 { font-size: 16px; margin-top: -2px; } .slider-with-side .slider-area .item .content .text-area h2 { padding: 6px 45px 6px 10px; font-size: 38px; } .slider-with-side .slider-area .item .content .text-area p { padding: 10px 15px 10px 11px; font-size: 15px; } } @media (max-width: 767px) { .slider-with-side .slider-area .item .content .ribbon { right: 3px; top: 3px; } .slider-with-side .slider-area .item .content .ribbon em { font-size: 8px; margin-right: 40px; } .slider-with-side .slider-area .item .content .ribbon h3 { font-size: 22px; margin-right: 7px; } .slider-with-side .slider-area .item .content .ribbon h5 { font-size: 10px; margin-top: -1px; } .slider-with-side .slider-area .item .content .text-area h2 { padding: 4px 38px 4px 7px; font-size: 22px; } .slider-with-side .slider-area .item .content .text-area p { padding: 6px 11px 6px 8px; font-size: 9px; } } @media (max-width: 480px) { .slider-with-side .slider-area .item .content .ribbon { right: 3px; top: 1px; } .slider-with-side .slider-area .item .content .ribbon em { font-size: 6px; margin-right: 22px; } .slider-with-side .slider-area .item .content .ribbon h3 { font-size: 14px; margin-right: 2px; } .slider-with-side .slider-area .item .content .ribbon h5 { font-size: 6px; margin-top: -1px; } .slider-with-side .slider-area .item .content .text-area p { display: none; } } .slider-with-side .side-area { padding: 0 8px 0 7px; float: left; width: 27.7%; } .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 { margin-bottom: 9px; position: relative; overflow: hidden; } .slider-with-side .side-area .item1:before, .slider-with-side .side-area .item2:before, .slider-with-side .side-area .item3:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; filter: alpha(Opacity=0); visibility: hidden; transition: all 0.2s; } .slider-with-side .side-area .item1:hover:before, .slider-with-side .side-area .item2:hover:before, .slider-with-side .side-area .item3:hover:before { opacity: 0.1; filter: alpha(Opacity=10); visibility: visible; } .slider-with-side .side-area .item1 .content { position: absolute; bottom: 17px; left: 15px; text-align: left; } .slider-with-side .side-area .item1 .content em { font-size: 27.45px; margin: 0; margin-bottom: 2px; display: block; margin-left: 4px; } .slider-with-side .side-area .item1 .content h2 { font-size: 35.16px; margin: 0; margin-bottom: 14px; } .slider-with-side .side-area .item1 .content a { font-size: 15.08px; margin: 0; margin-left: 4px; display: block; } .slider-with-side .side-area .item2 .content { position: absolute; bottom: 17px; left: 21px; text-align: left; } .slider-with-side .side-area .item2 .content h2 { font-size: 33.86px; margin: 0; margin-bottom: 12px; } .slider-with-side .side-area .item2 .content p { font-size: 18.34px; margin: 0; margin-left: 1px; } .slider-with-side .side-area .item2 .content a { font-size: 13px; border: 0; text-shadow: none; padding: 8px 10px 8px 15px; margin: 13px 0 0 25px; } .slider-with-side .side-area .item3 { margin: 0 !important; } .slider-with-side .side-area .item3 .content { position: absolute; bottom: 17px; left: 19px; text-align: left; } .slider-with-side .side-area .item3 .content h2 { font-size: 32px; margin: 0; } .slider-with-side .side-area .item3 .content p { font-size: 20px; margin: 0; margin-bottom: 17px; } .slider-with-side .side-area .item3 .content a { font-size: 16px; margin: 0; } @media (max-width: 1199px) { .slider-with-side .side-area .item1 .content { bottom: 15px; left: 13px; } .slider-with-side .side-area .item1 .content em { font-size: 22px; margin-left: 2px; } .slider-with-side .side-area .item1 .content h2 { font-size: 30px; margin-bottom: 10px; } .slider-with-side .side-area .item1 .content a { font-size: 13px; margin-left: 2px; } .slider-with-side .side-area .item2 { margin-bottom: 8px; } .slider-with-side .side-area .item2 .content { bottom: 15px; left: 15px; } .slider-with-side .side-area .item2 .content h2 { font-size: 28px; margin-bottom: 10px; } .slider-with-side .side-area .item2 .content p { font-size: 13px; } .slider-with-side .side-area .item2 .content a { font-size: 12px; padding: 7px 8px 7px 13px; margin: 5px 0 0 25px; } .slider-with-side .side-area .item3 .content { bottom: 15px; left: 15px; } .slider-with-side .side-area .item3 .content h2 { font-size: 28px; } .slider-with-side .side-area .item3 .content p { font-size: 17px; margin-bottom: 15px; } .slider-with-side .side-area .item3 .content a { font-size: 14px; } } @media (max-width: 991px) { .slider-with-side .slider-area { padding: 0 8px; float: none; width: 100%; } .slider-with-side .side-area { padding: 0; float: none; width: 100%; } .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 { padding: 8px; width: 33.33%; float: left; margin: 0; } .slider-with-side .side-area .item1 .content { bottom: 20px; left: 20px; } .slider-with-side .side-area .item2 .content { bottom: 20px; left: 15px; } .slider-with-side .side-area .item3 .content { bottom: 20px; left: 20px; } } @media (max-width: 767px) { .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 { padding: 8px; width: 100%; float: none; } .slider-with-side .side-area img { width: 100%; } .slider-with-side .side-area .item1 .content { bottom: 30px; left: 25px; } .slider-with-side .side-area .item2 .content { bottom: 30px; left: 25px; } .slider-with-side .side-area .item3 .content { bottom: 30px; left: 25px; } } .banner-content-6 { padding: 290px 0 80px; line-height: 1; } .banner-content-6 .text-content em { font-size: 26.26px; margin-left: 5px; margin-bottom: 5px; } .banner-content-6 .text-content h2 { font-size: 79.12px; letter-spacing: -4px; } .banner-content-6 .text-content p { margin: 0; } .banner-content-6 .text-content p span { font-size: 23.64px; padding-left: 5px; line-height: 2; } .banner-content-6 .text-content p a { font-size: 16px; padding: 10px 35px; margin-left: 5px; margin-top: 7px; margin-bottom: 125px; } @media(max-width:767px){ .banner-content-6 .text-content em { font-size: 16.26px; } .banner-content-6 .text-content h2 { font-size: 54.12px; } .banner-content-6 .text-content p span { font-size: 13.64px; } .banner-content-6 .text-content p a { font-size: 12px; padding: 7px 15px; } } .filter-title-type-2 { font-size: 19px; margin: 0; font-weight: 300; margin-bottom: 20px; display: table; width: 100%; } .filter-title-type-2 span { display: table-cell; position: relative; } .filter-title-type-2 span.title-line:after { content: ""; width: 100%; border-top: 1px solid #d8d8d8; display: block; position: absolute; top: 50%; margin-top: -1px; } .one-product .filterproduct-title { background: #fff; text-align: center; color: #333; font-weight: 700; line-height: 50px; } .one-product .products-grid { margin: 0; background-color: #fff; padding-bottom: 20px; } .one-product .product-item-info .product-item-details { padding-top: 20px; } .one-product .owl-dots { margin-top: 0; } .shop-features { text-align: center; } .shop-features [class*=" porto-icon-"], .shop-features [class^="porto-icon-"] { color: #333; width: 64px; height: 64px; text-align: center; line-height: 60px; display: inline-block; border: 2px solid #ccc; border-radius: 50%; font-size: 28px; } .shop-features h3 { color: #121214; font-size: 15px; font-weight: 600; line-height: 1; margin: 20px 0 10px; } .shop-features p { color: #777; font-size: 14px; margin: 0; margin-bottom: 15px; padding: 0 20px; } .shop-features a { margin: 0; font-size: 14px; } .wishlist-index-index .products-grid .product-item .product-item-inner { margin: 9px 0 0; padding: 10px; position: relative; } .products-grid.wishlist .product-item .tocart { height: auto; line-height: 30px; min-width: 120px; padding: 0 11px; } @media (min-width: 992px){ .wishlist-index-index .products-grid .product-items .product-item { width: 24%; } } .hide-addtocart .products-grid .product-item-actions .actions-primary, .hide-addtocart .products-grid .product-item-details .product-item-actions .actions-primary { display: none; } .hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist, .hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare, .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.towishlist, .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.tocompare { display: none; } .owl-middle-outer-narrow .owl-theme .owl-controls { position: absolute; top: 50%; width: 100%; margin-top: -22px; } .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; color: #3d3734; } .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-prev { left: -60px; } .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-next { right: -60px; } .owl-bottom-narrow .owl-controls { position: absolute; bottom: 20px; margin: 0; width: 100%; } .filterproducts-tab .data.items { margin: 0; padding: 0; border-bottom: 1px solid #eee; margin-bottom: 18px; margin-left: -15px; margin-right: -15px; } .filterproducts-tab .data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch { color: #08c; } .filterproduct-title > a { font-size: 13px; font-weight: 400; text-transform: none; } .catalogsearch-result-index .sidebar.sidebar-main:before { display: none; } .sidebar .custom-block { margin-bottom: 30px; padding-bottom: 40px; background: url(../images/bkg_4.png) bottom no-repeat; } .products.wrapper .product-item .product-item-photo .qty-box { position: absolute; bottom: 30px; left: 0; } .products.wrapper .product-item .qty-box { display: block; width: 88px; margin: 0 auto 5px; } .products.wrapper.products-list .product-item .qty-box { margin: 0 0 5px; } .products.wrapper .product-item .qty-box input { width: 30px; height: 30px; text-align: center; display: inline-block; border: solid 1px #dfdfdf; } .products.wrapper .product-item .qty-box .qtyminus,.products.wrapper .product-item .qty-box .qtyplus { position: relative; border: solid 1px #dfdfdf; font-size: 12px; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; background-color: #fff; float: left; margin-right: -1px; } .products.wrapper .product-item .qty-box .qtyplus { float: right; margin-right: 0; margin-left: -1px; } .products-grid .product-item .has-qty { margin-top: 37px; } .product-info-main .custom-block { border-bottom: solid 1px #e6e6e6; padding: 23px 0 25px; margin-bottom: 25px; } .product-info-main .custom-block .item:first-child { border-left: 0; padding-left: 0; } .product-info-main .custom-block .item { border-left: 1px solid #e6e6e6; display: inline-block; padding: 0 10px; text-align: left; } .product-info-main .custom-block i { font-size: 34px; display: inline-block; vertical-align: middle; } .product-info-main .custom-block .text-area { display: inline-block; vertical-align: middle; text-align: left; margin-left: 5px; } .product-info-main .custom-block .text-area h3 { font-size: 14px; font-weight: 400; color: #7a7d82; margin: 0; } @media (min-width: 768px){ .filterproducts-tab .data.items { position: relative; z-index: 1; border-bottom: 0; margin-left: 0; margin-right: 0; background: url(../images/slider-bar.png) right 10px no-repeat; } .filterproducts-tab .data.items:before, .filterproducts-tab .data.items:after { content: ''; display: table; } .filterproducts-tab .data.items:after { clear: both; } .filterproducts-tab .data.items > .item.title { float: left; width: auto; margin: 0; padding: 0; background-color: #fff; } .filterproducts-tab .data.items > .item.title a.switch { color: #313131; font-size: 16px; line-height: 20px; font-weight: 700; text-transform: uppercase; padding: 0 15px; border-left: 1px solid #ddd; } .filterproducts-tab .data.items > .item.title:first-child a.switch { padding-left: 0; border: 0; } .filterproducts-tab .data.items > .item.content { margin-top: 30px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } } @media (max-width: 768px){ .filterproducts-tab .data.items > .item.title { padding: 10px; border-top: 1px solid #eee; } .filterproducts-tab .data.items > .item.title a.switch { color: #313131; font-size: 16px; font-weight: 700; text-transform: uppercase; } } .grid-images { text-align: center; } .grid-images .row { margin-left: -10px; margin-right: -10px; } .grid-images .col-sm-4, .grid-images .col-sm-8 { padding-left: 10px; padding-right: 10px; } .grid-images img { max-width: 100%; } .grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img { opacity: 1; filter: alpha(Opacity=100); visibility: visible; transition: all 0.2s; } .grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img { opacity: 0.8; filter: alpha(Opacity=80); visibility: visible; } .grid-images .grid1 { margin-bottom: 10px; } @media (max-width: 1199px) { .grid-images .grid1 { margin-bottom: 9px; } } @media (max-width: 767px) { .grid-images .grid2 { margin-bottom: 9px; } } @media (min-width: 992px){ .md-f-right { float: right !important; } } @media (min-width: 768px){ .sm-f-right { float: right !important; } } .side-custom-menu { border: 1px solid #ddd; border-radius: 7px; overflow: hidden; } .side-custom-menu h2 { color: #000; border-bottom: 1px solid #ddd; font-size: 13px; font-weight: 700; text-align: left; padding: 13px 13px 12px; background-color: #f5f5f5; line-height: 1; margin: 0; } .side-custom-menu ul { padding: 0 12px; margin: 0; list-style: none; } .side-custom-menu ul li { text-align: left; padding: 13px 4px 12px; border-top: 1px solid #ddd; margin: 0; line-height: 1; } .side-custom-menu ul li:first-child { border: 0; } .side-custom-menu ul li a { color: #777; font-size: 15px; line-height: 1; display: block; } .home-side-menu-type2{margin-bottom:50px} .home-side-menu-type2>h2{font-size:15px;font-weight:600;color:#333;margin-bottom:15px;margin-top:0;} .home-side-menu-type2>h2>i.icon-menu:before{margin-left:0} .side-menu-type2.side-block{border-top:1px solid #ddd} .side-menu-type2.side-block ul.category-sidebar{padding:0;list-style:none} .side-menu-type2.side-block ul.category-sidebar ul{list-style:none;margin:0;display:none;padding-left:1.5em} .side-menu-type2.side-block ul.category-sidebar>li{padding-left:12px;display:block;line-height:40px;border-bottom:1px solid #ddd} .side-menu-type2.side-block ul.category-sidebar li{position:relative} .side-menu-type2.side-block ul.category-sidebar a{font-size:13px;color:#777} .side-menu-type2.side-block ul.category-sidebar a:hover{color:#000;text-decoration:none} .side-menu-type2.side-block ul.category-sidebar>li>a{font-size:15px} .side-menu-type2.side-block ul.category-sidebar ul>li{line-height:40px;border-top:1px solid #ddd} .side-menu-type2.side-block ul.category-sidebar ul>li:first-child{border-top:0} .featured-box-2{margin:30px 0} .featured-box-2 h3{color:#121213;font-size:15px;border-bottom:1px solid #ddd;line-height:1.4;padding:8px 0;margin-bottom:10px} .featured-box-2 h3 em{font-size:18px} .featured-box-2 p{font-size:14px;margin-bottom:10px} .featured-box-2 a{font-size:14px} .social-icons [class^="porto-icon-"] { color: #fff; } .sidebar-title { margin-bottom: 17px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #313131; line-height: 1; } .f-left { float: left !important; } .f-right { float: right !important; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover { text-decoration: none; } body.boxed { padding: 24px 0 17px; background: url(../images/boxed_bg.png) repeat; } body.boxed .page-wrapper { width: 1170px; max-width: 100%; margin: 0 auto; border-radius: 8px; overflow: hidden; background-color: #fff; } .fotorama .fotorama__fullscreen-icon { display: block; } .fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr { background: none; color: #08c; } .fotorama-sprite:before, .fotorama__fullscreen .fotorama__zoom-out:before, .fotorama__fullscreen .fotorama__zoom-in:before, .fotorama__arr .fotorama__arr__arr:before, .fotorama__fullscreen-icon:before, .fotorama__thumb__arr:before { font-family: 'porto-icons'; display: block; text-align: center; } .fotorama .fotorama__arr .fotorama__arr__arr { height: auto; } .fotorama__arr--next .fotorama__arr__arr:before { content: "\f809"; font-size: 35px; line-height: 1; } .fotorama__arr--prev .fotorama__arr__arr:before { content: "\f80a"; font-size: 35px; line-height: 1; } .fotorama__thumb__arr--left .fotorama__thumb__arr:before { content: "\f80a"; font-size: 30px; line-height: 1; } .fotorama__thumb__arr--right .fotorama__thumb__arr:before { content: "\f809"; font-size: 30px; line-height: 1; } .fotorama__zoom-in:before { content: "\f85a"; font-size: 20px; line-height: 50px; } .fotorama__zoom-out:before { content: "\f85b"; font-size: 20px; line-height: 50px; } .fotorama__fullscreen-icon:before { content: "\f859"; font-size: 20px; line-height: 50px; } .fotorama__stage { border: 1px solid #ddd; border-radius: 7px; background: #fff; max-width: 100%; overflow: hidden; } .fotorama__nav--thumbs .fotorama__thumb { border: 1px solid #ccc !important; border-radius: 5px; background-color: #fff; } .fotorama__nav .fotorama__thumb__arr { padding-bottom: 0; } .fotorama__nav .fotorama__thumb-border { border-radius: 5px; } .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img { border: 3px solid #fff !important; } .fotorama__stage__shaft { border: 3px solid #fff; box-sizing: border-box; max-width: 100%; } .main-product-detail { background-color: #efefef; padding: 71px 0; } .weltpixel-quickview-catalog-product-view .main-product-detail { padding: 0; } .weltpixel-quickview-catalog-product-view .page-main { padding: 0 15px; } .custom-block-tab { background-color: #fff; border: #e4e4e4 solid 1px; padding: 30px 20px 40px; margin-top: 3px; } .move-product-tab .owl-top-narrow .owl-theme .owl-controls { top: -25px; } .move-product-tab .products-grid .owl-carousel .product-item { margin-bottom: 10px; padding: 10px 0 6px; overflow: hidden; } .move-product-tab .product-items .product-item-info .product-item-photo { max-width: 30%; float: left; margin-right: 10px; } .move-product-tab .product-items .product-item-details { margin-left: calc(31% + 15px); text-align: left; padding: 0; } .move-product-tab .product-items .product-reviews-summary { display: block; background: none; } .move-product-tab .product-items .price-box { margin-bottom: 0; } .main-upsell-product-detail { background-color: #f4f4f4; padding: 60px 0 45px; margin-top: -60px; } .main-upsell-product-detail .block.upsell .title strong { background-color: #f4f4f4; } .message { border-radius: 5px; } @media (max-width: 1199px) { body.boxed .page-wrapper { width: 980px; } } @media (max-width: 991px) { body.boxed .page-wrapper { width: 750px; } } @media (max-width: 767px) { body.boxed .page-wrapper { width: 630px; } .sm-clearer { clear: both; } } @media (max-width: 640px) { body.boxed .page-wrapper { width: 460px; } } @media (max-width: 480px) { body.boxed .page-wrapper { width: 300px; } } .block.block-border { border-radius: 7px; overflow: hidden; } .block.block-border .block-title { padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #777; position: relative; border-radius: 7px 7px 0 0; margin: 0; } .block.block-border .block-content { padding: 10px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 7px 7px; background-color: #fbfbfb; } .category-sidebar { list-style: none; padding: 0; margin: 0; line-height: 1.42857143; } .category-sidebar li { position: relative; margin: 0; } .category-sidebar ul { display: none; list-style: none; padding: 0 0 0 15px; margin: 0; } .category-sidebar li > .expand-icon { position: absolute; right: 0; top: 0; font-size: 16px; line-height: 32px; } .category-sidebar li > a:not(.expand-icon) { color: #777; font-size: 13px; line-height: 2.5; } @media (max-width: 1199px) { .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu { width: 728px; width: calc(75vw - 19.5px); } .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0 > a { font-size: 13px; line-height: 34px; } .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after { line-height: 34px; } .home-side-menu h2.side-menu-title { padding: 9px 15px; } } @media (max-width: 991px) { .home-side-menu { display: none; } } .cms-index-index blockquote.testimonial{background-color:#08c;border:0;border-radius:10px;color:#fff;font-family:Georgia,serif;font-style:italic;margin:0;padding:10px 50px;position:relative;font-size:1.2em;line-height:1.3} .cms-index-index blockquote.testimonial:before{left:10px;top:0;color:#fff;content:"\201C";font-size:80px;font-style:normal;line-height:1;position:absolute} .cms-index-index blockquote.testimonial:after{right:10px;bottom:-0.5em;color:#fff;content:"\201D";font-size:80px;font-style:normal;line-height:1;position:absolute} .cms-index-index .testimonial-arrow-down{border:15px solid transparent;border-top-color:#08c;border-bottom:0;height:0;margin:0 0 0 25px;width:0} .cms-index-index .testimonial-author{margin:8px 0 0 8px} .cms-index-index .testimonial-author .img-thumbnail{border-radius:7px;float:left;margin-right:10px;position:relative;padding:4px;line-height:1.5;background-color:#fff;border:1px solid #ddd;display:inline-block;max-width:100%;height:auto} .cms-index-index .testimonial-author .img-thumbnail img{max-width:60px;display:inline-block;height:auto} .cms-index-index .testimonial-author p{color:#666;margin:0 0 0 25px;text-align:left;line-height:24px} .cms-index-index .testimonial-author p >strong{color:#111;display:block;padding-top:7px;font-size:14px} .cms-index-index .testimonial-author span{color:#666;display:block;font-size:12px} .block.block-subscribe.home-sidebar-block{border:1px solid #ddd;border-top:5px solid #08c;border-radius:7px;background-color:#fbfbfb;text-align:center;padding:25px 20px 0} .block.block-subscribe.home-sidebar-block .block-title strong{font-size:16px;color:#313131;font-weight:700;text-transform:uppercase;padding:30px 0 20px} .block.block-subscribe.home-sidebar-block .block-content p{line-height:1.8} .block.block-subscribe.home-sidebar-block label.label{display: none} .block.block-subscribe.home-sidebar-block .newsletter .control{padding:10px 10px 40px 10px;position:relative} .block.block-subscribe.home-sidebar-block .newsletter .control input{padding:5px 60px 5px 10px;border:1px solid #d3d3d3;border-radius:5px;background-color:#fefefe;line-height:16px;height:34px} .block.block-subscribe.home-sidebar-block button.subscribe{width:50px;height:34px;padding:0;line-height:32px;height:32px;background-color:#fefefe;color:#515151;border:0;border-left:1px solid #d3d3d3;border-radius:0 5px 5px 0;position:absolute;right:11px;top:11px} .shop-features h2.shop-features-title{position:relative;text-align:center;margin:30px 0} .shop-features h2.shop-features-title:before{content:"";background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.2),transparent);height:1px;width:100%;display:block;position:absolute;top:50%} .shop-features h2.shop-features-title span{background-color:#fff;display:inline-block;position:relative;z-index:1;padding:0 12px;color:#313131;font-weight:700;font-size:15px;line-height: 33px;vertical-align: top;} .homepage-grid-banner{padding:0} .homepage-grid-banner *{transition:all 0.2s} .homepage-grid-banner .row{margin-left:-4px;margin-right:-4px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:4px;padding-right:4px} .homepage-grid-banner .col-sm-margin{margin-bottom:8px} .homepage-grid-banner img{width:100%} .homepage-grid-banner .content a{font-size:16px;margin-right:5px;} .homepage-grid-banner .content a.btn-default{font-size:13px;margin:0;border:0;padding-right:3px;color:#fff} .homepage-grid-banner .ribbon{width:33.5%;height:22.3%} .homepage-grid-banner .ribbon:before{content:"";position:absolute;right:0;top:0;border:150px solid #08c;border-right:0;border-bottom:0;border-left:200px solid transparent;} .homepage-grid-banner .ribbon>div{width:90%} .homepage-grid-banner .ribbon em{font-size:14px} .homepage-grid-banner .ribbon h4{font-size:33px;line-height:1;margin:0} .homepage-grid-banner .ribbon h5{font-size:18px;line-height:1;margin:0} .homepage-grid-banner .grid1,.homepage-grid-banner .grid2,.homepage-grid-banner .grid3,.homepage-grid-banner .grid4{cursor:pointer;overflow:hidden;min-height:50px} .homepage-grid-banner .grid1:before,.homepage-grid-banner .grid2:before,.homepage-grid-banner .grid3:before,.homepage-grid-banner .grid4:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all 0.2s} .homepage-grid-banner .grid1:hover:before,.homepage-grid-banner .grid2:hover:before,.homepage-grid-banner .grid3:hover:before,.homepage-grid-banner .grid4:hover:before{opacity:0.1;filter:alpha(Opacity=10);visibility:visible} .homepage-grid-banner .grid1 .content h2{font-size:70.72px;line-height:1;margin:0 0 5px 0;} .homepage-grid-banner .grid1 .content p{font-size:29.47px;line-height:1;margin:0;margin-bottom:10px;margin-right:4px} .homepage-grid-banner .grid2 .content h3{font-size:28.88px;line-height:1;margin:0 0 5px 0;} .homepage-grid-banner .grid2 .content h2{font-size:28.88px;line-height:1;margin:0 0 5px 0;} .homepage-grid-banner .grid2 .content p{font-size:17.58px;line-height:1;margin:0;margin-bottom:15px} .homepage-grid-banner .grid3 .content h2{font-size:46px;line-height:1;margin:0} .homepage-grid-banner .grid3 .content h5{font-size:16px;line-height:1;margin:0;margin-bottom:30px} .homepage-grid-banner .grid3 .content p{font-size:16px;line-height:1;margin:0;margin-bottom:5px} .homepage-grid-banner .grid3 .content h4{font-size:22.72px;line-height:1;margin-top:20px;margin-bottom:0} .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px;line-height:1} .homepage-grid-banner .grid3 .content h3{font-size:37.71px;line-height:1;margin:0;margin-bottom:15px} .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px;line-height:1} .homepage-grid-banner .grid4 .content h2{font-size:33.86px;line-height:1.2;margin:0;margin-bottom:15px} .homepage-grid-banner .grid4 .content p{font-size:19.75px;line-height:1.2;margin:0;margin-bottom:17px} @media (max-width:1199px){ .homepage-grid-banner .row{margin-left:-3px;margin-right:-3px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:3px;padding-right:3px} .homepage-grid-banner .col-sm-margin{margin-bottom:7px} .homepage-grid-banner .content a.btn-default{font-size:11px} .homepage-grid-banner .grid1 .content h2{font-size:55.16px} .homepage-grid-banner .grid1 .content p{font-size:23px;margin-right:3.12px} .homepage-grid-banner .grid2 .content h3{font-size:22.53px} .homepage-grid-banner .grid2 .content h2{font-size:22.53px} .homepage-grid-banner .grid2 .content p{font-size:13.71px;margin-bottom:11.7px} .homepage-grid-banner .grid3 .content h2{font-size:35.88px} .homepage-grid-banner .grid3 .content h5{font-size:12.48px;margin-bottom:23.4px} .homepage-grid-banner .grid3 .content p{font-size:12.48px;margin-bottom:3.9px} .homepage-grid-banner .grid3 .content h4{font-size:17.72px;margin-top:15.6px} .homepage-grid-banner .grid3 .content h4>span{font-size:13.77px} .homepage-grid-banner .grid3 .content h3{font-size:29.41px;margin-bottom:11.7px} .homepage-grid-banner .grid3 .content h3>span{font-size:19.6px} .homepage-grid-banner .grid4 .content h2{font-size:29px;margin-bottom:12px} .homepage-grid-banner .grid4 .content p{font-size:17px;margin-bottom:11.7px} } @media (max-width:991px){ .homepage-grid-banner .row{margin-left:-2px;margin-right:-3px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:2px;padding-right:3px} .homepage-grid-banner .col-sm-margin{margin-bottom:4px} .homepage-grid-banner .content a.btn-default{font-size:10px;padding:4px 6px;padding-right:3px} .homepage-grid-banner .grid1 .content h2{font-size:42.43px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} .homepage-grid-banner .grid2 .content h3{font-size:17.33px} .homepage-grid-banner .grid2 .content h2{font-size:17.33px} .homepage-grid-banner .grid2 .content p{font-size:10.55px;margin-bottom:9px} .homepage-grid-banner .grid3 .content h2{font-size:27.6px} .homepage-grid-banner .grid3 .content h5{font-size:9.6px;margin-bottom:18px} .homepage-grid-banner .grid3 .content p{font-size:9.6px;margin-bottom:3px} .homepage-grid-banner .grid3 .content h4{font-size:13.63px;margin-top:12px} .homepage-grid-banner .grid3 .content h4>span{font-size:10.6px} .homepage-grid-banner .grid3 .content h3{font-size:22.63px;margin-bottom:9px} .homepage-grid-banner .grid3 .content h3>span{font-size:15.08px} .homepage-grid-banner .grid4 .content h2{font-size:21px;margin-bottom:9px} .homepage-grid-banner .grid4 .content p{font-size:14px;margin-bottom:7px} } @media (max-width:767px){ .homepage-grid-banner .row{margin-left:-10px;margin-right:-10px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:10px;padding-right:10px} .homepage-grid-banner .col-sm-margin{margin-bottom:0} .homepage-grid-banner .content a.btn-default{font-size:14px;padding:6px 12px;padding-right:6px} .homepage-grid-banner img{margin-bottom:20px} .homepage-grid-banner .grid1 .content h2{font-size:70.72px} .homepage-grid-banner .grid1 .content p{font-size:29.47px;margin-bottom:10px;margin-right:4px} .homepage-grid-banner .grid2 .content h3{font-size:28.88px} .homepage-grid-banner .grid2 .content h2{font-size:28.88px} .homepage-grid-banner .grid2 .content p{font-size:17.58px;margin-bottom:15px} .homepage-grid-banner .grid3 .content h2{font-size:46px} .homepage-grid-banner .grid3 .content h5{font-size:16px;margin-bottom:30px} .homepage-grid-banner .grid3 .content p{font-size:16px;margin-bottom:5px} .homepage-grid-banner .grid3 .content h4{font-size:22.72px;margin-top:20px} .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px} .homepage-grid-banner .grid3 .content h3{font-size:37.71px;margin-bottom:15px} .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px} .homepage-grid-banner .grid4 .content h2{font-size:35px} .homepage-grid-banner .grid4 .content p{font-size:23px;margin-bottom:15px} } @media (max-width:640px){ .homepage-grid-banner .grid1 .content h2{font-size:42.43px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} } @media (max-width:480px){ .homepage-grid-banner .grid1 .content h2{font-size:25px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} } .single-image { display: block; position: relative; overflow: hidden; } .single-image img { max-width: 100%; transition: 0.5s ease; } .single-image img { width: 100%; } .single-image:hover img { transform: scale(1.2); } #banner-slider-demo-11 .slide-1 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-11 .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-5px} #banner-slider-demo-11 .slide-1 .text-content p {margin:0} #banner-slider-demo-11 .slide-1 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-11 .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px} #banner-slider-demo-11 .slide-2 em{font-size:26.26px;margin:0;margin-bottom:10px} #banner-slider-demo-11 .slide-2 .text-content h2{font-size:51.67px} #banner-slider-demo-11 .slide-2 .text-content p {margin:0} #banner-slider-demo-11 .slide-2 .text-content p span{font-size:23.64px} #banner-slider-demo-11 .slide-2 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px} @media (max-width:767px){ #banner-slider-demo-11 .slide-1 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-11 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-11 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-11 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px} #banner-slider-demo-11 .slide-2 em{font-size:12px;margin:0;margin-bottom:2px} #banner-slider-demo-11 .slide-2 .text-content h2{font-size:26px;letter-spacing:-1px} #banner-slider-demo-11 .slide-2 .text-content p span{font-size:12px;display:block} #banner-slider-demo-11 .slide-2 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px} } .flex-owl-slider .owl-item:first-child .item { border-left-color: transparent; } .flex-owl-slider .owl-item .item { border-left: 1px solid #e3e4e4; } .owl-no-narrow .owl-controls { display: none; } @media (max-width:640px){ .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart { width: 40px; padding: 0 12px; } .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart span { display: none; } } @media (max-width: 991px) { .sm-bd-0 { border: 0!important; } } .fancybox-close { background: transparent; right: 10px; top: 10px; text-align: center; font-size: 15px; line-height: 20px; width: 20px; height: 20px; } .fancybox-close:hover { text-decoration: none; } .fancybox-close:before { content: '\f819'; font-family: 'porto-icons'; } /* Previous/Next Product links on Product View Page*/ /* Previous/Next Product links on Product View Page*/ /* Category Banner */ .page-wrapper > .category-banner{background-color:transparent} .page-wrapper > .category-banner .banner-image{width:100%} .category-banner .banner-text{position:absolute;top:30%;width:100%;color:#fff} .category-banner .banner-text h2{font-size:50px;color:#fff} .category-banner .banner-text p{font-size:26px;font-weight:300} .category-boxed-banner.owl-theme .owl-controls{margin-top:-40px;position:relative;height:30px} .category-boxed-banner .owl-item .item{border-radius:5px;overflow:hidden;position:relative} .category-boxed-banner .owl-item .item img{width:100%} .category-boxed-banner .banner-text{position:absolute;top:40%;left:4%;color:#fff;width:100%} .category-boxed-banner .banner-text h2{font-size:35px;color:#fff;background-color:#333;background-color:rgba(23,23,23,.9);padding:5px 10px;display:inline-block;line-height:1} .category-boxed-banner .banner-text p{font-size:16px;font-weight:300;background-color:#666;background-color:rgba(23,23,23,.65);padding:7px 12px;line-height:1.4} .category-boxed-banner .banner-text a.shop-now{margin-left:20px;font-size:16px;} .full-width-image-banner{height:375px;position:relative} .full-width-image-banner:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#393733;opacity:0.65;filter:alpha(opacity=65)} .full-width-image-banner .content{margin-top:-36px} .full-width-image-banner h2{margin:0;font-size:45px;line-height:1.1} .full-width-image-banner p{margin:0;font-size:16px} .no-margin { margin: 0 !important; } @media (max-width:1199px){ .category-banner .banner-text h2{font-size:45px} .category-banner .banner-text p{font-size:23px} .category-boxed-banner .banner-text h2{font-size:38px} .category-boxed-banner .banner-text p{font-size:17px} .category-boxed-banner .banner-text a.shop-now{margin-left:16px;font-size:14px} } @media (max-width:991px){ .category-banner .banner-text h2{font-size:28px} .category-banner .banner-text p{font-size:16px} .category-boxed-banner .banner-text h2{font-size:28px} .category-boxed-banner .banner-text p{font-size:12px} .category-boxed-banner .banner-text a.shop-now{margin-left:12px;font-size:12px} } @media (max-width:767px){ .category-banner .banner-text h2{font-size:28px} .category-banner .banner-text p{display:none} .category-boxed-banner .banner-text h2{font-size:28px} .category-boxed-banner .banner-text p{display:none} } @media (max-width:640px){ .category-boxed-banner .banner-text a.shop-now{margin-left:10px;font-size:9px} .full-width-image-banner{height:200px} .full-width-image-banner .content{margin-top:-16px} .full-width-image-banner h2{margin:0;font-size:30px;line-height:1.1} .full-width-image-banner p{display:none} } @media (max-width:480px){ .category-banner .banner-text h2{font-size:14px} .category-boxed-banner .banner-text h2{font-size:14px} .full-width-image-banner{height:150px} .full-width-image-banner .content{margin-top:-13px} .full-width-image-banner h2{margin:0;font-size:24px;line-height:1.1} .full-width-image-banner p{display:none} } /* Category Banner */ .page-header.type3.sticky-header .minicart-wrapper .action.showcart .counter.qty, .page-header.type4.sticky-header .minicart-wrapper .action.showcart .counter.qty { color: #000; } @media (min-width: 768px) { .page-header.type4.sticky-header .navigation > ul { padding-right: 200px; } } /****************** Demo 12 ***************/ #banner-slider-demo-12 .item img { width: 100%; } #banner-slider-demo-12 .item .content { position: absolute; right: 4.3%; bottom: 20.5%; } #banner-slider-demo-12 .item .content>span { font-size: 21px; font-weight: 300; color: #303030; margin-right: 35px; display: inline-block; vertical-align: middle; } #banner-slider-demo-12 .item .content>a.btn-default { font-size: 13px; } /****************** Demo 13 ***************/ #parallax_01 .parallax-content-13 img.quote{} #parallax_01 .parallax-content-13 em{font-size:26.26px;margin:0 10px} #parallax_01 .parallax-content-13 h2{font-size:79.12px;margin:5px 0 10px} #parallax_01 .parallax-content-13 p{font-size:23.64px} #parallax_02{padding:250px 0} #parallax_02 .parallax-content-13 .text-content em{font-size:26.26px;margin:0} #parallax_02 .parallax-content-13 .text-content h2{font-size:79.12px;letter-spacing:-6px} #parallax_02 .parallax-content-13 .text-content p {margin:0} #parallax_02 .parallax-content-13 .text-content p span{font-size:23.64px;padding-left:6px} #parallax_02 .parallax-content-13 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px} #parallax_03{padding:250px 0} #parallax_03 .parallax-content-13 .text-content em{font-size:26.26px;margin:0;margin-left:5px} #parallax_03 .parallax-content-13 .text-content h2{font-size:79.12px;letter-spacing:-6px} #parallax_03 .parallax-content-13 .text-content p {margin:0} #parallax_03 .parallax-content-13 .text-content p span{font-size:23.64px;padding-left:6px} #parallax_03 .parallax-content-13 .text-content p a{font-size:16px;padding:10px 28px;margin-left:125px;margin-top:5px} #parallax_04 .parallax-content-13 img.quote{} #parallax_04 .parallax-content-13 em{font-size:26.26px;margin:0 10px} #parallax_04 .parallax-content-13 h2{font-size:61px;margin:5px 0 10px;letter-spacing:-3px} #parallax_04 .parallax-content-13 p{font-size:18px} #parallax_04 .parallax-content-13 a.btn.btn-default{font-size:16px;padding:8px 35px} @media (max-width:767px){ #parallax_01 .parallax-content-13 img.quote{width:20px} #parallax_01 .parallax-content-13 em{font-size:12px;margin:0 5px} #parallax_01 .parallax-content-13 h2{font-size:35px;margin:4px 0 7px} #parallax_01 .parallax-content-13 p{font-size:11px;margin:0} #parallax_02{padding:50px 0} #parallax_02 .parallax-content-13 .text-content em{font-size:12px} #parallax_02 .parallax-content-13 .text-content h2{font-size:35px;letter-spacing:-2px} #parallax_02 .parallax-content-13 .text-content p span{font-size:12px;padding-left:6px;display:block} #parallax_02 .parallax-content-13 .text-content p a{font-size:10px;padding:6px 13px;margin-left:10px;margin-top:5px} #parallax_03{padding:50px 0} #parallax_03 .parallax-content-13 .text-content em{font-size:12px;margin:0;margin-left:1px} #parallax_03 .parallax-content-13 .text-content h2{font-size:30px;letter-spacing:-1px} #parallax_03 .parallax-content-13 .text-content p span{font-size:12px;padding-left:1px;display:block} #parallax_03 .parallax-content-13 .text-content p a{font-size:10px;padding:6px 13px;margin-left:0;margin-top:5px} #parallax_04 .parallax-content-13 img.quote{width:20px} #parallax_04 .parallax-content-13 em{font-size:12px;margin:0 5px} #parallax_04 .parallax-content-13 h2{font-size:22px;margin:4px 0 7px;letter-spacing:-1px} #parallax_04 .parallax-content-13 p{font-size:10px} #parallax_04 .parallax-content-13 a.btn.btn-default{font-size:10px;padding:5px 20px} } @media (min-width: 1600px) { .cms-index-index .page-header.type9 .header.panel .top-panel { display: inline-block; vertical-align: middle; margin-bottom: 0; } .cms-index-index .page-header.type9 .header.panel { margin-top: -13px; z-index: 6; } } #banner-slider-demo-14 .slide-1 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-14 .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-6px} #banner-slider-demo-14 .slide-1 .text-content p {margin:0} #banner-slider-demo-14 .slide-1 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-14 .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px} #banner-slider-demo-14 .slide-2 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-14 .slide-2 .text-content h2{font-size:79.12px;letter-spacing:-6px} #banner-slider-demo-14 .slide-2 .text-content p {margin:0} #banner-slider-demo-14 .slide-2 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-14 .slide-2 .text-content a{font-size:15.76px;padding:10px 0;margin-top:10px} @media (max-width:767px){ #banner-slider-demo-14 .slide-1 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-14 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-14 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-14 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px} #banner-slider-demo-14 .slide-2 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-14 .slide-2 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-14 .slide-2 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-14 .slide-2 .text-content a{font-size:10px;padding:6px 0;margin-left:0;margin-top:5px} } .image-link span.category-title{display:block;position:absolute;left:-10px;bottom:20px;color:#fff;padding:15px 17px;font-size:15px;font-weight:600;line-height:1;min-width:174px;text-align:left;background-color:#3f4658} .image-link span.category-title:before{content:"";width:10px;height:10px;border:5px solid transparent;border-right-color:#3f4658;border-top-color:#3f4658;display:block;position:absolute;left:0;top:100%} .overlay{background-color:#000;opacity:0.55;filter:alpha(opacity=55);width:100%;height:100%;display:block;position:absolute} #banner-slider-demo-15 .content em{font-size:18px} #banner-slider-demo-15 .content h2{font-size:44px} #banner-slider-demo-15 .content hr{margin:10px 0} #banner-slider-demo-15 .content a{font-size:16px} .img-desc-home15{margin-top:-88px;padding:0 25px} .img-desc-home15 h3{font-size:24px} .img-desc-home15 hr{width:90px;margin:15px 0} .img-desc-home15 p{font-size:15px} .img-desc-home15 a{font-size:15px} @media (max-width:991px){ .img-desc-home15{margin-top:-65px;padding:0 16px} .img-desc-home15 h3{font-size:16px} .img-desc-home15 hr{width:60px;margin:10px 0} .img-desc-home15 p{font-size:10px} .img-desc-home15 a{font-size:10px} } @media (max-width:767px){ #banner-slider-demo-15 .content em{font-size:9px} #banner-slider-demo-15 .content h2{font-size:22px} #banner-slider-demo-15 .content hr{margin:5px 0;} #banner-slider-demo-15 .content a{font-size:8px} .img-desc-home15{margin-top:-88px;padding:0 25px} .img-desc-home15 h3{font-size:24px} .img-desc-home15 hr{width:90px;margin:15px 0} .img-desc-home15 p{font-size:15px} .img-desc-home15 a{font-size:15px} } .top-newsletter .newsletter button.subscribe { position: absolute; right: 0; top: 0; height: 30px; line-height: 30px; border-radius: 0; color: #000; padding: 0 15px; background-color: transparent; border: 0; } .top-newsletter .newsletter input { width: 300px; height: 30px; border-radius: 0; line-height: 16px; padding: 7px 50px 7px 15px; } .top-newsletter .newsletter label { display: none; } @media (max-width:1199px){ .top-newsletter #newsletter{width:270px} } @media (max-width:991px){ .top-newsletter #newsletter{width:160px} } @media (min-width: 992px){ .a-left-sm { text-align: left; } .a-right-sm { text-align: right; } } .owl-banner-carousel .content-17.type1 em{font-size:20px;margin-bottom:-5px;margin-left:9px} .owl-banner-carousel .content-17.type1 h2{font-size:65px;margin-bottom:0} .owl-banner-carousel .content-17.type1 p{font-size:37px} .owl-banner-carousel .content-17.type1 a{font-size:15px} .owl-banner-carousel .content-17.type1 a>i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-left:12px;color:#fff;border-radius:50%} @media (max-width:1199px){ .owl-banner-carousel .content-17.type1 em{font-size:18px;margin-bottom:-4px;margin-left:8px} .owl-banner-carousel .content-17.type1 h2{font-size:58px} .owl-banner-carousel .content-17.type1 p{font-size:32px} .owl-banner-carousel .content-17.type1 a{font-size:14px} .owl-banner-carousel .content-17.type1 a>i{width:15px;height:15px;line-height:14px;font-size:11px;margin-bottom:3px;margin-left:10px} } @media (max-width:991px){ .owl-banner-carousel .content-17.type1 em{font-size:15px;margin-bottom:-3px;margin-left:6px} .owl-banner-carousel .content-17.type1 h2{font-size:50px} .owl-banner-carousel .content-17.type1 p{font-size:26px} .owl-banner-carousel .content-17.type1 a{font-size:12px} .owl-banner-carousel .content-17.type1 a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:7px} } @media (max-width:767px){ .owl-banner-carousel .content-17.type1 em{font-size:11px;margin-bottom:-2px;margin-left:4px} .owl-banner-carousel .content-17.type1 h2{font-size:28px} .owl-banner-carousel .content-17.type1 p{display:none} .owl-banner-carousel .content-17.type1 a{display:none} } #banner-slider-demo-18 .content-1{position:absolute;left:50%;top:50%;padding:30px 20px 15px;text-align:left;margin-left:-163px;margin-top:-95px} #banner-slider-demo-18 .content-1>div{display:inline-block;vertical-align:middle} #banner-slider-demo-18 .content-1>div:first-child{padding-right:10px} #banner-slider-demo-18 .content-1 p{font-size:23px;line-height:1;margin-bottom:0;margin-left:7px;font-weight:300} #banner-slider-demo-18 .content-1 h3{font-size:73px;font-weight:600;line-height:1;margin:0} #banner-slider-demo-18 .content-1 h3 b{font-weight:800;margin-top:-23px;display:block} #banner-slider-demo-18 .content-1 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px} #banner-slider-demo-18 .content-1 h4{font-size:32px;line-height:1;margin:0;font-weight:700} #banner-slider-demo-18 .content-1 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px} #banner-slider-demo-18 .content-2{position:absolute;right:28px;bottom:28px;text-align:left} #banner-slider-demo-18 .content-2>div{display:inline-block;vertical-align:middle;padding:20px 15px} #banner-slider-demo-18 .content-2>div:first-child{margin:-6px 0;padding-left:25px} #banner-slider-demo-18 .content-2 p{font-size:20px;line-height:1;margin-bottom:0;margin-left:2px;font-weight:300} #banner-slider-demo-18 .content-2 h3{font-size:54px;font-weight:600;line-height:1;margin:0} #banner-slider-demo-18 .content-2 h3 b{font-weight:800} #banner-slider-demo-18 .content-2 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px} #banner-slider-demo-18 .content-2 h4{font-size:32px;line-height:1;margin:0;font-weight:700} #banner-slider-demo-18 .content-2 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px} #banner-slider-demo-18 .content-2 a{font-size:13px;margin-right:-10px} @media (max-width:991px){ #banner-slider-demo-18 .content-1{padding:25px 15px 10px;margin-left:-122px;margin-top:-75px} #banner-slider-demo-18 .content-1>div:first-child{padding-right:7px} #banner-slider-demo-18 .content-1 p{font-size:16px;margin-left:5px} #banner-slider-demo-18 .content-1 h3{font-size:58px} #banner-slider-demo-18 .content-1 h3 b{margin-top:-17px} #banner-slider-demo-18 .content-1 em{font-size:14px;margin-right:3px} #banner-slider-demo-18 .content-1 h4{font-size:26px} #banner-slider-demo-18 .content-1 h5{font-size:14px;margin-top:-2px} #banner-slider-demo-18 .content-2{right:20px;bottom:20px} #banner-slider-demo-18 .content-2>div{padding:15px 10px} #banner-slider-demo-18 .content-2>div:first-child{margin:-2px 0;padding-left:20px} #banner-slider-demo-18 .content-2 p{font-size:15px;margin-left:1px} #banner-slider-demo-18 .content-2 h3{font-size:38px} #banner-slider-demo-18 .content-2 em{font-size:12px;margin-right:2px} #banner-slider-demo-18 .content-2 h4{font-size:26px} #banner-slider-demo-18 .content-2 h5{font-size:13px;margin-top:-2px} #banner-slider-demo-18 .content-2 a{font-size:10px;margin-right:-6px} } @media (max-width:640px){ #banner-slider-demo-18 .content-1{padding:11px 7px 5px;margin-left:-53px;margin-top:-32px} #banner-slider-demo-18 .content-1>div:first-child{padding-right:2px} #banner-slider-demo-18 .content-1 p{font-size:7px;margin-left:2px} #banner-slider-demo-18 .content-1 h3{font-size:22px} #banner-slider-demo-18 .content-1 h3 b{margin-top:-6px} #banner-slider-demo-18 .content-1 em{font-size:6px;margin-right:1px} #banner-slider-demo-18 .content-1 h4{font-size:12px} #banner-slider-demo-18 .content-1 h5{font-size:6px;margin-top:-1px} #banner-slider-demo-18 .content-2{right:8px;bottom:8px} #banner-slider-demo-18 .content-2>div{padding:3px 6px} #banner-slider-demo-18 .content-2>div:first-child{margin:-1px 0;padding-left:9px} #banner-slider-demo-18 .content-2 p{font-size:7px;margin-left:1px} #banner-slider-demo-18 .content-2 h3{font-size:16px} #banner-slider-demo-18 .content-2 em{font-size:6px;margin-right:1px} #banner-slider-demo-18 .content-2 h4{font-size:12px} #banner-slider-demo-18 .content-2 h5{font-size:6px;margin-top:-1px} #banner-slider-demo-18 .content-2 a{font-size:6px;margin-right:-3px} } .single-images .single-image-label{font-size:17px;text-align:center;color:#818385;line-height:1.4;padding:10px 0;font-weight:600} .single-images .caption{background-color:#a1a2a3;color:#fff;font-size:14px;line-height:35px;text-align:center} #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:256px} #banner-slider-demo-16 .text-content{text-align:left} #banner-slider-demo-16 .text-content em{font-size:26.26px;margin:0;margin-bottom:-10px} #banner-slider-demo-16 .text-content h2{font-size:79.12px;letter-spacing:-4px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-16 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px} @media (max-width:991px){ #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:0} #banner-slider-demo-16 .text-content em{font-size:18px;margin:0;margin-bottom:-8px} #banner-slider-demo-16 .text-content h2{font-size:60px;letter-spacing:-3px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:18px;padding-left:6px} #banner-slider-demo-16 .text-content p a{font-size:12px;padding:8px 20px;margin-left:10px;margin-top:5px} } @media (max-width:767px){ #banner-slider-demo-16 .text-content em{font-size:13px;margin:0;margin-bottom:-5px} #banner-slider-demo-16 .text-content h2{font-size:40px;letter-spacing:0px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:14px;padding-left:2px} #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:5px;margin-top:5px} } @media (max-width:480px){ #banner-slider-demo-16 .text-content em{font-size:10px;margin-bottom:0} #banner-slider-demo-16 .text-content h2{font-size:25px;letter-spacing:0px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:0;margin-top:5px;float:left !important} } /*** Header Type 10 - Side Header ***/ .container { max-width: 100%; } .page-header.type22 { background-color: #383734; } @media (max-width:1199px) and (min-width:992px){ .page-header.type10 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu { width: 750px; } } @media (min-width:992px){ .page-header.type10 .minicart-wrapper .block-minicart { right: auto; left: -15px; } .page-header.type10 .minicart-wrapper .block-minicart:before { right: auto; left: 26px; } .page-header.type10 .minicart-wrapper .block-minicart:after { right: auto; left: 25px; } header.page-header.type10 .panel.wrapper .header.panel > .header.links { float: none; display: block; } header.page-header.type10 .panel.wrapper .header.panel > .header.links > li { display: block; color: #fff; } header.page-header.type10 .panel.wrapper .header.panel > .header.links > li > a, header.page-header.type10 .panel.wrapper .header.panel > .header.links > li > span { color: #fff; border: 0; padding: 0 5px; display: block; border-top: 1px solid #575757; line-height: 40px; } header.page-header.type10 .panel.wrapper .header.panel > .header.links > li > span { border-top: 0; } body.side-header .page-wrapper { padding-left: 256px; } header.page-header.type10.fixed-bottom { position: fixed; top: auto; bottom: 0; } body.side-header .page-wrapper > .breadcrumbs.fixed-position { position: fixed; width: 100%; z-index: 999; top: 0; } body.side-header .page-wrapper > .breadcrumbs .items { margin: 0; max-width: none; } } @media (max-width:992px) and (min-width:768px){ header.page-header.type10 { position: relative; width: auto; height: auto; min-height: 0; text-align: left; padding: 10px 15px; } header.page-header.type10 .header.content { padding: 0; } header.page-header.type10 .logo { max-width: 110px; } header.page-header.type10 .custom-block-area { display: none; } header.page-header.type10 .block-search { position: absolute; right: 0; top: 10px; margin-bottom: 0; } header.page-header.type10 .panel.wrapper { position: absolute; right: 15px; top: 10px; } header.page-header.type10 .header.panel > .header.links > li > a, header.page-header.type10 .header.panel > .header.links > li > span { color: #fff; } header.page-header.type10 .navigation .level0 > .level-top { color: #fff; line-height: 42px; } } /*** Header Type 10 - Side Header ***/ .sticky-header .sw-megamenu.navigation li.level0.fl-right { float: none; } #totop{height:40px;position:fixed;right:15px;width:40px;z-index:9999;bottom:0;background-color:#404040;font-size:16px;color:#fff;text-align:center;line-height:1;padding:11px 0;display:none;border-radius:5px 5px 0 0} #totop:hover{background-color:#555} i.ajax-loader{display:inline-block;vertical-align:middle;border:1px solid #08c;border-radius:20px;border-bottom-color:transparent!important} i.ajax-loader.small{width:16px;height:16px;border-width:2.5px} i.ajax-loader.large{width:32px;height:32px;border-width:2.5px} @media (min-width:768px){ .page-wrapper .page-header.type12 .header.content { padding-left: 200px; } .onepage-category > .columns { padding-left: 180px; padding-right: 50px; } #maincontent.onepage-category { position: relative; padding-top: 50px; max-width: 100% } } .page-wrapper .page-header.type12.sticky-header { position: fixed; background-color: #000; z-index: 6; width: 100%; } .page-header.type12.sticky-header .header.panel .custom-block > a { color: #fff; } .page-header.type12.sticky-header .header.panel .search-area > a { color: #fff; } .page-header.type12.sticky-header .header.panel .top-panel .top-links-area > a { color: #fff; } .cms-index-index .onepage-category { display: flex; flex-wrap: wrap; } .onepage-category > .category-list { width: 80px; text-align: left; position: relative; float: left; background: #000; padding: 46px 0 146px 0; z-index: 5; } .onepage-category > .category-list > ul { position: relative; z-index: 2; list-style: none; padding: 0; transition: all 0.3s; padding-top: 30px; margin-bottom: 0; } .onepage-category > .category-list > ul > li:last-child { margin-bottom: 0; } .onepage-category > .category-list > ul > li > a { color: #fff; width: auto; line-height: 78px; display: inline-block; white-space: nowrap; position: relative; transition: all 0.3s; } .onepage-category > .category-list > ul > li > a > em { font-size: 32px; width: 80px; display: inline-block; text-align: center; vertical-align: middle; } .onepage-category > .category-list > ul > li > a > em > img { vertical-align: middle; } .onepage-category > .category-list > ul > li > a > span { display: inline-block; vertical-align: middle; opacity: 0; visibility: hidden; width: 0; transition: all 0.3s; font-size: 16px; font-weight: 600; position: relative; overflow: hidden; } .onepage-category > .category-list > ul > li > a:after { content: ""; width: 16px; height: 16px; position: absolute; display: block; right: -15px; top: 50%; margin-top: -8px; border: 8px solid transparent; transition: all 0.3s; } .onepage-category > .category-list > ul > li > a:hover, .onepage-category > .category-list > ul > li > a.active { background-color: #00d59d; } .onepage-category > .category-list > ul > li > a:hover > span { opacity: 1; visibility: visible; width: auto; padding-right: 50px; } .onepage-category > .category-list > ul > li > a:hover:after, .onepage-category > .category-list > ul > li > a.active:after { border-left-color: #00d59d; } .onepage-category > .category-details { float: right; width: calc(100% - 100px); padding: 0 100px; padding-bottom: 146px; min-height: 80vh; } .onepage-category .category-detail { position: relative; } .onepage-category .category-detail .title-menu { position: relative; } .onepage-category .category-detail .title-menu > a { font-size: 26px; color: #000; text-decoration: none; line-height: 100px; display: inline-block; font-weight: 300; margin-top: 70px; } .onepage-category .category-detail .title-menu > a > span { display: inline-block; vertical-align: middle; } .onepage-category .category-detail .title-menu > a.parent:after { display: inline-block; content: "\f813"; font-family: "porto-icons"; margin-left: 18px; font-size: 18px; vertical-align: middle; line-height: 36px; } .onepage-category .category-detail .title-menu > a.parent.opened:after { content: "\f810"; } .onepage-category .category-detail .title-menu > .menu-popup { position: absolute; left: -25px; top: 100%; display: none; width: calc(100% + 50px); z-index: 3; background-color: #fff; border: 1px solid #bebebe; border-radius: 5px; padding: 50px 0; } .onepage-category .category-detail .title-menu > .menu-popup:before { content: ""; border: 8px solid transparent; width: 16px; height: 16px; display: block; border-bottom-color: #bebebe; position: absolute; top: -16px; left: 90px; } .onepage-category .category-detail .title-menu > .menu-popup:after { content: ""; border: 7px solid transparent; width: 14px; height: 14px; display: block; border-bottom-color: #fff; position: absolute; top: -13px; left: 91px; } .onepage-category .category-detail .menu-popup ul { list-style: none; padding: 0; margin: 0; } .onepage-category .category-detail .menu-popup > ul { display: flex; flex-wrap: wrap; } .onepage-category .category-detail .menu-popup > ul > li { float: left; border-left: 1px solid #bebebe; margin: 10px 0; padding: 30px 0; } .onepage-category .category-detail .menu-popup li.menu-item { margin-bottom: 0; } .onepage-category .category-detail .menu-popup > ul.columns5 > li { width: 20%; padding-left: 4%; padding-right: 4%; } .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) { border-left: 0; clear: left; } .onepage-category .category-detail .menu-popup ul > li> a { color: #000; font-size: 16px; line-height: 2.5; } .onepage-category .category-detail .menu-popup > ul > li> a { font-weight: 700; text-transform: uppercase; } .onepage-category .category-detail .products-area { margin: 0 -10px; } .onepage-category .category-detail .products-area .category-link { float: right; margin-top: -70px; margin-right: 10px; position: relative; z-index: 2; min-width: 119px; height: 40px; border: 2px solid #000; color: #000; border-radius: 5px; line-height: 36px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 600; transition: all 0.3s; } .onepage-category .category-detail .products-area .category-link:hover { background-color: #000; color: #fff; } .onepage-category .category-detail .products div.item { float: left; padding: 10px; } .onepage-category .category-detail .product-item-photo { border: 0; padding: 0; border-radius: 0; } .onepage-category .category-detail .products div.item .product-item-photo { width: 100%; min-height: 60px; display: block; position: relative; z-index: 0; overflow: hidden; border-radius: 0; background: #fff; } .onepage-category .category-detail .products div.item .product-item-details { padding: 15px 0; text-align: left; } .onepage-category .category-detail .products div.item .product-item-details .product-item-name { margin: 0 0 3px 0; } .onepage-category .category-detail .products div.item .product-item-details .product-item-name a { font-size: 14px; font-weight: 600; color: #000; } .onepage-category .category-detail .products div.item .product-item-details .price-box { margin: 0; } .onepage-category .category-detail .products div.item .product-item-details .price { font-weight: 300; font-size: 30px; } .onepage-category .category-detail .products div.item .product-item-details .old-price .price { font-size: 20px; } .onepage-category .category-detail .product-item-photo:before { content: ""; display: block; background: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.3s; } .onepage-category .category-detail .product-item-info:hover .product-item-photo:before { opacity: 0.7; visibility: visible; } .onepage-category .category-detail .product-item-photo .product-item-inner { padding: 0; z-index: 3; left: 15px; bottom: 15px; } .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions a, .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart { background-color: transparent; border-color: #fff; color: #fff; width: 50px; height: 50px; line-height: 47px; font-size: 18px; margin: 0 1px; } .onepage-category .category-detail .product-item .tocart:before { font-size: 21px; display: inline-block; } .onepage-cat.category-list { position: absolute; left: 0; top: 0; min-height: 100%; } body > .onepage-cat.category-list { display: none; } .onepage-category > .category-list > ul.fixed-top { position: fixed; left: 0; top: 70px; } .onepage-category > .category-list > ul.fixed-bottom { position: fixed; left: 0; bottom: 0; } .onepage-category > .category-list > ul.absolute-bottom { position: absolute; top: auto; bottom: 0; } .onepage-category .additional-content img { max-width: 100%; } .onepage-category .menu-popup a > span { position: relative; } .onepage-category .menu-popup a > span > span.cat-label { top: 3px; right: -35px; font: inherit; font-size: 9px; padding: 2px; z-index: 1; border-radius: 2px; line-height: 1; border: 1px solid #777; position: absolute; } #banner-slider-demo-19 .slide-content h2 { font-size: 80px; font-weight: 800; line-height: 0.9; letter-spacing: -6px; margin-left: -5px; } #banner-slider-demo-19 .slide-content p { font-size: 20px; margin-bottom: 50px; font-weight: 300; } #banner-slider-demo-19 .slide-content a.btn-line { color: #000; font-size: 14px; font-weight: 700; border: 2px solid #000; padding: 0 34px; height: 57px; display: inline-block; line-height: 53px; border-radius: 8px; text-decoration: none; } #banner-slider-demo-19 .slide-content a.btn-line:hover { color: #fff; background-color: #000; } .category-description img { max-width: 100%; } .page-header.type12:not(.sticky-header) .header.panel .block-search input { background: transparent; } .page-header.type12.sticky-header .header.panel .top-panel .links > li > a, .page-header.type12.sticky-header .header.panel .top-panel .links > li > span { color: #fff; } .page-header.type12 .logo { max-width: 90px; } .category-detail .product-item-info:hover .product-item-inner { visibility: visible; opacity: 1; } #giftcard-form input#giftcard-code { border-radius: 3px 0 0 3px; } #giftcard-balance-lookup .giftcard.info { margin-bottom: 15px; } .gift-wrapping-item > span { background-color: #f2f2f2; } #giftcard-form button.action-add, #giftcard-form button.redeem { height: 32px; line-height: 1; font-size: 13px; } .account .table-wrapper.balance-history, .account .table-wrapper.reward-history, .account .table-wrapper.balance-history { margin-top: 0; } .form-addbysku .qty.field .control { display: block; } .column .block-addbysku .action.add { min-width: 32px; } .giftcard-account button.primary { height: 32px; line-height: 1; } .form-add-invitations .action.add:before, .column .block-addbysku .action.add:before { content: '\f881'; } .form-add-invitations .fieldset .actions-toolbar > .secondary .action.add { min-width: 32px; margin: 20px 0; } .message.info { margin-bottom: 20px; } .form-giftregistry-edit .field.date input { vertical-align: middle; } .hasDatepicker + .ui-datepicker-trigger:before { content: '\f865'; } .block-category-event { border-radius: 5px; text-align: left; padding: 10px 20px !important; } .block-category-event > div { display: inline-block; vertical-align: middle; } .block-category-event > div.event-title { padding-right: 50px; margin-right: 20px; } .block-category-event .event-title em { float: left; font-size: 30px; margin-right: 8px; color: #000; } .block-category-event .event-title p { margin: 0; text-transform: uppercase; } .block-category-event .event-title h4 { margin: 3px 0; color: #000; text-transform: uppercase; white-space: nowrap; } .block-category-event .dates .start:after { display: none; } .block-category-event .event-ticker .dates .start { padding: 0; } .block-category-event .event-ticker .dates > div > span { display: block; } .block-category-event > div.event-ticker { text-align: center; } .block-category-event > div.event-desc { float: right; color: #08c; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 101px; margin-right: 20px; } .block-category-event .event-ticker .dates > div > span.desc { color: #08c; text-transform: uppercase; font-style: italic; font-size: 13px; } .block-category-event .event-ticker .dates > div > span.date { font-size: 24px; font-weight: 600; color: #000; } .block-category-event .event-ticker .dates > div > span.year-month { background-color: #000; color: #fff; text-transform: uppercase; font-size: 13px; padding: 5px 10px; line-height: 1; border-radius: 3px; } .block-category-event .event-ticker .dates > div > span.time { padding: 3px 0; } .block-category-event .event-ticker .dates > div > span.date { font-size: 24px; font-weight: 600; color: #000; padding: 0 0 3px; } .block-category-event .event-ticker .dates > div { margin: 0 10px; display: inline-block; } .block-category-event .event-ticker .ticker .value { font-size: 30px; font-weight: 600; color: #000; } .block-category-event .event-ticker .ticker .label { background-color: #000; color: #fff; text-transform: uppercase; font-size: 13px; padding: 5px 10px; line-height: 1; border-radius: 3px; min-width: 70px; } .block-category-event .event-ticker .ticker li { margin: 0 7px; } .block-category-event.open > div.event-desc { line-height: 65px; } @media(max-width:1439px) { .page-header.type12 .header.panel .top-panel .top-links-area { position: relative; } .page-header.type12.sticky-header .header.panel .top-panel .links > li > a, .page-header.type12.sticky-header .header.panel .top-panel .links > li > span { color: #000; } .page-header.type12 .header.panel .top-panel .top-links-area > a { display: inline-block; text-transform: uppercase; font-size: 11px; font-weight: 700; } .page-header.type12 .header.panel .top-panel .top-links-area .links { position: absolute; left: -10px; top: 100%; text-align: left; background-color: #fff; padding: 10px; border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,0.25); margin-top: 10px; display: none; } .page-header.type12 .header.panel .top-panel .top-links-area .links:before { content: ""; border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 99; position: absolute; left: 10px; top: -12px; } .page-header.type12 .header.panel .top-panel .top-links-area .links:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; content: ""; position: absolute; left: 9px; top: -14px; } .page-header.type12 .header.panel .top-panel .top-links-area .links > li { float: none; white-space: nowrap; } .page-header.type12 .header.panel .top-panel .top-links-area .links > li > a, .page-header.type12 .header.panel .top-panel .top-links-area .links > li > span { padding: 0; } } @media(max-width:1199px) { .page-header.type12 .header.content .header.panel { margin-top: -13px; } .page-header.type12 .header.panel .top-panel .search-area { margin: 0; } .page-header.type12 .header.panel .top-panel .search-area > a { display: inline-block; } .page-header.type12 .header.panel .top-panel .search-area > .block-search { display: none; position: absolute; right: -15px; top: 100%; margin-top: 10px; } .page-header.type12 .header.panel .top-panel .block-search input { background-color: #fff; } #banner-slider-demo-19 .slide-content h2 { font-size: 40px; line-height: 0.9; letter-spacing: -3px; margin-left: -2.5px; } #banner-slider-demo-19 .slide-content p { font-size: 12px; margin-bottom: 20px; } #banner-slider-demo-19 .slide-content a.btn-line { font-size: 10px; padding: 0 16px; height: 30px; line-height: 26px; border-radius: 4px; } .onepage-cat.category-list + .main.container { padding: 0 50px; } .onepage-category .category-detail .menu-popup ul > li> a { font-size: 11px; } .onepage-category .category-detail .menu-popup > ul.columns5 > li { padding: 10px 2%; } .onepage-category .category-detail .title-menu > .menu-popup { padding: 10px 0; } .onepage-category .category-detail .title-menu > a { margin-top: 46px; } } @media (max-width: 991px) { .block-category-event > div { display: block; float: none !important; text-align: left; } .block-category-event > div.event-ticker { display: inline-block; margin: 0 -10px; } .block-category-event .dates .start, .block-category-event .dates .end { display: inline-block !important; } } @media(max-width:767px) { .cms-index-index .page-header.type12 { position: absolute; width: 100%; left: 0; top: 0; background: transparent; } .page-header.type12 .header.panel .top-panel .top-links-area, .page-header.type12 .header.panel .top-panel .custom-block, .page-header.type12 .header.panel .top-panel .search-area > a { display: none; } .page-header.type12 .header.panel .top-panel .search-area > .block-search { display: inline-block; position: static; float: right; margin: 0; } .onepage-category, .cms-index-index .onepage-category { display: block; } .onepage-category > .category-list { width: auto; float: none; padding: 0; min-height: 0; position: static; } .onepage-category > .category-list > ul { padding: 0; } .onepage-category > .category-list > ul > li { margin: 0; display: inline-block; } .onepage-category > .category-list > ul > li > a:hover > span,.onepage-category > .category-list > ul > li > a:after { display: none; } .onepage-cat.category-list + .main.container { float: none; } .onepage-cat.category-list + .main.container { padding: 0 15px; } .onepage-cat.category-list + .main.container { width: auto; } .onepage-category > .category-details { float: none; width: auto; padding: 0 15px; } .onepage-category > .category-list > ul { position: static !important; } .onepage-category .category-detail .menu-popup > ul { display: block; } .onepage-category .category-detail .menu-popup > ul.columns5 > li { width: 50%; padding: 10px 15px; } .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) { border-left: 1px solid #bebebe; clear: none; } .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1) { border-left: 0; clear: left; } .onepage-category .category-detail .menu-popup ul > li> a { font-size: 14px; } } .product.info.detailed.sticky .product.data.items > .item.content { margin: 0; } .product-tabs-container { position: fixed; left: 0; top: 0; width: 100%; padding: 15px 0; z-index: 3; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .product-tabs-container.has-sticky-header { top: 44px; } .product-tabs-container .data.item.title { display: inline-block; font-size: 13px; padding: 0 10px; } .product-tabs-container .data.item.title:first-child { padding-left: 0; } .product-tabs-container .data.item.title > a { color: #777; padding: 10px 0; } .authentication-wrapper { line-height: 50px; margin-top: 0 !important; margin-left: 20px; } .filter-options-content .ln_slider_container {width: 93%;margin: 0 7px;} #ln_slider_price .ui-slider-handle { margin-top: -5px; background: #08c; height: 18px; width: 13px; border-radius: 5px; margin-left: -7px; } #ln_slider_price.ui-slider-horizontal { height: 7px; margin-bottom: 15px; background: #1ab2ff; box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,.38); } #ln_price_attribute { padding: 10px 5px; } .block-category-list .block-content ol li.item { margin: 9px 0; } .filter-options-content { padding: 15px; } .filter-options-content ol.items { margin: -9px 0; } .sidebar .product-items .product-item-info .product-item-photo img.hover_image { display: none; } .page-main .block.block-category-list { margin-bottom: 14px; } .block-category-list .block-title { padding: 10px 15px; margin: 0; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; position: relative; cursor: pointer; border-radius: 7px 7px 0 0; display: block; text-decoration: none; } .block-category-list .block-content { margin: 0; padding: 10px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 7px 7px; background-color: #fbfbfb; } .block-category-list .block-content .item a { color: #777; } .block-header-customer-login { position: absolute; right: 0; min-width: 300px; background: #fff; z-index: 9; padding: 20px; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.3); border-top: 4px solid #08c; margin-top: 10px; visibility: hidden; opacity: 0; transition: all 0.3s; } .block-header-customer-login:before { content: ""; border: 5px solid transparent; border-bottom-color: #08c; position: absolute; top: -14px; right: 30px; } .block-header-customer-login.open { visibility: visible; opacity: 1; } .authorization-link { position: relative; } .filter-toggle { display: none; } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 18px; display: none; } .loading-mask .loader > img, .ln_overlay img { max-width: 32px; } .account-nav .nav > li { padding: 0; position: relative; line-height: 1.3; border-bottom: 1px solid #ddd; } .account-nav .nav > li > a { color: #777; padding: 8px 15px; } .account-nav .nav > li > a:hover, .account-nav .nav > li > a:focus { background: none; } .account-nav .nav > li > a:before, .account-nav .nav > li > strong:before { content: '\f821'; font-family: 'porto-icons'; position: absolute; left: 5px; } .account-nav .nav > li > strong { position: relative; display: block; padding: 8px 15px; } @media(min-width: 768px) { .filter-toggle { border: 1px solid #ccc; font-weight: 400; color: #777; text-align: center; width: auto; line-height: 26px; background-color: #fff; display: block; margin-left: 5px; border-radius: 3px; display: inline-block; text-decoration: none; padding: 0 10px; display: inline-block; } .filter-toggle:hover { color: #777; } .filter-toggle.active { color: #fff; background-color: #08c; border-color: #08c; } .column.main { transition: all 0.5s; } .column.main.toggle-close { width: 100% !important; } .sidebar.sidebar-main { transition: all 0.5s; } .sidebar.sidebar-main.toggle-close { margin-left: -300px; opacity: 0; visibility: hidden; } } @media(max-width: 767px) { .product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) { top: 0; } .product-tabs-container.has-sticky-header.has-mobile-sticky-header { top: 64px; } .block-header-customer-login { display: none; } } .ajax-products{display:flex;padding:0 85px} .ajax-products > .category-list{border-right:1px solid #dcdcdc;padding:70px 15px} .ajax-products > .category-list > span{display:block;font-size:20px;font-weight:600;color:gray;margin-bottom:10px} .ajax-products > .category-list > ul{list-style:none;padding:0} .ajax-products > .category-list > ul > li{padding:10px 0} .ajax-products > .category-list > ul > li > a{display:block;text-transform:uppercase;color:#000;font-weight:700;font-size:12px;position:relative;padding-left:20px} .ajax-products > .category-list > ul > li > a:before{content:"\f87d";font-family:"porto-icons";margin-right:10px;display:inline-block;width:11px;position:absolute;left:0} .ajax-products > .category-list > ul > li > a.active:before{content:"\f87c"} .ajax-products > .category-list > ul > li > a > span{display:inline-block} .ajax-products > .category-list > ul > li > a:hover{text-decoration:none} .ajax-products > .category-detail{position:relative;min-height:70vh;padding:70px 15px} .ajax-products > .category-detail > h2{text-align:center;margin:30px 0;font-size:26px;color:#000;text-transform:uppercase;font-weight:700;letter-spacing:10px} .ajax-products > .category-detail > .ajax_products_loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;background-color:rgba(255,255,255,0.5)} .load-more-area{text-align:center;margin:30px 0} .load-more-area > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#000;color:#fff;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(0,0,0,0.5)} .load-more-area > a:hover{text-decoration:none;opacity:.85;color:#fff} .full-width-image{text-align:center;padding:200px 0;background-size:cover} .full-width-image > h3{font-size:90px;color:#fff;font-weight:600;letter-spacing:-5px} .full-width-image > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0} .full-width-image > a:hover{text-decoration:none;opacity:.85} #home-content-slider-demo-20 .item > div.content{max-width:40%} #home-content-slider-demo-20 .item > div.content > h3{color:#fff;font-size:60px;font-weight:600;letter-spacing:-4px;margin-bottom:20px} #home-content-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block} #home-content-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85} .full-screen-slider {height: 100vh;} .full-screen-slider:after {content: "\f110";font-family: "porto-icons";position: absolute;left: 50%;top: 50%;font-size: 20px;margin-top: -18px;margin-left: -10px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;color: #777;z-index: 1;} .owl-carousel.owl-loaded {position: relative;z-index: 2;} .full-screen-slider{position:relative} .full-screen-slider #banner-slider-demo-20 .item > div.content{text-align:left;position:absolute} .full-screen-slider #banner-slider-demo-20 .item > div.content > h2{line-height:.9;font-size:80px;font-weight:600} .full-screen-slider #banner-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block} .full-screen-slider #banner-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85} #banner-slider-demo-20+.owl-thumbs{position:absolute;right:100px;bottom:50px;width:30%;z-index:2} #banner-slider-demo-20+.owl-thumbs button{width:auto;height:auto;padding:0;border:0;margin:0;float:left;max-width:33.33%;background:none} #banner-slider-demo-20+.owl-thumbs button img{border:3px solid transparent} #banner-slider-demo-20+.owl-thumbs button.active img{border-color:#fff;border-color:rgba(255,255,255,0.5)} .page-header { z-index: 5; margin-bottom: 10px; } .page-header.type13 { background: #000; border: 0; } .page-header.type13 .header.content { padding: 25px 85px; } .page-header.type13 .logo { margin: 0; } .page-header.type13 .header.content .header.panel { right: 100px; top: 50%; position: absolute; padding: 0; margin-top: -13px; } .page-header.type13 .header.panel .top-panel { display: inline-block; vertical-align: middle; } .page-header.type13 .header.panel .bottom-panel { display: inline-block; vertical-align: middle; } .page-header.type13 .header.panel .top-panel .menu-area { display: inline-block; vertical-align: middle; position: relative; } .page-header.type13 .header.panel .top-panel .top-links-area { display: inline-block; vertical-align: middle; } .page-header.type13 .header.panel .bottom-panel .search-area { display: inline-block; vertical-align: middle; position: relative; margin: 0 40px 0 20px; } .page-header.type13 .header.panel .bottom-panel .search-area .block-search { margin: 0; position: absolute; right: 0; top: 100%; display: none } .page-header.type13 .nav-toggle { line-height: 1; vertical-align: middle; float: none; } .page-header.type13 .nav-toggle:before { color: #fff; } .page-header.type13 .search-toggle-icon { color: #fff; font-size: 20px; } .page-header.type13 .search-toggle-icon .porto-icon-search:before { content: '\f87b' } .page-header.type13 .header.panel .bottom-panel .search-area .block-search { right: -20px; margin-top: 15px; } .page-header.type13 .block-search .action.search { width: 40px; } .page-header.type13 .menu-area > .shop-menu { color: #fff; margin-right: 20px; text-transform: uppercase; font-weight: 600; font-size: 11px; letter-spacing: 2px; display: block; } .page-header.type13 .menu-area > .shop-menu:hover { text-decoration: none; } .page-header.type13 .top-links-area > a.top-links-icon { display: none; } .page-header.type13 .top-links-area > ul.links { padding: 0; } .page-header.type13 .panel.header .switcher { margin-right: 20px; float: none; vertical-align: middle; } .page-header.type13 .switcher strong { color: #fff; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; } .page-header.type13 .switcher .options .action.toggle:after, .page-header.type13 .switcher .options .action.toggle:hover:after { color: #fff; } .page-header.type13 .minicart-wrapper { vertical-align: middle; } .page-header.type13 .minicart-wrapper .action.showcart { position: relative; } .page-header.type13 .minicart-wrapper .action.showcart:before { content: '\f87a'; color: #fff; font-size: 25px; line-height: 1; } .page-header.type13 .minicart-wrapper .action.showcart.active:before { color: #fff; } .page-header.type13 .minicart-wrapper .action.showcart .counter.qty { color: #000; background: #fff; border-radius: 8px; width: 15px; height: 15px; line-height: 15px; font-size: 11px; position: absolute; top: auto; right: -7px; bottom: -7px; margin: 0; padding: 0; left: auto; display: block; min-width: 0; } .block-bundle-summary .moved-add-to-links { display: block; margin-top: 10px; } .block-bundle-summary .moved-add-to-links .product-addto-links .action { width: 40px; height:40px; line-height: 38px; margin-right:5px; } .block-bundle-summary .moved-add-to-links .action.mailto.friend { width: 40px; height:40px; line-height: 38px; } @media (min-width:768px) and (max-width: 991px){ .moved-add-to-links {display: block;margin-top: 15px;} } @media (min-width: 768px) { .page-header.type13 .panel.header .customer-menu .links > li { display: block; } .page-header.type13 .panel.header .links > li { display: inline-block; vertical-align: top; margin: 0; } .page-header.type13 .panel.header .links > li.greet.welcome { display: none; } .page-header.type13 .block-search input { border: 1px solid #ccc; } .page-header.type13 .panel.header .top-links-area > ul.links > li > a { color: #fff; margin-right: 20px; text-transform: uppercase; font-weight: 600; font-size: 11px; letter-spacing: 2px; display: block; } .page-header.type13 .sections.nav-sections { position: absolute; left: -15px; top: 100%; border: 0; visibility: hidden; opacity: 0; transition: all 0.3s; min-width: 200px; } .page-header.type13 .menu-area:hover .sections.nav-sections { visibility: visible; opacity: 1; } .page-header.type13 .nav-sections-item-content > .navigation { background: #fff; border-radius: 5px; padding: 5px 0; margin-top: 15px; } .page-header.type13 .sw-megamenu.navigation li.level0 { display: block; margin: 0; } .page-header.type13 .sw-megamenu.navigation li.level0 > a { display: block; font-size: 11px; font-weight: 400; color: #777; padding: 10px 30px 10px 5px; text-transform: none; margin: 0 8px; line-height: 1; position: relative; } .page-header.type13 .sw-megamenu.navigation li.level0 > a:hover { background-color: #f4f4f4; } .page-header.type13 .navigation .level0.parent > a:after { line-height: 1; content: '\f801'; position: absolute; right: 5px; } .page-header.type13 .sw-megamenu.navigation li.level0 { position: relative !important; } .page-header.type13 .sw-megamenu.navigation li.level0.fullwidth > .submenu, .page-header.type13 .sw-megamenu.navigation li.level0.staticwidth > .submenu { left: 100% !important; top: -6px; border: 0; } .page-header.type13 .sw-megamenu.navigation li.level0.classic:hover > .submenu { left: 100% !important; top: -6px; border: 0; margin-left: -8px !important; } } @media (max-width: 991px) { .page-header.type13 .header.content { padding: 25px 15px; } .page-header.type13 .header.content .header.panel { right: 15px; } .page-header.type13 .header.panel .bottom-panel .search-area { margin: 0; margin-right: 20px; } .full-screen-slider #banner-slider-demo-20 .item > div.content > h2 { font-size: 45px; } .full-screen-slider #banner-slider-demo-20 .item > div.content > a { font-size: 10px; padding: 10px 20px; margin: 10px 0; } #home-content-slider-demo-20 .item > div.content > h3 { letter-spacing: 0; font-size: 25px; margin-bottom: 10px; } #home-content-slider-demo-20 .item > div.content > a { font-size: 10px; padding: 10px 20px; margin: 10px 0; } } @media (max-width: 767px) { .page-header.type13 .logo img { height: 30px; width: auto; } .page-header.type13 .nav-toggle { display: inline-block; } .page-header.type13 .header.panel .top-panel .menu-area > a { display: none; } .page-header.type13 .sections.nav-sections { display: block; } .page-header.type13 .nav-sections .header.links, .page-header.type13 .nav-sections .switcher { display: block; } .page-header.type13 .switcher strong, .page-header.type13 .switcher .options .action.toggle:after, .page-header.type13 .switcher .options .action.toggle:hover:after { color: #777; } .page-header.type13 .minicart-wrapper { margin-top: 0; } #banner-slider-demo-20+.owl-thumbs { width: 50%; right: 25%; } #home-content-slider-demo-20 .item > div.content > p { display: none; } #home-content-slider-demo-20 .item > div.content > a { display: none; } .ajax-products { display: block; } .ajax-products > .category-list { border-right: 0; padding: 30px 15px; } .ajax-products > .category-list > ul > li { display: inline-block; margin-right: 30px; } .ajax-products > .category-detail { padding-top: 0; min-height: 70vh; } .load-more-area > a,.full-width-image > a { font-size: 8px; padding: 10px 20px; margin: 10px 0; } .full-width-image { padding: 100px 0; } .full-width-image > h3 { font-size: 35px; letter-spacing: -1px; } .page-header.type13 .search-toggle-icon { display: none; } .page-header.type13 .block-search .label:before { color: #fff; content: '\f87b'; } .page-header.type13 .header.panel .bottom-panel .search-area { position: static; } .page-header.type13 .header.panel .bottom-panel .search-area .block-search { display: inline-block; margin: 0; position: static; } .page-header.type13 .block-search .label { float: none; } .page-header.type13 .block-search .label + .control input { position: absolute; left: -9999px; min-width: 200px; } .page-header.type13 .block-search .label.active + .control input { left: auto; right: 0; } } ul.scene{width:100%;height:100%} ul.scene > li.layer{width:100%;height:100%} .animation-wave{-webkit-animation: wave 20s 0.1s infinite linear;-moz-animation: wave 20s 0.1s infinite linear;animation: wave 20s 0.1s infinite linear} .animation-spin { -moz-animation: spin 20s infinite linear; -o-animation: spin 20s infinite linear; -webkit-animation: spin 20s infinite linear; animation: spin 20s infinite linear; } @-webkit-keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); } } @-moz-keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); } } @-ms-keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); } } @keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); } } .product-reviews-summary.empty .reviews-actions:before { content: '\f844' '\f844' '\f844' '\f844' '\f844'; display: inline-block; vertical-align: middle; font-family: "porto-icons"; color: #c3c5c9; letter-spacing: 3px; font-size: 12px; } .product-labels { z-index: 4; } .product-item-photo:hover .product-image-photo.hover_image { z-index: 3; } .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 { z-index: 4; } .product-social-links .at-style-responsive .at-share-btn { padding: 0; } .product-social-links .at-resp-share-element .at-share-btn:focus, .product-social-links .at-resp-share-element .at-share-btn:hover { -webkit-transform: none; transform: none; } .product-social-links .at-resp-share-element .at-share-btn { margin: 0 4px; } .product-social-links .addthis_inline_share_toolbox { margin: 15px 0 15px -4px; } #at-expanded-menu-host .at-expanded-menu-load { line-height: 1; height: auto; } #at-expanded-menu-host .at-expanded-menu-service-list button { height: auto; } .gallery-placeholder .loader img { display: none; } .loader:before { content: "\f110"; font-family: "porto-icons"; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; position: absolute; top: 50%; left: 50%; font-size: 30px; margin-top: -15px; margin-left: -15px; color: #777; } .minicart-wrapper .action.showcart .counter.qty .loader:before { content: "\f110"; font-family: "porto-icons"; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; position: absolute; top: 50%; left: 50%; font-size: 16px; margin-top: -12px; margin-left: -8px; color: #777; } .loading-mask { background: transparent; } .product-item-photo>a:not(.weltpixel-quickview):before { content: "\f110"; font-family: "porto-icons"; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; position: absolute; top: 50%; left: 50%; font-size: 20px; margin-top: -14px; margin-left: -10px; color: #777; z-index: 1; } .product-image-photo.default_image { position: relative; z-index: 2; } .filter-content .ln_overlay { display: none !important; } .ln_overlay { background-color: #FFFFFF; background-color: rgba(255,255,255,0.5); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 555; display:none; } .ln_overlay .ajax-loader { position: absolute; left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; } .infinite-loader { text-align: center; margin: 20px 0; } .infinite-loader .loading { line-height: 30px; display: none; } .infinite-loader .loading i.ajax-loader { margin-right: 15px; width: 16px; height: 16px; border-width: 2.5px; } .infinite-loader .btn-load-more { display: none; color: #333; background-color: #fff; font-size: 13px; padding: 5px 20px; line-height: 30px; border-radius: 5px; border: 1px solid #ccc; } .catalog-category-view .infinite-loader + .toolbar.toolbar-products .limiter { float: none; } .catalog-category-view .infinite-loader + .toolbar.toolbar-products .pages { display: none; } .owl-item.loading .product-item-photo { min-height: 100px; } @media (min-width: 768px) and (max-width: 991px) { .block-search { max-width: 240px; } } .owl-theme.owl-bottomright-narrow .owl-controls { position: absolute; right: 0; bottom: 0; margin: 0; } .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 25px; background: #000; border-radius: 0; margin: 1px 1px 1px 0; padding: 0; width: 90px; height: 90px; line-height: 90px; opacity: 1; } .page-header.header-newskin .minicart-wrapper { position: relative; width: 58px; vertical-align: middle; margin-left: 15px; margin-right: 0; } .page-header.header-newskin .minicart-wrapper .action.close { top: 5px; } .page-header.header-newskin .minicart-wrapper .loading-mask { } .page-header.header-newskin .minicart-wrapper .block-minicart { border: solid 1px #f0f0f0; box-shadow: 0 5px 8px -2px rgba(0,0,0,0.25); right:-20px; } .page-header.header-newskin .minicart-wrapper .block-minicart:before, .page-header.header-newskin .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header.header-newskin .minicart-wrapper .block-minicart:before { border: 10px solid; border-color: transparent transparent #fff transparent; z-index: 3; right: 45.7px; top: -20px; } .page-header.header-newskin .minicart-wrapper .block-minicart:after { border: 11px solid; border-color: transparent transparent #f0f0f0 transparent; z-index: 2; right: 45px; top: -22px; left: auto; } .page-header.header-newskin .minicart-wrapper .action.showcart { position: relative; padding: 0 25px 0 0; line-height: 31px; } .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart { line-height: 40px; } .page-header.header-newskin .minicart-wrapper .action.showcart:before, .page-header.header-newskin .minicart-wrapper .action.showcart.active:before { content: '\e87f'; font-size: 29px; line-height: 32px; } .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart:before, .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before { line-height: 39px; } .page-header.header-newskin .minicart-wrapper .action.showcart:after { content: "\f803"; font-family: 'porto-icons'; position: absolute; right: 0; top: 1px; -webkit-font-smoothing: antialiased; } .page-header.header-newskin .minicart-wrapper .action.showcart .counter.qty { width: 16px; height: 16px; display: block; font-size: 10px; color: #fff; background-color: #ed5348; text-align: center; line-height: 16px; border-radius: 20px; min-width: auto; left: auto; right: 16px; margin-top: -16px; } header.page-header.type14 { background-color: #0f0f0f; position: relative; border: 0; z-index: 4; } header.page-header.type14 .header.content { display: block; vertical-align: middle; padding: 35px 85px; max-height: 120px; } header.page-header.type14 .header.content > .logo { display: block; padding: 0 15px; margin: 0 50px 0 0; float: left; z-index: 6; } header.page-header.type14 .logo img { height: 50px; width: auto; } header.page-header.type14 .panel.header { position: absolute; right: 300px; top: 50%; margin-top: -12px; z-index: 6; display: inline-block; vertical-align: middle; padding: 0 !important; } header.page-header.type14 .panel.header .top-panel { display: inline-block; vertical-align: middle; margin-right: 50px; } header.page-header.type14 .panel.header .bottom-panel { display: inline-block; vertical-align: middle; } header.page-header.type14 .panel.header .links { list-style: none; padding: 0; color: #ccc; font-family: "Oswald"; letter-spacing: 1px; font-size: 11px; text-transform: uppercase; font-weight: 700; } header.page-header.type14 .panel.header .links > li { display: inline-block; vertical-align: middle; margin: 0; } header.page-header.type14 .panel.header .links > li > a { color: #ccc; text-decoration: none; } header.page-header.type14 .panel.header .links > li > a:hover { color: #fff; } header.page-header.type14 .panel.header .links > li > *:not(.no-display):not(div) { padding: 0 8px; } header.page-header.type14 .panel.header .links > li:first-child > * { padding-left: 0; } header.page-header.type14 .panel.header .search-area { display: inline-block; vertical-align: middle; margin-left: 40px; margin-right: 30px; position: relative; } header.page-header.type14 .search-area .search-toggle-icon { font-family: "Oswald"; font-size: 11px; font-weight: 700; color: #ccc; text-transform: uppercase; letter-spacing: 1px; } header.page-header.type14 .search-area .search-toggle-icon span { display: inline-block; vertical-align: middle; } header.page-header.type14 .search-area .search-toggle-icon i.porto-icon-search { margin-right: 10px; font-size: 24px; display: inline-block; vertical-align: middle; line-height: 1; } header.page-header.type14 i.porto-icon-search:before { content: "\f880"; } header.page-header.type14 .panel.header .block-search { display: none; position: absolute; top: -7px; right: 0; left: auto; width: 300px; margin: 0; } header.page-header.type14 .block-search input { background-color: rgba(0,0,0,0.85); border: 1px solid #ccc; font-family: "Oswald"; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #ccc; min-width: 300px; } header.page-header.type14 .block-search .action.search:before { content: "\f880"; color: inherit; } header.page-header.type14 .block-search .action.search { width: 40px; text-align: center; color: #fff; } header.page-header.type14 .minicart-wrapper { display: inline-block; position: absolute; top: 0; right: 0; padding: 0; margin: 0; vertical-align: middle; background-color: #0f0f0f; height: 100%; width: 280px; text-align: center; } header.page-header.type14 .minicart-wrapper.active { position: fixed; height: 120px; } header.page-header.type14 .minicart-wrapper .action.showcart { display: block; text-align: center; } header.page-header.type14 .minicart-wrapper .action.showcart:before { content: "\f881"; color: #ccc; font-size: 25px; line-height: 120px; margin-right: 15px; display: inline-block; vertical-align: middle; } header.page-header.type14 .minicart-wrapper .action.showcart .counter.qty { position: static; display: inline-block; vertical-align: middle; margin: 0; width: auto; padding: 0; font-family: "Oswald"; font-size: 11px; font-weight: 700; color: #ccc; letter-spacing: 1px; line-height: 20px; } header.page-header.type14 .minicart-wrapper .action.showcart .counter-number { display: inline-block; vertical-align: middle; } header.page-header.type14 .minicart-wrapper .action.showcart .counter-label { height: auto; width: auto; position: static; display: inline-block; vertical-align: middle; text-transform: uppercase; margin: 0; } header.page-header.type14 .minicart-wrapper .block-minicart { right: 0; top: 100%; border: 0; margin: 0; width: 280px; height: calc(100vh - 100%); overflow: auto; color: #000; } header.page-header.type14 .minicart-wrapper .block-minicart:before { display: none; } header.page-header.type14 .minicart-wrapper .action.close { opacity: 1; } header.page-header.type14 .minicart-wrapper .action.close:before { font-size: 20px; line-height: 40px; color: #000; } header.page-header.type14 .block-header-customer-login { border: 0; margin-top: 20px; } header.page-header.type14 .block-header-customer-login button { font-family: "Oswald"; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; } header.page-header.type14 .block-header-customer-login input { font-family: "Oswald"; font-weight: 400; letter-spacing: 1px; font-size: 12px; color: #000; } header.page-header.type14 .block-header-customer-login:before { border-bottom-color: #fff; top: -10px; } header.page-header.type14 .minicart-wrapper.active { position: fixed; right: 0; top: 0; } header.page-header.type15 { position: relative; width: 100%; background-color: transparent; border: 0; z-index: 4; border-bottom: 1px solid rgba(60,60,60,0.1); } .page-header.type15 { background-image: url(../images/page-header2.jpg); background-repeat: repeat; } header.page-header.type15 .header > .logo { float: left; width: 20%; margin: 30px 0; max-width: 100%; } header.page-header.type15 .minicart-wrapper { max-width: 71px; } header.page-header.type15 .minicart-wrapper .action.showcart { height: 52px; padding: 0 15px; line-height: 49px; } header.page-header.type15 .minicart-wrapper .action.showcart:before, header.page-header.type15 .minicart-wrapper .action.showcart.active:before { content: '\e878'; color: #fff; font-size: 27px; display: inline-block; height: 52px; line-height: 52px; } header.page-header.type15 .minicart-wrapper .action.showcart .counter.qty { position: static; font-family: 'Oswald'; font-size: 15px; text-transform: capitalize; color: #c0bebb; letter-spacing: 0.03em; font-weight: 300; line-height: 49px; margin: 0 0 0 5px; min-width: auto; height:auto; width: auto; } header.page-header.type15 .minicart-wrapper .action.showcart .counter-number { position: absolute; font-family: "Poppins"; font-size: 11px; text-align: center; color: #fff; background-color: #ff4052; border-radius: 20px; width: 14px; height: 14px; line-height: 16px; top: 13px; left: 32px; } header.page-header.type15 .minicart-wrapper .action.showcart .counter-label { position: static; } header.page-header.type15 .minicart-wrapper .block-minicart { border-top-color: #fff; } header.page-header.type15 .minicart-wrapper .block-minicart:before { border-bottom-color: #fff; } header.page-header.type15 .minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price { font-family: 'Oswald'; font-size: 17px; } header.page-header.type15 .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary, header.page-header.type15 .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart { font-family: 'Oswald'; font-size: 15px; text-transform: uppercase; letter-spacing: 0.05em; } header.page-header.type15 .minicart-wrapper .minicart-items .product-item-details .price { font-family: 'Oswald'; font-size: 13px; } header.page-header.type15 .minicart-wrapper .minicart-items .product-item-details { padding-top: 0; padding-bottom: 0; } .page-header.type16 .logo { margin: 28px 0; } .page-header.type16 .minicart-wrapper { position: absolute; top: 50%; right: 15px; margin-top: -20px; width: 58px; } .page-header.type16 .minicart-wrapper .action.showcart { position: relative; padding: 0 25px 0 0; line-height: 37px; color: #606669; } .page-header.type16 .minicart-wrapper .action.showcart:before, .page-header.type16 .minicart-wrapper .action.showcart.active:before { font-size: 33px; line-height: 40px; } .page-header.type16 .minicart-wrapper .action.showcart .counter.qty { font-size: 10px; color: #fff; background-color: #ed5348; right: 19px; margin-top: -21px; } .page-header.type16 .minicart-wrapper .block-minicart { right: -15px; } .page-header.type17 { background-color: #0083c1; color: #fff; border-top-width: 0; } .page-header.type17 .switcher strong { font-weight: 600; } .page-header.type17 .minicart-wrapper { position: absolute; top: 50%; right: 15px; margin-top: -20px; } .page-header.type17 .minicart-wrapper .action.showcart { line-height: 37px; color: #606669; } .page-header.type17 .minicart-wrapper .action.showcart:before, .page-header.type17 .minicart-wrapper .action.showcart.active:before { color: #fff; font-size: 25px; line-height: 40px; } .page-header.type17 .minicart-wrapper .action.showcart .counter.qty { background-color: #f17734; right: 17px; margin-top: -16px; } .page-header.type17 .minicart-wrapper .action.showcart:after { color: #bde1f5; -webkit-font-smoothing: inherit; } .page-header.type17 .minicart-wrapper .action.close { top: 5px; } .page-header.type17 .minicart-wrapper .loading-mask { } .page-header.type17 .minicart-wrapper .block-minicart { right: 0; margin: 0; } .page-header.type17 .minicart-wrapper .block-minicart:before, .page-header.type17 .minicart-wrapper .block-minicart:after { display: none; } .page-header.type18 { background-color: #fff; color: #4a4a4a; border-top-width: 0; } .page-header.type18 > .main-panel-top { background-color: #fff; border-bottom: solid 1px #eeeeee; } .page-header.type18 .panel.header .header.links > li > a { border: none; color: #4a4a4a; font-weight: 600; letter-spacing: 0.025em; } .page-header.type18 .panel.header .header.links > li > span { color: #4a4a4a; font-weight: 600; letter-spacing: 0.025em; } .page-header.type18 .panel.wrapper { background-color: transparent; color: #bde1f5; } .page-header.type18.sticky-header .minicart-wrapper { bottom: auto; } .page-header.type18 .minicart-wrapper .action.showcart:before { content: '\f881'; font-size: 24px; } .page-header.type18 .minicart-wrapper .action.showcart .counter.qty { position: static; display: inline-block; vertical-align: middle; margin: 0; width: auto; padding: 0; font-family: "Oswald"; font-size: 13px; font-weight: 400; color: #111111; letter-spacing: 0.025em; margin-top: 6px; } .page-header.type18 .minicart-wrapper .action.showcart .counter-number { display: inline-block; vertical-align: middle; } .page-header.type18 .minicart-wrapper .action.showcart .counter-label { height: auto; width: auto; position: static; display: inline-block; vertical-align: middle; text-transform: uppercase; margin: 0; } .page-header.type18 .minicart-wrapper .loading-mask { left: -9px; height: 40px; top: 0; bottom: auto; } .page-header.type18 .minicart-wrapper .block-minicart:before, .page-header.type18 .minicart-wrapper .block-minicart:after { display: none; } .page-header.type18 .minicart-wrapper .block-minicart { border: solid 1px #f0f0f0; box-shadow: 0 5px 8px -2px rgba(0,0,0,0.25); right: 0; margin: 0; } .page-header.type19 .panel.wrapper { background-color: #65829D; color: #fff; } .page-header.type19 {border: none;} .page-header.type19 .panel.header .header.links { color: #c4d0dc; } .page-header.type19 .panel.header .header.links > li > a { color: #c4d0dc; border: none; } .page-header.type19 .minicart-wrapper .action.showcart { position: relative; padding: 0 25px 0 0; line-height: 37px; color: #606669; } .page-header.type19 .minicart-wrapper .action.showcart:before, .page-header.type19 .minicart-wrapper .action.showcart.active:before { font-size: 33px; line-height: 40px; } .page-header.type19 .minicart-wrapper .action.showcart:after { right: 0; top: 1px; } .page-header.type19 .minicart-wrapper .block-minicart { right: -15px; } .page-header.type19 .minicart-wrapper .action.showcart .counter.qty { right: 19px; margin-top: -21px; } .cms-index-index .page-header.type20 { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; background: transparent; border: 0; } .page-header.type20 { position: relative; border-top: none; background-color: #1e1e1e; padding-bottom: 10px; } .page-header.type20 .logo { display: block; margin: 20px 25px 25px 0; float: left; } .page-header.type20 .minicart-wrapper { margin-left: 13px; margin-right: 10px; } .page-header.type20 .minicart-wrapper .action.showcart:before, .page-header.type20 .minicart-wrapper .action.showcart.active:before { content: '\e87f'; font-size: 23px; line-height: 26px; } .page-header.type20 .minicart-wrapper .action.showcart .counter.qty { font-size: 10px; color: #fff; background-color: #ed5348; text-align: center; right: 16px; margin-top: -16px; } .cms-index-index .page-header.type21 { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; background: transparent; border: 0; } .page-header.type21 { position: relative; border-top: none; background-color: #1e1e1e; } .page-header.type21 .logo { margin: 0; float: left; display: inline-block; position: relative; z-index: 4; } .page-header.type22 .minicart-wrapper { position: relative; width: 58px; vertical-align: middle; margin-left: 15px; margin-right: 0; margin-top: 7px; } .page-header.type22 .minicart-wrapper .action.close { top: 5px; } .page-header.type22 .minicart-wrapper .block-minicart { border: solid 1px #f0f0f0; box-shadow: 0 5px 8px -2px rgba(0,0,0,0.25); left:-25px; } .page-header.type22 .minicart-wrapper .block-minicart:before, .page-header.type22 .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header.type22 .minicart-wrapper .block-minicart:before { border: 10px solid; border-color: transparent transparent #fff transparent; z-index: 3; left: 28.7px; top: -20px; } .page-header.type22 .minicart-wrapper .block-minicart:after { border: 11px solid; border-color: transparent transparent #f0f0f0 transparent; z-index: 2; left: 28px; top: -22px; right: auto; } .page-header.type22 .minicart-wrapper .action.showcart { position: relative; padding: 0 25px 0 0; line-height: 31px; } .page-header.type22.sticky-header .minicart-wrapper .action.showcart { line-height: 40px; } .page-header.type22 .minicart-wrapper .action.showcart:before, .page-header.type22 .minicart-wrapper .action.showcart.active:before { content: '\e87f'; font-size: 29px; line-height: 32px; color: #b0b0b0; } .page-header.type22.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type22.sticky-header .minicart-wrapper .action.showcart.active:before { line-height: 37px; } .page-header.type22 .minicart-wrapper .action.showcart:after { content: "\f803"; font-family: 'porto-icons'; position: absolute; right: 0; top: 1px; color: #b0b0b0; } .page-header.type22 .minicart-wrapper .action.showcart .counter.qty { width: 16px; height: 16px; display: block; font-size: 10px; color: #fff; background-color: #ed5348; text-align: center; line-height: 16px; border-radius: 20px; min-width: auto; left: auto; right: 16px; margin-top: -16px; } .page-header.type23 .minicart-wrapper .action.showcart:after { color: #606669; } .page-header.type23 .minicart-wrapper .action.showcart:before, .page-header.type23 .minicart-wrapper .action.showcart.active:before { font-size: 19px; } .page-header.type23 .minicart-wrapper .action.showcart .counter.qty { width: 13px; height: 13px; line-height: 15px; margin-top: -12px; right: 15px; font-size: 9px; } .page-header.type23 .minicart-wrapper .action.showcart { padding: 0 22px 0 0; } .page-header.type23 .minicart-wrapper .block-minicart:before { right: 41.7px; } .page-header.type23 .minicart-wrapper .block-minicart:after { right: 41px; } .page-header.type24 {border:none;} .page-header.type25 .header.content { background-color: #fff; } .page-header.type25 .minicart-wrapper { position: absolute; top: 50%; right: 15px; margin-top: -16px; } .page-header.type25 .minicart-wrapper .action.showcart {color: #fff;} .page-header.type25 .minicart-wrapper .action.showcart:before, .page-header.type25 .minicart-wrapper .action.showcart.active:before { color: #fff; } .page-header.type25 .minicart-wrapper .action.showcart .counter.qty { right: 18px; margin-top: -18px; background-color: #f45b91; } .page-header.type25 .minicart-wrapper .block-minicart {right: -15px;} .page-header.type25.sticky-header .minicart-wrapper .action.showcart {color: #999;} .page-header.type25.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type25.sticky-header .minicart-wrapper .action.showcart.active:before {color: #465157;} .column.main > .custom-block { display: none; } .cms-index-index .page-header.type26 {background-color: transparent;position: absolute;width: 100%;} .page-header.type26 { background: #000; border: 0; margin: 0; } .page-header.type26 .header.content { padding: 25px 85px; } .page-header.type26 .logo { margin: 0; position:absolute; left:85px; top:23px; padding: 5px 0; } .page-header.type26 .header.content .header.panel { position: relative; text-align: center; max-width: 100%; padding: 13px 0 15px; } .page-header.type26 .header.panel .top-panel { display: inline-block; vertical-align: middle; } .page-header.type26 .header.panel .top-panel .custom-block { display: inline-block; font-family: 'Oswald'; font-size: 14px; font-weight: 400; letter-spacing: 0.01em; vertical-align: middle; } .page-header.type26 .header.panel .top-panel .custom-block span { display: inline-block; vertical-align: middle; } .page-header.type26 .header.panel .bottom-panel { display: inline-block; vertical-align: middle; position: absolute; right: 0; top:9px; text-align: left; } .page-header.type26 .header.panel .top-panel .menu-area { display: inline-block; vertical-align: middle; position: relative; } .page-header.type26 .header.panel .top-panel .top-links-area { display: inline-block; vertical-align: middle; } .page-header.type26 .header.panel .bottom-panel .search-area { display: inline-block; vertical-align: middle; position: relative; margin: 0 18px 0 20px; } .page-header.type26 .header.panel .bottom-panel .search-area .block-search { margin: 0; position: absolute; right: 0; top: 100%; display: none } .page-header.type26 .nav-toggle:before { color: #fff; } .page-header.type26 .search-toggle-icon { font-size: 20px; } .page-header.type26 .search-toggle-icon .porto-icon-search:before { content: '\f87b' } .page-header.type26 .header.panel .bottom-panel .search-area .block-search { right: -20px; margin-top: 15px; } .page-header.type26 .block-search .action.search { width: 40px; } .page-header.type26 .menu-area > .shop-menu { font-family: 'Oswald'; margin-right: 20px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 0.01em; display: block; } .page-header.type26 .menu-area > .shop-menu:hover { text-decoration: none; } .page-header.type26 .top-links-area > a.top-links-icon { display: none; } .page-header.type26 .top-links-area > ul.links { padding: 0; } .page-header.type26 .panel.header .switcher { margin-right: 20px; float: none; vertical-align: middle; } .page-header.type26 .switcher .options .action.toggle:after, .page-header.type26 .switcher .options .action.toggle:hover:after { color: #fff; } .page-header.type26 .minicart-wrapper { vertical-align: middle; } .page-header.type26 .minicart-wrapper .action.showcart { position: relative; } .page-header.type27 { background-color: #1fc0a0; color: #fff; border-top-width: 0; } .page-header.type27 .switcher strong { font-weight: 600; } .page-header.type27 .minicart-wrapper { position: absolute; top: 50%; right: 15px; margin-top: -20px; } .page-header.type27 .minicart-wrapper .action.showcart { line-height: 37px; color: #606669; } .page-header.type27 .minicart-wrapper .action.showcart:before, .page-header.type27 .minicart-wrapper .action.showcart.active:before { color: #fff; font-size: 29px; line-height: 40px; } .page-header.type27.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type27.sticky-header .minicart-wrapper .action.showcart.active:before,.page-header.type27.sticky-header .minicart-wrapper .action.showcart:after { color:#151515; } .page-header.type27 .minicart-wrapper .action.showcart .counter.qty { background-color: #ed5348; right: 18px; margin-top: -18px; } .page-header.type27 .minicart-wrapper .action.showcart:after { color: #fff; -webkit-font-smoothing: antialiased; } .page-header.type27 .minicart-wrapper .action.close { top: 5px; } .page-header.type27 .minicart-wrapper .loading-mask { } .page-header.type27 .minicart-wrapper .block-minicart { right: 0; margin: 0; } .page-header.type27 .minicart-wrapper .block-minicart:before, .page-header.type27 .minicart-wrapper .block-minicart:after { display: none; } .weltpixel-quickview-catalog-product-view .column.main > .custom-block, .weltpixel-quickview-catalog-product-view .addthis-smartlayers { display: none; } .product-item-photo { min-height: 50px; } .form-find-area { border-top: solid 2px #1fc0a0;box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.1);padding: 40px 40px 38px;} .form-find-area .form-title {font-family: 'Oswald';font-size: 22px;line-height: 35px;font-weight: 400;text-align: center;text-transform: uppercase;color: #151515;margin:0 0 5px;} .form-find-area form {width: 100%;} .form-find-area select {width: 100%;color: #747474;font-size: 13.5px;margin: 11px 0;border-radius: 5px;padding: 0 15px;height: 47px;} .list-category .group .content {position:relative;margin:15px 0;} .list-category .group .content img {width: 100%;} .list-category .group .content h3 {position:absolute;bottom:0;left: 0; display: inline-block; background-color:#242424;font-size: 22px;font-family: 'Oswald';text-transform: uppercase;color:#fff;font-weight: 400;padding: 5px 15px;margin:0;} .offer-deal .item {position:relative;} .offer-deal .item img {max-width: 100%;} .offer-deal .item .content h3 {margin: 0 0 5px;} .offer-deal .item .content h3 a{font-family: 'Oswald';font-size: 49px;font-weight: 600;line-height: 35px;text-transform: uppercase;color:#151515;text-decoration: none;} .offer-deal .item .content p{font-family: 'Oswald';font-size: 26px;font-weight: 400;line-height: 35px;text-transform: uppercase;color:#4c4c4c;} .offer-deal .item .content .btn-default {font-family: 'Oswald';font-size: 15px;font-weight: 400;text-transform: uppercase;padding: 10px 25px;margin-top: 15px;} .offer-deal .item .content .btn-default:hover {background-color: inherit;} .subscribe-form .content h3 {font-family: 'Oswald';font-size: 35px;font-weight: 600;color:#151515;text-transform: uppercase;margin: 0 0 5px;} .subscribe-form .content p {font-family: 'Oswald';font-size: 20px;font-weight: 400;color:#151515;text-transform: uppercase;} .subscribe-form .validation-advice { position: absolute; } .subscribe-form .block.newsletter { width: auto; max-width: 475px; display: inline-block; vertical-align: middle; } .subscribe-form .block.newsletter .control:before { line-height: 44px; margin-left: 20px; } .subscribe-form .block.newsletter .control { position: relative; } .subscribe-form .block.newsletter .control input { background-color: #fff;color: #686865;height: 44px;border: none;font-size: 14px;padding-left: 50px;float: left;max-width: 475px;width: 100%;border-radius: 5px 0 0 5px;padding-right: 0;margin-right: 0; } .subscribe-form .block.newsletter .control div.mage-error { position: absolute; bottom: -65px; } .subscribe-form .block.newsletter .actions .action.subscribe { height: 44px;line-height: 44px;padding: 0 20px;text-transform: uppercase;border-radius: 0 5px 5px 0;opacity: 1;background-color: #1fc0a0; } .filter-title strong { color: transparent !important; position: fixed; top:30%; left: -1px; width: 51px; height: 47px; border: #dcdcda solid 1px !important; background-color: #f5f5f5; text-align: center; box-shadow: none; border-radius: 0; cursor: pointer; line-height: 26px; z-index: 9; } .filter-title strong:before { content: '\f1de'; font-family: 'porto-icons'; font-size: 27px; color: #818181; line-height: 30px; display: block; -webkit-font-smoothing: antialiased; } @media (min-width: 768px) { .column.main > .custom-block { display: block; width: 25%; float: right; padding-left: 30px; } body:not(.weltpixel-quickview-catalog-product-view).column.main > .custom-block + .product-info-main { width: 40.33%; } .block-search { z-index: 7; } .page-header.header-newskin.sticky-header .nav-sections { background-color: #fff; } .page-header.header-newskin .nav-sections {pointer-events: none;} .page-header.header-newskin .navigation .level0 { margin-right: 3px; color: #161616; text-align: left; pointer-events: all; } .page-header.header-newskin .navigation .level0 > .level-top { color: inherit; padding: 0 12px; line-height: 42px; font-size: 13px; font-weight: 400; letter-spacing: 0.025em; } .page-header.header-newskin .navigation li.level0.parent a.level-top:before { content: ""; width: 10px; height: 10px; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; margin-left: -8px; top: 100%; margin-top: -14px; visibility: hidden; opacity: 0; transition: all 0.1s; } .page-header.header-newskin .navigation:not(.side-megamenu) li.level0.parent:hover a.level-top:before { visibility: visible; opacity: 1; } .page-header.header-newskin .navigation .level0 .submenu { border-top-width: 0; box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25); } .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 13px; font-weight: 700; margin-top: 26px; margin-bottom: 4px; color: #434d53; padding: 0 5px; } .page-header.header-newskin .navigation li.level0.fullwidth .submenu a, .page-header.header-newskin .navigation li.level0.classic .submenu a, .page-header.header-newskin .navigation li.level0.staticwidth .submenu a { font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; } header.page-header.type14 .panel.header .switcher { font-family: "Oswald"; margin-right: 15px; height: auto; float: none; } header.page-header.type14 .switcher strong { font-weight: 700; font-size: 11px; color: #ccc; line-height: 1; text-transform: uppercase; vertical-align: middle; letter-spacing: 1px; } header.page-header.type14 .switcher .options .action.toggle:after { line-height: 12px; color: #ccc; vertical-align: middle; } header.page-header.type14 .switcher .options { font-size: 12px; display: block; } header.page-header.type14 .nav-sections { border: 0; display: block; padding: 10px 0; margin-top: 2px; } header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu { border: 0; margin-top: 20px !important; padding: 40px 35px; } header.page-header.type14 .sw-megamenu.navigation li.level0.classic > .submenu { border: 0; margin-top: 20px !important; } header.page-header.type14 .sw-megamenu.navigation li.level0.classic .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu { padding: 5px 0; } header.page-header.type14 .nav-sections-item-content > .navigation { z-index: initial; } header.page-header.type14 .navigation li.level0 > a { height: 30px; line-height: 30px; color: #ccc; font-family: "Oswald"; font-weight: 700; font-size: 11px; letter-spacing: 1px; } header.page-header.type14 .navigation li.level0.parent > a:after { line-height: 30px; } header.page-header.type14 .navigation li.level0:hover > a { color: #fff; } header.page-header.type14 .navigation li.level0.parent > a { position: relative; } header.page-header.type14 .navigation li.level0.parent > a:before { content: ""; width: 10px; height: 10px; border: 5px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; margin-left: -10px; top: 100%; margin-top: 10px; visibility: hidden; opacity: 0; transition: 0.2s opacity; } header.page-header.type14 .navigation li.level0.parent:hover > a:before { visibility: visible; opacity: 1; } header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu:before, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu:before, header.page-header.type14 .sw-megamenu.navigation li.level0.classic > .submenu:before { width: 100%; height: 20px; content: ""; display: block; position: absolute; top: -20px; left: 0; } header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a { padding: 0; border-bottom: 2px solid #000; text-decoration: none; font-family: "Oswald"; padding-bottom: 7px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a:hover > span, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a:hover > span { text-decoration: none; } header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu a { padding: 10px; } header.page-header.type14 .navigation .level0.classic .submenu a { font-family: "Oswald"; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 20px; line-height: 1; white-space: nowrap; } header.page-header.type14 .navigation .level0.classic .submenu li:hover > a { background-color: #000; color: #fff; } header.page-header.type14 .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu { top: -5px; } header.page-header.type14 .switcher .options ul.dropdown { margin-top: 20px; } header.page-header.type14 .switcher .options .action.toggle.active, header.page-header.type14 .switcher .options .action.toggle.active:after, header.page-header.type14 .switcher .options .action.toggle.active strong { color: #fff; } header.page-header.type15.sticky-header .nav-sections { background-color: #999592; padding: 8px 0 !important; } header.page-header.type15.sticky-header .navigation > ul { text-align: left; padding-right: 70px; } .sw-megamenu.navigation li.level0.fullwidth > .submenu > .container, .sw-megamenu.navigation li.level0.staticwidth > .submenu > .container{ padding: 0; width: 100%; } header.page-header.type15.sticky-header .minicart-wrapper .action.showcart .counter-label { display: none; } header.page-header.type15.sticky-header .minicart-wrapper .action.showcart:before { line-height: 43px; } header.page-header.type15.sticky-header .minicart-wrapper .action.showcart .counter-number { top: 8px; } header.page-header.type15 .top-links-area { padding: 0; } header.page-header.type15 .header.links { width: 100%; padding: 16px 16px 0 0; border-bottom: 1px solid rgba(60,60,60,0.1); height: 53px; margin: 0; list-style: none; text-align: right; } header.page-header.type15 .header.links li.first { padding-left: 0; } header.page-header.type15 .header.links li { border: 0; display: inline-block; text-transform: uppercase; color: #c0bebb; font-size: 13px; font-family: "Oswald"; } header.page-header.type15 .top-links-area .header.links li a { padding: 0 16px; color: #c0bebb; font-size: 13px; font-family: "Oswald"; font-weight: 400; letter-spacing: 1px; border: none; } header.page-header.type15 .header.links li a:hover { color:#fff; } header.page-header.type15 .header.links > li > *:not(.no-display):not(div) { padding: 0 16px; } header.page-header.type15 .header-right-area { width: 80%; float: left; border-right: 1px solid rgba(60,60,60,0.1); } header.page-header.type15 .header .header-link-area { float: left; display: inline-block; width: calc(100% - 270px); border: 1px solid rgba(60,60,60,0.1); border-bottom-width: 0; border-top-width: 0; } header.page-header.type15 .switcher-area { width: 270px; float: right; } header.page-header.type15 .nav-sections { border: 0; padding: 0 10px; margin-top: -1px; text-align: right; } header.page-header.type15 .navigation li.level0 > a { padding: 3.5px 20px; color: #fff; font-size: 14px; font-family: "Oswald"; font-weight: 400; letter-spacing: 1px; } header.page-header.type15 .navigation, header.page-header.type15 .navigation ul { position: static; text-align: left; } header.page-header.type15.sticky-header .navigation, header.page-header.type15.sticky-header .navigation ul { position: relative; } header.page-header.type15 .navigation li.level0 .row { margin: 0 -15px; } header.page-header.type15 .navigation .subchildmenu.mega-columns > li { padding: 0 15px; } header.page-header.type15 .navigation ul { text-align: right; } header.page-header.type15 .navigation ul li { text-align: left; } header.page-header.type15 .sw-megamenu.navigation li.level0.classic > .submenu { border: 0; box-shadow: 0 4px 3px -3px rgba(0,0,0,0.25); } header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth > .submenu, header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth > .submenu { border: 0; margin-top: 9px; padding: 25px 25px 38px; box-shadow: 0 4px 3px -3px rgba(0,0,0,0.25); } header.page-header.type15 .navigation li.level0.parent > a:before { content: ""; width: 10px; height: 10px; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; margin-left: -10px; top: 100%; margin-top: -16px; visibility: hidden; opacity: 0; transition: all 0.1s; } header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a { text-decoration: none; font-family: "Oswald"; font-size: 20px; } header.page-header.type15 .navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img, header.page-header.type15 .navigation li.level0.staticwidth .submenu li.level1 > .menu-thumb-img { margin: 0; } header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 .menu-thumb-img + a, header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 .menu-thumb-img + a { padding: 0; margin: 0; text-align: center; font-size: 20px; font-weight: 400; letter-spacing: 0.05em; color: #fff; position: absolute; top: 55px; left: 20px; right: 20px; display: block; } header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu a, header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu a { font-size: 15px; font-weight: 600; padding: 10px 0 10px 0; } header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu a, header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu a { padding: 10px 0 10px 20px; } header.page-header.type15 .search-area { position: relative; width: 100%; height: auto; border-bottom: 1px solid rgba(60,60,60,0.1); top: 0; left: 0; margin: 0; } header.page-header.type15 .search-area .block-search { width: 100%; margin: 0; } header.page-header.type15 .search-area .search-toggle-icon { display: none; } .input-text:focus { box-shadow: none !important; } header.page-header.type15 .search-area .minisearch .input-text { background: none; height: 52px; text-transform: uppercase; font-size: 13px; font-family: "Oswald"; color: #c0bebb; letter-spacing: 0.03em; } header.page-header.type15 .search-area .block-search .action.search { width: 50px; height: 52px; color: #fff; font-size: 22px; opacity: 1; } header.page-header.type15 .search-area .block-search .action.search:before { content: '\e884'; font-size: 22px; color: #fff; } header.page-header.type15 .cart-area .switcher { height: 52px; border-right: 1px solid rgba(60,60,60,0.1); margin: 0; font-family: "Oswald"; padding: 0 25px 0 15px; } header.page-header.type15 .switcher .action.toggle { color: #c0bebb; border: 0; line-height: 52px; height: auto; padding: 0; font-size: 14px; font-family: "Oswald"; font-weight: 400; text-transform: uppercase; letter-spacing: 0.03em; } header.page-header.type15 .switcher .action.toggle:after { position: absolute; right:-15px; top: calc(50% - 8px); } header.page-header.type15 .switcher strong { font-size: 14px; line-height: 52px; } .page-header.type16 { background-color: #fff; color: #777; } .page-header.type16 > .panel.wrapper { background-color: #f0f0ed; color: #777; } .page-header.type16 .panel.header .switcher { padding: 0 15px; color: #999; } .page-header.type16 .panel.header .switcher.switcher-currency { padding-left: 0; } .page-header.type16 .header.panel > .header.links { color: #999; } .page-header.type16 .header.panel > .header.links > li > a { border: none; letter-spacing: 0.025em; color: #999; } .page-header.type16 .block-search { margin-left: 55px; } .page-header.type16 .block-search input { background-color: #fff; color: #777; border-color: #ccc; } .page-header.type16 .block-search .action.search { padding: 0 13px; } .page-header.type16 .block-search .action.search:before { content: '\e884'; color: #777; } .page-header.type16 .custom-block { height: 40px; line-height: 1; position: absolute; top: 50%; right: 104px; margin-top: -20px; font-size: 11px; color: #777; border-right: solid 1px #dde0e2; padding-right: 35px; } .page-header.type16 .custom-block > * { display: inline-block; vertical-align: middle; } .page-header.type16 .custom-block > a { font-size: 12px; } .page-header.type16 .nav-sections { background-color: transparent; color: #777; margin-bottom: 15px; } header.page-header.sticky-header.type16 .nav-sections { background-color: #fff; } .page-header.type16 .navigation { background-color: transparent; padding: 0 15px; } .page-header.type16 .navigation > ul { padding: 0; background-color: #f0f0ed; } .page-header.type16 .navigation li.level0 { color: #08c; } .page-header.type16 .navigation li.level0 > .level-top { color: inherit; padding: 0 20px; line-height: 42px; font-size: 12px; font-weight: 700; letter-spacing: inherit; } .page-header.type16 .navigation li.level0.active, .page-header.type16 .navigation li.level0:hover { color: #fff; background-color: #08c; } .page-header.type17 { background-color: #0088cc; color: #fff; } .page-header.type17 > .main-panel-top { background-color: #0088cc; } .page-header.type17 .panel.wrapper { background-color: transparent; color: #bde1f5; } .page-header.type17 .panel.header { max-width: 100%; padding: 10px 0; } .page-header.type17 .panel.header .switcher { padding-right: 30px; text-transform: uppercase; } .page-header.type17 .main-panel-inner { border-bottom: 1px solid rgba(248,248,248,0.2); } .page-header.type17 .panel.header .header.links > li { color: #bde1f5; font-weight: 600; letter-spacing: 0.025em; } .page-header.type17 .panel.header .header.links > li > a { border: none; color: #bde1f5; font-weight: 600; letter-spacing: 0.025em; } .page-header.type17 .block-search { margin-left: 114px; } .page-header.type17 .block-search input { background-color: #fff; color: #8d8d8d; border-radius: 20px; } .page-header.type17 .block-search .action.search { border-left: 1px solid rgba(255,255,255,0.2); padding: 0 12px; } .page-header.type17 .custom-block { position: absolute; top: 50%; right: 170px; margin-top: -15px; font-size: 14px; color: #bde1f5; } .page-header.type17 .custom-block > * { display: inline-block; vertical-align: top; font-size: 11px; font-weight: 600; text-align: left; line-height: 1; } .page-header.type17 .minicart-wrapper { background-color: #0694db; width: 81px; height: 41px; text-align: center; box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.1); border-radius: 2px; border: solid 1px #0082c2; } .page-header.type17 .nav-sections { background-color: #f4f4f4; color: #6b7a83; } .page-header.type17.sticky-header .nav-sections { background-color: #0088cc; color: #fff; } .page-header.type17.sticky-header .navigation li.level0.active, .page-header.type17.sticky-header .navigation li.level0:hover { color: #bde1f5; } .page-header.type17 .navigation .level0 {margin-right: 4px;color: inherit;} .page-header.type17 .navigation .level0 > .level-top { font-size: 12px; letter-spacing: inherit; color: inherit; font-weight: 700; line-height: 52px; } .page-header.type17 .navigation .level0 > .level-top:after { line-height: 52px; } .page-header.type17 .navigation li.level0.active, .page-header.type17 .navigation li.level0:hover { color: #0088cc; } .page-header.type17 .navigation li.level0.parent:hover a.level-top:before { display: none; } .page-header.type18 .header.content { text-align: center; position: relative; z-index: 4; } .page-header.type18 .select-area { position: absolute; left: 15px; top: calc(50% - 15px); } .page-header.type18 .switcher { background-color: #e6e3df; padding: 8px 12px; height: 33px; text-align: left; } .page-header.type18 .switcher strong, .page-footer.type18 .switcher strong { font-weight: 600; letter-spacing: 0.03em; font-size: 11px; text-transform: uppercase; } .page-header.type18 .block-search { width: 220px; position: absolute; right: 15px; top: calc(50% - 15px); text-align: left; } .page-header.type18 .block-search input { background-color: #e6e3df; color: #4a4a4a; line-height: 33px; height: 33px; } .page-header.type18 .block-search .action.search { width: 33px; line-height: 33px; height: 33px; } .page-header.type18 .block-search .action.search:before { font-size: 12px; } .page-header.type18 .minicart-wrapper { position: absolute; bottom: -44px; right: 15px; } .page-header.type18 .nav-sections { position: relative; z-index: 3; border-top: solid 1px #eee; } .page-header.type18.sticky-header .nav-sections { background-color: #fff; } .page-header.type18 .nav-sections .navigation > ul{ padding-right: 100px; padding-left: 3px; } .page-header.type18 .navigation .level0 > .level-top { font-size: 13px; font-family: 'Oswald'; font-weight: 400; color: #111111; } .page-header.type18 .navigation .level0.parent > a:after { line-height: 46px; } .page-header.type18 .navigation .level0 .submenu { border-top-width: 0; box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25); } .page-header.type18 .navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.type18 .navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 13px; font-weight: 700; margin-top: 26px; margin-bottom: 4px; color: #111111; padding: 0 5px; } .page-header.type18 .navigation li.level0.fullwidth .submenu a, .page-header.type18 .navigation li.level0.classic .submenu a, .page-header.type18 .navigation li.level0.staticwidth .submenu a { font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; } .page-header.type19 .panel.header .switcher { padding: 0 30px 0 0; color: #c4d0dc; text-transform: uppercase; } .page-header.type19 .header.content { display: block; vertical-align: middle; padding: 28px 15px; } .page-header.sticky-header.type19 .nav-sections { background-color: #fff; } .page-header.type19 .logo { float: left; display: block; margin: 0 25px 0 0; } .page-header.type19 .minicart-wrapper { margin: 0; float: right; height: 50px; right: 0; padding: 5px 0; } .page-header.type19 .search-area { position: relative; margin: 0; display: block; float: left; top: 0; left: 0; height: 50px; z-index: 2; } .page-header.type19 .search-area > a { color: #141a1f; line-height: 50px; display: block; margin-right: 10px; width: 25px; text-align: center; } .page-header.type19 .block-search { display: none; position: absolute; left: -20px; top: 100%; margin: 0; } .page-header.type19 .block-search input { height: 45px; border-radius: 25px; border: 5px solid #ccc; } .page-header.type19 .block-search .action.search { right: 5px; height: 45px; border-left: 1px solid #ccc; width: 40px; } .page-header.type19 .custom-block { float: right; height: 40px; line-height: 1; font-size: 11px; color: #777; border-right: solid 1px #dde0e2; padding-right: 35px; margin-right: 30px; margin-top:3px; } .page-header.type19 .custom-block > * { display: inline-block; vertical-align: middle; } .page-header.type19 .custom-block > a { font-size: 12px; } .page-header.type19 .navigation { padding: 10px 0; } .page-header.type19 .navigation li.level0 {margin-right: 4px;} .page-header.type19 .navigation li.level0 > .level-top { font-size: 12px; font-weight: 700; letter-spacing: inherit; line-height: 30px; display: inline-block; transition-delay: 0.3s; } .page-header.type19 .navigation .level0.parent > a:after { line-height: 30px; } .page-header.type20 { text-align: center; } .page-header.type20 .logo { float: none; display: inline-block; margin: 20px 0; position: relative; z-index: 8; } .page-header.type20 .nav-sections { display: block; position: absolute; left: 0; top: 50%; margin-top: -21px; width: 100%; z-index: 4; } .page-header.type20 .navigation { text-align: left; } .page-header.type20 .navigation > ul { padding-right: 60%; } .page-header.type20.sticky-header .navigation > ul { padding-right: 90px; } header.page-header.sticky-header.type20 .nav-sections { background-color: #1e1e1e; } .page-header.type20 .navigation li.level0 { color: #fff; } .page-header.type20 .navigation li.level0 > .level-top { font-weight: 500; } .page-header.type20 .header.panel { text-align: right; position: absolute; right: 0; top: 50%; margin-top: -18px; z-index: 5; padding: 0 15px; } body .page-header.type20 .header.panel { max-width: calc(50% - 50px); } .page-header.type20 .header.panel .top-panel { margin: 5px 0; } body.layout-fullwidth .page-header.type20 .header.panel .top-panel { display: inline-block; vertical-align: middle; } .page-header.type20 .top-links-area { position: relative; display: inline-block; } .page-header.type20 .top-links-icon { display: inline-block; vertical-align: middle; font-size: 11px; padding: 7px 20px 7px 0; position: relative; color: #fff; text-transform: uppercase; } .page-header.type20 .top-links-icon a { color: #fff; font-size: 13px; font-weight: 500; letter-spacing: 0.025em; } .page-header.type20 .top-links-icon a:hover {text-decoration: none;} .page-header.type20 .top-links-icon:before { content: "\f807"; display: block; position: absolute; right: 3px; top: 50%; font-family: "porto-icons"; margin-top: -12px; font-size: 16px; -webkit-font-smoothing: antialiased; } .page-header.type20 .top-links-area .links { display: none; position: absolute; right: 0; z-index: 9; background-color: #fff!important; border-radius: 3px; margin: 0; padding: 5px 0; text-align: right; border: 1px solid #ccc; min-width: 150px; } .page-header.type20 .top-links-area .links > li { display: block; margin: 0; text-align: right; text-transform: uppercase; line-height: 19px; } .page-header.type20 .top-links-area .links > li > a, .page-header.type20 .top-links-area .links > li > span { color: #777 !important; white-space: nowrap; padding: 0 10px; display: block; transition: all .2s; font-weight: 400; font-size: 11px; } .page-header.type20 .custom-block { font-family: 'Poppins'; font-weight: 400; display: inline-block; text-align: left; font-size: 16px; height: 33px; line-height: 1; border-right: solid 1px rgba(255,255,255,0.3); padding-right: 30px; padding-left: 20px; } .page-header.type20 .header.panel .search-area { display: inline-block; vertical-align: middle; padding-left: 15px; position: relative; } .page-header.type20 .header.panel .search-area > a { color: #fff; padding-right: 6px; display: block; } .page-header.type20 .header.panel .block-search { display: none; position: absolute; right: -20px; top: 100%; margin-top: 20px; } .page-header.type20 .header.panel .block-search input { height: 45px; border-radius: 25px; border: 5px solid #ccc; } .page-header.type20 .header.panel .block-search .action.search { right: 5px; height: 45px; border-left: 1px solid #ccc; width: 40px; } .page-header.type20 .header.panel .switcher { float: none; padding: 5px 10px; height: 24px; border-radius: 3px; color: #fff; text-transform: uppercase; text-align: left; } .page-header.type20 .header.panel .switcher strong { font-size: 13px; font-weight: 500; letter-spacing: 0.025em; } .page-header.type21 .header.content { padding: 25px 15px; text-align: left; } .page-header.type21 .nav-sections { display: block; position: relative; width: 100%; z-index: 4; } .page-header.type21 .navigation > ul { padding-right: 35%; text-align: right; } .page-header.type21.sticky-header .navigation > ul { padding-right: 90px; } header.page-header.sticky-header.type21 .nav-sections { background-color: #fff; } .page-header.type21 .navigation li.level0 { color: #161616; text-align: left; } .page-header.type21 .navigation li.level0 > .level-top { font-family: 'Oswald'; } .page-header.type21 .header.panel { position: relative; float: right; padding: 5px 0; z-index: 5; margin-left: 20px; } .page-header.type21 .header.panel .top-panel,.page-header.type21 .header.panel .bottom-panel { display: inline-block; vertical-align: middle; } body.layout-fullwidth .page-header.type21 .header.panel .top-panel { display: inline-block; vertical-align: middle; } .page-header.type21 .top-links-area { position: relative; display: inline-block; margin-left: 20px; } .page-header.type21 .top-links-icon { display: inline-block; vertical-align: middle; font-size: 11px; padding: 7px 20px 7px 0; position: relative; color: #fff; text-transform: uppercase; } .page-header.type21 .top-links-icon a { font-family: 'Oswald'; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.025em; } .page-header.type21 .top-links-icon a:hover {text-decoration: none;} .page-header.type21 .top-links-icon:before { content: "\f807"; display: block; position: absolute; right: 3px; top: 50%; font-family: "porto-icons"; margin-top: -12px; font-size: 16px; -webkit-font-smoothing: antialiased; } .page-header.type21 .top-links-area .links { display: none; position: absolute; right: 0; z-index: 9; background-color: #fff!important; border-radius: 3px; margin: 0; padding: 5px 0; text-align: right; border: 1px solid #ccc; min-width: 150px; } .page-header.type21 .top-links-area .links > li { display: block; margin: 0; text-align: right; text-transform: uppercase; line-height: 19px; } .page-header.type21 .top-links-area .links > li > a, .page-header.type21 .top-links-area .links > li > span { color: #777 !important; white-space: nowrap; padding: 0 10px; display: block; transition: all .2s; font-weight: 400; font-size: 11px; } .page-header.type21 .custom-block { font-family: 'Oswald'; font-weight: 400; display: inline-block; text-align: left; font-size: 13px; vertical-align: middle; } .page-header.type21 .header.panel .search-area { display: none; vertical-align: middle; padding-left: 15px; position: relative; } .page-header.type21 .header.panel .search-area > a { color: #fff; padding-right: 6px; display: block; } .page-header.type21 .header.panel .block-search { display: none; position: absolute; right: -20px; top: 100%; margin-top: 20px; } .page-header.type21 .header.panel .block-search input { height: 45px; border-radius: 25px; border: 5px solid #ccc; } .page-header.type21 .header.panel .block-search .action.search { right: 5px; height: 45px; border-left: 1px solid #ccc; width: 40px; } .page-header.type21 .header.panel .switcher { float: none; padding: 5px 10px; height: 24px; border-radius: 3px; color: #fff; text-transform: uppercase; text-align: left; } .page-header.type21 .header.panel .switcher strong { font-family: 'Oswald'; font-size: 13px; font-weight: 400; letter-spacing: 0.025em; } .page-header.type22 { position: absolute; left: 0; top: 0; z-index: 5; width: 256px; min-height: 100vh; background-color: #383734; border: 0; padding: 10px 0 200px; text-align: center; } .page-header.type22 .switcher-area { padding: 0 20px; text-align: left; } .page-header.type22 .switcher-area .switcher { float: none; padding: 5px 10px 5px 0; height: 26px; border-radius: 3px; color: #b0b0b0; text-transform: uppercase; text-align: left; display: inline-block; vertical-align: middle; margin: 14px 2px 5px; } .page-header.type22 .switcher-area .switcher strong { font-family: 'Poppins'; font-size: 11px; } .page-header.type22 .logo { max-width: none; } .page-header.type22 .block-search { margin: 0 0 20px; max-width: 100%; } .page-header.type22 .block-search input { padding: 10px 40px 10px 10px; background-color: #282828; font-family: 'Poppins'; font-size: 13.5px; } .page-header.type22 .block-search .action.search { width: 40px; right: 0; } .page-header.type22 .block-search .action.search:before {color: #7b7b7b;} .page-header.type22 .header.panel { padding-top:0; } .page-header.type22 .panel.wrapper { background-color: transparent; text-align: left; padding-bottom: 100px; } .page-header.type22 .custom-block-area { position: absolute; width: 100%; bottom: 0; left: 0; padding:20px 36px; font-family: 'Poppins'; font-size: 13px; color: #b0b0b0; text-align: left; } .page-header.type22 .social-icons{float:none;display: inline-block;vertical-align: middle;margin-right: 20px;} .page-header.type22 .social-icons a {background-image: none;background-color: #33332f;text-indent: 0;color: #fff;border-radius: 0;font-size: 12.8px;width: 34px;height: 34px;text-align: center;margin-left: 0;margin-right: 1px;float: left;line-height: 35px;font-size:16px; } .page-header.type22 address{display:block;text-align:center;font-size:12px;color:#a8a8a8} .page-header.type23 { border-top: 0; } .page-header.type23 .panel.wrapper { border-bottom: #eee solid 2px; } .page-header.type23 .panel.header { padding-top: 0; padding-bottom: 0; } .page-header.type23 .search-area { position: relative; margin: 0; display: block; float: left; z-index: 10; height: 39px; } .page-header.type23 .search-area > a { display: block; margin-right: 15px; text-align: center; font-size: 13px; text-transform: uppercase; color: #777; line-height: 39px; } .page-header.type23 .search-area > a em { margin-right: 5px; } .page-header.type23 .block-search { display: none; position: absolute; left: -20px; top: 100%; margin: 0; margin-top: 0; } .page-header.type23 .block-search input { height: 45px; border-radius: 25px; border: 5px solid #ccc; } .page-header.type23 .block-search .action.search { right: 5px; height: 45px; border-left: 1px solid #ccc; width: 40px; } .page-header.type23 .panel.header .switcher { padding: 12px 15px; height: 39px; } .page-header.type23 .panel.header .switcher strong { font-size: 13px; text-transform: uppercase; } .page-header.type23 .minicart-wrapper { position: relative; margin: 5px 0 0 0; float: right; width: 42px; } .page-header.type23 .panel.header > span.split { float: right; height: 39px; border-right-color:#eee; border-right-width: 2px; width: 1px; margin: 0 18px; } .page-header.type23 .panel.header .toplinks-area { float: right; font-size: 13px; position: relative; line-height: 39px; } .page-header.type23 .panel.header .custom-block { float: right; font-size: 13px; line-height: 39px; } .page-header.type23 .header.content { display: block; padding: 28px 15px; text-align: center; } .page-header.type23 .logo { display: inline-block; margin: 0; } .page-header.type23 .nav-sections { pointer-events: none; position: absolute; top: 50%; margin-top: -22px; width: 100%; left: 0; padding-left: 15px; padding-right: 6px; } .page-header.type23 .navigation > ul { text-align: left; } .page-header.type23 .navigation > ul > li { pointer-events: all; text-align: left; } .page-header.type23 .navigation .level0 > .level-top {font-weight: 500;} .page-header.type23:not(.sticky-header) .navigation li.level0 > .level-top:first-child {padding-left: 0;} .cms-index-index .page-header.type24 {background-color: transparent;position: absolute;width: 100%;top:0;} .page-header.type24 .panel.wrapper { border-bottom: #f2f2f3 solid 1px; font-weight: 400; font-size: 13px; letter-spacing: 0.01em; } .page-header.type24 .header.panel {padding-top: 12px;padding-bottom: 9px;} .page-header.type24 .panel.header .switcher { padding: 0 30px 0 0; text-transform: uppercase; margin-top: 1px; letter-spacing: 0.025em; font-size: 11px; } .page-header.type24 .custom-block {float: right;margin-right: 20px;} .page-header.type24 .custom-block span {color:inherit !important;line-height: 1 !important;} .page-header.type24 .top-links-area { position: relative; display: inline-block; float: right; } .page-header.type24 .top-links-icon {display: none;} .page-header.type24 .panel.header .top-links-area ul { display: inline-block; margin: 0; padding: 0; } .page-header.type24 .panel.header .top-links-area ul li { display: inline-block; margin: 0; text-transform: uppercase; } .page-header.type24 .panel.header .top-links-area ul li a { padding: 0 10px; } .page-header.type24 .panel.header .top-links-area ul li > span { padding: 0 10px; } .page-header.type24 .header.content { display: block; vertical-align: middle; padding: 18px 15px; } .page-header.type24 .logo { float: left; display: block; margin: 0 25px 0 0; } .page-header.type24 .minicart-wrapper { margin: 0; float: right; padding: 10px 0; } .page-header.type24.sticky-header .minicart-wrapper {padding: 0;} .page-header.type24 .minicart-wrapper .action.showcart:before, .page-header.type24 .minicart-wrapper .action.showcart.active:before {font-size: 25px;} .page-header.type24 .minicart-wrapper .action.showcart .counter.qty {background-color: #d33e75;font-family: 'Open Sans';top:16px;right:20px;width: 13px;height:13px;line-height: 13px;font-size: 9px;} .page-header.type24 .minicart-wrapper .block-minicart {right: -12px;} .page-header.type24 .search-area { position: relative; margin: 0 35px; display: block; float: right; top: 0; left: 0; height: 50px; z-index: 2; } .page-header.type24 .search-area>a { color: #3b404c; line-height: 52px; display: block; width: 25px; text-align: center; font-size: 22px; } .page-header.type24 .search-area>a .porto-icon-search:before {content:'\e884';} .page-header.type24 .block-search { display: none; position: absolute; right: -20px; top: 100%; margin-top: 0; } .page-header.type24 .block-search input { height: 45px; border-radius: 25px; border: 5px solid #ccc; } .page-header.type24 .block-search .action.search { right: 5px; height: 45px; border-left: 1px solid #ccc; width: 40px; } .page-header.type24 .nav-sections { pointer-events: none; } .page-header.type24 .navigation { padding: 5px 0; } .page-header.type24 .navigation>ul { text-align: right; } .page-header.type24 .navigation > ul > li { pointer-events: all; text-align: left; } .page-header.type24 .navigation .level0 > .level-top { font-size: 14px; font-weight: 400; letter-spacing: 0.01em; } .page-header.type24.sticky-header .navigation>ul {text-align: left;} .page-header.type25 { background-color: transparent; color: #999; border: 0; } .page-header.type25 .logo { margin: 30px 0; } .page-header.type25>.panel.wrapper { background-color: transparent; color: #999; letter-spacing: 0.025em; } .page-header.type25 .panel.header .switcher { padding: 0 30px 0 0; text-transform: uppercase; } .page-header.type25 .header.content { padding: 0 30px; } .page-header.type25 .panel.header .header.links > li > a { color: #999; border:none; } .page-header.type25 .header .custom-block { position: absolute; top: 50%; right: 100px; margin-top: -21px; display: inline-block; text-align: left; font-size: 11px; height: 42px; line-height: 1; border-right: solid 1px #e4417b; padding-right: 35px; margin-right: 15px; } .page-header.type25 .block-search {max-width: 420px;border-radius: 20px;overflow: hidden} .page-header.type25 .block-search input { background-color: #fff; color: #777; border-color: #ccc; height: 38px; } .page-header.type25 .block-search .action.search { border-left: 1px solid #ccc; padding: 0 10px; height: 38px; line-height: 38px; } .page-header.type25 .block-search .action.search:before, .page-header.type25 .block-search .action.search:hover:before { color: #999; } .page-header.type25 .minicart-wrapper {right: 30px;} .page-header.type25 .menu-wrapper { position: relative; background-color: #fff; } .page-header.type25.sticky-header .menu-container { position: fixed; width: 100%; top: 0; left: 0; z-index: 200; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.15); } .page-header.type25.sticky-header .sticky-logo { margin-left: 15px; } .page-header.type25.sticky-header .sticky-logo .logo img { margin-top: 5px; margin-right: 0; } .page-header.type25.sticky-header .nav-sections { position: absolute !important; top: 100% !important; width: calc(100% - 30px) !important; left: 15px !important; } .page-header.type25 .nav-sections.visible { visibility: visible; opacity: 1; } header.page-header.type25.sticky-header .navigation li.level0>.level-top { padding: 6px 10px; } header.page-header.type25.sticky-header .navigation {padding: 0;} .page-header.type25 .navigation .level0 > .level-top { padding: 6px 10px; font-family: 'Poppins'; font-size: 15px; } .page-header.type25 .navigation .level0:not(:first-child) > .level-top { border-top: #e6ebee solid 1px !important; } .page-header.type25 .drop-menu { min-width: 270px; } .page-header.type25 .drop-menu>a { text-transform: uppercase; font-size: 14px; letter-spacing: 0.075em; font-family: 'Oswald'; font-weight: 400; padding: 12px 26px; } .page-header.type25 .drop-menu>a:hover {background-color:#303030;} .page-header.type25 .drop-menu>a em { margin-right: 7px; font-size: 18px; } .page-header.type25 .drop-menu .nav-sections { border: #e6ebee solid 1px; box-shadow: none; padding: 0 8px; } .cms-index-index .page-header.type25 .drop-menu .nav-sections { padding: 0 8px !important; } .page-header.type25 .drop-menu+.custom-menu-block { float: right; line-height: 43px; } .page-header.type25 .drop-menu+.custom-menu-block a { padding: 0 14px; font-size: 13px; font-family: 'Poppins'; font-weight: 500; color: #465157; letter-spacing: 0.05em; } .page-header.type25.sticky-header .drop-menu+.custom-menu-block { margin-right: 90px; } .page-header.type26 .panel.header .customer-menu .links > li { display: block; } .page-header.type26 .panel.header .links > li { display: inline-block; vertical-align: top; margin: 0; } .page-header.type26 .panel.header .links > li.greet.welcome { display: none; } .page-header.type26 .block-search input { border: 1px solid #ccc; } .page-header.type26 .panel.header .top-links-area > ul.links > li > a { font-family: 'Oswald'; margin-right: 20px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 0.01em; display: block; } .page-header.type26 .switcher strong { font-family: 'Oswald'; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.01em; } .page-header.type26 .sections.nav-sections { position: absolute; left: -15px; top: 100%; border: 0; visibility: hidden; opacity: 0; transition: all 0.3s; min-width: 200px; } .page-header.type26 .menu-area:hover .sections.nav-sections { visibility: visible; opacity: 1; } .page-header.type26 .nav-sections-item-content > .navigation { background: #fff; padding: 5px 0; margin-top: 15px; } .page-header.type26 .sw-megamenu.navigation li.level0 { display: block; margin: 0; } .page-header.type26 .sw-megamenu.navigation li.level0 > a { display: block; font-size: 12px; font-weight: 400; color: #777; padding: 12px 30px 12px 5px; text-transform: none; margin: 0 8px; line-height: 1; position: relative; } .page-header.type26 .sw-megamenu.navigation li.level0 > a:hover { background-color: #f4f4f4; } .page-header.type26 .navigation .level0.parent > a:after { line-height: 1; content: '\f801'; position: absolute; right: 5px; } .page-header.type26 .sw-megamenu.navigation li.level0 { position: relative !important; } .page-header.type26 .sw-megamenu.navigation li.level0.fullwidth > .submenu, .page-header.type26 .sw-megamenu.navigation li.level0.staticwidth > .submenu { left: 100% !important; top: -6px; border: 0; } .page-header.type26 .sw-megamenu.navigation li.level0.classic:hover > .submenu { left: 100% !important; top: -6px; border: 0; margin-left: -8px !important; } .page-header.type27 .logo {margin: 17.5px 0;} .page-header.type27 .panel.header .switcher { padding-right: 15px; float: none; height: auto; } .page-header.type27 .panel.header .switcher strong { text-transform: uppercase; font-size: 13.5px; font-weight: 400; } .page-header.type27 .panel.header { display: inline-block; position: absolute; right: 84px; top: 50%; margin-top: -20px; } .page-header.type27 .top-links-area { position: relative; display: inline-block; } .page-header.type27 .top-links-icon { padding: 0 20px 0 0; } .page-header.type27 .top-links-icon a { color: #fff; font-size: 13.5px; font-weight: 400; text-transform: uppercase; } .page-header.type27 .top-links-icon a:hover {text-decoration: none;} .page-header.type27 .top-links-icon:before { content: "\f807"; display: block; position: absolute; right: 3px; top: 50%; font-family: "porto-icons"; margin-top: -12px; font-size: 16px; -webkit-font-smoothing: antialiased; } .page-header.type27 .top-links-area .links { display: none; position: absolute; right: 0; z-index: 9; background-color: #fff!important; border-radius: 3px; margin: 0; padding: 5px 0; text-align: right; border: 1px solid #ccc; min-width: 150px; } .page-header.type27 .top-links-area .links > li { display: block; margin: 0; text-align: right; text-transform: uppercase; line-height: 19px; } .page-header.type27 .top-links-area .links > li > a, .page-header.type27 .top-links-area .links > li > span { color: #777 !important; white-space: nowrap; padding: 0 10px; display: block; transition: all .2s; font-weight: 400; font-size: 11px; } .page-header.type27 .block-search { margin-left: 60px; width: 400px; } .page-header.type27 .block-search input { background-color: #fff; color: #8d8d8d; border-radius: 20px; } .page-header.type27 .block-search .action.search { border-left: 1px solid rgba(255,255,255,0.2); padding: 0 12px; } .page-header.type27 .nav-sections { background-color: #fff; color: #6b7a83; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 0px; } .page-header.type27.sticky-header .nav-sections { background-color: #fff; color: #fff; } .page-header.type27.sticky-header .navigation li.level0.active, .page-header.type27.sticky-header .navigation li.level0:hover { color: #bde1f5; } .page-header.type27 .navigation .level0 {margin-right: 4px;color: inherit;} .page-header.type27 .navigation .level0 > .level-top { font-family: Oswald; font-size: 12.5px; letter-spacing: 0.05em; color: inherit; font-weight: 500; line-height: 57px; } .page-header.type27 .navigation .level0 > .level-top:after { line-height: 57px; } .page-header.type27 .navigation li.level0.active, .page-header.type27 .navigation li.level0:hover { color: #161616; } .page-header.type27 .navigation li.level0.parent:hover a.level-top:before { display: none; } } @media (max-width:1199px) and (min-width:992px){ .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu { width: 750px; } .form-find-area {padding: 18px 40px 16px;} } @media (min-width:992px){ .page-header.type22 .minicart-wrapper { float: right; } header.page-header.type22 .panel.wrapper .header.panel > .header.links { float: none; display: block; } header.page-header.type22 .panel.wrapper .header.panel > .header.links > li { display: block; color: #fff; } header.page-header.type22 .panel.wrapper .header.panel > .header.links > li > a, header.page-header.type22 .panel.wrapper .header.panel > .header.links > li > span { color: #b0b0b0; border: 0; padding: 3px 5px; display: block; line-height: 40px; font-family: 'Poppins'; font-size: 13px; letter-spacing: 0.01em; text-transform: uppercase; } header.page-header.type22 .panel.wrapper .header.panel > .header.links > li > span { border-top: 0; } body.side-header .page-wrapper { padding-left: 256px; } header.page-header.type22.fixed-bottom { position: fixed; top: auto; bottom: 0; } body.side-header .page-wrapper > .breadcrumbs.fixed-position { position: fixed; width: 100%; z-index: 999; top: 0; } body.side-header .page-wrapper > .breadcrumbs .items { margin: 0; max-width: none; } .page-header.type22 .sw-megamenu.navigation.side-megamenu { text-align: left; padding: 0; } .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > a { margin: 0; color: #b0b0b0; border-top: none; font-family: 'Poppins'; font-size: 13px; letter-spacing: 0.01em; text-transform: uppercase; padding: 3px 5px; } .page-header.type22 .navigation.side-megamenu a, .page-header.type22 .navigation.side-megamenu a:hover { color: #465157; } .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after { color: #b0b0b0; padding-right: 10px; } .page-header.type22 .navigation.side-megamenu > ul {margin-right: -10px;} .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.parent:hover > a:after { color: #b0b0b0; } .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu { border: solid 1px #dae2e6; box-shadow: 0 3px 15px -2px rgba(0,0,0,0.3); padding: 10px 10px 10px 15px; } .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before, .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before { border: 8px solid; border-color: transparent #fff transparent transparent; z-index: 3; left: -16px; top: 11px; } .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after { border: 9px solid; border-color: transparent #dae2e6 transparent transparent; z-index: 2; left: -18px; top: 10px; right: auto; } .page-header.type22 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.type22 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 13px; font-weight: 700; color: #434d53; letter-spacing: -0.001em; margin-top: 9px; } .page-header.type22 .sw-megamenu.navigation li.level0.fullwidth .submenu a, .page-header.type22 .sw-megamenu.navigation li.level0.staticwidth .submenu a, .page-header.type22 .sw-megamenu.navigation li.level0.classic .submenu a { text-transform: uppercase; font-size: 12px; font-weight: 600; color: #696969; line-height: 24px; } .page-header.type23 .panel.header .toplinks-area > a { display:none; } .page-header.type23 .panel.header .toplinks-area ul { display: inline-block; margin: 0; padding: 0; } .page-header.type23 .panel.header .toplinks-area ul li { display: inline-block; margin: 0; text-transform: uppercase; } .page-header.type23 .panel.header .toplinks-area ul li a { padding: 0 10px; } .page-header.type23 .panel.header .toplinks-area ul li > span { padding: 0 10px; } } @media (max-width:1199px) and (min-width:768px){ header.page-header.type15 .switcher-area { width: 100%; border-bottom: 1px solid rgba(60,60,60,0.1); border-left: 1px solid rgba(60,60,60,0.1); text-align: right; } header.page-header.type15 .header .header-link-area { width: 100%; border-right: none; } header.page-header.type15 .cart-area, header.page-header.type15 .search-area {display: inline-block;width: auto;vertical-align: middle;border-bottom:0;text-align: left;} header.page-header.type15 .cart-area { border-left: 1px solid rgba(60,60,60,0.1); } header.page-header.type15 .minicart-wrapper { max-width: inherit; } header.page-header.type15 .search-area .block-search { min-width: 240px; } } @media (max-width:991px) and (min-width:768px){ header.page-header.type22 { position: relative; width: auto; height: auto; min-height: 0; text-align: left; padding: 10px 15px; } .page-header.type22 .switcher-area { padding: 0; } header.page-header.type22 .header.content { padding: 0; } header.page-header.type22 .logo { max-width: 110px; } header.page-header.type22 .custom-block-area { display: none; } header.page-header.type22 .block-search { position: absolute; right: 0; top: 10px; margin-bottom: 0; } header.page-header.type22 .panel.wrapper { position: absolute; right: 15px; top: 27px; } header.page-header.type22 .header.panel > .header.links > li > a, header.page-header.type22 .header.panel > .header.links > li > span { color: #b0b0b0; } .page-header.type22 .navigation { background-color: transparent; padding: 0; } .page-header.type22 .navigation > ul { padding: 0; } .page-header.type22 .navigation li.level0 { margin-right: 3px; color: #b0b0b0; } .page-header.type22 .navigation li.level0 > .level-top { color: inherit; padding: 0 12px; line-height: 42px; font-family: 'Poppins'; font-size: 13px; letter-spacing: 0.01em; text-transform: uppercase; font-weight: 400; } .page-header.type22 .navigation li.level0.active, .page-header.type22 .navigation li.level0:hover { color: #fff; } .page-header.type22 .navigation li.level0.parent a.level-top:before { content: ""; width: 10px; height: 10px; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; margin-left: -8px; top: 100%; margin-top: -14px; visibility: hidden; opacity: 0; transition: all 0.1s; } .page-header.type22 .navigation li.level0.parent:hover a.level-top:before { visibility: visible; opacity: 1; } .page-header.type22 .navigation .level0 .submenu { border-top-width: 0; box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25); } .page-header.type22 .navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.type22 .navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 13px; font-weight: 700; margin-top: 26px; margin-bottom: 4px; color: #434d53; padding: 0 5px; } .page-header.type22 .navigation li.level0.fullwidth .submenu a, .page-header.type22 .navigation li.level0.classic .submenu a, .page-header.type22 .navigation li.level0.staticwidth .submenu a { font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; } .page-header.type23 .panel.header .toplinks-area > a { text-transform: uppercase; display:inline-block; } .page-header.type23 .panel.header .toplinks-area > ul { position: absolute; left: 0; top: 100%; min-width: 150px; padding: 0; list-style: none; display: none; line-height: 24px; } .page-header.type23 .panel.header .toplinks-area > ul.show { right: -18px; left: auto; z-index: 7; background-color: #fff; box-shadow: 0 0 1px rgba(0,0,0,0.15); padding: 10px 15px; margin-top: 1px; } .offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;} .offer-deal .item .content p{font-size: 16px;line-height: 25px;} .offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;} } @media (min-width: 1200px) { body.layout-fullwidth .page-header.type20 .header.panel .bottom-panel { display: inline-block; vertical-align: middle; margin-left: 10px; } } @media (max-width: 1899px) { header.page-header.type14 .header.content { padding-left: 55px; padding-right: 55px; } header.page-header.type14 .header.content > .logo { margin-right: 10px; } header.page-header.type14 .panel.header .search-area { margin-left: 10px; margin-right: 10px; } header.page-header.type14 .panel.header .top-panel { margin-right: 20px; } } @media (max-width:1679px) { .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] { width: 60px; height: 60px; line-height: 60px; } header.page-header.type14 .panel.header .links > li.greet.welcome { display: none; } header.page-header.type14 .panel.header .top-panel { margin-right: 10px; } header.page-header.type14 .panel.header .search-area { margin-left: 5px; margin-right: 5px; } header.page-header.type14 .navigation li.level0 > a { padding: 0 10px; } } @media (max-width: 1439px) { header.page-header.type14 .header.content { padding: 25px; margin: 0; max-width: none; } header.page-header.type14 .minicart-wrapper.active { height: 102px; } header.page-header.type14 .minicart-wrapper .action.showcart:before { line-height: 100px; } header.page-header.type14 .header.content > .logo { padding-left: 5px; } } @media (max-width: 1359px) { header.page-header.type14 .panel.header .top-panel { display: block; margin-bottom: 20px; text-align: right; margin-right: 0; pointer-events: all; } header.page-header.type14 .panel.header .bottom-panel { pointer-events: all; } header.page-header.type14 .panel.header { margin-top: -32px; pointer-events: none; } header.page-header.type14 .nav-sections { margin: 0; } header.page-header.type14 .minicart-wrapper.active { height: 100px; } } @media (max-width: 1199px) { header.page-header.type14 .minicart-wrapper { width: 150px; } header.page-header.type14 .panel.header { right: 150px; } header.page-header.type14 .minicart-wrapper.active { width: 280px; padding-left: 130px; } .page-header.type26 .header.content { padding: 25px 25px; } .page-header.type26 .logo { left: 25px; } } @media (max-width: 991px) { header.page-header.type14 .panel.header { right: 170px; } header.page-header.type14 .minicart-wrapper.active { width: 280px; padding-left: 130px; } .page-header.type26 .header.content { padding: 25px 15px; } .page-header.type26 .header.content .header.panel { right: 15px; } .page-header.type26 .header.panel .bottom-panel .search-area { margin: 0; margin-right: 20px; } .page-header.type26 .header.panel .top-panel .custom-block {display: none;} .offer-deal .item img {width: 100%;} } @media (max-width:767px) { .block-search input { color: #666; } .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] { width: 40px; height: 40px; line-height: 40px; } .page-header.header-newskin .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 0; float: right; margin-right:-17px; } .page-header.header-newskin .minicart-wrapper .action.showcart:before, .page-header.header-newskin .minicart-wrapper .action.showcart.active:before { font-size: 28px; line-height: 40px; } .page-header.header-newskin .minicart-wrapper .block-minicart { right:-7px; } .page-header.header-newskin .minicart-wrapper .action.showcart { line-height: 40px; } .page-header.type6 .custom-block { display: none; } header.page-header.type14 .header.content { padding: 25px 15px; } header.page-header.type14 .nav-toggle { line-height: 50px; } header.page-header.type14 .nav-toggle:before { color: #ccc; } header.page-header.type14 .panel.header { pointer-events: all; } header.page-header.type14 .search-area .search-toggle-icon { display: none; } header.page-header.type14 .panel.header .block-search { display: block; position: relative; top: 0; width: auto; } header.page-header.type14 .block-search .label:before { color: #ccc; margin: 0; content: "\f880"; } header.page-header.type14 .block-search .label.active:before { color: #fff; } header.page-header.type14 .block-search input { position: absolute; right: -5px; top: -6px; margin: 0; left: auto; opacity: 0; filter:alpha(opacity=0); } header.page-header.type14 .block-search .label.active + .control input { position: absolute; display: block; opacity: 1; filter:alpha(opacity=100); } header.page-header.type14 .panel.header .top-panel { display: none; } header.page-header.type14 .panel.header { margin-top: -13px; } header.page-header.type14 .navigation li.level0 > a { padding: 13px 36px 13px 15px; } header.page-header.type15 .header > .logo { margin: 9px 0; height: 40px; width: auto; } header.page-header.type15 .header > .logo img { max-width: 100%; max-height: 100%; width: auto; } header.page-header.type15 .header .cart-area .switcher, header.page-header.type15 .header .search-toggle-icon { display: none; } header.page-header.type15 .header .cart-area { position: absolute; right: 0; top: 0; } header.page-header.type15 .minicart-wrapper .action.showcart .counter-label { display: none; } header.page-header.type15 .minicart-wrapper { margin-top: 6px; } header.page-header.type15 .minicart-wrapper .block-minicart { right: 10px; } header.page-header.type15 .search-area .block-search .label { padding-right: 60px; line-height: 60px; } header.page-header.type15 .search-area .block-search .label:before { content: '\e884'; color: #fff; } header.page-header.type15 .nav-toggle:before { color: #fff; } .page-header.type16 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type16 .minicart-wrapper { margin: 10px 0; } .page-header.type16 .block-search { float: none; margin-bottom: 0; } .page-header.type16 .block-search .label { float: right; margin: 10px 0; line-height: 40px; margin-right: 15px; } .page-header.type16 .custom-block { display: none; } .page-header.type17 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type17 .logo img { max-width: 100%; max-height: 100%; width: auto; } .page-header.type17 .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 10px 0; float: right; } .page-header.type17 .block-search { float: none; margin-bottom: 0; } .page-header.type17 .block-search .label:before, .page-header.type17 .nav-toggle:before { color: #fff; } .page-header.type17 .block-search .label { float: right; margin: 10px 0; line-height: 40px; margin-right: 15px; } .page-header.type17 .custom-block { display: none; } .page-header.type18 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type18 .select-area { display: none; } .page-header.type18 .block-search { float: none; margin-bottom: 0; } .page-header.type18 .block-search .label { float: right; margin: 10px 0; line-height: 40px; margin-right: 15px; } .page-header.type18 .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 10px 0; float: right; } .page-header.type19 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type19 .logo img { max-width: 100%; max-height: 100%; width: auto; } .page-header.type19 .custom-block { display: none; } .page-header.type19 .minicart-wrapper { margin: 10px 0; } .page-header.type19 .search-toggle-icon { display: none; } .page-header.type19 .block-search .label { float: right; margin-right: 30px; margin-top: 15px; } .page-header.type20 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type20 .header.panel { position: relative; } .page-header.type20 .bottom-panel { position: absolute; right: 10px; top: 10px; } .page-header.type20 .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 0; float: right; margin-right:-17px; } .page-header.type20 .minicart-wrapper .action.showcart:before, .page-header.type20 .minicart-wrapper .action.showcart.active:before { font-size: 28px; line-height: 40px; } .page-header.type20 .minicart-wrapper .block-minicart { right:-7px; } .page-header.type20 .minicart-wrapper .action.showcart { line-height: 40px; } .page-header.type20 .search-toggle-icon { display: none; } .page-header.type20 .block-search .label { float: right; margin-right: 40px; margin-top: 15px; } .page-header.type20 .top-links-area, .page-header.type20 .custom-block { display: none; } .page-header.type21 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type21 .header.panel { position: relative; } .page-header.type21 .bottom-panel { position: absolute; right: 10px; top: 10px; } .page-header.type21 .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 0; float: right; margin-right:-17px; } .page-header.type21 .minicart-wrapper .action.showcart:before, .page-header.type21 .minicart-wrapper .action.showcart.active:before { font-size: 28px; line-height: 40px; } .page-header.type21 .minicart-wrapper .block-minicart { right:-7px; } .page-header.type21 .minicart-wrapper .action.showcart { line-height: 40px; } .page-header.type21 .search-toggle-icon { display: none; } .page-header.type21 .block-search .label { float: right; margin-right: 40px; margin-top: 15px; } .page-header.type21 .top-links-area, .page-header.type21 .custom-block { display: none; } .page-header.type22 { border: 0; min-width: 320px; } .page-header.type22 .logo img { width: auto; height: auto; } .page-header.type22 .nav-toggle { margin: 10px 15px 10px 0; } .page-header.type22 .switcher-area { position: relative; z-index: 1; } .page-header.type22 .switcher-area .switcher { display: none; } .page-header.type22 .minicart-wrapper { float: right; margin-top: 20px; margin-right: 15px; } .page-header.type22 .minicart-wrapper .block-minicart { right: 4px; left: auto; } .page-header.type22 .minicart-wrapper .block-minicart:before { right: 28.7px; left:auto; } .page-header.type22 .minicart-wrapper .block-minicart:after { right: 28px; left: auto; } .page-header.type22 .nav-toggle { margin: 10px 15px 10px 0; } .page-header.type22 .nav-toggle:before { color: #b0b0b0; } .page-header.type22 .logo { margin: 15px 0; } .page-header.type22 .block-search { float: right; margin: 26px 0; } .page-header.type22 .block-search .label:before { color: #b0b0b0; } .page-header.type22 .block-search .control { margin: 0; padding: 0; position: absolute; width: 300px; right: 0; top: 100%; z-index: 1; } .page-header.type22 .custom-block-area { display: none; } .page-header.type23 .minicart-wrapper { position: absolute; top: auto; right: 15px; left: auto; margin: 10px 0; z-index: 1; } .page-header.type23 .panel.header .toplinks-area { display: none; } .page-header.type23 .panel.header .custom-block { display: none; } .page-header.type23 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type23 .logo img { max-width: 100%; max-height: 100%; width: auto; } .page-header.type23 .search-toggle-icon { display: none; } .page-header.type23 .block-search .label { font-size: 11px; text-transform: uppercase; } .page-header.type23 .block-search .label > span { width: auto; height: auto; position: static; } .page-header.type23 .block-search .label:before { margin-right: 5px; color: #777; font-size: 11px; } .page-header.type23 .panel.header > span.split { display: none; } .page-header.type23 .minicart-wrapper .action.showcart .counter.qty {color: #fff;} .page-header.type24 .custom-block { display: none; } .page-header.type24 .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 10px 0; float: right; } .page-header.type24 .top-links-area {display: none;} .page-header.type24 .search-toggle-icon { display: none; } .page-header.type24 .block-search .label { float: right; margin-right: 20px; margin-top: 15px; } .page-header.type24 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type24 .logo img { max-width: 100%; max-height: 100%; width: auto; } .page-header.type25 {border: none;} .page-header.type25 .logo { height: 40px; float: left; margin: 10px 0 10px; } .page-header.type25 .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 10px 0; float: right; } .page-header.type25 .block-search { float: none; margin-bottom: 0; } .page-header.type25 .block-search .label { float: right; margin: 10px 0; line-height: 40px; margin-right: 15px; } .page-header.type25 .custom-block { display: none; } .page-header.type25 .custom-menu-block, .page-header.type25 .drop-menu>a { display: none; } .page-header.type25 .nav-toggle:before, .page-header.type25 .block-search .label:before { color: #fff; } .page-header.type25 .sw-megamenu.navigation.side-megamenu { display: block; } .page-header.type26 .header.content { padding: 0 15px; } .page-header.type26 .logo { position: relative; left: 0; top:0; padding:10px 0; float: left; } .page-header.type26 .logo img { height: 40px; width: auto; } .page-header.type26 .header.panel .top-panel .custom-block {display: none;} .page-header.type26 .nav-toggle { display: inline-block; } .page-header.type26 .header.content .header.panel { right: 0; text-align: right; } .page-header.type26 .header.panel .top-panel .menu-area > a { display: none; } .page-header.type26 .sections.nav-sections { display: block; text-align: left; } .page-header.type26 .nav-sections .header.links, .page-header.type26 .nav-sections .switcher { display: block; } .page-header.type26 .switcher strong, .page-header.type26 .switcher .options .action.toggle:after, .page-header.type26 .switcher .options .action.toggle:hover:after { color: #777; } .page-header.type26 .minicart-wrapper { margin-top: 0; margin-right: 0; float: none; } .page-header.type26 .minicart-wrapper .action.showcart { color: #fff; } .page-header.type26 .minicart-wrapper .action.showcart:before, .page-header.type26 .minicart-wrapper .action.showcart.active:before { color: #fff; } .page-header.type26 .search-toggle-icon { display: none; } .page-header.type26 .block-search .label:before { color: #fff; content: '\f87b'; } .page-header.type26 .header.panel .bottom-panel .search-area { position: static; } .page-header.type26 .header.panel .bottom-panel .search-area .block-search { display: inline-block; margin: 0; position: static; } .page-header.type26 .block-search .label { float: none; } .page-header.type26 .block-search .label + .control input { position: absolute; left: -9999px; min-width: 200px; } .page-header.type26 .block-search .label.active + .control input { left: auto; right: 0; } .page-header.type27 .top-links-area, .page-header.type27 .custom-block { display: none; } .page-header.type27 .logo { height: 40px; float: left; margin: 10px 0; } .page-header.type27 .logo img { max-width: 100%; max-height: 100%; width: auto; } .page-header.type27 .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 10px 0; float: right; } .page-header.type27 .block-search { float: none; margin-bottom: 0; } .page-header.type27 .block-search .label:before, .page-header.type27 .nav-toggle:before { color: #fff; } .page-header.type27 .block-search .label { float: right; margin: 10px 0; line-height: 40px; margin-right: 15px; } .page-header.type27 .custom-block { display: none; } .offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;} .offer-deal .item .content p{font-size: 16px;line-height: 25px;} .offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;} } @media (max-width: 640px) { header.page-header.type14 .panel.header { right: 60px; margin-top: -13px; } header.page-header.type14 .minicart-wrapper.active { height: 100px; padding-left: 230px; } header.page-header.type14 .minicart-wrapper { width: 50px; } header.page-header.type14 .minicart-wrapper .action.showcart:before { margin: 0; } header.page-header.type14 .minicart-wrapper .action.showcart .counter.qty { display: none; } header.page-header.type14 .block-search input { min-width: 200px; } #newsletter_popup { padding: 40px 10px 25px; width: 100% !important; } } @media only screen and (max-width: 639px) { .filter.active .filter-title strong { right: 10px; top: 0; border: none !important; } .filter.active .filter-title strong:before { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: inherit; color: #c1c1c1; content: '\f819'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter.active .filter-title strong:after { display: none;} .filter.active .filter-title { background-color: #666666; margin: 0; height: 47px; border: none; } .filter.active .filter-subtitle { color: #fff !important; text-transform: uppercase; font-size: 12.5px; font-weight: 400; font-family: 'Oswald'; letter-spacing: 0.025em; z-index: 3; padding: 8px 30px !important; height: 47px; pointer-events: none; } .filter.active .filter-options { padding: 0 30px 30px !important; } .filter.active .block-category-list .block-title, .filter.active .filter-options-title, .filter.active .filter .filter-current-subtitle { padding-left: 0; padding-right: 0; } .filter.active .block-category-list .block-content, .filter.active .filter-options-content { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (max-width: 1440px) { header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu { padding: 20px 15px; } header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu a { padding: 5px 10px; } header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a { margin-bottom: 10px; } } @media (min-width: 768px) { .page-header.type7 .panel.header .toplinks-area > ul.show { left: -15px; z-index: 7; background-color: #fff; box-shadow: 0 0 1px rgba(0,0,0,0.15); padding: 0 15px; margin-top: 10px; } }