.action.compare.no-display {
display: none !important;
}
body > p {
display: none;
}
.toolbar .modes > a {
text-decoration: 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;
}
}
.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(32%);
left: calc(25.5%);
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%;
}
@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;
}
.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: 3px;
}
.products-grid.wishlist .product-item .tocart:before {
display: none;
}
@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;
}
.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 #dddddd;
}
.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 #dddddd;
}
.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 #dddddd;
}
.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;
}
.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(46%);
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(55.5vw);
}
.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;
}
#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;
}
#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;
}
#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, 0.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, 0.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 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;
}
#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;
}
#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 em {
font-size: 26.26px;
margin: 0 10px;
}
#parallax_04 .parallax-content-13 h2 {
font-size: 61px;
margin: 5px 0 10px;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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(0%);
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(150%);
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;
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;
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, 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;
}
@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;
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;
}
.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;
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;
}
.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;
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;
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;
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;
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;
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;
}
.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;
}
@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;
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 {
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;
}
.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-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 {
margin: 0;
padding: 0;
border: 0;
}
.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;
display: none;
}
.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 .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";*/
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;
}
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;
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;
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(0vh);
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";*/
text-transform: uppercase;
font-size: 12px;
}
header.page-header.type14 .block-header-customer-login input {
/*font-family: "Oswald";*/
font-weight: 400;
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;
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;
}
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 .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;
}
.page-header.type18 .panel.header .header.links > li > span {
color: #4a4a4a;
font-weight: 600;
}
.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: 700;
color: #111111;
margin-top: 7px;
}
.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: -23px;
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;
}
.column.main > .custom-block {
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;
}
@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;
}
.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 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;
}
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;
}
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;
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;
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(-170%);
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;
}
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;
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;
}
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;
}
header.page-header.type15 .switcher .action.toggle:after {
position: absolute;
right: -15px;
top: calc(42%);
}
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;
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;
}
.page-header.type17 .panel.header .header.links > li > a {
border: none;
color: #bde1f5;
font-weight: 600;
}
.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;
height: 100px;
/* Inaltime header */
}
.page-header.type18 .select-area {
/*
position: absolute;
left: 15px;
top: calc(50% - 15px);
*/
}
.page-header.type18 .switcher {
background-color: #e6e3df;
padding: 7px 12px;
height: 30px;
text-align: left;
}
.page-header.type18 .switcher strong,
.page-footer.type18 .switcher strong {
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
}
.page-header.type18 .block-search {
width: 450px;
position: absolute;
right: 15px;
top: calc(35%);
text-align: left;
}
.page-header.type18 .block-search input {
background-color: #f1f1f1;
color: #4a4a4a;
line-height: 33px;
height: 40px;
border-radius: 20px;
}
.page-header.type18 .block-search .action.search {
width: 40px;
line-height: 40px;
height: 40px;
}
.page-header.type18 .block-search .action.search:before {
font-size: 14px;
}
.page-header.type18 .minicart-wrapper {
position: absolute;
bottom: -45px;
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;*/
text-transform: uppercase;
color: #3c3837;
font-weight: 700;
font-size: 14px;
}
.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(0%);
}
.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;
}
.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;
}
.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;
}
.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;
height: 31px;
line-height: 1;
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;
}
.page-header.type22 {
position: absolute;
left: 0;
top: 0;
z-index: 2;
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 .toplinks-area > a {
text-transform: uppercase;
}
.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 {
left: -18px;
z-index: 7;
background-color: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
padding: 10px 15px;
margin-top: 1px;
}
.page-header.type23 .panel.header .custom-block {
float: right;
font-size: 13px;
line-height: 39px;
}
.page-header.type23 .header.content {
display: block;
padding: 23px 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: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;
}
.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;
font-size: 11px;
}
.page-header.type24 .custom-block {
float: right;
margin-right: 40px;
}
.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: inline-block;
font-size: 11px;
padding: 0 20px 0 0;
position: relative;
color: #fff;
text-transform: uppercase;
}
.page-header.type24 .top-links-icon a {
color: #fff;
font-size: 13px;
line-height: 1;
}
.page-header.type24 .top-links-icon a:hover {
text-decoration: none;
}
.page-header.type24 .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.type24 .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.type24 .top-links-area .links > li {
display: block;
margin: 0;
text-align: right;
text-transform: uppercase;
line-height: 19px;
}
.page-header.type24 .top-links-area .links > li > a,
.page-header.type24 .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.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;
}
.page-header.type24.sticky-header .navigation > ul {
text-align: left;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
width: 750px;
}
}
@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;
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;
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;
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;
}
}
@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: 992px) 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;
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;
}
}
@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;
}
}
@media (max-width: 991px) {
header.page-header.type14 .panel.header {
right: 170px;
}
header.page-header.type14 .minicart-wrapper.active {
width: 280px;
padding-left: 130px;
}
}
@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: 12px 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: 8px 0;
line-height: 40px;
margin-right: 15px;
}
.page-header.type18 .minicart-wrapper {
position: relative;
top: auto;
right: auto;
left: auto;
margin: 10px 8px 0 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;
}
}
@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 (max-width: 480px) {
.page-header.type18 .block-search .label {
margin-right: 2px;
}
}
@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;
}
}
/* Nconsulting ------------------------------------------------------------------------------ */
@media (min-width: 768px) {
.page-header.type18.sticky-header .nav-sections {
background-color: #ffd624;
}
.page-header.type18 .header.content {
height: 100px;
}
}
.page-header.type18 .sections.nav-sections .section-items.nav-sections-items .section-item-content.nav-sections-item-content {
background: #ffd624;
}
.page-wrapper > .container {
width: 100%;
}
.select-area {
float: right;
}
/*
.logo {
float: left;
margin: 0;
}
*/
.page-header.type18 > .main-panel-top {
border-bottom: 0;
}
.home-banner-content .item {
border: 1px solid #ffd624;
}
@media (min-width: 768px) {
.header.content .wishlist-wrapper {
position: absolute;
bottom: -44px;
right: 108px;
height: 40px;
}
}
@media (max-width: 767px) {
.header.content .wishlist-wrapper {
position: relative;
top: auto;
right: auto;
left: auto;
margin: 10px 0;
float: right;
}
}
.header.content .wishlist-wrapper a.wishlist {
/*font-family: 'Oswald';*/
font-weight: 700;
text-transform: uppercase;
color: #000;
text-decoration: none;
}
.header.content .wishlist-wrapper a.wishlist:before {
font-family: 'porto-icons';
content: '\f816';
font-size: 22px;
line-height: 38px;
color: #050203;
margin-right: 4px;
}
a.action.towishlist.actions-secondary:before {
color: #050203 !important;
}
/*
.header.content .wishlist-wrapper a.wishlist span {
display:none;
}
*/
/*h1.product-title-with-brand {
margin: 3px 0 20px !important;
}*/
.product-sku-title {
font-size: 17px;
color: #000;
}
.product-addto-links .action.tocompare {
display: none;
}
.product-addto-links .action.towishlist {
color: #f6d128;
border: 1px solid #f6d128;
}
.action.mailto.friend {
display: none !important;
}
.product-block-informations {
margin-left: 0;
margin-right: 0;
}
.switcher.currency.switcher-currency {
margin-right: 0px !important;
}
/*OWN FIX ON BIG SCREENS*/
.owl-carousel .owl-item img {
width: 100% !important;
}
.columns .column.main {
min-height: 0px !important;
}
.product.actions.product-item-actions {
display: none;
}
.product.actions.product-item-actions .actions-primary {
display: none;
}
.product-item-info:hover .product.actions.product-item-actions {
display: block !important;
}
@media (min-width: 768px) {
.page-header.type18 .navigation li.level0.fullwidth .submenu li.level1 > a,
.page-header.type18 .navigation li.level0.staticwidth .submenu li.level1 > a {
margin-top: 10px !important;
}
}
.owl-responsive-0 .messageBox {
display: none !important;
}
@media (max-width: 480px) {
a.wishlist {
margin-left: 4px !important;
font-size: 0px;
line-height: 0px;
}
}
/*
.price-box {
display:none;
}
*/
.price-container .price {
font-size: 16px;
}
/* Buton 'add to cart' */
.products-grid .product-item-details .product-item-actions .tocart {
background-color: #ffd624;
border-color: #8e8e8e;
}
.product-social-links {
overflow: hidden;
padding-bottom: 15px;
border-bottom: 1px #A3A3A3 solid;
margin-bottom: 15px;
}
.prod-custom-message {
float: left;
padding: 10px;
background-color: #ffd624;
color: #000000;
font-weight: bold;
min-height: 43px;
font-size: 16px;
}
.prod-custom-message p {
margin: 0;
}
@media (max-width: 480px) {
.prod-custom-message {
font-size: 12px;
}
}
.product-addto-links {
float: right;
}
td.col.data {
color: #21293c;
padding: 0 15px 4.5px 5px !important;
}
.product-tags-list a {
color: #A3A3AC !important;
font-size: 15px;
}
.category-meta-title {
color: #1d1d1d;
font-weight: 600;
margin: 0 0 5px;
}
/* Customizare Menu */
.sw-megamenu.navigation li.level0::after {
content: '/';
}
.sw-megamenu.navigation li.level0:last-child::after {
content: '';
}
@media (max-width: 768px) {
.sw-megamenu.navigation li.level0::after {
content: '';
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.header.content .wishlist-wrapper {
right: -20px;
}
.header.content .wishlist-wrapper a.wishlist {
color: gold;
}
.page-header.type18 .minicart-wrapper {
right: -40px;
}
.minicart-wrapper .action.showcart,
.page-header.type18 .minicart-wrapper .action.showcart .counter.qty {
color: gold;
}
}
.filter-options-content a,
.category-description {
font-size: 14px !important;
}
/*
@media (max-width:767px) {
a.logo img {
width:190px !important;
}
}
@media (min-width: 768px) {
.logo img {
margin-top: 20px;
}
}
*/
/* Tips */
.tipdiv .container .tipdivintro p {
text-align: justify;
}
/* Tips - mobil */
@media (max-width: 767px) {
.tipdiv .container {
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
.tipdiv .container .tipdivafb {
display: block;
width: 100%;
}
.tipdiv .container .tipdivafb img {
width: 100%;
}
}
@media (max-width: 480px) {
.counter-label span {
display: none;
}
}
.nav-toggle {
margin-right: 10px;
}
/* Fix IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-header.type18 {
height: 148px;
}
.page-header.type18 .block-search input {
line-height: normal;
}
.page-header.type18 .minicart-wrapper {
bottom: -48px;
}
}
@media (min-width: 640px) {
.page-layout-1column .toolbar-products {
position: relative;
}
}
.minicart-wrapper .ui-dialog {
position: absolute;
width: 0px;
height: 0px;
top: 100%;
left: 100%;
}
/* Search results: 4 products / row */
@media (min-width: 1024px) {
.catalogsearch-result-index .products-grid .product-item {
width: calc(25%);
}
.catalogsearch-result-index.page-layout-1column .products-grid .product-item {
width: calc(25%);
}
.catalogsearch-result-index.page-layout-3columns .products-grid .product-item {
width: calc(25%);
}
.catalogsearch-result-index .page-products .products-grid .product-item {
width: calc(25%);
}
.page-products.catalogsearch-result-index.page-layout-1column .products-grid .product-item {
width: calc(25%);
clear: none;
}
.page-products.catalogsearch-result-index.page-layout-3columns .products-grid .product-item {
width: calc(25%);
clear: none;
}
}
@media (min-width: 768px) {
.customer-welcome .action.switch {
color: #ffffff;
padding-top: 4px !important;
}
.customer-welcome ul li:hover {
background: unset !important;
}
}
.top-block-header .header.links li a {
margin: 6px 0 6px 0;
}
.top-block-header .header.links li a:hover {
margin: 6px 0 6px 0;
}
@media (max-width: 480px) {
.colcontent span {
margin: 20px auto;
text-align: center;
display: block;
width: 90vw;
}
.page-main {
padding-bottom: 0;
}
.columns .column.main {
padding-bottom: 0;
}
}
/* Portofolio: Slick slider (prev next buttons mobile) */
@media (max-width: 480px) {
.cms-portofolio .slick-slider .slick-arrow {
top: 51%;
left: 50%;
width: 1px;
height: 1px !important;
background: #00ffff !important;
padding: 0;
margin: 0;
}
.cms-portofolio .slick-slider .slick-prev {
transform: translateX(-44vw);
text-align: left;
}
.cms-portofolio .slick-slider .slick-prev:after {
content: '\f104';
font-family: 'FontAwesome';
color: #ffffff;
font-weight: 600;
font-size: 50px;
}
.cms-portofolio .slick-slider .slick-next {
transform: translateX(40vw);
text-align: right;
}
.cms-portofolio .slick-slider .slick-next:after {
content: '\f105';
font-family: 'FontAwesome';
color: #ffffff;
font-weight: 600;
font-size: 50px;
}
}
@media (max-width: 480px) {
.page-header.type18 {
padding-bottom: 0 !important;
}
.page-header {
margin-bottom: 0;
}
}
/* Fix Logo */
@media (min-width: 768px) {
.main-panel-top {
display: none;
}
/*
.logo img {
margin-top: 0;
}
*/
}
/*
@media (max-width: 768px) {
.logo img {
width: auto;
}
}
*/
.product-item-photo {
opacity: 1;
transition: all 0.5s;
}
.product-item-photo:hover {
opacity: 0.8;
}
.product-item-photo > a {
background-color: unset;
}
/* COOKIE */
.message.global.noscript {
background: rgba(255, 255, 255, 0.85);
color: #000000;
}
.message.global.cookie {
width: 100%;
height: 50vh;
line-height: 50vh;
text-align: center;
padding: 0;
background: #f5f5f5;
color: #000000;
}
.message.global.cookie .content {
width: 1170px;
height: 130px;
vertical-align: middle;
line-height: normal;
display: inline-block;
margin-bottom: 20px;
}
@media (max-width: 1170px) {
.message.global.cookie .content {
width: 100%;
height: 150px;
padding: 0 20px;
position: relative;
}
}
.message.global.cookie .content p {
font-size: 13pt;
}
.message.global.cookie .actions button.primary {
width: 20%;
}
@media (max-width: 1170px) {
.message.global.cookie .actions button.primary {
width: 50%;
}
}
.message.global.cookie button.close {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-color: unset;
width: 1170px;
opacity: 1;
}
@media (max-width: 1170px) {
.message.global.cookie button.close {
width: 100%;
}
}
.message.global.cookie button.close span {
display: none;
}
.message.global.cookie button.close .close-icon {
float: right;
margin-right: 7px;
}
@media (max-width: 412px) {
.message.global.cookie {
bottom: unset;
top: 0;
z-index: 100;
}
}
@media (max-width: 768px) {
#bss-ptd-table tr th,
#bss-ptd-table tr td {
font-size: 14px !important;
}
}
/* Product hover details (deal of the week) */
.product-hover-details {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
transition: background 0.3s ease;
text-align: center;
z-index: 4;
}
.circles {
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.circles > div {
overflow: hidden;
float: left;
width: auto;
height: auto;
position: relative;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
background: rgba(247, 210, 41, 0.8);
color: #3c3837;
font-weight: 700;
}
.circles > div > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.circles > div > div > div {
display: table;
width: 100%;
height: 100%;
}
.circles > div > div > div > div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.circles .showkortingpercent {
font-size: 18px;
}
.circles .showkortingbedrag {
display: none;
}
.product-hover-details .showkortingbal {
display: none;
}
.product-hover-details:hover .showkortingbal {
display: block;
}
.product-hover-details:hover .showkortingpercent {
display: none;
}
.product-hover-details:hover .showkortingbedrag {
display: block;
}
.afmetingensolden {
position: absolute;
top: 215px;
color: #fff;
left: 0;
right: 0;
display: none;
}
.prouduct-title {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
display: none;
}
.prouduct-title .span-header {
color: #FFFFFF;
display: block;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 7px;
}
.prouduct-title span {
color: #FFFFFF;
display: block;
}
.actions-secondary {
display: none;
}
.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > div,
.tns-slider > li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > div,
.tns-horizontal.tns-subpixel > li {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: '';
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > div,
.tns-horizontal.tns-no-subpixel > li {
float: left;
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > div,
.tns-gallery > li {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.loaded {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(2333.33333333%);
width: -moz-calc(2333.33333333%);
width: calc(2333.33333333%);
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: '';
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(1.42857143%);
width: -moz-calc(1.42857143%);
width: calc(1.42857143%);
height: 10px;
float: left;
}
/** FIX BSS TABLE BUY NOW TO THE RIGHT **/
#bss-ptd-table tbody tr td:nth-of-type(3) {
text-align: right;
}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideWrapper,
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSSlide,
.lSSlideWrapper.usingCss .lSFade > * {
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
}
.lSSlideOuter,
.lSSlideOuter .lSPager.lSGallery {
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideOuter {
overflow: hidden;
user-select: none;
}
.lightSlider:after,
.lightSlider:before {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.lSSlideWrapper .lSFade > .active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > .active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all .5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: .8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
list-style: none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
content: " ";
display: table;
}
.lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url(../images/controls_lightslider.png);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: .5;
-webkit-transition: opacity .35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0 !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
.lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
padding-left: 0;
list-style: none;
}
.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
padding-right: 0;
}
.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider > * {
float: left;
}
.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider > * {
float: right !important;
}
@-webkit-keyframes rightEnd {
0%,
100% {
left: 0;
}
50% {
left: -15px;
}
}
@keyframes rightEnd {
0%,
100% {
left: 0;
}
50% {
left: -15px;
}
}
@-webkit-keyframes topEnd {
0%,
100% {
top: 0;
}
50% {
top: -15px;
}
}
@keyframes topEnd {
0%,
100% {
top: 0;
}
50% {
top: -15px;
}
}
@-webkit-keyframes leftEnd {
0%,
100% {
left: 0;
}
50% {
left: 15px;
}
}
@keyframes leftEnd {
0%,
100% {
left: 0;
}
50% {
left: 15px;
}
}
@-webkit-keyframes bottomEnd {
0%,
100% {
bottom: 0;
}
50% {
bottom: -15px;
}
}
@keyframes bottomEnd {
0%,
100% {
bottom: 0;
}
50% {
bottom: -15px;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd .3s;
animation: rightEnd .3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd .3s;
animation: leftEnd .3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd .3s;
animation: topEnd .3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd .3s;
animation: bottomEnd .3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd .3s;
animation: leftEnd .3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd .3s;
animation: rightEnd .3s;
position: relative;
}
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
:root {
--color-primary: #1a89d1;
--color-secondary: #4a4a49;
}
@font-face {
font-family: "Montserrat-Black";
src: url("../fonts/Montserrat-Black.eot");
src: url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Montserrat-Black.otf") format("opentype"), /* Open Type Font */ url("../fonts/Montserrat-Black.svg") format("svg"), /* Legacy iOS */ url("../fonts/Montserrat-Black.woff") format("woff"), /* Modern Browsers */ url("../fonts/Montserrat-Black.woff2") format("woff2");
font-weight: normal;
font-style: normal;
/* IE9 Compat Modes */
/* Modern Browsers */
}
@font-face {
font-family: "Montserrat-Bold";
src: url("../fonts/Montserrat-Bold.eot");
src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Montserrat-Bold.otf") format("opentype"), /* Open Type Font */ url("../fonts/Montserrat-Bold.svg") format("svg"), /* Legacy iOS */ url("../fonts/Montserrat-Bold.woff") format("woff"), /* Modern Browsers */ url("../fonts/Montserrat-Bold.woff2") format("woff2");
font-weight: normal;
font-style: normal;
/* IE9 Compat Modes */
/* Modern Browsers */
}
@font-face {
font-family: "Montserrat-Regular";
src: url("../fonts/Montserrat-Regular.eot");
src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */ url("../fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */ url("../fonts/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */ url("../fonts/Montserrat-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
/* IE9 Compat Modes */
/* Modern Browsers */
}
@font-face {
font-family: "Montserrat-SemiBold";
src: url("../fonts/Montserrat-SemiBold.eot");
src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Montserrat-SemiBold.otf") format("opentype"), /* Open Type Font */ url("../fonts/Montserrat-SemiBold.svg") format("svg"), /* Legacy iOS */ url("../fonts/Montserrat-SemiBold.woff") format("woff"), /* Modern Browsers */ url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
font-weight: normal;
font-style: normal;
/* IE9 Compat Modes */
/* Modern Browsers */
}
@font-face {
font-family: "Montserrat-Italic";
src: url("../fonts/Montserrat-Italic.eot");
src: url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Montserrat-Italic.otf") format("opentype"), /* Open Type Font */ url("../fonts/Montserrat-Italic.svg") format("svg"), /* Legacy iOS */ url("../fonts/Montserrat-Italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/Montserrat-Italic.woff2") format("woff2");
font-weight: normal;
font-style: normal;
/* IE9 Compat Modes */
/* Modern Browsers */
}
@font-face {
font-family: "Playfair-Regular";
src: url("../fonts/PlayfairDisplay-Regular.eot");
src: url("../fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/PlayfairDisplay-Regular.otf") format("opentype"), /* Open Type Font */ url("../fonts/PlayfairDisplay-Regular.svg") format("svg"), /* Legacy iOS */ url("../fonts/PlayfairDisplay-Regular.woff") format("woff"), /* Modern Browsers */ url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
/* IE9 Compat Modes */
/* Modern Browsers */
}
@font-face {
font-family: "Playfair-Italic";
src: url("../fonts/PlayfairDisplay-Italic.eot");
src: url("../fonts/PlayfairDisplay-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/PlayfairDisplay-Italic.otf") format("opentype"), /* Open Type Font */ url("../fonts/PlayfairDisplay-Italic.svg") format("svg"), /* Legacy iOS */ url("../fonts/PlayfairDisplay-Italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/PlayfairDisplay-Italic.woff2") format("woff2");
font-weight: normal;
font-style: normal;
/* IE9 Compat Modes */
/* Modern Browsers */
}
@font-face {
font-family: "luma-icons";
src: url("../fonts/Luma-Icons.eot");
src: url("../fonts/Luma-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Luma-Icons.ttf") format("truetype"), url("../fonts/Luma-Icons.woff") format("woff"), url("../fonts/Luma-Icons.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
.uppercase {
text-transform: uppercase;
}
.center {
margin: 0 auto;
}
.left {
float: left;
}
.right {
float: right;
}
.background-transparent {
background-color: rgba(255, 255, 255, 0);
}
.center-content {
display: flex;
align-items: center;
justify-content: center;
}
*:focus {
outline: none !important;
box-shadow: 0px 0px !important;
}
html {
-webkit-overflow-scrolling: touch;
}
body {
color: #000000;
font-family: "Montserrat-Regular";
font-style: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { */
h5,
h6,
.h5,
.h6 {
font-family: "Playfair-Regular";
}
h1,
h2,
.h1,
.h2 {
font-family: "Montserrat-SemiBold";
font-weight: 600;
}
h3,
h4,
.h3,
.h4 {
font-family: "Montserrat-SemiBold";
font-weight: 400;
}
h1 {
font-size: 36px;
}
/* p {
//.font-avenir-roman;
.font-montserrat-regular();
} */
p {
font-family: "Montserrat-SemiBold";
font-weight: 300;
}
a,
a:visited {
color: #1a89d1;
text-decoration: none;
}
a:hover,
a:visited:hover {
color: #4a4a49;
text-decoration: none;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
}
table > caption {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
input,
textarea,
select,
button {
font-family: "Montserrat-Regular" !important;
font-size: 13px;
}
input[type="checkbox"] {
position: relative;
margin: 0;
margin-right: 5px;
border: 0;
background-color: transparent;
color: transparent;
}
input[type="checkbox"]:after {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 13px;
background-color: #ffffff;
border: 1px solid #4a4a49;
color: #1a89d1;
content: '';
cursor: pointer;
font-family: "FontAwesome";
}
@media (max-width: 768px) {
input[type="checkbox"]:after {
height: 16px;
width: 16px;
}
}
input[type="checkbox"]:hover:after {
border: 1px solid #1a89d1;
}
input[type="checkbox"]:checked:after {
content: '\f0c8';
font-weight: 700;
font-size: 6px;
line-height: 13px;
text-align: center;
}
@media (max-width: 768px) {
input[type="checkbox"]:checked:after {
font-size: 8px;
line-height: 16px;
}
}
input[type="radio"] {
position: relative;
}
input[type="radio"]:after {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 13px;
background-color: #ffffff;
border: 1px solid #4a4a49;
border-radius: 50%;
color: #1a89d1;
content: '';
cursor: pointer;
font-family: "FontAwesome";
transition: 0.3s;
}
@media (max-width: 768px) {
input[type="radio"]:after {
height: 15px;
width: 15px;
}
}
input[type="radio"]:hover:after {
border: 1px solid #1a89d1;
transition: 0.3s;
}
input[type="radio"]:checked:after {
content: '\f111';
font-weight: 700;
font-size: 6px;
line-height: 8px;
text-align: center;
padding: 2px 0 0;
}
@media (max-width: 768px) {
input[type="radio"]:checked:after {
font-size: 8px;
line-height: 10px;
}
}
select {
background-color: #ffffff;
box-shadow: 0 0;
border-radius: 0;
background-image: url('../images/select-bg.svg');
color: #666666;
font-size: 13px;
margin: 0 5px 0 0;
}
@media (max-width: 640px) {
select {
background-color: transparent;
width: 100%;
}
}
.mark {
background-color: transparent;
}
/*.zopim {
z-index: 100 !important;
}*/
.rating-summary .rating-result > span:before {
color: #E4673B;
}
.cookie-status-message {
display: none;
}
/*
Util
*/
.vertical-center {
display: flex;
align-items: center;
}
.grid-vertical-center {
display: grid;
align-items: center;
}
.mobile-center {
text-align: center;
}
/*
Layout
*/
.page-wrapper {
width: 100% !important;
max-width: 100% !important;
}
.page-main {
max-width: 1350px !important;
}
@media (max-width: 1350px) {
.page-main {
width: 100% !important;
max-width: 100% !important;
}
}
@media (min-width: 1380px) {
.page-main {
width: 1350px !important;
max-width: 1350px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/*
Title
*/
.page-title-wrapper .page-title {
font-family: "Montserrat-Regular";
font-size: 44px;
color: #1a89d1;
font-weight: 600;
margin: 0;
margin: 0 0 20px;
}
/*
Owl Carousel
*/
.owl-carousel {
touch-action: manipulation;
direction: ltr;
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: unset;
transform-style: unset;
}
.owl-carousel .owl-controls {
display: initial;
}
.owl-carousel .nav-btn {
width: 40px;
height: 40px;
position: absolute;
cursor: pointer;
top: 40% !important;
border-radius: 20px;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
pointer-events: none;
opacity: 0.2;
}
.owl-carousel .prev-slide {
background: url('../images/nav_left.svg') no-repeat center center transparent;
left: 0;
}
.owl-carousel .prev-slide:hover {
opacity: 0.9;
}
.owl-carousel .next-slide {
background: url('../images/nav_right.svg') no-repeat center center transparent;
right: 0;
}
.owl-carousel .next-slide:hover {
opacity: 0.9;
}
.owl-theme .owl-controls {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-dots {
position: relative;
width: 100%;
text-align: center;
}
.owl-theme .owl-controls .owl-dots .owl-dot {
position: relative;
width: 12px;
height: 12px;
float: none;
display: inline-table;
margin: 0px 5px;
background: #ffffff;
border-width: 1px !important;
border-style: solid !important;
border-color: #ffffff !important;
border-image: initial !important;
-webkit-border-radius: 50%;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}
.owl-theme .owl-controls .owl-dots .owl-dot.active {
border-color: #cccccc !important;
background: #cccccc;
}
.owl-theme .owl-controls .owl-dots .owl-dot span {
display: none;
}
/*
Header Banner
*/
.header-banner {
width: 100%;
background: #1a89d1;
color: #ffffff;
}
@media (max-width: 1200px) {
.header-banner {
bottom: 0px;
position: fixed;
z-index: 1030;
border-top: 1px solid #ffffff;
}
}
.header-banner .header-banner-content {
width: 1350px;
max-width: 100%;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
padding: 5px 15px;
}
.header-banner .header-banner-content .header-banner-close-button {
cursor: pointer;
float: right;
display: none;
align-items: center;
justify-content: center;
border: 1px solid #ffffff;
border-radius: 50%;
z-index: 1020;
position: absolute;
top: 0;
right: 0;
color: #ffffff;
font-size: 14px;
width: 20px;
height: 20px;
margin: 8px;
}
@media (max-width: 1200px) {
.header-banner .header-banner-content .header-banner-close-button {
display: flex;
}
}
.header-banner .header-banner-content .header-banner-link {
text-decoration: none;
width: 100%;
font-family: "Montserrat-Regular";
font-size: 18px;
color: #ffffff;
}
.header-banner .header-banner-content .header-banner-text {
padding: 0;
margin-left: 0;
margin-right: 0;
color: #ffffff;
}
.header-banner .header-banner-content .header-banner-text > div.col-left {
display: flex;
align-items: center;
justify-content: left;
text-align: center;
}
.header-banner .header-banner-content .header-banner-text > div.col-center {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.header-banner .header-banner-content .header-banner-text > div.col-right {
align-items: center;
justify-content: right;
}
.header-banner .header-banner-content .header-banner-text h2,
.header-banner .header-banner-content .header-banner-text h3 {
font-family: "Montserrat-Regular";
margin: 0;
}
.header-banner .header-banner-content .header-banner-text h2 {
font-size: 24px;
line-height: 32px;
}
@media (max-width: 1200px) {
.header-banner .header-banner-content .header-banner-text h2 {
font-size: 20px;
line-height: 28px;
}
}
.header-banner .header-banner-content .header-banner-text h3 {
font-size: 16px;
line-height: 24px;
}
@media (max-width: 1200px) {
.header-banner .header-banner-content .header-banner-text h3 {
font-size: 14px;
line-height: 18px;
}
}
.header-banner .header-banner-content .header-banner-text button {
height: auto;
color: #ffffff;
background-color: transparent !important;
border: 1px solid #ffffff !important;
border-radius: 0;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
width: 100%;
padding: 10px;
height: 42px;
}
.header-banner .header-banner-content .header-banner-text button:hover {
color: #1a89d1;
background-color: #ffffff !important;
box-shadow: 0 0 !important;
border: 1px solid #ffffff !important;
transition: 0.3s;
}
.header-banner .header-banner-content .header-banner-text button:hover span {
transition: 0.3s;
}
.header-banner .header-banner-content .header-banner-text button:visited {
color: #ffffff;
}
.header-banner .header-banner-content .header-banner-text button:visited:hover {
color: #ffffff;
}
.header-banner .header-banner-content .header-banner-text button span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
@media (max-width: 1200px) {
.header-banner .header-banner-content .header-banner-text button {
font-size: 10px;
min-width: 150px;
}
}
.header-banner .header-banner-content .countdown-container {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header-banner .header-banner-content .countdown-container .countdown .day .num,
.header-banner .header-banner-content .countdown-container .countdown .hour .num,
.header-banner .header-banner-content .countdown-container .countdown .min .num,
.header-banner .header-banner-content .countdown-container .countdown .sec .num {
font-family: "Montserrat-Bold";
font-size: 24px !important;
}
.header-banner .header-banner-content .countdown-container .countdown .day .word,
.header-banner .header-banner-content .countdown-container .countdown .hour .word,
.header-banner .header-banner-content .countdown-container .countdown .min .word,
.header-banner .header-banner-content .countdown-container .countdown .sec .word {
font-family: "Montserrat-Regular";
font-weight: 400;
font-size: 12px !important;
}
.purechat-above-banner {
bottom: 120px !important;
}
/*
Buttons
*/
.page-main .actions .action {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.page-main .actions .action:hover {
color: #ffffff;
background-color: #ea8a68 !important;
box-shadow: 0 0 !important;
border: 1px solid #ea8a68 !important;
transition: 0.3s;
}
.page-main .actions .action:hover span {
transition: 0.3s;
}
.page-main .actions .action:visited {
color: #ffffff;
}
.page-main .actions .action:visited:hover {
color: #ffffff;
}
.page-main .actions .action span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.action.primary,
.action-primary {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.action.primary:hover,
.action-primary:hover {
color: #ffffff;
background-color: #ea8a68 !important;
box-shadow: 0 0 !important;
border: 1px solid #ea8a68 !important;
transition: 0.3s;
}
.action.primary:hover span,
.action-primary:hover span {
transition: 0.3s;
}
.action.primary:visited,
.action-primary:visited {
color: #ffffff;
}
.action.primary:visited:hover,
.action-primary:visited:hover {
color: #ffffff;
}
.action.primary span,
.action-primary span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.action.secondary,
.action-secondary {
height: auto;
color: #ffffff;
background-color: #4a4a49 !important;
border: 1px solid #4a4a49 !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.action.secondary:hover,
.action-secondary:hover {
color: #ffffff;
background-color: #646462 !important;
box-shadow: 0 0 !important;
border: 1px solid #646462 !important;
transition: 0.3s;
}
.action.secondary:hover span,
.action-secondary:hover span {
transition: 0.3s;
}
.action.secondary:visited,
.action-secondary:visited {
color: #ffffff;
}
.action.secondary:visited:hover,
.action-secondary:visited:hover {
color: #ffffff;
}
.action.secondary span,
.action-secondary span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.actions-toolbar > .primary .action.primary {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.actions-toolbar > .primary .action.primary:hover {
color: #ffffff;
background-color: #ea8a68 !important;
box-shadow: 0 0 !important;
border: 1px solid #ea8a68 !important;
transition: 0.3s;
}
.actions-toolbar > .primary .action.primary:hover span {
transition: 0.3s;
}
.actions-toolbar > .primary .action.primary:visited {
color: #ffffff;
}
.actions-toolbar > .primary .action.primary:visited:hover {
color: #ffffff;
}
.actions-toolbar > .primary .action.primary span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.actions-toolbar > .secondary > .action {
height: auto;
color: #ffffff;
background-color: #4a4a49 !important;
border: 1px solid #4a4a49 !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.actions-toolbar > .secondary > .action:hover {
color: #ffffff;
background-color: #646462 !important;
box-shadow: 0 0 !important;
border: 1px solid #646462 !important;
transition: 0.3s;
}
.actions-toolbar > .secondary > .action:hover span {
transition: 0.3s;
}
.actions-toolbar > .secondary > .action:visited {
color: #ffffff;
}
.actions-toolbar > .secondary > .action:visited:hover {
color: #ffffff;
}
.actions-toolbar > .secondary > .action span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.primary-button {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.primary-button:hover {
color: #ffffff;
background-color: #ea8a68 !important;
box-shadow: 0 0 !important;
border: 1px solid #ea8a68 !important;
transition: 0.3s;
}
.primary-button:hover span {
transition: 0.3s;
}
.primary-button:visited {
color: #ffffff;
}
.primary-button:visited:hover {
color: #ffffff;
}
.primary-button span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.secondary-button {
height: auto;
color: #ffffff;
background-color: #4a4a49 !important;
border: 1px solid #4a4a49 !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.secondary-button:hover {
color: #ffffff;
background-color: #646462 !important;
box-shadow: 0 0 !important;
border: 1px solid #646462 !important;
transition: 0.3s;
}
.secondary-button:hover span {
transition: 0.3s;
}
.secondary-button:visited {
color: #ffffff;
}
.secondary-button:visited:hover {
color: #ffffff;
}
.secondary-button span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
/*
Switcher
*/
.switcher {
padding: 5px 12px;
height: 30px;
text-align: left;
height: 15px;
}
@media (min-width: 768px) {
.switcher {
float: right;
margin-right: 15px;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
padding: 5px 12px;
height: 30px;
width: 50px;
text-align: left;
}
}
.switcher .options {
display: inline-block;
position: relative;
}
.switcher .options ul.dropdown {
min-width: 10px;
display: none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
left: -10px;
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 0;
margin-top: 4px;
z-index: 100;
box-sizing: border-box;
top: 100%;
}
.switcher .options ul.dropdown li {
margin: 0;
padding: 0;
border-radius: 3px;
}
.switcher .options ul.dropdown a {
display: block;
padding: 0 10px;
color: #777777;
font-size: 12px;
}
.switcher .options ul.dropdown a:hover {
text-decoration: none;
}
.switcher .options .action.toggle {
padding: 0;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.switcher .options .action.toggle:after {
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: 15px;
color: inherit;
content: '\f807';
font-family: 'porto-icons';
margin: 0 0 0 5px;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.switcher strong {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
line-height: 15px;
vertical-align: top;
display: inline-block;
}
@media (min-width: 768px) {
.switcher strong {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
}
.switcher .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
Recently Viewed Products
*/
.block-viewed-products-grid {
max-width: 1350px;
margin: 0 auto;
}
@media (min-width: 1380px) {
.block-viewed-products-grid {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.block-viewed-products-grid {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
.block-viewed-products-grid .block-title {
margin: 0 0 30px !important;
}
.block-viewed-products-grid .block-title .title {
text-align: left;
font-family: "Montserrat-SemiBold";
font-weight: normal;
font-size: 28px;
color: #1a89d1;
margin: 0;
}
@media (max-width: 1023px) {
.block-viewed-products-grid .block-title .title {
font-size: 22px;
}
}
@media (max-width: 767px) {
.block-viewed-products-grid .block-title .title {
font-size: 16px;
}
}
.block-viewed-products-grid .nav-btn {
top: 32% !important;
}
@media (max-width: 640px) {
.block-viewed-products-grid .nav-btn {
top: 60px !important;
}
}
@media (max-width: 375px) {
.block-viewed-products-grid .nav-btn {
top: 50px !important;
}
}
@media (max-width: 320px) {
.block-viewed-products-grid .nav-btn {
top: 40px !important;
}
}
.block-viewed-products-grid .block-content {
margin-bottom: 40px;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-photo {
display: block;
margin-bottom: 10px;
opacity: 1;
transition: all 0.5s;
text-align: center;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-photo:hover {
opacity: 0.8;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details {
text-align: center;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .product-item-link span.product.brand {
display: block;
font-family: "Montserrat-SemiBold";
font-weight: normal;
font-size: 14px;
color: #000000;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .product-item-link span.product.name {
display: block;
font-family: "Montserrat-Regular";
font-weight: normal;
font-size: 14px;
color: #000000;
margin: 5px 0;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box {
margin: 0;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .price {
display: inline-block;
font-size: 14px;
color: #e4673b;
font-family: "Montserrat-Regular";
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .price .value,
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .price .separator,
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .price .decimals,
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .price .currency-symbol {
font-family: "Montserrat-SemiBold";
font-weight: normal;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .price-wrapper {
display: block;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .old-price {
display: block;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .old-price .price {
text-decoration: line-through;
font-family: "Montserrat-Regular";
color: #737373;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .special-price {
display: block;
}
.block-viewed-products-grid .block-content .product-items .item .product-item-details .price-box .special-price .price {
font-family: "Montserrat-SemiBold";
font-weight: normal;
}
.block-viewed-products-grid .block-content .owl-stage {
margin: 0 auto;
}
@media (min-width: 1024px) {
.block-viewed-products-grid .product-item {
margin-left: 10px !important;
width: 24% !important;
}
}
.block-viewed-products-grid .product-item-actions {
display: none;
}
.block-viewed-products-grid .product-image-wrapper .product-image-photo {
margin: 0 auto;
position: relative;
}
.block-viewed-products-grid .product-image-wrapper img:hover {
opacity: 0.8;
}
/*
Breadcrumbs
*/
.breadcrumbs {
max-width: 1350px;
padding-left: 0;
margin: 0 auto 30px;
background-color: #ffffff;
color: #737373;
}
@media (min-width: 1380px) {
.breadcrumbs {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.breadcrumbs {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
.breadcrumbs {
display: block;
}
}
.breadcrumbs .items {
max-width: 1350px;
font-size: 14px;
}
.breadcrumbs .items li.item {
font-family: "Montserrat-Regular";
}
.breadcrumbs .items li.item:not(:last-child):after {
font-family: "Montserrat-Regular";
content: '/';
font-size: 14px;
margin: 0 5px;
}
.breadcrumbs .items li.item a {
padding: 0;
font-size: 14px;
font-weight: 500;
}
.breadcrumbs .items li.item a,
.breadcrumbs .items li.item a:hover {
color: #737373;
}
.breadcrumbs .items li.item.home a {
width: auto;
height: auto;
text-indent: 0;
}
.breadcrumbs .items li.item.home a:after {
content: '';
}
.breadcrumbs .items li.item strong {
padding: 0;
font-size: 14px;
font-weight: 500;
color: #737373;
}
/*
Modal
*/
.modal-popup {
z-index: 1002;
}
.modal-popup .modal-content {
font-size: 14px;
padding: 20px;
}
@media (max-width: 640px) {
.modal-popup .modal-footer {
flex-flow: column;
}
}
.modal-popup .modal-footer button {
color: #ffffff;
line-height: unset;
padding: 3px;
height: unset;
}
@media (max-width: 640px) {
.modal-popup .modal-footer button {
display: block;
width: 100%;
margin: 5px 0;
}
}
.modal-popup.confirm .modal-footer .action-primary {
border-radius: 10px;
}
.modal-popup.confirm .modal-footer .action-secondary {
margin-right: 20px;
}
.header.content .block.block-search {
top: calc(50% - 20px);
}
.select-area {
float: none;
position: absolute;
right: 15px;
top: calc(50% - 10px);
}
.navigation-mobile-container {
display: none;
}
.navbar-active .sidebar-type .navigation-mobile {
left: 0 !important;
}
.page-header {
border-top: 0;
}
.page-header a:hover {
text-decoration: none;
color: #ff3232;
}
.page-header.custom {
z-index: 1001;
width: 100%;
margin-bottom: 40px;
/*.trustpilot-widget {
display: none;
}*/
}
@media (max-width: 767px) {
.page-header.custom.sticky {
position: fixed;
top: -140px;
transform: translateY(140px);
transition: all 1s;
}
}
.page-header.custom [id^="trustpilot-widget-trustbox"] {
display: flex !important;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
height: unset !important;
align-items: center;
}
.page-header.custom [id^="trustpilot-widget-trustbox"] .trustpilot-widget {
width: 100%;
}
.page-header.custom .header-search form {
position: relative;
}
.page-header.custom .header-search form input.input-text {
border: 1px solid #1a89d1;
border-radius: 10px;
height: 50px;
font-family: "Montserrat-Regular";
color: #2b2b2b;
font-weight: 500;
font-size: 14px;
}
@media (max-width: 767px) {
.page-header.custom .header-search form input.input-text {
height: 40px;
}
}
.page-header.custom .header-search form input.input-text::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #2b2b2b;
opacity: 1;
/* Firefox */
}
.page-header.custom .header-search form input.input-text:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #2b2b2b;
}
.page-header.custom .header-search form input.input-text::-ms-input-placeholder {
/* Microsoft Edge */
color: #2b2b2b;
}
.page-header.custom .header-search form .actions {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.page-header.custom .header-search form .actions button {
border: 0;
height: 48px;
background: none;
opacity: 1;
margin: 0;
}
@media (max-width: 767px) {
.page-header.custom .header-search form .actions button {
height: 38px;
}
}
.page-header.custom .header-search form .actions button:before {
content: '';
display: inline-block;
vertical-align: middle;
background: url('../images/icon-search.svg') center center no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}
.page-header.custom .header-search form .actions button > span {
display: none;
}
.page-header.custom .header-search form .search-autocomplete {
padding: 0 6px;
font-size: 14px;
}
@media (max-width: 767px) {
.page-header.custom .header-search form .search-autocomplete {
margin-top: 0;
}
}
.page-header.custom .header-search form .search-autocomplete .autocomplete-list > li {
display: none;
}
.page-header.custom > .container.desktop > div:last-child {
margin-bottom: 25px;
}
.page-header.custom .container.desktop {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 1350px;
}
@media (max-width: 767px) {
.page-header.custom .container.desktop {
display: none;
}
}
.page-header.custom .container.desktop .logo-content {
margin: 0;
}
.page-header.custom .container.desktop .logo-content .logo {
float: unset;
margin: 0;
max-width: 100%;
}
.page-header.custom .container.desktop .logo-content .logo img {
max-height: 100%;
}
.page-header.custom .container.desktop .contact-wrapper {
display: flex;
align-items: center;
}
.page-header.custom .container.desktop .contact-wrapper .contact-links {
display: flex;
align-items: center;
}
.page-header.custom .container.desktop .contact-wrapper .contact-links::after {
content: ':';
font-size: 14px;
margin-left: 5px;
margin-right: 15px;
}
.page-header.custom .container.desktop .contact-wrapper .contact-links > a {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #2b2b2b !important;
text-decoration: none;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.page-header.custom .container.desktop .contact-wrapper .contact-links > a {
font-size: 12px;
}
}
.page-header.custom .container.desktop .contact-wrapper .contact-links > a::before {
content: '';
width: 22px;
height: 22px;
display: inline-block;
margin-right: 10px;
}
.page-header.custom .container.desktop .contact-wrapper .contact-links > a.call::before {
background: url(../images/icon-phone.svg) center center no-repeat;
}
.page-header.custom .container.desktop .contact-wrapper .contact-links > a.call::after {
content: '/';
margin: 0 10px;
}
.page-header.custom .container.desktop .contact-wrapper .contact-links > a.whatsapp::before {
background: url(../images/icon-whatsapp.svg) center center no-repeat;
}
.page-header.custom .container.desktop .header-links {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
z-index: 1100;
display: flex;
align-items: center;
}
.page-header.custom .container.desktop .header-links .header-links-item {
display: inline-flex;
align-items: center;
margin: 0;
margin-right: 15px;
}
@media (max-width: 1023px) {
.page-header.custom .container.desktop .header-links .header-links-item {
margin-right: 10px;
}
}
.page-header.custom .container.desktop .header-links .header-links-item:last-child {
margin-right: 0;
}
.page-header.custom .container.desktop .my-accounts.top-drop {
display: inline-block;
width: auto;
height: auto;
float: right;
position: relative;
}
@media (min-width: 480px) {
.page-header.custom .container.desktop .my-accounts.top-drop {
padding-left: 0;
}
}
@media (min-width: 640px) {
.page-header.custom .container.desktop .my-accounts.top-drop {
padding-left: 0;
}
}
@media (min-width: 768px) {
.page-header.custom .container.desktop .my-accounts.top-drop {
padding-left: 0;
}
}
@media (min-width: 992px) {
.page-header.custom .container.desktop .my-accounts.top-drop {
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.page-header.custom .container.desktop .my-accounts.top-drop {
padding-left: 15px;
}
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .account-label {
display: inline-block;
font-size: 14px;
color: #1a89d1;
cursor: pointer;
font-weight: 400;
line-height: 17px;
white-space: nowrap;
display: flex;
align-items: center;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .account-label:before {
content: ' ';
background: url('../images/avatar.svg') center center no-repeat;
background-size: contain;
width: 22px;
height: 22px;
display: inline-block;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .account-label:after {
font-size: 16px;
line-height: 15px;
color: #1a89d1;
content: '\f807';
font-family: 'porto-icons';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
width: 10px;
height: 15px;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .account-label .label {
display: none;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper.active .account-label:after {
content: '\f804';
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .header.links {
list-style: none;
display: none;
position: absolute;
top: calc(100% + 7px);
left: unset;
right: -15px;
z-index: 1000;
width: 150px;
padding: 5px 20px;
box-shadow: unset;
text-align: left;
transition: 0.5s;
border: 0.5px solid #B2B2B2;
background: #ffffff;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .header.links:before {
left: auto;
right: 30px;
top: -12px;
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .header.links:after {
left: auto;
right: 29px;
top: -14px;
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
border: 7px solid;
border-color: transparent transparent #B2B2B2 transparent;
z-index: 98;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .header.links li {
margin: 10px 0;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .header.links li a {
font-size: 14px;
font-weight: 600;
color: #1a89d1;
}
.page-header.custom .container.desktop .my-accounts.top-drop .toplinks-wrapper .header.links li a:hover {
color: #4a4a49;
}
.page-header.custom .container.desktop .wishlist-wrapper {
display: inline-flex;
align-items: center;
margin: 0 10px;
}
.page-header.custom .container.desktop .wishlist-wrapper > a {
font-size: 14px;
color: #9d9d9f;
display: inline-flex;
align-items: center;
}
.page-header.custom .container.desktop .wishlist-wrapper > a:before {
content: ' ';
background: url('../images/heart.svg') center center no-repeat;
background-size: contain;
width: 22px;
height: 22px;
display: inline-block;
}
.page-header.custom .container.desktop .minicart-header {
display: inline-block;
transform: translateY(-2px);
}
@media (max-width: 640px) {
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper {
margin-top: 0;
}
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart {
margin: 0;
line-height: 26px;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart:before {
content: ' ';
background: url('../images/shopping-bag.svg') center center no-repeat;
background-size: contain;
width: 26px;
height: 26px;
line-height: 26px;
margin: 0;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .text {
display: none;
font-size: 14px;
font-weight: 500;
color: #9d9d9f;
line-height: 16px;
clip: unset;
height: auto;
width: auto;
position: relative;
margin: 0;
white-space: unset;
transform: translateY(2px);
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty {
font-size: 12px;
font-weight: 500;
margin: 0;
padding: 0;
line-height: normal;
white-space: unset;
background-color: #e4673b;
color: #ffffff;
display: flex;
min-width: 20px;
width: max-content;
height: 20px;
align-items: center;
justify-content: center;
border-radius: 10px;
position: absolute;
left: auto;
right: -8px;
top: -3px;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty.empty {
display: none;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty .counter-number {
margin: 4px;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart {
border-top-color: #ffffff;
z-index: 1100;
}
@media (min-width: 768px) {
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart {
right: -24px;
}
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart:before {
border-color: transparent transparent #ffffff transparent;
border-bottom-color: #ffffff;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
padding: 3px;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
padding: 15px 10px;
font-weight: 600;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:hover {
color: #ffffff;
background-color: #e4673b !important;
box-shadow: 0 0 !important;
border: 1px solid #e4673b !important;
transition: 0.3s;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:hover span {
background-color: #e4673b;
color: #ffffff;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:visited {
color: #ffffff;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:visited:hover {
color: #ffffff;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout span {
width: 100%;
height: 100%;
color: #ffffff;
background-color: #e4673b;
padding: 10px 45px;
display: block;
text-align: center;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
height: auto;
color: #ffffff;
background-color: #1a89d1 !important;
border: 1px solid #1a89d1 !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
color: #ffffff;
background-color: #1a89d1 !important;
box-shadow: 0 0 !important;
border: 1px solid #1a89d1 !important;
transition: 0.3s;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover span {
transition: 0.3s;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:visited {
color: #ffffff;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:visited:hover {
color: #ffffff;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.page-header.custom .container.desktop .switcher-language {
float: none;
order: unset;
margin: 0;
padding: 0;
width: auto;
color: #2b2b2b;
display: inline-flex;
width: 46px;
height: 26px;
align-items: center;
justify-content: center;
}
.page-header.custom .container.desktop .switcher-language strong {
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
}
.page-header.custom .container.desktop .switcher-language .switcher-options {
margin: 0;
}
.page-header.custom .container.desktop .switcher-language .switcher-options .switcher-trigger::after {
color: #e4673b;
font-size: 20px;
}
.page-header.custom .container.desktop .switcher-language .switcher-options .switcher-dropdown {
border: 1px solid #c7c7c7;
box-shadow: 0 0;
min-width: auto;
text-align: left;
z-index: 9000;
text-transform: uppercase;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-header.custom .container.desktop .switcher-language .switcher-options .switcher-dropdown .switcher-option a {
color: #2b2b2b;
font-size: 14px;
padding: 6px 15px;
}
.page-header.custom .container.desktop .reviews-top {
display: flex;
text-align: center;
}
.page-header.custom .container.desktop .phone {
display: inline-block;
}
.page-header.custom .container.desktop .phone > a {
color: #000000;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
@media (max-width: 991px) {
.page-header.custom .container.desktop .phone > a {
font-size: 14px;
}
}
.page-header.custom .header-menu {
width: 100%;
background: #F5F5F5;
padding: 20px 0;
}
@media (max-width: 767px) {
.page-header.custom .header-menu {
display: none;
}
}
.page-header.custom .main-menu .level0 .level-top {
line-height: 18px;
}
.page-header.custom .main-menu .level0 .level-top span {
text-transform: uppercase;
color: #000000;
font-weight: 700;
font-size: 14px;
}
.page-header.custom .main-menu .level0:after {
content: '';
}
.page-header.custom .main-menu .level0.parent > a:after {
line-height: 16px /*82px*/;
}
.page-header.custom .main-menu .navigation {
z-index: initial;
max-width: 100%;
}
.page-header.custom .main-menu .navigation ul > li > div {
margin: 0 auto;
background: #fff;
padding: 10px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
border-top: 1px solid #1a89d1;
border-color: #1a89d1 !important;
}
@media (max-width: 768px) {
.page-header.custom .main-menu .navigation {
display: none;
}
}
.page-header.custom .container.mobile {
padding: 0 5px 15px;
margin-top: 15px;
box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.16);
}
@media (min-width: 768px) {
.page-header.custom .container.mobile {
display: none;
}
}
.page-header.custom .container.mobile #menu-impersonator {
display: block;
width: 100%;
min-height: 5px;
}
@media (max-width: 1169px) {
.page-header.custom .container.mobile #menu-impersonator {
display: none;
}
}
.page-header.custom .container.mobile .mobile-right {
align-items: center;
display: flex;
justify-content: flex-end;
}
.page-header.custom .container.mobile .navigation-mobile-container {
display: inline-block;
margin: 0;
padding-left: 5px;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container {
position: relative;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .btn-mobile {
display: inline-block;
margin-left: 5px;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .btn-mobile .button-mobile {
cursor: pointer;
display: inline-block;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .btn-mobile .button-mobile::before {
content: '';
display: inline-block;
background: url(../images/icon-menu.svg) center center no-repeat;
background-size: contain;
width: 20px;
height: 20px;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .btn-mobile .button-mobile .hidden {
display: none;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile {
background-color: #ffffff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 2px;
padding: 20px;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile ul li {
margin-top: 0;
margin-bottom: 0;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile > ul {
margin: 0;
padding: 0;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile > ul > li {
position: relative;
border-bottom: 1px solid #dddddd;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile > ul > li > a {
display: block;
text-transform: uppercase;
padding: 10px 0px;
font-size: 15px;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile > ul > li ul {
display: none;
padding-left: 10px;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile > ul > li ul li {
position: relative;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile > ul > li ul li a {
display: block;
padding: 10px 0px;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile > ul .subchildmenu {
display: block;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile .touch-button {
display: inline-block;
width: 20px;
height: 20px;
background-color: #5c5c5c;
position: absolute;
right: 0px;
top: 10px;
line-height: 20px;
text-align: center;
cursor: pointer;
z-index: 10025;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile .touch-button:before {
content: "\f067";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-kerning: auto;
font-feature-settings: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
text-align: center;
font-size: 10px;
color: #ffffff;
font-variant: normal;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile .touch-button.active:before {
content: "\f068";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-kerning: auto;
font-feature-settings: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
text-align: center;
font-size: 10px;
font-variant: normal;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container .navigation-mobile .touch-button span {
display: none;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container.sidebar-type .navigation-mobile {
position: fixed;
top: 0px;
left: -250px;
width: 250px;
height: 100vh;
overflow-y: scroll;
z-index: 10020;
transition: 0.3s;
}
.page-header.custom .container.mobile .navigation-mobile-container .nav-mobile-container.collapse-type .navigation-mobile {
display: none;
position: absolute;
z-index: 10020;
top: 100%;
width: 100%;
}
.page-header.custom .container.mobile .logo-mobile {
display: inline-block;
text-align: left;
margin-left: 0;
}
.page-header.custom .container.mobile .logo-mobile .logo-mobile-link > img {
max-width: unset;
width: auto;
height: 50px;
}
.page-header.custom .container.mobile .switcher-language {
float: none;
order: unset;
margin-top: 0;
padding: 0;
color: #2b2b2b;
display: inline-flex;
width: auto;
height: 26px;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.page-header.custom .container.mobile .switcher-language strong {
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
}
.page-header.custom .container.mobile .switcher-language .switcher-options {
margin: 0;
}
.page-header.custom .container.mobile .switcher-language .switcher-options .switcher-trigger::after {
color: #e4673b;
font-size: 20px;
}
.page-header.custom .container.mobile .switcher-language .switcher-options .switcher-dropdown {
border: 1px solid #c7c7c7;
box-shadow: 0 0;
min-width: auto;
text-align: left;
z-index: 9000;
text-transform: uppercase;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-header.custom .container.mobile .switcher-language .switcher-options .switcher-dropdown .switcher-option a {
color: #2b2b2b;
font-size: 14px;
padding: 6px 15px;
}
.page-header.custom .container.mobile .my-accounts.top-drop {
display: inline-block;
width: auto;
height: auto;
float: right;
position: relative;
}
@media (min-width: 480px) {
.page-header.custom .container.mobile .my-accounts.top-drop {
padding-left: 0;
}
}
@media (min-width: 640px) {
.page-header.custom .container.mobile .my-accounts.top-drop {
padding-left: 0;
}
}
@media (min-width: 768px) {
.page-header.custom .container.mobile .my-accounts.top-drop {
padding-left: 0;
}
}
@media (min-width: 992px) {
.page-header.custom .container.mobile .my-accounts.top-drop {
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.page-header.custom .container.mobile .my-accounts.top-drop {
padding-left: 15px;
}
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .account-label {
display: inline-block;
font-size: 14px;
color: #1a89d1;
cursor: pointer;
font-weight: 400;
line-height: 17px;
white-space: nowrap;
display: flex;
align-items: center;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .account-label:before {
content: ' ';
background: url('../images/avatar.svg') center center no-repeat;
background-size: contain;
width: 22px;
height: 22px;
display: inline-block;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .account-label:after {
font-size: 16px;
line-height: 15px;
color: #1a89d1;
content: '\f807';
font-family: 'porto-icons';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
width: 10px;
height: 15px;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .account-label .label {
display: none;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper.active .account-label:after {
content: '\f804';
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .header.links {
list-style: none;
display: none;
position: absolute;
top: calc(100% + 7px);
left: unset;
right: -15px;
z-index: 1000;
width: 150px;
padding: 5px 20px;
box-shadow: unset;
text-align: left;
transition: 0.5s;
border: 0.5px solid #B2B2B2;
background: #ffffff;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .header.links:before {
left: auto;
right: 30px;
top: -12px;
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .header.links:after {
left: auto;
right: 29px;
top: -14px;
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
border: 7px solid;
border-color: transparent transparent #B2B2B2 transparent;
z-index: 98;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .header.links li {
margin: 10px 0;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .header.links li a {
font-size: 14px;
font-weight: 600;
color: #1a89d1;
}
.page-header.custom .container.mobile .my-accounts.top-drop .toplinks-wrapper .header.links li a:hover {
color: #4a4a49;
}
.page-header.custom .container.mobile .wishlist-wrapper {
display: inline-block;
margin: 0 15px;
}
.page-header.custom .container.mobile .wishlist-wrapper > a {
font-size: 14px;
color: #9d9d9f;
}
@media (max-width: 480px) {
.page-header.custom .container.mobile .wishlist-wrapper > a.wishlist {
margin-left: 0 !important;
}
}
.page-header.custom .container.mobile .wishlist-wrapper > a:before {
content: ' ';
background: url('../images/heart.svg') center center no-repeat;
background-size: contain;
width: 22px;
height: 22px;
display: inline-block;
transform: translateY(4px);
}
.page-header.custom .container.mobile #minicart-container-mobile {
z-index: 1100;
margin-right: 15px;
}
.page-header.custom .container.mobile .minicart-header {
display: inline-block;
transform: translateY(-2px);
}
@media (max-width: 640px) {
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper {
margin-top: 0;
}
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart {
margin: 0;
line-height: 26px;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart:before {
content: ' ';
background: url('../images/shopping-bag.svg') center center no-repeat;
background-size: contain;
width: 26px;
height: 26px;
line-height: 26px;
margin: 0;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .text {
display: none;
font-size: 14px;
font-weight: 500;
color: #9d9d9f;
line-height: 16px;
clip: unset;
height: auto;
width: auto;
position: relative;
margin: 0;
white-space: unset;
transform: translateY(2px);
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty {
font-size: 12px;
font-weight: 500;
margin: 0;
padding: 0;
line-height: normal;
white-space: unset;
background-color: #e4673b;
color: #ffffff;
display: flex;
min-width: 20px;
width: max-content;
height: 20px;
align-items: center;
justify-content: center;
border-radius: 10px;
position: absolute;
left: auto;
right: -8px;
top: -3px;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty.empty {
display: none;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty .counter-number {
margin: 4px;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart {
border-top-color: #ffffff;
z-index: 1100;
}
@media (min-width: 768px) {
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart {
right: -24px;
}
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart:before {
border-color: transparent transparent #ffffff transparent;
border-bottom-color: #ffffff;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
padding: 3px;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
padding: 15px 10px;
font-weight: 600;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:hover {
color: #ffffff;
background-color: #e4673b !important;
box-shadow: 0 0 !important;
border: 1px solid #e4673b !important;
transition: 0.3s;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:hover span {
background-color: #e4673b;
color: #ffffff;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:visited {
color: #ffffff;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout:visited:hover {
color: #ffffff;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary.checkout span {
width: 100%;
height: 100%;
color: #ffffff;
background-color: #e4673b;
padding: 10px 45px;
display: block;
text-align: center;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
height: auto;
color: #ffffff;
background-color: #1a89d1 !important;
border: 1px solid #1a89d1 !important;
border-radius: 10px;
padding: 0;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
color: #ffffff;
background-color: #1a89d1 !important;
box-shadow: 0 0 !important;
border: 1px solid #1a89d1 !important;
transition: 0.3s;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover span {
transition: 0.3s;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:visited {
color: #ffffff;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:visited:hover {
color: #ffffff;
}
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart span {
width: 100%;
height: 100%;
color: inherit;
padding: 10px 50px;
display: block;
text-align: center;
}
.page-header.custom .container.mobile .search-mobile-container {
margin-top: 15px;
padding: 0 15px;
}
.page-header.custom .header-top {
background: #f5f5f5;
color: #666666;
}
.page-header.custom .header-top p.contact {
line-height: 45px;
float: left;
margin: 0px;
}
.page-header.custom .header-top .about-hd {
float: right;
}
.page-header.custom .header-top .about-hd .time-hd,
.page-header.custom .header-top .about-hd .phone-hd {
float: left;
line-height: 12px;
margin: 15px 0;
padding-left: 20px;
}
.page-header.custom .header-top .about-hd .time-hd {
border-left: 1px solid #dcdcdc;
padding-left: 20px;
}
.page-header.custom .header-top .fa {
margin-right: 5px;
font-size: 14px;
color: #666666;
}
@media (max-width: 1169px) {
.page-header.custom .header-bottom .row.mo-no-ma {
margin: 0;
}
}
.page-header.custom .header-bottom .inner-setting-right {
float: right;
margin: 22px 0px 5px;
}
.page-header.custom .header-bottom .inner-setting-right .my-accounts {
float: left;
position: relative;
padding: 0 /*0 30px*/;
}
.page-header.custom .header-bottom .inner-setting-right .my-accounts:before {
width: 30px;
height: 25px;
display: inline-block;
content: '';
background: url('../images/icon-header.png') no-repeat -35px 0;
cursor: pointer;
}
.page-header.custom .header-bottom .inner-setting-right .my-accounts:hover .toplinks-wrapper {
display: block;
}
.page-header.custom .header-bottom .inner-setting-right .my-accounts .toplinks-wrapper {
position: absolute;
z-index: 3;
right: -78px;
left: auto;
background: #fff;
width: 150px;
padding: 10px 20px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
top: 100%;
text-align: left;
border-top: 1px solid #1a89d1;
display: none;
}
.page-header.custom .header-bottom .inner-setting-right .my-accounts .toplinks-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
}
.page-header.custom .header-bottom .inner-setting-right .my-accounts .toplinks-wrapper li {
margin: 10px 0;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header {
float: left;
margin: 0 5px;
position: relative;
vertical-align: top;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper {
margin: 0;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart {
padding: 0 /*0 34px*/;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart:before {
cursor: pointer;
position: relative;
background: url('../images/icon-header.png') no-repeat -75px 0;
width: 30px;
height: 25px;
display: inline-block;
content: '';
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart .text {
display: none;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart .counter {
padding: 0;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart .counter.qty {
display: block;
width: auto;
height: auto;
position: static;
background: none !important;
color: #666 !important;
margin: 0;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart .counter.qty .counter-label {
width: auto;
height: auto;
position: static;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart .counter .counter-number {
position: absolute;
right: -8px;
top: -8px;
width: 18px;
line-height: 18px;
height: 18px;
border-radius: 50%;
color: #000000;
font-size: 75%;
background-color: #ffffff !important;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart .counter .counter-label {
display: none;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .showcart .counter .price-minicart {
display: none;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart {
background: #fff !important;
padding: 15px 20px 20px !important;
border: none !important;
width: 100% !important;
margin-top: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15) !important;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15) !important;
right: 0 !important;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart:before,
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart:after {
content: initial;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .block-minicart #btn-minicart-close {
display: none !important;
}
.page-header.custom .header-bottom .inner-setting-right .minicart-header .minicart-content .cart-wrapper .mage-dropdown-dialog {
border-color: #1a89d1 !important;
position: absolute;
right: 0;
width: 310px;
text-align: left;
border-top: 1px solid #1a89d1;
height: auto;
top: auto;
left: auto;
}
.page-header.custom .header-bottom .inner-setting-right .wishlist-wrapper {
float: left;
margin: 0 0 0 10px;
position: relative;
}
.page-header.custom .header-bottom .inner-setting-right .wishlist-wrapper .link.wishlist a:before {
font-family: 'porto-icons';
display: block;
content: '\f816';
font-size: 17px;
color: #aaa;
}
.page-header.custom .header-bottom .inner-setting-right .wishlist-wrapper .link.wishlist a span {
display: none;
}
.page-header.custom .header-bottom .inner-setting-right .wishlist-wrapper .link.wishlist a span.counter {
display: block;
position: absolute;
right: -8px;
top: -8px;
width: 18px;
line-height: 18px;
height: 18px;
border-radius: 50%;
color: #000000;
font-size: 75%;
text-align: center;
background-color: #f7d229 !important;
}
.page-header.custom .header-bottom .inner-setting-right .wishlist-wrapper .link.wishlist a span.counter:before {
content: '';
display: none;
}
.page-header.custom .header-bottom .inner-setting-right .wishlist-wrapper .link.wishlist a span.counter:after {
content: '';
display: none;
}
.page-header.custom .header-bottom .inner-setting-right .currency-wrapper {
float: left;
margin: 0 5px;
position: relative;
vertical-align: top;
}
.page-header.custom .header-bottom .inner-setting-right .currency-wrapper .switcher strong {
font-size: 24px;
}
.page-header.custom .header-bottom .inner-setting-right .currency-wrapper .switcher.currency.switcher-currency {
margin-left: 10px;
margin-top: 2px;
}
@media (max-width: 1169px) {
.page-header.custom .header-bottom .inner-setting-right {
margin: 0px;
}
}
@media (max-width: 1169px) {
.page-header.custom .header-bottom .inner-setting-right2 {
padding: 0px 10px 10px 10px;
}
}
.user-review-block {
background: #1a89d1;
padding: 30px 0 20px;
text-align: center;
cursor: pointer;
}
.user-review-block .user-review-container {
width: 1350px;
margin: 0 auto;
}
@media only screen and (max-width: 1350px) {
.user-review-block .user-review-container {
width: 100%;
}
}
.user-review-block .user-review-container .review-content {
margin: 0 auto;
font-size: 20px;
line-height: 26px;
font-weight: 500;
color: #ffffff;
font-family: "Montserrat-Regular";
}
.user-review-block .user-review-container .review-content .quote-start,
.user-review-block .user-review-container .review-content .quote-end {
font-size: 20px;
font-weight: 500;
}
.user-review-block .user-review-container .review-content .quote-start {
vertical-align: middle;
}
.user-review-block .user-review-container .review-content .quote-end {
vertical-align: baseline;
}
.user-review-block .user-review-container .review-content .review-metadata .star-ratings-css {
unicode-bidi: bidi-override;
color: #c5c5c5;
height: 25px;
width: auto;
display: inline-block;
margin: 0 auto;
position: relative;
padding: 0;
text-shadow: 0px 1px 0 #a2a2a2;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
}
.user-review-block .user-review-container .review-content .review-metadata .star-ratings-css .star-ratings-css-top {
color: #ffffff;
padding: 0;
position: absolute;
z-index: 1;
display: block;
top: 0;
left: 0;
overflow: hidden;
}
.user-review-block .user-review-container .review-content .review-metadata .star-ratings-css .star-ratings-css-bottom {
padding: 0;
display: block;
z-index: 0;
}
.user-review-block .user-review-container .review-content .review-metadata .metadata span {
display: inline-block;
text-transform: uppercase;
padding: 0;
font-weight: bold;
font-size: 12px;
font-family: "Montserrat-Regular";
}
.page-footer .footer .footer-reviews {
max-width: 1350px;
margin: 0 auto;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
}
.page-footer .footer .footer-top {
width: 100%;
background: #f8f8f8;
color: #2b2b2b;
}
.page-footer .footer .footer-top .container {
max-width: 1350px;
margin: 0 auto;
}
.page-footer .footer .footer-top .container .custom-block .footer-top-inner {
border-bottom: 0;
}
.page-footer .footer .footer-middle {
width: 100%;
background: #F5F5F5;
color: #2b2b2b;
padding: 0;
}
.page-footer .footer .footer-middle .footer-col {
position: relative;
width: 100%;
padding: 25px 15px;
}
.page-footer .footer .footer-middle .footer-col.footer-1,
.page-footer .footer .footer-middle .footer-col.footer-4 {
flex: 0 0 20%;
max-width: 20%;
}
.page-footer .footer .footer-middle .footer-col.footer-2,
.page-footer .footer .footer-middle .footer-col.footer-3 {
flex: 0 0 14%;
max-width: 14%;
}
.page-footer .footer .footer-middle .footer-col.footer-2 .info li,
.page-footer .footer .footer-middle .footer-col.footer-3 .info li {
margin-bottom: 20px;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter {
flex: 0 0 32%;
max-width: 32%;
background: unset;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .block-title {
margin: 0;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .block-title .title {
font-family: "Montserrat-Bold";
font-size: 20px;
text-transform: uppercase;
display: block;
color: #2b2b2b;
margin: 5px 0 25px;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .block-title .sub-title {
font-family: "Montserrat-SemiBold";
font-size: 18px;
color: #2b2b2b;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe {
width: 100%;
max-width: 100%;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field {
display: flex;
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field {
flex-direction: column;
}
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .control {
width: 100%;
margin-right: 15px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .control {
margin-right: 0;
margin-bottom: 15px;
}
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .control > input {
height: 50px;
background-color: #ffffff;
border-radius: 10px;
padding: 0 15px;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #1a89d1;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .actions {
width: auto;
margin: 0;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .actions .action.subscribe {
width: 175px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 15px;
border-radius: 10px;
background: #e4673b !important;
font-family: "Montserrat-SemiBold";
font-size: 16px;
text-transform: unset;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .actions .action.subscribe > span {
height: auto;
padding: 0;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .actions .action.subscribe:hover {
background: #e4673b !important;
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .actions .action.subscribe {
width: 100%;
}
}
@media (max-width: 767px) {
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .field .actions .action.subscribe {
width: 120px;
}
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .newletter-notice {
font-family: "Montserrat-Regular";
font-size: 12px;
color: #2b2b2b;
font-size: 10px;
display: block;
margin-top: 15px;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter .block.newsletter .content .form.subscribe .newletter-notice > a {
color: #2b2b2b;
text-decoration: underline;
}
@media (max-width: 767px) {
.page-footer .footer .footer-middle .footer-col.footer-1,
.page-footer .footer .footer-middle .footer-col.footer-2,
.page-footer .footer .footer-middle .footer-col.footer-3,
.page-footer .footer .footer-middle .footer-col.footer-4 {
flex: 0 0 50%;
max-width: 50%;
}
.page-footer .footer .footer-middle .footer-col.footer-3,
.page-footer .footer .footer-middle .footer-col.footer-4 {
margin-top: 25px;
}
.page-footer .footer .footer-middle .footer-col.footer-newletter {
flex: 0 0 100%;
max-width: 100%;
padding-top: 0;
}
}
.page-footer .footer .footer-middle .container {
max-width: 1350px;
margin: 0 auto;
}
.page-footer .footer .footer-middle .container .title {
display: block;
margin-bottom: 20px;
font-family: "Montserrat-SemiBold";
font-size: 16px;
color: #1a89d1;
}
.page-footer .footer .footer-middle .container .info {
font-family: "Montserrat-Regular";
font-size: 12px;
color: #2b2b2b;
}
.page-footer .footer .footer-middle .container .info li {
margin: 10px 0;
padding-bottom: 0;
}
.page-footer .footer .footer-middle .container .info li:first-child {
margin-top: 0;
}
.page-footer .footer .footer-middle .container .info li .label {
font-family: "Montserrat-SemiBold";
font-size: 14px;
}
.page-footer .footer .footer-middle .container .info li a {
color: #2b2b2b;
}
.page-footer .footer .footer-middle .switcher-language {
margin-top: 0;
padding: 0;
width: auto;
float: unset;
}
.page-footer .footer .footer-middle .switcher-language .switcher-label {
position: relative;
width: auto;
height: auto;
line-height: normal;
text-transform: none;
display: block;
margin: 20px 0;
font-family: "Montserrat-SemiBold";
font-size: 16px;
color: #1a89d1;
}
.page-footer .footer .footer-middle .switcher-language .switcher-options .switcher-trigger strong {
font-family: "Montserrat-SemiBold";
color: #2b2b2b;
font-size: 12px;
}
.page-footer .footer .footer-middle .switcher-language .switcher-options .switcher-trigger strong > img {
display: none;
}
.page-footer .footer .footer-middle .switcher-language .switcher-options .switcher-trigger::after {
color: #e4673b !important;
font-size: 20px;
}
.page-footer .footer .footer-middle .switcher-language .switcher-dropdown {
border: 1px solid #c7c7c7;
box-shadow: 0 0;
min-width: auto;
text-align: left;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.page-footer .footer .footer-middle .switcher-language .switcher-dropdown:before,
.page-footer .footer .footer-middle .switcher-language .switcher-dropdown:after {
display: none;
}
.page-footer .footer .footer-middle .switcher-language .switcher-dropdown .switcher-option a {
font-size: 14px;
padding: 6px 15px;
}
.page-footer .footer .footer-bottom {
width: 100%;
background: #ffffff;
min-height: unset;
line-height: normal;
margin: 15px 0;
padding: 0;
}
.page-footer .footer .footer-bottom .container {
max-width: 1350px;
margin: 0 auto;
display: flow-root;
}
.page-footer .footer .footer-bottom .container .custom-block {
width: 50%;
margin: 0;
display: flex;
}
@media (max-width: 767px) {
.page-footer .footer .footer-bottom .container .custom-block {
flex-direction: column;
}
}
.page-footer .footer .footer-bottom .container .custom-block.left {
width: 70%;
}
.page-footer .footer .footer-bottom .container .custom-block.right {
width: 30%;
}
@media (max-width: 767px) {
.page-footer .footer .footer-bottom .container .custom-block {
width: 100%;
}
.page-footer .footer .footer-bottom .container .custom-block.left {
width: 100%;
}
.page-footer .footer .footer-bottom .container .custom-block.right {
width: 100%;
}
}
.page-footer .footer .footer-bottom .container .footer-links {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.page-footer .footer .footer-bottom .container .footer-links {
flex-direction: column;
text-align: center;
}
}
.page-footer .footer .footer-bottom .container .footer-links .footer-link {
font-family: 'Poppins';
font-size: 12px;
font-weight: 400;
color: #2b2b2b;
}
.page-footer .footer .footer-bottom .container .footer-links .footer-link a {
color: #2b2b2b;
text-decoration: none;
}
.page-footer .footer .footer-bottom .container .footer-links .footer-link::after {
content: '|';
margin: 0 10px;
}
@media (max-width: 767px) {
.page-footer .footer .footer-bottom .container .footer-links .footer-link::after {
display: none;
}
}
.page-footer .footer .footer-bottom .container .footer-links .footer-link:last-child::after {
display: none;
}
.cms-index-index .page-main {
padding-top: 0;
padding-bottom: 0;
}
.cms-index-index .page-main .columns .column.main {
padding-bottom: 0;
}
.slidershow-home.owl-carousel {
position: relative;
width: 1350px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 1350px) {
.slidershow-home.owl-carousel {
width: 100%;
}
}
.slidershow-home.owl-carousel.owl-loaded {
display: block;
}
.slidershow-home.owl-carousel .slide-item .slide-image {
width: 1350px;
}
.slidershow-home.owl-carousel .slide-item .slide-container {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1150px;
height: 100%;
margin: 0 auto;
}
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text {
display: block;
height: 100px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
color: #ffffff;
font-family: Lato;
}
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h1,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h2 {
font-size: 60px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 20px;
}
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h3,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h4,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h5,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text p {
font-size: 16px;
font-weight: 500;
margin: 0 0 20px;
}
@media (max-width: 412px) {
.slidershow-home.owl-carousel .slide-item .slide-container {
width: 100%;
margin: 0 20px;
}
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h1,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h2 {
font-size: 30px;
margin: 0 0 10px;
}
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h3,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h4,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text h5,
.slidershow-home.owl-carousel .slide-item .slide-container .slide-text p {
font-size: 14px;
margin: 0 0 10px;
}
}
.cms-index-index .title-home {
text-align: center;
line-height: 44px;
margin-top: 50px;
margin-bottom: 50px;
}
.cms-index-index .title-home h2 {
font-family: "Montserrat-SemiBold";
font-size: 36px;
color: #1a89d1;
font-weight: 600;
margin: 0;
}
.cms-index-index .actions {
text-align: center;
margin: 40px 0;
/*@media only screen and (max-width: @screen__xs) {
margin: 0;
}*/
}
.cms-index-index .actions .primary-button {
display: inline-block;
min-width: 265px;
}
.cms-index-index .page-footer .actions {
margin: 0;
}
.block-category {
width: 1350px;
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1350px) {
.block-category {
width: 100%;
}
}
.block-category .carousel .categories-slider .item .text {
display: block;
position: absolute;
top: 10%;
left: 0;
right: 0;
margin: auto;
color: #1a89d1;
padding: 10px 20px;
max-width: 65%;
background: rgba(255, 255, 255, 0.85);
text-align: center;
text-transform: uppercase;
}
.block-category .carousel .categories-slider .item .text .name {
font-size: 14px;
font-weight: 600;
}
.block-category .carousel .categories-slider .item .text .count {
display: none;
}
.block-category .grid .grid-sizer {
width: 25%;
}
.block-category .grid .grid-item {
float: left;
width: 25%;
border: 8px solid #ffffff;
background: #000000;
}
.block-category .grid .grid-item .grid-image {
width: 100.5%;
opacity: 0.7;
}
.block-category .grid .grid-item .grid-image:hover {
opacity: 1;
}
.block-category .grid .grid-item .grid-item-text {
display: block;
position: absolute;
bottom: 0;
left: 0;
margin: auto 0;
color: #ffffff;
padding: 10px;
padding-bottom: 20px;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.block-category .grid .grid-item .grid-item-text h3,
.block-category .grid .grid-item .grid-item-text h4,
.block-category .grid .grid-item .grid-item-text h5 {
font-family: "Montserrat-SemiBold";
font-size: 14px;
font-weight: 500;
color: #ffffff;
margin: 0;
}
.block-category .grid .grid-item .grid-item-text p {
font-family: "Montserrat-SemiBold";
font-size: 14px;
font-weight: 500;
color: #ffffff;
}
@media only screen and (max-width: 768px) {
.block-category .grid .grid-sizer,
.block-category .grid .grid-item {
width: 50%;
}
.block-category .grid .grid-item {
border: 10px solid #ffffff;
}
}
.info-box {
background: #f7d229;
padding: 30px 0;
font-size: 22px;
text-align: center;
margin-top: 20px;
}
.info-box h1 {
font-size: 22px;
display: block;
color: #000000;
font-weight: 700;
margin: 0;
line-height: 1.4;
}
.info-box h2 {
font-size: 22px;
display: block;
color: #000000;
font-weight: 500;
margin: 0;
line-height: 1.4;
}
.info-box strong {
display: block;
color: #000000;
font-weight: 700;
}
.info-box p,
.info-box span {
display: block;
color: #000000;
}
.info-box p a,
.info-box span a {
font-weight: bold;
color: #ffffff;
transition: all 0.3s;
}
.info-box p a:hover,
.info-box span a:hover {
text-decoration: none;
color: #000000;
}
.wrapper-bestsellers {
width: 100%;
background-color: #f9f9f9;
padding: 1px 0;
}
.block-bestsellers {
width: 1350px;
max-width: 100%;
margin: 0 auto;
margin-top: 30px;
}
@media only screen and (max-width: 1350px) {
.block-bestsellers {
width: 100%;
}
}
.block-bestsellers .item > a {
display: flex;
align-items: center;
justify-content: center;
min-height: 240px;
}
.block-bestsellers .item .product-item-photo {
opacity: 1;
transition: all 0.5s;
}
.block-bestsellers .item .product-item-photo:hover {
opacity: 0.8;
}
.section-box {
width: 1350px;
max-width: 100%;
margin: 0 auto;
margin-top: 30px;
}
@media only screen and (max-width: 1350px) {
.section-box {
width: 100%;
}
}
.section-box .section-box-container {
margin-top: 15px;
padding-top: 15px;
margin: 0 auto;
}
@media only screen and (max-width: 480px) {
.section-box .section-box-container .container {
padding-right: 0;
padding-left: 0;
}
.section-box .section-box-container .container .row {
margin-right: 0;
margin-left: 0;
}
.section-box .section-box-container .container .row > div {
padding: 0;
}
}
.section-box .section-box-container .section-box-content .section-box-title {
display: inline-block;
font-family: "Montserrat-Regular";
font-size: 15px;
font-weight: 700;
color: #000000;
margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
.section-box .section-box-container .section-box-content .section-box-title {
display: block;
text-align: center;
margin-top: 10px;
}
}
.section-box .section-box-container .section-box-content .section-box-item {
transition: all 0.3s;
margin-bottom: 5px;
position: relative;
height: 375px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border: 0px;
opacity: 1;
}
@media only screen and (max-width: 1024px) {
.section-box .section-box-container .section-box-content .section-box-item {
height: 300px;
background-size: 100% auto;
}
}
@media only screen and (max-width: 992px) {
.section-box .section-box-container .section-box-content .section-box-item {
height: 220px;
}
}
.section-box .section-box-container .section-box-content .section-box-item:hover {
opacity: 0.8;
}
.section-box .section-box-container .section-box-content .section-box-item .content {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 40%;
padding: 20px;
}
@media only screen and (max-width: 480px) {
.section-box .section-box-container .section-box-content .section-box-item .content {
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
}
}
.section-box .section-box-container .section-box-content .section-box-item .content.white-box {
background-color: rgba(255, 255, 255, 0.95);
top: 100px;
left: unset;
right: 30px;
bottom: 30px;
padding: 20px;
width: 50%;
}
.section-box .section-box-container .section-box-content .section-box-item .content.white-box .title {
font-size: 28px;
color: #000000;
margin-bottom: 8px;
}
.section-box .section-box-container .section-box-content .section-box-item .content.white-box .subtitle {
color: #000000;
}
.section-box .section-box-container .section-box-content .section-box-item .content.white-box button {
right: 20px;
}
@media only screen and (max-width: 480px) {
.section-box .section-box-container .section-box-content .section-box-item .content.white-box {
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
left: 0;
top: 0;
right: unset;
bottom: 0;
}
.section-box .section-box-container .section-box-content .section-box-item .content.white-box .title {
color: #ffffff;
position: absolute;
bottom: 110px;
}
.section-box .section-box-container .section-box-content .section-box-item .content.white-box .subtitle {
color: #ffffff;
position: absolute;
bottom: 30px;
}
.section-box .section-box-container .section-box-content .section-box-item .content.white-box button {
right: unset;
left: 20px;
}
}
.section-box .section-box-container .section-box-content .section-box-item .content .title {
display: block;
font-family: "Montserrat-Italic";
font-size: 48px;
color: #ffffff;
line-height: normal;
}
@media only screen and (max-width: 480px) {
.section-box .section-box-container .section-box-content .section-box-item .content .title {
position: absolute;
bottom: 80px;
font-size: 38px;
}
}
.section-box .section-box-container .section-box-content .section-box-item .content .subtitle {
display: inline-block;
font-size: 15px;
color: #ffffff;
font-family: "Montserrat-Regular";
}
.section-box .section-box-container .section-box-content .section-box-item .content button {
position: absolute;
bottom: 20px;
left: unset;
right: unset;
}
@media only screen and (max-width: 480px) {
.section-box .section-box-container .section-box-content .section-box-item .content button {
display: none;
}
}
.section-box .section-box-container .section-box-content .section-box-item .content button.link {
text-transform: uppercase;
color: #ffffff;
border: 0;
background-color: transparent;
font-size: 13px;
line-height: normal;
padding: 0;
height: auto;
text-decoration: underline;
bottom: 30px;
}
@media only screen and (max-width: 480px) {
.section-box .section-box-container .section-box-content .section-box-item .content button.link {
display: inline-block;
}
}
.wrapper-dealoftheweek {
width: 100%;
margin: 40px 0;
background-color: #f9f9f9;
padding: 1px 0;
}
.block-dealoftheweek {
width: 1350px;
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.block-dealoftheweek {
width: 100%;
}
}
.block-dealoftheweek .products-grid .product-items {
display: inline-grid;
grid-template-columns: 24.5% 24.5% 24.5% 24.5%;
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 100%;
list-style: none;
}
@media only screen and (max-width: 768px) {
.block-dealoftheweek .products-grid .product-items {
grid-template-columns: 49% 49%;
}
}
.block-dealoftheweek .products-grid .product-items .product-item {
border: 0;
display: initial;
width: unset;
padding: 0;
overflow: hidden;
position: relative;
}
.block-dealoftheweek .products-grid .product-items .product-item .product-labels {
position: absolute;
top: 20px;
left: 20px;
right: auto;
text-align: center;
/*@media only screen and (max-width: @screen__m) {
top: 10%;
left: -50%;
}*/
}
.block-dealoftheweek .products-grid .product-items .product-item .product-labels .product-label {
padding: 10px 30px;
font-size: 14px;
}
@media only screen and (max-width: 768px) {
.block-dealoftheweek .products-grid .product-items .product-item .product-labels .product-label {
padding: 10px;
font-size: 12px;
}
}
.block-dealoftheweek .products-grid .product-items .product-item .product-labels .product-label.sale-label {
background-color: #e33d3f;
color: #ffffff;
}
.block-dealoftheweek .products-grid .product-items .product-item .product-labels .product-label.new-label {
background-color: #83a350;
color: #ffffff;
}
.block-dealoftheweek .products-grid .product-items .product-item .product-item-photo {
position: relative;
opacity: 1;
transition: all 0.5s;
}
.block-dealoftheweek .products-grid .product-items .product-item .product-item-photo:hover {
opacity: 0.8;
}
.block-inspiration {
width: 100%;
margin-bottom: 0;
}
.block-inspiration .slick-slide {
opacity: 1;
transition: all 0.5s;
}
.block-inspiration .slick-slide:hover {
opacity: 0.8;
}
.block-inspiration .colcontent {
width: 560px;
margin: 0 20px;
}
.block-inspiration .colcontent span {
color: #000000;
font-size: 16px;
font-weight: 300;
}
.block-inspiration .colcontent strong {
color: #000000;
font-weight: 400;
text-transform: uppercase;
}
.block-inspiration .colimg {
height: 345px;
background: #ffd624;
background-size: cover !important;
background-position: center center !important;
}
@media (max-width: 480px) {
.block-inspiration .colimg {
background-size: contain !important;
}
}
.block-inspiration #collecties {
position: relative;
height: 390px;
/*margin-top: 30px;*/
margin-top: 12px;
margin-bottom: 30px;
overflow: hidden;
}
.block-inspiration .carousel-container {
width: 2280px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -1140px;
/* half of the width */
}
.block-inspiration .slick-next,
.block-inspiration .slick-prev {
height: 100% !important;
z-index: 1 !important;
}
.block-inspiration .slick-next,
.block-inspiration .slick-prev,
.block-inspiration .slick-next:hover,
.block-inspiration .slick-prev:hover,
.block-inspiration .slick-next:focus,
.block-inspiration .slick-prev:focus {
background: rgba(255, 255, 255, 0.85) !important;
}
.block-inspiration .slick-next {
right: 0;
width: 590px;
padding-left: 60px;
height: 100%;
text-align: left;
z-index: 18;
}
.block-inspiration .slick-prev {
width: 615px;
padding-right: 60px;
height: 100%;
text-align: right;
z-index: 18;
}
.block-trendingnow {
width: 1350px;
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.block-trendingnow {
width: 100%;
}
}
.block-trendingnow .actions-secondary {
display: none;
}
.block-trendingnow .product-item-photo {
opacity: 1;
transition: all 0.5s;
}
.block-trendingnow .product-item-photo:hover {
opacity: 0.8;
}
.block-trendingnow .product-item-details strong.price-value {
font-weight: 700;
}
.latest-post-container {
width: 1350px;
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.latest-post-container {
width: 100%;
}
}
.latest-post-container .slider-post-container {
display: block;
}
.latest-post-container .slider-post-container .item-post {
position: relative;
}
.latest-post-container .slider-post-container .item-post:hover .image-blog img {
transform: scale(1.1);
opacity: 0.7;
}
.latest-post-container .slider-post-container .item-post .image-blog {
margin-bottom: 20px;
overflow: hidden;
}
.latest-post-container .slider-post-container .item-post .image-blog img {
transition: all 0.3s ease 0s;
}
.latest-post-container .slider-post-container .item-post .info-blog {
position: relative;
}
.latest-post-container .slider-post-container .item-post .info-blog .date-post {
background-color: #f7d229;
color: #000000;
height: 70px;
left: 0px;
line-height: 20px;
position: absolute;
text-align: center;
top: 0px;
width: 50px;
padding: 15px 0px;
}
.latest-post-container .slider-post-container .item-post .info-blog .date-post .day {
font-size: 150%;
}
.latest-post-container .slider-post-container .item-post .info-blog .date-post .month {
font-size: 100%;
text-transform: capitalize;
}
.latest-post-container .slider-post-container .item-post .info-blog .date-post-title {
padding-left: 70px;
}
.latest-post-container .slider-post-container .item-post .info-blog .date-post-title .postTitle {
font-size: 116%;
text-transform: capitalize;
font-weight: 500;
margin-bottom: 5px;
}
.latest-post-container .slider-post-container .item-post .info-blog .date-post-title .postContent {
text-align: justify;
}
@media only screen and (max-width: 768px) {
.latest-post-container .slider-post-container .item-post .info-blog .date-post-title .postContent {
padding-right: 10px;
}
}
.latest-post-container .slider-post-container .item-post .info-blog ul {
margin-bottom: 10px;
padding-left: 0;
}
.latest-post-container .slider-post-container .item-post .info-blog ul li {
display: inline-block;
color: #000000;
margin-right: 10px;
}
.wrapper-shopbycolor {
width: 100%;
background-color: #f9f9f9;
padding: 1px 0;
}
.block-shopbycolor {
width: 1350px;
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1350px) {
.block-shopbycolor {
width: 100%;
}
}
.block-shopbycolor .carousel .color-slider .item .image {
min-height: 280px;
opacity: 1;
transition: all 0.5s;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.block-shopbycolor .carousel .color-slider .item .image:hover {
opacity: 0.8;
}
.block-shopbycolor .carousel .color-slider .item .text {
display: block;
font-family: "Montserrat-Regular";
font-size: 15px;
color: #000000;
padding: 10px 0;
text-align: center;
}
.block-shopbycolor .carousel .color-slider .nav-btn {
top: 35% !important;
}
.block-shopbycolor .grid .color-items {
display: inline-grid;
grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10%;
grid-column-gap: 1%;
grid-row-gap: 5px;
width: 100%;
}
.block-shopbycolor .grid .color-items .item {
display: inline-block;
}
.block-shopbycolor .grid .color-items .item .image {
min-height: 190px;
opacity: 1;
transition: all 0.5s;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.block-shopbycolor .grid .color-items .item .image:hover {
opacity: 0.8;
}
.block-shopbycolor .grid .color-items .item .text {
display: block;
font-family: "Montserrat-Regular";
font-size: 15px;
color: #000000;
padding: 10px 0;
text-align: center;
}
@media only screen and (min-width: 1350px) {
.block-shopbycolor .hide-desktop {
display: none;
}
}
@media only screen and (max-width: 1350px) {
.block-shopbycolor .hide-mobile {
display: none;
}
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter:not(.active) .filter-title,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter:not(.active) .filter-title,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter:not(.active) .filter-title {
display: block !important;
margin: 0 0 30px;
height: 40px;
}
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter:not(.active) .filter-title strong,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter:not(.active) .filter-title strong,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter:not(.active) .filter-title strong {
width: 100%;
outline: none;
box-shadow: none;
text-transform: none;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 5px;
color: #000000;
text-align: start;
padding: 0 15px;
height: 40px;
line-height: 40px;
background: url('../images/icon-filter.svg') 97% center no-repeat;
}
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options-title,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title {
padding: 20px;
color: #000000;
border: none;
background-color: transparent;
font-family: "Montserrat-Regular";
font-size: 16px;
border-radius: 0;
position: relative;
cursor: pointer;
display: block;
text-decoration: none;
text-transform: none;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options-title:after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title:after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title:after {
margin-top: -12px;
color: #000000;
font-family: "porto-icons";
vertical-align: middle;
font-weight: normal;
overflow: hidden;
width: 26px;
height: 26px;
display: inline-block;
position: absolute;
right: 15px;
top: 50%;
text-align: center;
line-height: 24px;
background-color: transparent;
border-radius: 0;
border: none;
font-size: 17px;
content: "\f803";
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options-title[aria-expanded="true"],
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title[aria-expanded="true"],
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title[aria-expanded="true"] {
font-family: "Montserrat-Bold";
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options-title[aria-expanded="true"]:after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title[aria-expanded="true"]:after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options-title[aria-expanded="true"]:after {
color: #1a89d1;
content: "\f800";
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options {
border: 1px solid #e0e0e0;
border-radius: 10px;
margin-bottom: 25px;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options {
display: none;
}
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items {
background-color: #ffffff;
border-color: #e0e0e0;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item {
margin: 0 0 15px;
display: flex;
align-items: center;
padding: 0 20px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .filter-label,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .filter-label,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .filter-label {
text-transform: none;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .filter-value,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .filter-value,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .filter-value {
display: block;
font-family: "Montserrat-SemiBold";
font-size: 14px;
color: #000000;
margin-left: 15px;
flex-grow: 1;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove {
position: relative;
right: unset;
top: unset;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove span,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove span,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove span {
display: none;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .items .item .action.remove::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
color: #e4673b;
content: "\e616";
font-family: "luma-icons";
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
margin-left: 10px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions {
background-color: #ffffff;
padding: 20px;
padding-top: 10px;
border: none;
text-align: left;
margin: 0;
border-radius: 0 0 10px 10px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions::before,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions::before,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions::before {
content: "";
position: relative;
display: block;
height: 1px;
background-color: #e0e0e0;
width: 100%;
margin-bottom: 20px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions .action.clear,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions .action.clear,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions .action.clear {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #e4673b;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions .action.clear::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions .action.clear::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-current-options .filter-actions .action.clear::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
color: #e4673b;
content: "\e616";
font-family: "luma-icons";
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
margin-left: 10px;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options {
display: none;
}
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item {
border: 1px solid #e0e0e0;
border-radius: 10px;
margin-bottom: 25px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item[data-filter-attribute="cat"],
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item[data-filter-attribute="cat"],
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item[data-filter-attribute="cat"] {
display: none;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item {
border: 0;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 0;
}
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content {
border-bottom: 0;
border: none;
background-color: transparent;
padding: 10px 20px 25px 20px;
position: relative;
z-index: 2;
border-radius: 0;
margin: 0;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content a,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content a,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content a {
color: #000000 !important;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .field.search input[type="text"],
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .field.search input[type="text"],
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .field.search input[type="text"] {
margin-bottom: 30px;
height: 40px;
padding: 0 15px;
border-color: #1a89d1;
border-radius: 5px;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item {
margin: 0 0 15px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a label,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a label,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a label {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"],
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"],
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"] {
top: 0;
margin-right: 10px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]::after {
width: 15px;
height: 15px;
border: 1px solid #737373;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:hover:after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:hover:after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:hover:after {
border-color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked::after {
font-size: 7px;
line-height: 14px;
border-color: #1a89d1;
color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked + label,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked + label,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked + label {
font-family: "Montserrat-SemiBold";
color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions {
text-align: left;
margin-top: 30px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more,
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less {
padding: 0;
background-color: transparent !important;
border: 0 !important;
transition: 0.1s;
text-decoration: none;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span,
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span {
padding: 0;
font-family: "Montserrat-SemiBold";
font-size: 14px;
text-transform: none;
color: #000000;
background-color: transparent;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span::after,
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span::after {
color: #e4673b;
margin-left: 5px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more:hover > span,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more:hover > span,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more:hover > span,
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less:hover > span,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less:hover > span,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less:hover > span {
color: #1a89d1;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options {
margin: 0;
display: flex;
flex-direction: column;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a {
display: flex;
align-items: center;
margin-bottom: 15px !important;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option {
width: 15px;
height: 15px;
min-width: unset;
border-radius: 50% !important;
padding: 0;
margin: 0;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option.selected,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option.selected,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option.selected {
border: 2px solid #000000;
box-shadow: none !important;
outline: none !important;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a::after {
content: attr(aria-label);
position: relative;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a:has(.swatch-option.selected)::after,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a:has(.swatch-option.selected)::after,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a:has(.swatch-option.selected)::after {
font-family: "Montserrat-SemiBold";
color: #000000;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider [data-role="from-label"],
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider [data-role="from-label"],
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider [data-role="from-label"],
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider [data-role="to-label"],
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider [data-role="to-label"],
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider [data-role="to-label"] {
font-family: "Montserrat-Regular";
color: #000000;
font-size: 14px;
padding: 0 0 10px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider {
margin: 7px;
height: 3px;
background-color: #b2b2b2;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-handle,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-handle,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-handle {
background: #1a89d1;
width: 10px;
height: 10px;
cursor: pointer;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar {
display: flex;
align-items: center;
margin: 20px 0;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar [data-role="message-box"],
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar [data-role="message-box"],
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar [data-role="message-box"] {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #1a89d1;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action {
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
width: 68px;
height: 30px;
line-height: 30px;
padding: 0;
border-radius: 5px;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action span,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action span,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action span {
padding: 0;
background-color: transparent;
font-family: "Montserrat-SemiBold";
color: #ffffff;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action:hover,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action:hover,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary .action:hover {
color: #ffffff;
}
.catalog-category-view .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .info,
.brands-view-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .info,
.catalogsearch-result-index .page-main .sidebar.sidebar-main .block.filter .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .info {
font-family: "Montserrat-Regular";
font-size: 12px;
color: #000000;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 0;
margin-top: 0;
padding-bottom: 25px;
}
@media (min-width: 1024px) {
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container {
display: none;
}
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items {
display: flex;
flex-wrap: wrap;
flex: 1;
border: none;
background: transparent;
padding: 0;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items .item,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items .item,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items .item {
margin: 0;
margin-right: 25px;
padding: 0;
display: flex;
align-items: center;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-label,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-label,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-label,
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-value,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-value,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-value {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
text-transform: none;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-value,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-value,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items .item .filter-value {
color: #1a89d1;
margin-left: 5px;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove {
position: relative;
right: unset;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove span,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove span,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove span {
display: none;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove::after,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove::after,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .items .item .action.remove::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e616";
font-family: "luma-icons";
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
color: #e4673b;
font-size: 14px;
line-height: normal;
margin-left: 5px;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .filter-actions,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions {
padding: 0;
margin: 0;
background: transparent;
border: 0;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #e4673b;
display: flex;
align-items: center;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear::after,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear::after,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e616";
font-family: "luma-icons";
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
color: #e4673b;
font-size: 14px;
line-height: normal;
margin-left: 5px;
}
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear:hover::after,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear:hover::after,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container .filter-actions .action.clear:hover::after {
color: #e4673b;
}
.catalog-category-view.filter-active .page-wrapper,
.brands-view-index.filter-active .page-wrapper,
.catalogsearch-result-index.filter-active .page-wrapper {
visibility: hidden;
height: 0;
margin-top: -999999em;
}
.catalog-category-view.filter-active .columns,
.brands-view-index.filter-active .columns,
.catalogsearch-result-index.filter-active .columns {
z-index: 999;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active {
position: relative;
z-index: 99;
visibility: visible;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-title,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-title,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-title {
display: block !important;
position: fixed;
top: 0;
right: 0;
left: 0;
height: 50px;
z-index: 3;
margin: 0;
border: none;
box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.16);
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-title strong,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-title strong,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-title strong {
background: transparent;
border: none;
outline: none;
box-shadow: none;
display: flex;
align-items: center;
justify-content: flex-end;
top: 0;
padding: 0 15px;
left: unset;
right: 0;
height: 50px;
width: fit-content;
font-size: 0;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-title strong::after,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-title strong::after,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-title strong::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
line-height: inherit;
color: #000000;
content: "\e616";
font-family: "luma-icons";
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-subtitle,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-subtitle,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-subtitle {
display: block;
position: fixed;
top: 0;
right: 0;
left: 0;
height: 50px;
z-index: 2;
background: transparent;
font-family: "Montserrat-Bold";
font-size: 18px;
line-height: 32px;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options {
display: block !important;
position: fixed;
top: 50px;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
z-index: 2;
background: #ffffff;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item {
border: none;
background: #f5f5f5;
border-radius: 0;
margin-bottom: 2px;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .filter-options-title,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .filter-options-title,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .filter-options-title {
color: #666666;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options {
flex-wrap: wrap;
flex-direction: row;
}
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a {
margin-right: 10px !important;
width: 20%;
}
@media (max-width: 639px) {
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a {
width: 30%;
}
}
@media (max-width: 319px) {
.catalog-category-view.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.brands-view-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a,
.catalogsearch-result-index.filter-active .sidebar.sidebar-main .block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a {
width: 100%;
}
}
.block.filter.custom {
margin-bottom: 0;
border-top: 0;
display: flex;
flex-direction: column;
padding-bottom: 25px;
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 1023px) {
.block.filter.custom {
display: none;
}
}
.block.filter.custom .filter-content {
width: 100%;
display: flex;
align-items: center;
}
.block.filter.custom .filter-content .filter-title {
display: block !important;
margin: 0;
height: fit-content;
}
.block.filter.custom .filter-content .filter-title > strong {
position: relative;
width: auto;
display: flex;
border: 0;
box-shadow: none;
padding: 0;
font-family: "Montserrat-SemiBold";
font-size: 16px;
color: #000000;
}
.block.filter.custom .filter-content .filter-title > strong::after {
content: ':';
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 1px;
}
.block.filter.custom .filter-content .filter-options {
display: flex;
flex: 1;
margin-left: 25px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item {
position: relative;
display: flex;
text-align: left;
align-items: center;
border: 1px solid #e0e0e0;
z-index: 10;
flex: 1;
height: 40px;
margin-bottom: 0;
margin-right: 25px;
border-radius: 5px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item:last-child {
margin-right: 0;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-title {
padding: 20px;
color: #000000;
border: none;
background-color: transparent;
font-family: "Montserrat-Regular";
font-size: 16px;
position: relative;
cursor: pointer;
display: block;
text-decoration: none;
text-transform: none;
padding: 0 15px;
font-size: 14px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
height: 40px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-title:after {
margin-top: -12px;
color: #000000;
font-family: "porto-icons";
vertical-align: middle;
font-weight: normal;
overflow: hidden;
width: 26px;
height: 26px;
display: inline-block;
position: absolute;
right: 15px;
top: 50%;
text-align: center;
line-height: 24px;
background-color: transparent;
border-radius: 0;
border: none;
font-size: 17px;
content: "\f803";
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-title[aria-expanded="true"] {
font-family: "Montserrat-Bold";
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-title[aria-expanded="true"]:after {
color: #1a89d1;
content: "\f800";
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-title:after {
margin: 0;
right: 0;
top: 0;
width: auto;
height: auto;
position: relative;
line-height: normal;
color: #E4673B;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content {
position: absolute;
top: 37px;
left: 0;
background: #ffffff;
z-index: 10;
width: 100%;
padding: 20px;
border: 1px solid #e0e0e0;
box-shadow: none;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .items .item {
margin: 0 0 15px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .items .item > a label {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"] {
top: 0;
margin-right: 10px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]::after {
width: 15px;
height: 15px;
border: 1px solid #737373;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:hover:after {
border-color: #000000;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked::after {
font-size: 7px;
line-height: 14px;
border-color: #1a89d1;
color: #000000;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .items .item > a input[type="checkbox"]:checked + label {
font-family: "Montserrat-SemiBold";
color: #000000;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options {
margin: 0;
display: flex;
flex-direction: column;
max-height: 230px;
overflow-y: auto;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a {
display: flex;
align-items: center;
margin-bottom: 15px !important;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option {
width: 15px;
height: 15px;
min-width: unset;
border-radius: 50% !important;
padding: 0;
margin: 0;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a .swatch-option.selected {
border: 2px solid #000000;
box-shadow: none !important;
outline: none !important;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a::after {
content: attr(aria-label);
position: relative;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options > a:has(.swatch-option.selected)::after {
font-family: "Montserrat-SemiBold";
color: #000000;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options::-webkit-scrollbar {
width: 5px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options::-webkit-scrollbar-thumb {
background-color: #b5b5b5;
border-radius: 5px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options::-webkit-scrollbar-track {
background: #b5b5b5;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background-clip: padding-box;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .field.search input[type="text"] {
margin-bottom: 30px;
height: 40px;
padding: 0 15px;
border-color: #1a89d1;
border-radius: 5px;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions {
text-align: left;
margin-top: 30px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more,
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less {
padding: 0;
background-color: transparent !important;
border: 0 !important;
transition: 0.1s;
text-decoration: none;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span,
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span {
padding: 0;
font-family: "Montserrat-SemiBold";
font-size: 14px;
text-transform: none;
color: #000000;
background-color: transparent;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more > span::after,
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less > span::after {
color: #e4673b;
margin-left: 5px;
}
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-more:hover > span,
.block.filter.custom .filter-content .filter-options .filter-options-item .filter-options-content .actions .secondary .action.show-less:hover > span {
color: #1a89d1;
}
.block.filter.custom .filter-current-options {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 25px;
}
.block.filter.custom .filter-current-options .items {
display: flex;
border: none;
background: transparent;
padding: 0;
}
.block.filter.custom .filter-current-options .items .item {
margin: 0;
margin-right: 25px;
padding: 0;
display: flex;
align-items: center;
}
.block.filter.custom .filter-current-options .items .item .filter-label {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
text-transform: none;
}
.block.filter.custom .filter-current-options .items .item .filter-value {
font-family: "Montserrat-SemiBold";
font-size: 14px;
color: #000000;
text-transform: none;
margin-left: 5px;
}
.block.filter.custom .filter-current-options .items .item .action.remove {
position: relative;
right: unset;
}
.block.filter.custom .filter-current-options .items .item .action.remove span {
display: none;
}
.block.filter.custom .filter-current-options .items .item .action.remove::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e616';
font-family: 'luma-icons';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
color: #e4673b;
font-size: 14px;
line-height: normal;
margin-left: 5px;
}
.block.filter.custom .filter-current-options .filter-actions {
padding: 0;
margin: 0;
background: transparent;
border: 0;
}
.block.filter.custom .filter-current-options .filter-actions .action.clear {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #e4673b;
display: flex;
align-items: center;
}
.block.filter.custom .filter-current-options .filter-actions .action.clear::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e616';
font-family: 'luma-icons';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
color: #e4673b;
font-size: 14px;
line-height: normal;
margin-left: 5px;
}
.block.filter.custom .filter-current-options .filter-actions .action.clear:hover::after {
color: #e4673b;
}
@media (max-width: 1023px) {
.inspiration-index-index .block.filter.custom {
display: flex;
}
}
@media (max-width: 1023px) {
.inspiration-index-index .block.filter.custom .filter-options {
flex-direction: column;
}
}
@media (max-width: 1023px) {
.inspiration-index-index .block.filter.custom .filter-options .filter-options-item {
z-index: unset;
}
}
@media (max-width: 1023px) {
.inspiration-index-index .block.filter.custom .filter-options .filter-options-item:not(:last-child) {
margin-bottom: 20px;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid,
.brands-view-index .page-main .columns .column.main .products-grid,
.catalogsearch-result-index .page-main .columns .column.main .products-grid {
margin: 35px 0;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items,
.brands-view-index .page-main .columns .column.main .products-grid .product-items,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items {
display: grid;
grid-template-columns: 30% 30% 30%;
column-gap: 5%;
row-gap: 40px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items,
.brands-view-index .page-main .columns .column.main .products-grid .product-items,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items {
grid-template-columns: 45% 45%;
column-gap: 10%;
}
}
@media (max-width: 319px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items,
.brands-view-index .page-main .columns .column.main .products-grid .product-items,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items {
grid-template-columns: 100%;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item {
width: auto;
margin: 0;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info {
text-align: center;
width: 100%;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo {
height: 400px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo {
height: 350px;
}
}
@media (max-width: 639px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo {
height: 255px;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo {
display: block;
height: 100%;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-image-photo,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-image-photo,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-image-photo {
width: 100%;
height: 100%;
object-fit: contain;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels {
position: absolute;
top: 20px;
left: 0;
right: auto;
text-align: center;
min-width: 60px;
max-width: 140px;
height: 40px;
max-height: 40px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
@media (max-width: 767px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels {
top: 10px;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels:before,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels:before,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels:before {
background-color: inherit;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
display: block;
content: " ";
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels .product-label,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels .product-label,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels .product-label {
font-family: "Montserrat-SemiBold";
font-size: 16px;
line-height: 16px;
padding: 0 5px;
color: #ffffff;
background-color: unset;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels .product-label,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels .product-label,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo a.product-item-photo .product-labels .product-label {
font-size: 14px;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo .roomvo-stimr,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo .roomvo-stimr,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info div.product-item-photo .roomvo-stimr {
display: none;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details {
margin-top: 25px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details {
margin-top: 15px;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .brand,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .brand,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .brand {
font-family: "Montserrat-SemiBold";
color: #000000;
display: block;
font-size: 16px;
margin: 0 0 5px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .brand,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .brand,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .brand {
font-size: 14px;
margin: 0;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name {
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
margin: 0 0 10px;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name .product-item-link,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name .product-item-link,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name .product-item-link {
color: #000000;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-name {
font-size: 12px;
margin: 0 0 5px;
}
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box {
margin: 0;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price {
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #1A89D1;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .value,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .value,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .value,
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .decimals,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .decimals,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .decimals,
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .currency-symbol,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .currency-symbol,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .currency-symbol {
font-family: "Montserrat-Bold";
font-size: 14px;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .decimals,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .decimals,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .decimals {
display: inline-block;
vertical-align: baseline;
position: relative;
top: -0.6em;
font-size: 10px;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .price .separator {
display: none;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .old-price,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .old-price,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .old-price {
display: block;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .old-price .price,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .old-price .price,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .old-price .price {
color: #c7c7c7;
font-weight: 400;
text-decoration: line-through;
font-family: "Montserrat-Regular";
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .special-price,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .special-price,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .special-price {
display: block;
}
.catalog-category-view .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .special-price .price,
.brands-view-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .special-price .price,
.catalogsearch-result-index .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info .product-item-details .price-box .special-price .price {
font-weight: 700;
color: #1A89D1;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products {
display: flex;
align-items: center;
padding: 0;
margin: 35px 0;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages {
display: flex;
order: 2;
align-items: center;
/*@media (max-width: (@screen__t - 1)) {
display: none;
}*/
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages .items,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items {
display: flex;
align-items: center;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item {
margin-right: 10px;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item a.page,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item a.page,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item a.page {
font-family: "Montserrat-SemiBold";
font-size: 16px;
color: #000000;
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 5px;
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item strong.page,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item strong.page,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item strong.page {
border: none;
background: none;
font-family: "Montserrat-Bold";
font-size: 16px;
color: #ffffff;
background-color: #e4673b;
border: 1px solid #e4673b;
border-radius: 5px;
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item .action,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item .action,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item .action {
border: none;
background-color: #ffffff;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item .action::before,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item .action::before,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item .action::before {
color: #e4673b;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item:last-child,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item:last-child,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .pages .items .item:last-child {
margin-right: 0;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .field.limiter,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter {
display: flex;
align-items: center;
margin-right: 40px;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .label,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .label,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .label {
font-family: "Montserrat-SemiBold";
font-size: 16px;
color: #000000;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .label::after,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .label::after,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .label::after {
content: ':';
display: inline-block;
vertical-align: middle;
margin-left: 1px;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .control .limiter-options,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .control .limiter-options,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .control .limiter-options {
margin: 0 10px;
border-radius: 5px;
border-color: #e0e0e0;
font-family: "Montserrat-Regular" !important;
font-size: 16px;
line-height: normal;
color: #000000;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .control .limiter-options option,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .control .limiter-options option,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .control .limiter-options option {
color: #000000;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .limiter-text,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .limiter-text,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .field.limiter .limiter-text {
font-family: "Montserrat-Regular";
font-size: 16px;
color: #000000;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .sorter,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .sorter,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .sorter {
display: flex;
align-items: center;
flex-grow: 1;
/*@media (max-width: 500px) {
display: none;
}*/
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-label,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-label,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-label {
font-family: "Montserrat-SemiBold";
font-size: 16px;
color: #000000;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-label::after,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-label::after,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-label::after {
content: ':';
display: inline-block;
vertical-align: middle;
margin-left: 1px;
}
.catalog-category-view .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-options,
.brands-view-index .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-options,
.catalogsearch-result-index .page-main .columns .column.main .toolbar.toolbar-products .sorter .sorter-options {
margin: 0 10px;
border-radius: 5px;
border-color: #e0e0e0;
font-family: "Montserrat-Regular" !important;
font-size: 14px;
line-height: normal;
color: #000000;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products {
flex-direction: column;
margin: 0 0 35px 0;
}
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .pages,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .pages,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .pages {
display: none;
}
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter {
order: 0;
width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter .sorter-label,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter .sorter-label,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter .sorter-label {
display: none;
}
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter .sorter-options,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter .sorter-options,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .sorter .sorter-options {
width: 100%;
margin: 0;
height: 40px;
font-size: 16px;
padding: 0 15px;
background: url('../images/icon-sort.svg') 97% center no-repeat;
}
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .limiter,
.brands-view-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .limiter,
.catalogsearch-result-index .page-main .columns .column.main .filter-current-mobile-container ~ .toolbar.toolbar-products .limiter {
order: 1;
}
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .pages,
.brands-view-index .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .pages,
.catalogsearch-result-index .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .pages {
display: block !important;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .sorter,
.brands-view-index .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .sorter,
.catalogsearch-result-index .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .sorter {
display: none;
}
}
@media (max-width: 768px) {
.catalog-category-view .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .limiter,
.brands-view-index .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .limiter,
.catalogsearch-result-index .page-main .columns .column.main .products-grid ~ .toolbar.toolbar-products .limiter {
display: none;
}
}
.catalog-category-view .breadcrumbs,
.brands-view-index .breadcrumbs,
.catalogsearch-result-index .breadcrumbs {
padding: 0;
margin: 0 auto;
}
@media (min-width: 1380px) {
.catalog-category-view .breadcrumbs,
.brands-view-index .breadcrumbs,
.catalogsearch-result-index .breadcrumbs {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-category-view .breadcrumbs,
.brands-view-index .breadcrumbs,
.catalogsearch-result-index .breadcrumbs {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
.catalog-category-view .breadcrumbs,
.brands-view-index .breadcrumbs,
.catalogsearch-result-index .breadcrumbs {
display: block;
}
}
.catalog-category-view .page-main,
.brands-view-index .page-main,
.catalogsearch-result-index .page-main {
padding-bottom: 0;
}
.catalog-category-view .page-main .page-title-wrapper,
.brands-view-index .page-main .page-title-wrapper,
.catalogsearch-result-index .page-main .page-title-wrapper {
display: none;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns,
.brands-view-index .page-main .columns,
.catalogsearch-result-index .page-main .columns {
display: flex;
}
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns .sidebar.sidebar-main,
.brands-view-index .page-main .columns .sidebar.sidebar-main,
.catalogsearch-result-index .page-main .columns .sidebar.sidebar-main {
order: 0;
width: 100%;
float: none;
}
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns .column.main,
.brands-view-index .page-main .columns .column.main,
.catalogsearch-result-index .page-main .columns .column.main {
width: 100%;
float: none;
}
}
.catalog-category-view .page-main .columns .column.main .category-meta-title,
.brands-view-index .page-main .columns .column.main .category-meta-title,
.catalogsearch-result-index .page-main .columns .column.main .category-meta-title {
display: none;
}
.catalog-category-view .page-main .columns .column.main .custom-description-block,
.brands-view-index .page-main .columns .column.main .custom-description-block,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block {
margin: 0;
margin-bottom: 40px;
padding: 15px;
background-color: #ffffff;
border-radius: 10px;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns .column.main .custom-description-block,
.brands-view-index .page-main .columns .column.main .custom-description-block,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block {
flex-direction: column;
}
}
.catalog-category-view .page-main .columns .column.main .custom-description-block .content,
.brands-view-index .page-main .columns .column.main .custom-description-block .content,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block .content {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 20px;
margin-left: 0;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns .column.main .custom-description-block .content,
.brands-view-index .page-main .columns .column.main .custom-description-block .content,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block .content {
margin: 0 0 20px;
}
}
.catalog-category-view .page-main .columns .column.main .custom-description-block .content .title,
.brands-view-index .page-main .columns .column.main .custom-description-block .content .title,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block .content .title {
font-family: "Montserrat-SemiBold";
font-size: 32px;
color: #000000;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns .column.main .custom-description-block .content .title,
.brands-view-index .page-main .columns .column.main .custom-description-block .content .title,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block .content .title {
font-size: 22px;
}
}
.catalog-category-view .page-main .columns .column.main .custom-description-block .content .text,
.brands-view-index .page-main .columns .column.main .custom-description-block .content .text,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block .content .text {
font-family: "Montserrat-Regular";
font-size: 14px;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .columns .column.main .custom-description-block .image,
.brands-view-index .page-main .columns .column.main .custom-description-block .image,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block .image {
max-width: 100%;
}
.catalog-category-view .page-main .columns .column.main .custom-description-block .image img,
.brands-view-index .page-main .columns .column.main .custom-description-block .image img,
.catalogsearch-result-index .page-main .columns .column.main .custom-description-block .image img {
margin: 0 auto;
max-width: fit-content;
width: 100%;
}
}
.catalog-category-view .page-main .category-banner,
.brands-view-index .page-main .category-banner,
.catalogsearch-result-index .page-main .category-banner {
width: 100%;
margin: 0 auto;
max-width: 100%;
min-height: 200px;
display: block;
position: relative;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.catalog-category-view .page-main .hover-info-actions,
.brands-view-index .page-main .hover-info-actions,
.catalogsearch-result-index .page-main .hover-info-actions {
position: absolute;
top: 40px;
z-index: 4;
width: 100%;
display: none;
text-align: center;
}
.catalog-category-view .page-main .hover-info-actions a.action.towishlist,
.brands-view-index .page-main .hover-info-actions a.action.towishlist,
.catalogsearch-result-index .page-main .hover-info-actions a.action.towishlist,
.catalog-category-view .page-main .hover-info-actions a.action.info,
.brands-view-index .page-main .hover-info-actions a.action.info,
.catalogsearch-result-index .page-main .hover-info-actions a.action.info {
color: #f7d229 !important;
border-radius: 24px;
border-color: #f7d229;
border-width: 2px;
border-style: solid;
width: 48px;
height: 48px;
line-height: 46px;
display: inline-block;
vertical-align: middle;
}
.catalog-category-view .page-main .hover-info-actions a.action.towishlist.actions-secondary:before,
.brands-view-index .page-main .hover-info-actions a.action.towishlist.actions-secondary:before,
.catalogsearch-result-index .page-main .hover-info-actions a.action.towishlist.actions-secondary:before {
color: #f7d229 !important;
font-size: 28px;
}
.catalog-category-view .page-main .hover-info-actions a.action.info,
.brands-view-index .page-main .hover-info-actions a.action.info,
.catalogsearch-result-index .page-main .hover-info-actions a.action.info {
border-color: #fff;
margin-left: 20px;
line-height: 45px;
}
.catalog-category-view .page-main .hover-info-actions a.action.info.actions-secondary:before,
.brands-view-index .page-main .hover-info-actions a.action.info.actions-secondary:before,
.catalogsearch-result-index .page-main .hover-info-actions a.action.info.actions-secondary:before {
-webkit-font-smoothing: antialiased;
line-height: inherit;
color: inherit;
font-family: 'porto-icons';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
content: "\f852";
color: #fff !important;
font-size: 28px;
}
.catalog-category-view .page-main .hover-info-actions a span,
.brands-view-index .page-main .hover-info-actions a span,
.catalogsearch-result-index .page-main .hover-info-actions a span {
display: none;
}
.catalog-category-view .page-main .hover-info,
.brands-view-index .page-main .hover-info,
.catalogsearch-result-index .page-main .hover-info {
position: absolute;
bottom: 70px;
z-index: 4;
font-size: 1.3em;
font-weight: 700;
width: 100%;
color: #fff;
display: none;
}
.catalog-category-view .page-main .hover-info a,
.brands-view-index .page-main .hover-info a,
.catalogsearch-result-index .page-main .hover-info a {
text-decoration: none;
color: #fff;
}
.catalog-category-view .page-main .hover-info span,
.brands-view-index .page-main .hover-info span,
.catalogsearch-result-index .page-main .hover-info span {
display: block;
font-weight: 300;
}
.catalog-category-view .page-main .price-label-text,
.brands-view-index .page-main .price-label-text,
.catalogsearch-result-index .page-main .price-label-text {
margin: 0;
}
.catalog-category-view .category-description,
.brands-view-index .category-description,
.catalogsearch-result-index .category-description {
width: 1350px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 1350px) {
.catalog-category-view .category-description,
.brands-view-index .category-description,
.catalogsearch-result-index .category-description {
padding: 0 15px;
}
}
.catalog-category-view .category-description .description p,
.brands-view-index .category-description .description p,
.catalogsearch-result-index .category-description .description p {
font-family: "Montserrat-Regular";
}
.catalog-category-view .category-description .description p b,
.brands-view-index .category-description .description p b,
.catalogsearch-result-index .category-description .description p b,
.catalog-category-view .category-description .description p strong,
.brands-view-index .category-description .description p strong,
.catalogsearch-result-index .category-description .description p strong {
font-weight: 700;
}
.catalog-product-view .product.media .gallery-placeholder {
position: relative;
margin-bottom: 30px;
}
.catalog-product-view .product.media .gallery-placeholder .zoom-button {
display: none;
position: absolute;
z-index: 1;
bottom: 25px;
left: 50%;
height: 50px;
width: 184px;
transform: translate(-25%, 0);
border-radius: 10px;
align-items: center;
text-align: center;
justify-content: center;
padding: 0 10px;
background: rgba(0, 0, 0, 0.37);
}
.catalog-product-view .product.media .gallery-placeholder .zoom-button > span {
font-family: "Montserrat-Regular";
font-size: 16px;
color: #ffffff;
}
@media (max-width: 1350px) {
.catalog-product-view .product.media .gallery-placeholder .zoom-button {
transform: translate(0, 0);
}
}
.catalog-product-view .product.media .gallery-placeholder .zoom-button.desktop > span::before {
content: '';
position: relative;
display: inline-block;
vertical-align: middle;
width: 22px;
height: 22px;
margin-right: 10px;
background: url("../images/zoom.svg") center center no-repeat;
background-size: contain;
}
@media (max-width: 991px) {
.catalog-product-view .product.media .gallery-placeholder .zoom-button.desktop {
transform: translate(-15%, 0);
}
}
@media (max-width: 767px) {
.catalog-product-view .product.media .gallery-placeholder .zoom-button.mobile {
display: flex;
height: 30px;
width: 100%;
max-width: 130px;
}
.catalog-product-view .product.media .gallery-placeholder .zoom-button.mobile > span {
font-size: 14px;
}
}
@media (max-width: 639px) {
.catalog-product-view .product.media .gallery-placeholder .zoom-button.mobile {
transform: translate(-50%, 0);
bottom: 140px;
}
}
.catalog-product-view .product.media .gallery-placeholder:has(.magnify-hidden) .zoom-button.desktop {
display: flex;
}
@media (max-width: 767px) {
.catalog-product-view .product.media .gallery-placeholder:has(.magnify-hidden) .zoom-button.desktop {
display: none;
}
}
@media (max-width: 1350px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama {
max-width: 100%;
display: flex;
justify-content: center;
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama:not(.fotorama--fullscreen) .fotorama__wrap .fotorama__fullscreen-icon {
color: #333 !important;
background-color: transparent !important;
display: none;
}
@media (max-width: 639px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap {
width: 100%;
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon,
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out,
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in {
background-color: rgba(0, 0, 0, 0.1) !important;
color: #fff !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover,
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover,
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover {
background-color: rgba(0, 0, 0, 0.1) !important;
color: #fff !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage {
border: 0;
background: rgba(255, 255, 255, 0.1);
max-width: 100%;
overflow: hidden;
width: 620px !important;
height: 700px !important;
margin-left: 40px;
}
@media (max-width: 991px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage {
width: 560px !important;
height: 620px !important;
margin-left: 0;
}
}
@media (max-width: 767px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage {
width: 470px !important;
height: 470px !important;
}
}
@media (max-width: 639px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage {
width: 100% !important;
height: 340px !important;
margin-bottom: 20px;
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__fullscreen-icon {
background: none;
color: #1a89d1;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__fullscreen-icon:before {
font-family: 'porto-icons';
display: block;
text-align: center;
content: "\f81a";
/*"\f859";*/
font-size: 40px;
line-height: 50px;
color: #fff;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__fullscreen-icon:focus:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr {
background-color: transparent !important;
width: 60px;
display: block !important;
transform: none;
opacity: 1;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr:hover {
background-color: transparent !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr:focus:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr {
background: none;
height: auto;
width: 60px;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr::before {
content: '';
display: block;
width: 58px;
height: 58px;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr::before {
background: url('../images/nav_left.svg') center center no-repeat;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--next {
right: 0 !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--next .fotorama__arr__arr::before {
background: url('../images/nav_right.svg') center center no-repeat;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft {
border: 0;
box-sizing: border-box;
width: 500px !important;
max-width: 500px !important;
margin: 0 auto !important;
}
@media (max-width: 767px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft {
width: 470px !important;
}
}
@media (max-width: 639px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft {
width: auto !important;
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft:focus:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img.fotorama__img {
max-width: unset;
border-radius: 10px;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__zoom-in {
background: none;
color: #1a89d1;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__zoom-in:before {
font-family: 'porto-icons';
display: block;
text-align: center;
content: "\f85a";
font-size: 20px;
line-height: 50px;
color: #fff;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__zoom-out {
background: none;
color: #1a89d1;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__zoom-out:before {
font-family: 'porto-icons';
display: block;
text-align: center;
content: "\f85b";
font-size: 20px;
line-height: 50px;
color: #fff;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap.fotorama__nav-wrap--vertical {
margin-right: 20px;
}
@media (min-width: 1350px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav {
max-height: 700px;
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__shadows--top:before {
background: none;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__shadows--bottom:after {
background: none;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr {
padding-bottom: 0;
background-color: transparent !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr:hover {
background-color: transparent !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr .fotorama__thumb--icon {
background: none;
transform: none;
}
@media (max-width: 640px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr .fotorama__thumb--icon {
top: 35%;
padding-bottom: 0;
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr .fotorama__thumb--icon:before {
font-family: 'porto-icons';
display: block;
text-align: center;
font-size: 30px;
line-height: 1;
color: #E4673B;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--left .fotorama__thumb--icon:before {
content: "\f804";
}
@media (max-width: 640px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--left .fotorama__thumb--icon:before {
content: "\f802";
}
}
@media (max-width: 640px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--right .fotorama__thumb--icon {
left: 0;
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--right .fotorama__thumb--icon:before {
content: "\f807";
}
@media (max-width: 640px) {
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--right .fotorama__thumb--icon:before {
content: "\f801";
}
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft {
margin-right: 20px;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__thumb-border {
border-radius: 5px;
border-width: 1px;
border-color: #E0E0E0;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame.fotorama__nav__frame--thumb:focus .fotorama__thumb:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame .fotorama__thumb {
border: 1px solid transparent !important;
border-radius: 5px;
background-color: #ffffff;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame .fotorama__thumb img.fotorama__img {
border: 3px solid #ffffff !important;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--dots .fotorama__nav__shaft .fotorama__nav__frame.fotorama__nav__frame--dot.fotorama__active .fotorama__dot {
background-color: #1a89d1;
}
.catalog-product-view .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--dots .fotorama__nav__shaft .fotorama__nav__frame .fotorama__dot {
width: 8px;
height: 8px;
border: 0;
border-radius: 4px;
background: #E0E0E0;
}
.catalog-product-view .product.media .gallery-placeholder .magnifier-preview:not(.hidden) {
background-color: #ffffff;
border: 1px solid #F0F0F0;
border-radius: 10px;
box-shadow: 1px 1px 12px 2px #e7e2e2;
}
.catalog-product-view .fotorama--fullscreen {
background-color: rgba(0, 0, 0, 0.85) !important;
z-index: 1030 !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap {
/*&:not(.fotorama__wrap--toggle-arrows) {
.fotorama__fullscreen-icon,
.fotorama__zoom-out,
.fotorama__zoom-in {
background-color: rgba(0,0,0,0.1) !important;
color: #fff !important;
&:hover {
background-color: rgba(0,0,0,0.1) !important;
color: #fff !important;
}
}
}*/
}
@media (min-width: 1350px) {
.catalog-product-view .fotorama--fullscreen .fotorama__wrap {
min-width: 590px;
}
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage {
border: 0;
background: rgba(255, 255, 255, 0.1);
max-width: 100%;
overflow: hidden;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__fullscreen-icon {
background: none;
color: #1a89d1;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__fullscreen-icon:before {
font-family: 'porto-icons';
display: block;
text-align: center;
content: "\f81a";
/*"\f859";*/
font-size: 40px;
line-height: 50px;
color: #fff;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__fullscreen-icon:focus:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr {
background-color: transparent !important;
width: 58px;
display: block !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr:hover {
background-color: transparent !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr:focus:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr:before {
width: 58px;
height: 58px;
content: '';
background: url('../images/nav_left.svg') center center no-repeat;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--next {
right: 0 !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--next .fotorama__arr__arr:before {
width: 58px;
height: 58px;
content: '';
background: url('../images/nav_right.svg') center center no-repeat;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr {
background: none;
height: auto;
width: 58px;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr:before {
display: block;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__stage__shaft {
border: 0;
box-sizing: border-box;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__stage__shaft:focus:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img.fotorama__img {
max-width: unset;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__zoom-in {
background: none;
color: #1a89d1;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__zoom-in:before {
font-family: 'porto-icons';
display: block;
text-align: center;
content: "\f85a";
font-size: 20px;
line-height: 50px;
color: #fff;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__zoom-out {
background: none;
color: #1a89d1;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__stage .fotorama__zoom-out:before {
font-family: 'porto-icons';
display: block;
text-align: center;
content: "\f85b";
font-size: 20px;
line-height: 50px;
color: #fff;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap.fotorama__nav-wrap--vertical {
margin-right: 20px;
}
@media (min-width: 1350px) {
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav {
max-height: 700px;
}
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__shadows--top:before {
background: none;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__shadows--bottom:after {
background: none;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr {
padding-bottom: 0;
background-color: transparent !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr:hover {
background-color: transparent !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--left .fotorama__thumb--icon {
background: none;
transform: none;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--left .fotorama__thumb--icon:before {
content: "\f804";
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--right .fotorama__thumb--icon {
background: none;
transform: none;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr.fotorama__thumb__arr--right .fotorama__thumb--icon:before {
content: "\f807";
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__thumb__arr .fotorama__thumb--icon:before {
font-family: 'porto-icons';
display: block;
text-align: center;
font-size: 30px;
line-height: 1;
color: #E4673B;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft {
margin-right: 20px;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__thumb-border {
border-radius: 5px;
border-width: 1px;
border-color: #E0E0E0;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame.fotorama__nav__frame--thumb:focus .fotorama__thumb:after {
box-shadow: 0 0 !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame .fotorama__thumb {
border: 1px solid transparent !important;
border-radius: 5px;
background-color: #ffffff;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame .fotorama__thumb img.fotorama__img {
border: 3px solid #ffffff !important;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--dots .fotorama__nav__shaft .fotorama__nav__frame.fotorama__nav__frame--dot.fotorama__active .fotorama__dot {
background-color: #1a89d1;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--dots .fotorama__nav__shaft .fotorama__nav__frame .fotorama__dot {
width: 8px;
height: 8px;
border: 0;
border-radius: 4px;
background: #E0E0E0;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.catalog-product-view .fotorama--fullscreen .fotorama__wrap .fotorama__nav-wrap .fotorama__nav.fotorama__nav--thumbs {
display: flex;
align-items: center;
justify-content: center;
}
/*
Old Styles - Gallery
*/
.labelsBox {
text-align: center;
clear: both;
}
.labelsBox img {
max-width: 33%;
margin: 10px;
}
.othersProductVariants h2,
.labelsBox h2 {
font-size: 21px;
text-transform: uppercase;
text-align: left;
}
.othersProductVariants .otherProduct {
max-width: 25%;
float: left;
padding: 5px;
}
.othersProductVariants .otherProduct:nth-child(4n + 2) {
clear: both;
}
.othersProductVariants .otherProduct a figure img {
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.othersProductVariants .otherProduct a figure img:hover {
-webkit-filter: brightness(150%);
filter: brightness(150%);
}
.othersProductVariants p {
clear: both;
text-align: center;
}
.catalog-product-view {
/*
Info tabs
*/
/* End Info tabs! */
}
@media (max-width: 1350px) {
.catalog-product-view {
max-width: 100%;
overflow-x: hidden;
}
}
.catalog-product-view .fieldset > .legend {
text-transform: none;
}
.catalog-product-view .breadcrumbs {
max-width: 1350px;
padding-left: 0;
margin: 0 auto 30px;
}
@media (min-width: 1380px) {
.catalog-product-view .breadcrumbs {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-product-view .breadcrumbs {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
.catalog-product-view .breadcrumbs {
display: block;
}
}
.catalog-product-view .page-title-wrapper {
margin: 0 auto;
}
@media (min-width: 1380px) {
.catalog-product-view .page-title-wrapper {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-product-view .page-title-wrapper {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
.catalog-product-view .page-title-wrapper .product-title-with-brand {
font-family: "Montserrat-Bold";
font-size: 26px;
color: #000000;
margin: 0;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.catalog-product-view .page-title-wrapper .product-title-with-brand {
font-size: 22px;
}
}
.catalog-product-view .page-title-wrapper .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;
font-size: 16px;
letter-spacing: 3pt;
}
.catalog-product-view .page-title-wrapper .product-reviews-summary .reviews-actions {
display: inline-flex;
align-items: center;
}
.catalog-product-view .page-title-wrapper .product-reviews-summary .reviews-actions .action {
font-family: "Montserrat-Regular";
font-size: 16px;
text-transform: initial;
}
.catalog-product-view .page-title-wrapper .product-reviews-summary .reviews-actions .action.add {
display: inline-block;
color: #212844;
font-family: "Montserrat-SemiBold";
text-decoration: underline;
text-transform: initial;
padding: 0;
margin: 0 15px;
}
.catalog-product-view .column.main {
padding-bottom: 0;
}
@media (max-width: 1350px) {
.catalog-product-view .column.main {
display: flex;
flex-direction: column;
}
}
.catalog-product-view .paypal-button {
display: none;
}
.catalog-product-view .product-info-main {
position: relative;
}
@media (min-width: 1350px) {
.catalog-product-view .product-info-main {
width: 42% !important;
}
}
@media (max-width: 1350px) {
.catalog-product-view .product-info-main {
order: 2;
width: 100% !important;
}
}
.catalog-product-view .product.media {
position: relative;
}
@media (min-width: 1350px) {
.catalog-product-view .product.media {
width: 55% !important;
}
}
@media (max-width: 1350px) {
.catalog-product-view .product.media {
order: 1;
width: 100% !important;
}
}
.catalog-product-view .product.media .product-labels {
position: absolute;
top: 20px;
left: 20px;
right: auto;
text-align: center;
min-width: 60px;
max-width: 180px;
height: 58px;
max-height: 58px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
@media (max-width: 767px) {
.catalog-product-view .product.media .product-labels {
top: 10px;
left: 10px;
}
}
.catalog-product-view .product.media .product-labels .product-label {
padding: 0;
font-family: "Montserrat-Bold";
font-size: 20px;
line-height: 27px;
background-color: unset;
}
@media (max-width: 767px) {
.catalog-product-view .product.media .product-labels .product-label {
font-size: 14px;
}
}
.catalog-product-view .product.media .custom-labels {
position: absolute;
top: 20px;
left: auto;
right: 20px;
z-index: 4;
text-align: center;
min-width: 60px;
max-width: 102px;
height: 50px;
max-height: 50px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
}
@media only screen and (max-width: 768px) {
.catalog-product-view .product.media .custom-labels {
top: 10px;
right: 10px;
}
}
.catalog-product-view .product.media .custom-labels:before {
background-color: inherit;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
display: block;
content: " ";
}
.catalog-product-view .product.media .custom-labels .product-label {
padding: 10px 30px;
margin-top: 0;
font-size: 14px;
line-height: 16px;
background-color: unset;
}
@media only screen and (max-width: 768px) {
.catalog-product-view .product.media .custom-labels .product-label {
font-size: 11px;
}
}
.catalog-product-view .product.media .product-short-description {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 15px;
margin-right: 70px;
margin-bottom: 20px;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
}
@media (max-width: 1350px) {
.catalog-product-view .product.media .product-short-description {
margin-right: 0;
}
}
.catalog-product-view .product.media .product-short-description .short {
display: block;
margin-bottom: 10px;
}
.catalog-product-view .product.media .product-short-description .short .desktop {
display: none;
}
@media (min-width: 768px) {
.catalog-product-view .product.media .product-short-description .short .desktop {
display: inline;
}
}
.catalog-product-view .product.media .product-short-description .short .mobile {
display: none;
}
@media (max-width: 767px) {
.catalog-product-view .product.media .product-short-description .short .mobile {
display: inline;
}
}
.catalog-product-view .product.media .product-short-description .long {
display: block;
margin-bottom: 10px;
}
.catalog-product-view .product.media .product-short-description .show-more {
display: block;
}
.catalog-product-view .product.media .product-short-description .show-more:after {
content: "+";
color: #e4673b;
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
}
.catalog-product-view .product.media .product-short-description .show-less {
display: block;
}
.catalog-product-view .product.media .product-short-description .show-less:after {
content: "-";
color: #e4673b;
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
}
.catalog-product-view .product-promo-banner.custom-size {
width: 100%;
padding: 25px 20px;
background-color: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 10px;
margin-bottom: 35px;
}
.catalog-product-view .product-promo-banner.custom-size .title {
display: block;
font-family: "Montserrat-Bold";
font-size: 20px;
color: #1a89d1;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.catalog-product-view .product-promo-banner.custom-size .title {
font-size: 18px;
margin-bottom: 10px;
}
}
.catalog-product-view .product-promo-banner.custom-size .subtitle {
font-family: "Montserrat-Regular";
font-size: 14px;
color: #000000;
display: block;
position: relative;
}
.catalog-product-view .product-promo-banner.custom-size .subtitle:after {
content: "";
position: relative;
display: block;
width: 200px;
height: 1px;
background-color: #1a89d1;
margin: 20px 0;
}
@media (max-width: 767px) {
.catalog-product-view .product-promo-banner.custom-size .subtitle:after {
width: 80px;
}
}
.catalog-product-view .product-promo-banner.custom-size .contact-title {
font-family: "Montserrat-Bold";
font-size: 16px;
color: #000000;
display: block;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.catalog-product-view .product-promo-banner.custom-size .contact-title {
display: none;
}
}
.catalog-product-view .product-promo-banner.custom-size .contact-links {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 28% 35% 37%;
text-align: left;
}
@media (max-width: 767px) {
.catalog-product-view .product-promo-banner.custom-size .contact-links {
grid-template-columns: 50% 50%;
grid-row-gap: 20px;
}
}
.catalog-product-view .product-promo-banner.custom-size .contact-links li {
margin-bottom: 0;
}
.catalog-product-view .product-promo-banner.custom-size .contact-links li img {
margin-right: 10px;
}
.catalog-product-view .product-promo-banner.custom-size .contact-links li a {
font-family: "Montserrat-Regular";
font-size: 16px;
color: #000000;
white-space: nowrap;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options-title {
font-family: "Montserrat-Bold";
font-size: 20px;
color: #000000;
margin-bottom: 25px;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options-error {
font-family: "Montserrat-Regular";
color: #e02b27;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options {
padding: 25px 20px !important;
margin-bottom: 25px;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-selection .label .label-text {
font-family: "Montserrat-Bold";
font-size: 16px;
color: #1a89d1;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-selection .label .label-delivery {
font-family: "Montserrat-Regular";
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-title {
font-family: "Montserrat-SemiBold";
font-size: 16px;
color: #1a89d1;
margin-bottom: 10px;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-content .options {
margin: 0;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-content .options .option .label .lable-text {
font-family: "Montserrat-Regular";
font-size: 16px;
color: #000000;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-content .options .option .label .label-delivery {
font-family: "Montserrat-Regular";
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-content .options .option .price {
display: flex;
align-items: center;
justify-content: flex-end;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-content .options .option .price .old-price {
color: #000000;
margin-right: 10px;
}
@media (max-width: 479px) {
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-content .options .option .price {
flex-direction: column;
align-items: flex-end;
}
.catalog-product-view .product-add-form .product-options-wrapper .configurable-product-options .configurable-options-items .configurable-options-items-content .configurable-options-items-container .configurable-options-item .configurable-options-item-content .options .option .price .old-price {
margin: 0;
}
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart {
display: block;
}
@media (max-width: 640px) {
.catalog-product-view .product-add-form .product-options-bottom .box-tocart.sticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 10px;
background: #ffffff;
z-index: 1001;
}
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions {
display: grid;
grid-template-columns: 100%;
row-gap: 15px;
align-items: center;
padding-top: 0;
}
@media (max-width: 767px) {
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions {
grid-template-columns: 60px auto;
column-gap: 15px;
}
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.towishlist {
margin-left: 0;
width: 100%;
max-width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
order: 1;
}
@media (max-width: 767px) {
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.towishlist {
order: 0;
}
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.towishlist > span {
width: auto;
height: auto;
font-family: "Montserrat-Regular";
font-weight: normal;
color: #1a89d1;
font-size: 20px;
text-transform: initial;
padding: 0;
}
@media (max-width: 767px) {
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.towishlist > span {
font-size: 0;
}
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.towishlist > span .fa {
display: none;
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.towishlist > span::before {
content: "";
display: inline-block;
background: url("../images/heart.svg") center center no-repeat;
background-size: contain;
vertical-align: middle;
width: 26px;
height: 26px;
margin: 0;
margin-right: 15px;
}
@media (max-width: 767px) {
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.towishlist > span::before {
margin-right: 0;
}
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.primary.tocart {
margin-bottom: 0;
width: 100%;
max-width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.primary.tocart.disabled {
background-color: #b2b2b2 !important;
border-color: #b2b2b2 !important;
opacity: 1;
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.primary.tocart span {
display: inline-flex;
align-items: center;
width: auto;
height: auto;
font-family: "Montserrat-Bold";
font-weight: normal;
font-size: 20px;
text-transform: initial;
padding: 0;
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .actions .action.primary.tocart span:before {
content: " ";
background: url("../images/shopping-bag-white.svg") center center no-repeat;
width: 26px;
height: 26px;
line-height: 26px;
margin: 0;
margin-right: 20px;
display: inline-block;
}
.catalog-product-view .product-add-form .product-options-bottom .box-tocart .trustpilot-widget {
margin-top: 15px;
}
.catalog-product-view .product-block-informations {
margin: 40px 0;
display: grid !important;
align-items: center;
grid-template-columns: 34% auto 34%;
column-gap: 1%;
}
.catalog-product-view .product-block-informations .info-item {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: auto;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #2b2b2b;
}
@media (max-width: 639px) {
.catalog-product-view .product-block-informations .info-item {
font-size: 12px;
}
}
.catalog-product-view .product-block-informations .info-item::before {
content: "";
width: 30px;
height: 23px;
background-size: contain !important;
margin-right: 10px;
}
.catalog-product-view .product-block-informations .info-item.shipping::before {
background: url("../images/info-delivery.svg") center left no-repeat;
}
.catalog-product-view .product-block-informations .info-item.return::before {
background: url("../images/info-return.svg") center left no-repeat;
}
.catalog-product-view .product-block-informations .info-item.payment::before {
background: url("../images/info-buy-later.svg") center left no-repeat;
}
@media (max-width: 767px) {
.catalog-product-view .product-block-informations .info-item {
flex-direction: column;
}
.catalog-product-view .product-block-informations .info-item::before {
margin: 0;
margin-bottom: 15px;
}
}
.catalog-product-view .family-variants {
margin: 0 !important;
}
.catalog-product-view .family-variants .block-title {
margin: 0 0 30px !important;
}
.catalog-product-view .family-variants .block-title .title {
font-family: "Montserrat-Bold";
font-size: 18px !important;
font-weight: normal !important;
color: #1a89d1 !important;
}
.catalog-product-view .product-info-price {
margin-bottom: 30px;
border-bottom: 0;
}
.catalog-product-view .product-info-price .price-box {
display: none;
}
.catalog-product-view .product-info-price .price-box.visible {
display: block !important;
}
.catalog-product-view .product-info-price .price-box > .price-label {
font-family: "Montserrat-Bold";
font-size: 20px;
font-weight: 700;
color: #000000;
margin-right: 10px;
display: inline;
}
.catalog-product-view .product-info-price .price-box .price-container .price-label {
display: none;
}
.catalog-product-view .product-info-price .price-box .price-container .price-wrapper {
display: inline;
}
.catalog-product-view .product-info-price .price-box .price-container .price-wrapper .price {
font-size: 20px;
white-space: nowrap;
}
.catalog-product-view .product-info-price .price-box .old-price {
text-decoration: initial;
margin-right: 10px;
}
.catalog-product-view .product-info-price .price-box .old-price .price {
font-family: "Montserrat-Regular";
text-decoration: line-through;
font-weight: 400;
color: #737373;
}
.catalog-product-view .product-info-price .price-box .normal-price {
margin-right: 10px;
}
.catalog-product-view .product-info-price .price-box .normal-price .price {
font-family: "Montserrat-Bold";
font-weight: 700;
color: #e4673b;
}
.catalog-product-view .old-roomvo-container {
display: block;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.catalog-product-view .old-roomvo-container {
margin-bottom: 20px;
}
}
@media (min-width: 1350px) {
.catalog-product-view .old-roomvo-container {
padding-right: 70px;
}
}
.catalog-product-view .old-roomvo-container .roomvo-stimr {
border: 2px solid #e4673b !important;
border-radius: 10px;
padding: 15px !important;
}
.catalog-product-view .old-roomvo-container .roomvo-stimr > div {
background-color: #ffffff !important;
color: #e4673b;
padding: 0;
}
.catalog-product-view .old-roomvo-container .roomvo-stimr > div:hover {
background-color: #ffffff !important;
color: #e4673b;
}
.catalog-product-view .old-roomvo-container .roomvo-stimr > div > img {
display: none !important;
}
.catalog-product-view .old-roomvo-container .roomvo-stimr > div span {
font-size: 18px;
line-height: 20px !important;
font-family: "Montserrat-SemiBold";
}
.catalog-product-view .product-contact {
display: block;
border: 1px solid #1e7ab6;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
}
@media (min-width: 1350px) {
.catalog-product-view .product-contact {
max-width: 500px;
margin-left: 92px;
}
}
.catalog-product-view .product-contact .title {
font-size: 16px;
font-weight: 700;
display: block;
}
.catalog-product-view .product-contact .subtitle {
font-size: 14px;
font-weight: 400;
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
}
.catalog-product-view .product-contact .subtitle:after {
display: block;
width: 80px;
height: 1px;
background-color: #1a89d1;
position: absolute;
left: 0;
bottom: 0;
content: " ";
}
.catalog-product-view .product-contact .contact-links {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 28% 35% 37%;
text-align: left;
}
@media (max-width: 640px) {
.catalog-product-view .product-contact .contact-links {
grid-template-columns: 50% 50%;
grid-row-gap: 20px;
}
}
.catalog-product-view .product-contact .contact-links li {
margin-bottom: 0;
}
.catalog-product-view .product-contact .contact-links li a {
font-size: 14px;
font-weight: 400;
color: #000000;
white-space: nowrap;
}
.catalog-product-view span.size-guide {
font-size: 16px;
color: #666666;
}
@media (max-width: 640px) {
.catalog-product-view span.size-guide {
float: right;
}
}
.catalog-product-view span.size-guide a {
color: #1a89d1;
font-size: 20px;
}
.catalog-product-view .swatch-opt {
margin: 0;
margin-bottom: 0 !important;
}
.catalog-product-view .bss-filter-table {
table-layout: fixed;
}
.catalog-product-view .bss-filter-table td.attribute-filter {
text-align: center;
border: 1px solid #c7c7c7;
background: #ffffff;
color: #666666;
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
.catalog-product-view .bss-filter-table td.attribute-filter.active {
background: #ededed;
}
.catalog-product-view .bss-table-row .bss-radio {
width: 20px;
}
.catalog-product-view .bss-table-row .bss-price {
text-align: right;
}
.catalog-product-view .bss-table-row .bss-price.bss-new-price {
color: #e02b27;
}
.catalog-product-view .bss-table-row .swatch-option {
border-radius: 0 !important;
}
.catalog-product-view td.swatch-option.selected {
box-shadow: 0 0 !important;
}
.catalog-product-view .shape-options-wrapper {
background-color: #f5f5f5;
padding: 10px;
}
.catalog-product-view .shape-options-wrapper .shape-options-info {
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 10px;
}
.catalog-product-view .shape-options-wrapper .shape-options-info .title {
display: block;
font-size: 15px;
font-weight: 700;
}
.catalog-product-view .shape-options-wrapper .shape-options-info .subtitle {
display: block;
font-size: 15px;
}
.catalog-product-view .shape-options-wrapper .measurement-price-info span {
font-size: 10px;
font-weight: 600;
display: block;
}
.catalog-product-view .shape-options-wrapper .measurement-price-info span.total-price {
font-size: 14px;
font-weight: 700;
line-height: 26px;
}
.catalog-product-view .shape-options-wrapper .shape-wrapper {
border: 0 !important;
padding: 0 !important;
}
.catalog-product-view .shape-options-wrapper .shape-wrapper > .label {
font-size: 13px;
}
.catalog-product-view .shape-options-wrapper .shape-wrapper .shape-option-list .shape-option .shape-image > .label {
display: flex;
align-items: center;
justify-content: center;
}
.catalog-product-view .shape-options-wrapper .shape-wrapper .side-option-list {
border-bottom: 1px solid #ededed;
}
.catalog-product-view .shape-options-wrapper .shape-wrapper .side-option-list .sides .side > label {
font-size: 14px;
}
.catalog-product-view .shape-options-wrapper .shape-wrapper .side-option-list .sides .side .input-text {
height: 30px;
}
.catalog-product-view .box-tocart .actions {
width: 100%;
}
@media (max-width: 640px) {
.catalog-product-view .box-tocart .actions {
margin-right: 0;
}
}
.catalog-product-view .box-tocart .actions .action {
max-width: 250px;
display: inline-block;
}
.catalog-product-view .box-tocart .actions .action.primary.tocart {
height: auto;
}
.catalog-product-view .box-tocart .actions .action.primary.tocart:before {
content: "";
margin-right: 0;
}
.catalog-product-view .box-tocart .actions .action.primary.tocart.disabled {
background-color: #b2b2b2 !important;
border-color: #b2b2b2 !important;
opacity: 1;
}
.catalog-product-view .box-tocart .actions .action.primary.tocart span {
padding: 10px 40px;
}
.catalog-product-view .box-tocart .actions .action.towishlist {
padding: 0;
background-color: transparent !important;
margin-left: 5px;
border: 1px solid #1374a2 !important;
}
.catalog-product-view .box-tocart .actions .action.towishlist span {
background-color: transparent;
color: #1374a2;
width: 42px;
padding: 7px;
}
.catalog-product-view .product-block-informations {
background-color: #ffffff;
}
@media (max-width: 640px) {
.catalog-product-view .product-block-informations {
display: none;
}
}
.catalog-product-view .product-block-informations.mobile {
display: none;
}
@media (max-width: 640px) {
.catalog-product-view .product-block-informations.mobile {
display: flex;
margin-bottom: 15px;
}
}
.catalog-product-view .product-block-informations .pbi-element img {
max-width: 30px;
}
@media (max-width: 640px) {
.catalog-product-view .product-block-informations .pbi-element img {
max-width: 20px;
}
}
.catalog-product-view .product-block-informations .pbi-element span {
padding-left: 10px;
font-size: 16px;
}
@media (max-width: 640px) {
.catalog-product-view .product-block-informations .pbi-element span {
padding-left: 2px;
font-size: 12px;
}
}
.catalog-product-view .product-variants-container {
width: 100%;
border-top: 1px solid #ededed;
}
.catalog-product-view .product-variants-container .product-variants {
width: 1350px;
margin: 0 auto;
}
@media (max-width: 1350px) {
.catalog-product-view .product-variants-container .product-variants {
width: 100%;
}
}
@media (max-width: 640px) {
.catalog-product-view .product-variants-container .product-variants {
padding: 0 15px;
}
}
.catalog-product-view .product-variants-container .product-variants h2 {
text-align: center;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #4a4a49;
font-weight: 700;
margin: 0;
margin: 30px 0;
}
@media (max-width: 640px) {
.catalog-product-view .product-variants-container .product-variants h2 {
text-align: left;
}
}
.catalog-product-view .product-variants-container .product-variants .owl-carousel .owl-stage {
margin: 0 auto;
display: flex !important;
}
.catalog-product-view .product-variants-container .product-variants .owl-carousel .owl-item .item {
width: 100%;
height: 100%;
}
.catalog-product-view .product-variants-container .product-variants .owl-carousel .owl-item img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: initial;
}
@media (max-width: 640px) {
.catalog-product-view .product-variants-container .product-variants .owl-carousel .nav-btn {
top: 30% !important;
}
}
.catalog-product-view .product-variants-container .product-variants .product-item-photo {
opacity: 1;
transition: all 0.5s;
}
.catalog-product-view .product-variants-container .product-variants .product-item-photo:hover {
opacity: 0.8;
}
.catalog-product-view .additional-attributes {
list-style: none;
}
@media (min-width: 768px) {
.catalog-product-view .additional-attributes {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
}
.catalog-product-view .additional-attributes .label {
display: inline-block;
font-weight: 700;
}
.catalog-product-view .additional-attributes .data {
display: inline-block;
}
.catalog-product-view .product-info-tocart-custom {
display: none;
position: relative;
width: 100%;
z-index: 1100;
background: #f5f5f5;
border-bottom: 5px solid #ffffff;
}
@media (min-width: 1380px) {
.catalog-product-view .product-info-tocart-custom.sticky-top {
display: block;
}
}
@media (min-width: 640px) {
.catalog-product-view .product-info-tocart-custom.sticky-top {
position: fixed;
left: 0;
top: 0;
bottom: auto;
}
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom {
margin: 0 auto;
height: 80px;
padding: 5px 0;
}
@media (min-width: 1380px) {
.catalog-product-view .product-info-tocart-custom .box-tocart-custom {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-product-view .product-info-tocart-custom .box-tocart-custom {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-info-tocart-custom .box-tocart-custom {
max-width: unset;
margin-top: 0;
}
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom {
height: 100%;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-image {
max-height: 100%;
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-image img.photo {
max-height: 60px;
height: 100%;
width: auto;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-info {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-info .product-name {
display: block;
font-size: 24px;
line-height: 26px;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-info .product-selected-option {
display: block;
font-size: 16px;
color: #1a89d1;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price {
display: flex;
align-items: center;
justify-content: center;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box {
display: none;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box.visible {
display: block !important;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box > .price-label {
font-family: "Montserrat-Bold";
font-size: 20px;
font-weight: 700;
color: #000000;
margin-right: 10px;
display: inline;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box .price-container .price-label {
display: none;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box .price-container .price-wrapper {
display: inline;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box .price-container .price-wrapper .price {
font-size: 20px;
white-space: nowrap;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box .old-price {
text-decoration: initial;
margin-right: 10px;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box .old-price .price {
font-family: "Montserrat-Regular";
text-decoration: line-through;
font-weight: 400;
color: #737373;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box .normal-price {
margin-right: 10px;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .product-price .price-box .normal-price .price {
font-family: "Montserrat-Bold";
font-weight: 700;
color: #e4673b;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .actions {
display: flex;
height: 100%;
align-items: center;
justify-content: right;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .actions .action.primary.tocart.disabled {
background-color: #b2b2b2 !important;
border-color: #b2b2b2 !important;
opacity: 1;
}
.catalog-product-view .product-info-tocart-custom .box-tocart-custom .custom .actions .action.primary.tocart span {
padding: 10px 20px;
}
.catalog-product-view .product-additional-bottom {
clear: both;
}
@media (max-width: 640px) {
.catalog-product-view .product-additional-bottom .product-info-tab-container {
padding-top: unset !important;
}
}
.catalog-product-view .product-additional-bottom .custom-detailed-tab {
background: #f5f5f5;
position: relative;
width: 100%;
}
.catalog-product-view .product-additional-bottom .custom-detailed-tab.sticky {
position: fixed;
top: 85px;
left: 0;
z-index: 1100;
}
@media (max-width: 1350px) {
.catalog-product-view .product-additional-bottom .custom-detailed-tab {
display: none;
}
}
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content {
margin: 0 auto;
padding: 10px 0;
display: flex;
justify-content: left;
flex-wrap: wrap;
}
@media (min-width: 1380px) {
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content .tab-title {
margin: 0 10px;
}
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content .tab-title > a {
min-width: auto;
text-align: center;
height: 40px;
line-height: 40px;
font-family: "Montserrat-SemiBold";
color: #000000;
font-size: 14px;
border-radius: 5px;
display: block;
padding: 0 20px;
}
@media (max-width: 1380px) {
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content .tab-title > a {
min-width: auto;
padding: 0 20px;
}
}
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content .tab-title > a:hover {
color: #ffffff;
background-color: #1a89d1;
}
.catalog-product-view .product-additional-bottom .custom-detailed-tab .custom-detailed-tab-content .tab-title > a.active {
color: #ffffff;
background-color: #1a89d1;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product-description-row .product-attribute-left,
.catalog-product-view .product-additional-bottom .product-description-row .product-attribute-right {
width: 100%;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product-description-row .product-attribute-right {
order: -1;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product-description-row .product-attribute-right .amount-block {
display: none;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product-description-row .attribute-col {
padding: 0;
border-bottom: none;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product-description-row .attribute-description {
margin: 25px 0;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product-description-row .attribute-description .attribute-content {
line-height: 22px;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .description-text {
font-size: 16px;
}
}
.catalog-product-view .product-additional-bottom .product.info.detailed {
margin: 0 auto;
}
@media (min-width: 1380px) {
.catalog-product-view .product-additional-bottom .product.info.detailed {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-product-view .product-additional-bottom .product.info.detailed {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items {
border-bottom: none;
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.title {
display: none;
}
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.title .switch {
padding-left: 15px;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.title .switch {
height: 60px;
line-height: 60px;
font-family: "Montserrat-Regular";
font-size: 16px;
background-color: #f5f5f5;
color: #000000;
width: 100%;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.title .switch:after {
right: 15px;
font-size: 24px;
color: #e4673b;
}
}
@media (min-width: 768px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.title.active .switch {
color: #000000;
background-color: #ffffff;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.title.active .switch {
color: #ffffff;
background-color: #1a89d1;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.title.active .switch:after {
color: #ffffff;
}
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content {
box-shadow: 0 0;
}
@media (min-width: 768px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content {
margin: 0;
background: none;
padding: 0;
border: none;
display: block !important;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content {
padding: 0;
margin: 15px;
}
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-title {
line-height: 30px;
color: #1a89d1;
display: block;
font-family: "Montserrat-Bold";
font-weight: normal;
font-size: 18px;
position: relative;
padding: 20px 0;
border-bottom: 1px solid #e0e0e0;
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-title:after {
display: inline;
font-family: 'porto-icons' !important;
content: '\f807';
font-size: 24px;
font-weight: 400;
color: #1a89d1;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 20px;
right: 0;
transform: rotate(180deg);
height: 30px;
line-height: 30px;
width: 40px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-title {
display: none !important;
}
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-content {
font-size: 14px;
line-height: 16px;
line-height: 24px;
overflow: hidden;
display: block;
max-width: 100%;
}
@media (min-width: 768px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-content {
margin-top: 35px;
}
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-content p {
font-family: "Montserrat-Regular";
margin-bottom: 15px;
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-content p b,
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-content p strong {
color: #000000;
font-weight: 600;
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-content .attribute-text {
max-height: 140px;
overflow: hidden;
margin-bottom: 10px;
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .attribute-content .attribute-text.expand {
max-height: unset;
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper.collapsed .attribute-title:after {
transform: none;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper.collapsed .attribute-content {
display: block !important;
}
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .read-more {
font-family: "Montserrat-Regular";
font-size: 16px;
line-height: 18px;
color: #1a89d1;
}
.catalog-product-view .product-additional-bottom .product.info.detailed .product.data.items > .item.content .attribute-col .attribute-wrapper .read-more:after {
content: "+";
color: #e4673b;
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper {
padding: 10px 0;
border-top: 0;
}
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .attribute-title {
line-height: 30px;
color: #1a89d1;
display: block;
font-family: "Montserrat-Bold";
font-weight: normal;
font-size: 18px;
position: relative;
padding: 20px 0;
border-bottom: 1px solid #e0e0e0;
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .attribute-title:after {
display: inline;
font-family: 'porto-icons' !important;
content: '\f807';
font-size: 24px;
font-weight: 400;
color: #1a89d1;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 20px;
right: 0;
transform: rotate(180deg);
height: 30px;
line-height: 30px;
width: 40px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .attribute-title {
display: none !important;
}
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes {
width: 100%;
margin: 0;
}
@media (min-width: 768px) {
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes {
margin-top: 35px;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes > table {
display: table !important;
}
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes > tbody > tr {
height: 45px;
display: flex;
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes > tbody > tr:nth-child(even) {
background-color: #f9f9f9;
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes > tbody > tr > th {
flex: 0.4;
font-family: "Montserrat-SemiBold";
font-size: 16px;
line-height: 45px;
color: #000000;
padding: 0 0 0 10px !important;
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes > tbody > tr > td {
font-family: "Montserrat-Regular";
font-size: 16px;
line-height: 45px;
color: #1a89d1;
padding: 0 0 0 10px !important;
}
@media (max-width: 479px) {
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes > tbody > tr > td {
font-size: 14px;
text-wrap: nowrap;
}
}
@media (max-width: 319px) {
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper .additional-attributes > tbody > tr > td {
font-size: 12px;
}
}
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper.collapsed .attribute-title:after {
transform: none;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .additional-attributes-wrapper.collapsed .attribute-content {
display: block !important;
}
}
.catalog-product-view .product-additional-bottom .attr-row {
display: grid;
grid-template-columns: 145px auto;
grid-column-gap: 20px;
margin-bottom: 20px;
}
.catalog-product-view .product-additional-bottom .attr-label {
font-weight: 600;
color: #000000;
}
.catalog-product-view .product-additional-bottom .product-description-row .attribute-col {
padding: 30px 0;
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
.catalog-product-view .product-additional-bottom .product-description-row {
grid-template-columns: 100%;
}
.catalog-product-view .product-additional-bottom .product-description-row .attribute-description {
margin: 30px 0;
}
}
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-title {
line-height: 30px;
color: #1a89d1;
display: block;
font-family: "Montserrat-Bold";
font-weight: normal;
font-size: 18px;
position: relative;
padding: 20px 0;
border-bottom: 1px solid #e0e0e0;
}
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-title:after {
display: inline;
font-family: 'porto-icons' !important;
content: '\f807';
font-size: 24px;
font-weight: 400;
color: #1a89d1;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 20px;
right: 0;
transform: rotate(180deg);
height: 30px;
line-height: 30px;
width: 40px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-title {
display: none !important;
}
}
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-content .tags-list {
width: 100%;
text-align: left;
list-style: none;
display: flex;
flex-wrap: wrap;
row-gap: 20px;
margin: 20px 0;
padding: 0;
}
@media (max-width: 639px) {
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-content .tags-list {
flex-direction: column;
row-gap: 0;
}
}
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-content .tags-list .tag {
margin: 0;
width: fit-content;
}
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-content .tags-list .tag a {
font-size: 16px;
font-weight: 600;
color: #000000;
white-space: nowrap;
margin: 0;
margin-right: 30px;
}
@media (max-width: 639px) {
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-content .tags-list .tag a {
display: block;
margin-bottom: 15px;
}
}
.catalog-product-view .product-additional-bottom .tags .attribute-wrapper .attribute-content .tags-list .tag .tag-img {
max-width: 23px;
margin-right: 10px;
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .attribute-title {
line-height: 30px;
color: #1a89d1;
display: block;
font-family: "Montserrat-Bold";
font-weight: normal;
font-size: 18px;
position: relative;
padding: 20px 0;
border-bottom: 1px solid #e0e0e0;
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .attribute-title:after {
display: inline;
font-family: 'porto-icons' !important;
content: '\f807';
font-size: 24px;
font-weight: 400;
color: #1a89d1;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 20px;
right: 0;
transform: rotate(180deg);
height: 30px;
line-height: 30px;
width: 40px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .attribute-title {
display: none !important;
}
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .attribute-content .cms-container {
display: block;
margin-bottom: 10px;
overflow: hidden;
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .attribute-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .show-more {
font-size: 16px;
line-height: 18px;
color: #1a89d1;
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .show-more:after {
content: "+";
color: #e4673b;
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .show-less {
font-size: 16px;
line-height: 18px;
color: #1a89d1;
}
.catalog-product-view .product-additional-bottom .cms-block .attribute-wrapper .show-less:after {
content: "-";
color: #e4673b;
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
}
.catalog-product-view .product-additional-bottom .reviews .review-summary .row-summary .title {
line-height: 30px;
color: #1a89d1;
display: block;
font-family: "Montserrat-Bold";
font-weight: normal;
font-size: 18px;
position: relative;
padding: 20px 0;
border-bottom: 1px solid #e0e0e0;
}
.catalog-product-view .product-additional-bottom .reviews .review-summary .row-summary .title:after {
display: inline;
font-family: 'porto-icons' !important;
content: '\f807';
font-size: 24px;
font-weight: 400;
color: #1a89d1;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 20px;
right: 0;
transform: rotate(180deg);
height: 30px;
line-height: 30px;
width: 40px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .reviews .review-summary .row-summary .title {
display: none !important;
}
}
.catalog-product-view .product-additional-bottom .reviews .review-summary .row-summary .title.collapsed:after {
transform: none;
}
.catalog-product-view .product-additional-bottom .reviews .review-summary .row-summary .title .count-reviews {
font-family: "Montserrat-Regular";
font-weight: normal;
}
.catalog-product-view .product-additional-bottom .reviews .review-content {
margin-top: 0;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .reviews .review-content {
display: block !important;
}
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating {
flex-direction: column;
align-items: center;
}
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .summary .product-reviews-summary .rating-value {
color: #1a89d1;
font-weight: 700;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .rating-votes .vote-row .vote-title {
white-space: nowrap;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .rating-votes .vote-row .vote-line .vote-ratio-render {
height: 5px;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .rating-votes .vote-row .vote-title.vote-active,
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .rating-votes .vote-row .vote-stats.vote-active {
font-family: "Montserrat-Bold";
font-weight: normal;
color: #000000;
}
@media (max-width: 991px) {
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form {
margin-left: 50px;
}
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form {
margin-left: 0;
margin-top: 20px;
}
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form .form-title {
font-weight: normal;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form .form-sub-title {
font-family: "Montserrat-Regular";
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form .review-control-vote:before {
font-family: "luma-icons";
content: "\e625" "\e625" "\e625" "\e625" "\e625";
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form .review-control-vote label:before {
font-family: "luma-icons";
color: #e4673b;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form button {
background: #e4673b;
border-color: #e4673b;
border-radius: 5px;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .row-rating .short-form button:hover {
background: #e4673b;
border-color: #e4673b;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .review-title {
display: none;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review {
border-color: #e0e0e0;
padding-bottom: 40px;
display: flex;
align-items: flex-start;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .review {
width: 100%;
max-width: 300px;
}
@media (max-width: 767px) {
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .review {
max-width: 160px;
}
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .review .item.nick-name {
font-family: "Montserrat-SemiBold";
font-weight: normal;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .review .item.date-create {
font-size: 14px;
color: #1a89d1;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .review .rating-summary .rating-result::before,
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .review .rating-summary .rating-result > span::before {
letter-spacing: 10px;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .comment {
width: 100%;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .comment .item-product .product-name {
font-family: "Montserrat-SemiBold";
font-weight: normal;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .comment .item-product .product-review {
font-family: "Montserrat-Regular";
font-weight: normal;
font-size: 14px;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .reviews-info .review-content .row-review .comment .item-admin {
display: none;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .toolbar {
border-color: #e0e0e0;
margin-bottom: 20px;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add {
margin-bottom: 0 !important;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .legend.review-legend {
margin-bottom: 30px;
font-family: "Montserrat-Regular";
color: #000000;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .legend.review-legend strong {
font-family: "Montserrat-SemiBold";
font-weight: normal;
margin-bottom: 10px;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .review-field-ratings .label {
font-family: "Montserrat-SemiBold";
font-weight: normal;
margin-bottom: 10px;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .review-field-ratings .review-control-vote:before {
font-family: "luma-icons";
content: "\e625" "\e625" "\e625" "\e625" "\e625";
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .review-field-ratings .review-control-vote label:before {
font-family: "luma-icons";
color: #e4673b;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .agree-checked label {
color: #2b2b2b;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .agree-checked label > a {
font-family: "Montserrat-SemiBold";
color: #2b2b2b;
}
.catalog-product-view .product-additional-bottom .reviews .review-content .review-add .block-content .review-form .actions-toolbar .primary .action.submit {
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
text-transform: none;
}
.catalog-product-view .footer-reviews {
margin: 0 auto;
}
@media (min-width: 1380px) {
.catalog-product-view .footer-reviews {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-product-view .footer-reviews {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
.catalog-product-view .product-block-delivery-time {
margin-top: 20px;
font-size: 14px;
}
.catalog-product-view .product-block-delivery-time strong {
color: #1a89d1;
}
.catalog-product-view .product-block-delivery-time p {
margin-bottom: 0;
}
.catalog-product-view .wrapper-featured {
width: 100%;
background-color: #ffffff;
padding: 20px 0;
}
.catalog-product-view .block-featured {
max-width: 1350px;
margin: 0 auto;
margin-top: 30px;
}
@media (min-width: 1380px) {
.catalog-product-view .block-featured {
width: 1350px !important;
max-width: 1350px !important;
}
}
@media (max-width: 1380px) {
.catalog-product-view .block-featured {
width: 100% !important;
max-width: 100% !important;
padding-right: 15px;
padding-left: 15px;
}
}
.catalog-product-view .block-featured .title-home h2 {
text-align: left;
font-family: "Montserrat-SemiBold";
font-size: 32px;
color: #1a89d1;
margin: 0;
margin-bottom: 10px;
}
@media (max-width: 1023px) {
.catalog-product-view .block-featured .title-home h2 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.catalog-product-view .block-featured .title-home h2 {
font-size: 18px;
}
}
.catalog-product-view .block-featured .nav-btn {
top: 32% !important;
}
@media (max-width: 640px) {
.catalog-product-view .block-featured .nav-btn {
top: 60px !important;
}
}
@media (max-width: 375px) {
.catalog-product-view .block-featured .nav-btn {
top: 50px !important;
}
}
@media (max-width: 320px) {
.catalog-product-view .block-featured .nav-btn {
top: 40px !important;
}
}
.catalog-product-view .block-featured .product-item-photo {
margin-bottom: 10px;
opacity: 1;
transition: all 0.5s;
}
.catalog-product-view .block-featured .product-item-photo:hover {
opacity: 0.8;
}
.catalog-product-view .block-featured .product-item-details {
text-align: center;
}
.catalog-product-view .block-featured .product-item-details .product-item-link {
color: #000000;
}
.catalog-product-view .block-featured .product-item-details .product-item-link span.product.brand {
display: block;
font-family: "Montserrat-SemiBold";
font-weight: normal;
font-size: 14px;
color: #000000;
}
.catalog-product-view .block-featured .product-item-details .product-item-link span.product.name {
display: block;
font-family: "Montserrat-Regular";
font-weight: normal;
font-size: 14px;
color: #000000;
margin: 5px 0;
}
.catalog-product-view .block-featured .product-item-details .price-box {
margin: 0;
}
.catalog-product-view .block-featured .product-item-details .price-box .price-wrapper {
display: block;
}
.catalog-product-view .block-featured .product-item-details .price-box .price-wrapper .price {
display: inline-block;
font-family: "Montserrat-Regular";
font-size: 14px;
color: #e4673b;
}
.catalog-product-view .block-featured .product-item-details .price-box .price-wrapper .price .value,
.catalog-product-view .block-featured .product-item-details .price-box .price-wrapper .price .separator,
.catalog-product-view .block-featured .product-item-details .price-box .price-wrapper .price .decimals,
.catalog-product-view .block-featured .product-item-details .price-box .price-wrapper .price .currency-symbol {
font-family: "Montserrat-SemiBold";
font-weight: normal;
}
.catalog-product-view .block-featured .product-item-details .price-box .old-price {
display: block;
}
.catalog-product-view .block-featured .product-item-details .price-box .old-price .price {
text-decoration: line-through;
font-family: "Montserrat-Regular";
color: #737373;
}
.catalog-product-view .block-featured .product-item-details .price-box .special-price {
display: block;
}
.catalog-product-view .block-featured .product-item-details .price-box .special-price .price {
font-family: "Montserrat-SemiBold";
font-weight: normal;
}
.catalog-product-view .wrapper-tags {
width: 100%;
background-color: #ffffff;
padding: 0 0 40px;
}
.catalog-product-view .block-tags {
width: 1350px;
margin: 0 auto;
margin-top: 30px;
}
@media only screen and (max-width: 1350px) {
.catalog-product-view .block-tags {
width: 100%;
}
}
.catalog-product-view .block-tags .title-home h2 {
text-align: center;
font-family: "Montserrat-SemiBold";
font-size: 14px;
color: #4a4a49;
font-weight: 600;
margin: 0;
margin: 30px 0;
}
.catalog-product-view .block-tags .tags-list {
width: 100%;
text-align: center;
list-style: none;
display: flex;
justify-content: center;
padding: 0;
}
@media (max-width: 640px) {
.catalog-product-view .block-tags .tags-list {
flex-direction: column;
}
}
.catalog-product-view .block-tags .tags-list .tag {
margin: 0 10px;
}
.catalog-product-view .block-tags .tags-list .tag a {
font-size: 16px;
white-space: nowrap;
}
.catalog-product-view .block-tags .tags-list .tag .tag-img {
max-width: 10px;
}
.catalog-product-view .modal-popup.modal-addtocart {
z-index: 1110;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap {
max-width: 860px;
border-radius: 20px;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-header {
justify-content: center;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-header .modal-title {
text-align: center;
color: #1a89d1;
border: 0;
font-size: 24px;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-content .modal-addtocart-content {
text-align: center;
font-size: 22px;
font-weight: 400;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-content .modal-addtocart-content p {
font-family: inherit;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-footer {
justify-content: center;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-footer .action {
margin: 10px;
border-radius: 5px;
}
@media (max-width: 640px) {
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-footer .action {
margin: 10px 0;
}
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-footer .action.secondary {
background-color: #ffffff !important;
border-color: #737373 !important;
color: #737373;
}
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-footer .action span {
padding: 10px 30px;
}
@media (max-width: 640px) {
.catalog-product-view .modal-popup.modal-addtocart .modal-inner-wrap .modal-footer .action span {
padding: 10px;
}
}
.checkout-cart-index .page-main {
padding-top: 0;
padding-bottom: 0;
margin-top: 20px;
}
.checkout-cart-index .page-title-wrapper {
/*line-height: @block_title_font_size;
margin-top: 30px;
margin-bottom: 0;
.page-title {
.font-montserrat-regular;
font-size: 22px !important;
color: @color_default_primary !important;
font-weight: @block_title_font_weight !important;
margin: 0 !important;
}*/
display: none;
}
.checkout-cart-index .cart-container {
display: flex;
margin-top: 20px;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container {
flex-direction: column;
}
}
.checkout-cart-index .cart-container .form-cart {
padding-right: 1%;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart {
padding-right: 0;
width: auto;
margin: 0 15px;
}
}
.checkout-cart-index .cart-container .form-cart > .title {
font-family: "Montserrat-Regular";
font-size: 22px !important;
color: #1a89d1 !important;
font-weight: 600 !important;
margin: 0;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart {
border-top: 0;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item {
border-bottom: 0;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info {
font-size: 14px;
display: grid;
grid-template-columns: 12% 55% 17% 9% 2%;
grid-column-gap: 1%;
grid-row-gap: 10px;
width: 100%;
border: 1px solid #B2B2B2;
padding: 10px;
margin: 20px 0;
position: relative;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info {
display: inline-block;
margin: 10px 0;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col {
padding: 0;
padding-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item-photo {
width: 24%;
display: inline-flex;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item-photo .product-item-photo {
display: block;
width: 100%;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item-photo .product-item-photo {
position: relative;
left: unset;
top: unset;
max-width: 100%;
max-height: 100%;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item-photo .product-item-photo .product-image-container {
border: 0;
max-width: 95px;
padding: 0;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item-photo .product-item-photo .product-image-container {
max-width: 100%;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item {
display: table-cell;
padding: 0;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item {
width: 74%;
display: inline-block;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item .product-item-details {
padding: 0;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item .product-item-details {
margin: 0 20px 0 10px;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item .product-item-details .product-item-name {
margin-top: 0;
font-weight: 700;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item .product-item-details .item-options dt {
font-weight: 700;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.item .product-item-details .item-options dd {
font-weight: 500;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.qty {
width: 50%;
min-height: 40px;
justify-content: left;
float: left;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.qty .field.qty .control.qty {
/*.actions {
float: right;
display: inline-block;
width: 20px;
height: 38px;
.action-qty {
border: 0;
height: 19px;
display: block;
line-height: 19px;
background-color: @color_white;
color: @color_default_dark_gray;
&:hover {
background-color: @color_white;
color: @color_default_primary;
}
}
}*/
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.qty .field.qty .control.qty label {
display: flex;
align-items: center;
margin-bottom: 0;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.qty .field.qty .control.qty .label {
display: inline-block;
position: relative;
width: auto;
height: auto;
clip: unset;
margin: 0;
margin-right: 10px;
margin-bottom: 0;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.qty .field.qty .control.qty select.qty {
width: auto;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.price .cart-price .price {
font-weight: 700;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.subtotal {
width: 50%;
min-height: 40px;
justify-content: right;
float: left;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.subtotal .cart-price .price {
font-weight: 700;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.actions {
position: absolute;
top: 14px;
right: 10px;
display: inline-block;
width: 20px;
height: 20px;
}
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.actions .action-towishlist {
display: none;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.actions .action-edit {
display: none;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.actions .action-delete {
box-shadow: none;
color: #e4673b;
text-decoration: none;
line-height: 1.4;
padding: 0;
background: none;
border: 0 !important;
border-radius: 0;
font-weight: 400;
width: 20px;
height: 20px;
border: 1px solid #e4673b !important;
background-color: #ffffff !important;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.actions .action-delete:before {
content: '\f81a';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #e4673b;
font-family: 'porto-icons';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
margin: 0 5px;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.actions .action-delete:after {
clear: both;
content: '';
display: table;
}
.checkout-cart-index .cart-container .form-cart .cart .items .item .item-info .col.actions .action-delete span {
display: none;
}
.checkout-cart-index .cart-container .cart-summary {
border: 0;
padding: 0 0 0 20px;
background: #ffffff;
position: relative;
top: unset !important;
order: 2;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .cart-summary {
padding: 0;
width: auto;
margin: 0 15px;
}
}
.checkout-cart-index .cart-container .cart-summary > .title {
font-family: "Montserrat-Regular";
font-size: 22px !important;
color: #1a89d1 !important;
font-weight: 600 !important;
margin: 0;
display: inline-block;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom {
display: block;
border: 1px solid #B2B2B2;
padding: 20px;
margin-top: 20px;
font-size: 14px;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom {
border: 0;
padding: 0;
}
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals {
border-top: 0;
padding-top: 0;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals {
padding-left: 0;
padding-right: 0;
}
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals .table-wrapper {
overflow: visible;
max-width: 100%;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals {
margin-bottom: 0;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals .mark {
padding: 0;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals .amount {
padding: 0;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.rrp .mark {
position: relative;
color: #888888;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.rrp .mark .field-tooltip {
position: relative;
display: inline-block;
right: unset;
top: unset;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.rrp .mark .field-tooltip .label {
display: none;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.rrp .mark .field-tooltip .field-tooltip-action:before {
font-size: 14px;
transform: translateY(-2px);
color: #1a89d1;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.rrp .mark .field-tooltip .field-tooltip-content {
border: 1px solid #f4f4f4;
left: 26px;
top: -12px;
width: 210px;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.rrp .amount {
color: #888888;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.sub .mark {
padding-top: 5px;
font-weight: 700;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals table.totals tr.totals.sub .amount {
padding-top: 5px;
font-weight: 700;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.shipping {
color: #000000;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.shipping .title {
border-top: 0;
padding: 20px 0 10px;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.shipping .title:after {
display: none;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.shipping .title .block-shipping-value span.label {
font-weight: 700;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.shipping .title .block-shipping-value span.label:after {
font-size: 14px;
line-height: 14px;
color: inherit;
content: '\f807';
font-family: 'porto-icons';
margin: 0;
margin-left: 5px;
font-weight: normal;
overflow: hidden;
text-align: center;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.shipping .title .block-shipping-value span.price {
float: right;
font-weight: 400;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.shipping .title[aria-expanded="true"] .block-shipping-value span.label:after {
content: '\f804';
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount {
color: #e4673b;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .title {
border-top: 0;
padding: 10px 0 20px;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .title:after {
display: none;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .title .block-discount-value span.label {
font-weight: 700;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .title .block-discount-value span.label:after {
font-size: 14px;
line-height: 14px;
color: inherit;
content: '\f807';
font-family: 'porto-icons';
margin: 0;
margin-left: 5px;
font-weight: normal;
overflow: hidden;
text-align: center;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .title .block-discount-value span.price {
float: right;
font-weight: 700;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount.active .title .block-discount-value span.label:after {
content: '\f804';
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset {
display: flex;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .field {
width: 50%;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .field label {
display: none;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar {
width: 50%;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary {
width: 100%;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary button.action.primary {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
padding: 3px;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
width: 100%;
height: 38px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
text-transform: none;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary button.action.primary:hover {
color: #ffffff;
background-color: #e4673b !important;
box-shadow: 0 0 !important;
border: 1px solid #e4673b !important;
transition: 0.3s;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary button.action.primary:hover span {
background-color: #e4673b;
color: #ffffff;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary button.action.primary:visited {
color: #ffffff;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary button.action.primary:visited:hover {
color: #ffffff;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary button.action.primary span {
width: 100%;
height: 100%;
color: #ffffff;
background-color: #e4673b;
padding: 10px 45px;
display: block;
text-align: center;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .block.discount .content .fieldset .actions-toolbar .primary button.action.primary span {
padding: 0;
height: auto;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals {
margin-bottom: 0;
text-align: right;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .mark {
display: inline-block;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .amount {
display: inline-block;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .grand {
font-weight: 700;
font-family: "Montserrat-SemiBold";
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .grand .mark {
border-top: 0;
font-size: 20px;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .grand .amount {
border-top: 0;
font-size: 20px;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .tva {
font-size: 14px;
color: #212529;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .saving {
color: #1a89d1;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #B2B2B2;
}
.checkout-cart-index .cart-container .cart-summary .cart-summary-custom .cart-totals.bottom .totals .saving .amount {
font-weight: 700;
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items {
margin: 50px 0 0;
}
@media only screen and (max-width: 1350px) {
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items {
margin: 20px 0 0;
padding: 0;
}
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
padding: 3px;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
padding: 6px 10px;
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout:hover {
color: #ffffff;
background-color: #e4673b !important;
box-shadow: 0 0 !important;
border: 1px solid #e4673b !important;
transition: 0.3s;
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout:hover span {
background-color: #e4673b;
color: #ffffff;
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout:visited {
color: #ffffff;
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout:visited:hover {
color: #ffffff;
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout span {
width: 100%;
height: 100%;
color: #ffffff;
background-color: #e4673b;
padding: 10px 45px;
display: block;
text-align: center;
}
.checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.multicheckout {
font-size: 14px;
}
.onepage-index-index .page-header.custom .container.desktop .header-links,
.checkout-index-index .page-header.custom .container.desktop .header-links {
height: 100%;
float: right;
}
.onepage-index-index .page-header.custom .container.desktop .minicart-header,
.checkout-index-index .page-header.custom .container.desktop .minicart-header {
margin-right: 120px;
}
.onepage-index-index .page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .text,
.checkout-index-index .page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .text {
display: inline-block;
position: absolute;
transform: translateY(5px);
margin-left: 10px;
color: #1a89d1;
}
.onepage-index-index .page-header.custom .container.mobile,
.checkout-index-index .page-header.custom .container.mobile {
margin-bottom: 30px;
}
.onepage-index-index .page-header.custom .container.mobile .minicart-header,
.checkout-index-index .page-header.custom .container.mobile .minicart-header {
margin-right: 120px;
}
@media (max-width: 767px) {
.onepage-index-index .page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper,
.checkout-index-index .page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper {
display: block;
}
}
.onepage-index-index .page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .text,
.checkout-index-index .page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .text {
display: inline-block;
position: absolute;
transform: translateY(5px);
margin-left: 10px;
color: #1a89d1;
}
.onepage-index-index .page-main,
.checkout-index-index .page-main {
padding-top: 0;
padding-bottom: 0;
}
.onepage-index-index .page-footer.sticky,
.checkout-index-index .page-footer.sticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #ffffff;
}
.onepage-index-index .footer .footer-reviews,
.checkout-index-index .footer .footer-reviews {
display: none;
}
@media (max-width: 768px) {
.onepage-index-index .footer .footer-bottom,
.checkout-index-index .footer .footer-bottom {
margin-bottom: 80px;
}
}
@media (max-width: 768px) {
.onepage-index-index .footer .footer-bottom .custom-block.right,
.checkout-index-index .footer .footer-bottom .custom-block.right {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
}
.onepage-index-index .footer .footer-bottom .phone,
.checkout-index-index .footer .footer-bottom .phone {
display: inline-block;
float: right;
}
.onepage-index-index .checkout-container .opc-progress-bar,
.checkout-index-index .checkout-container .opc-progress-bar {
margin: 50px 0;
}
.onepage-index-index .checkout-container .opc-wrapper li.step-information .step-content .form-login .actions-toolbar .secondary .action.remind,
.checkout-index-index .checkout-container .opc-wrapper li.step-information .step-content .form-login .actions-toolbar .secondary .action.remind {
background-color: #ffffff !important;
}
.onepage-index-index .field.street .control .field .label,
.checkout-index-index .field.street .control .field .label {
display: none !important;
}
.onepage-index-index .field.street .control .field.additional:not([name*="street.1"]),
.checkout-index-index .field.street .control .field.additional:not([name*="street.1"]) {
display: none;
}
.onepage-index-index .opc-sidebar,
.checkout-index-index .opc-sidebar {
z-index: 1;
}
.onepage-index-index .opc-block-summary .table-totals,
.checkout-index-index .opc-block-summary .table-totals {
margin-bottom: 0;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.tva > td,
.checkout-index-index .opc-block-summary .table-totals tr.totals.tva > td {
padding: 0;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals th.mark,
.checkout-index-index .opc-block-summary .table-totals tr.totals th.mark {
padding: 10px 0;
font-size: 14px;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td[colspan="2"],
.checkout-index-index .opc-block-summary .table-totals tr.totals td[colspan="2"] {
width: 100%;
padding: 10px 0;
border-top: 0;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td.amount,
.checkout-index-index .opc-block-summary .table-totals tr.totals td.amount {
padding: 10px 0;
font-size: 14px;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark,
.checkout-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark {
position: relative;
color: #888888;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip,
.checkout-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip {
position: relative;
display: inline-block;
right: unset;
top: unset;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip .label,
.checkout-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip .label {
display: none;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip .field-tooltip-action:before,
.checkout-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip .field-tooltip-action:before {
font-size: 14px;
transform: translateY(-2px);
color: #1a89d1;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip .field-tooltip-content,
.checkout-index-index .opc-block-summary .table-totals tr.totals.rrp th.mark .field-tooltip .field-tooltip-content {
border: 1px solid #f4f4f4;
left: 26px;
top: -12px;
width: 210px;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.rrp td.amount,
.checkout-index-index .opc-block-summary .table-totals tr.totals.rrp td.amount {
color: #888888;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.sub th.mark,
.checkout-index-index .opc-block-summary .table-totals tr.totals.sub th.mark {
padding-top: 5px;
font-weight: 700;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals.sub td.amount,
.checkout-index-index .opc-block-summary .table-totals tr.totals.sub td.amount {
padding-top: 5px;
font-weight: 700;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .grand,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .grand {
font-weight: 700;
font-family: "Montserrat-SemiBold";
text-align: right;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .grand .mark,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .grand .mark {
display: inline;
border-top: 0;
font-size: 20px;
padding: 0 !important;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .grand .amount,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .grand .amount {
display: inline;
border-top: 0;
font-size: 20px;
padding: 0;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .tva,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .tva {
color: #212529;
text-align: right;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .tva .mark,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .tva .mark {
display: inline;
font-size: 14px;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .tva .amount,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .tva .amount {
display: inline;
font-size: 14px;
font-weight: 700;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .saving,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .saving {
color: #1a89d1;
text-align: right;
padding-top: 20px;
border-top: 1px solid #B2B2B2;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .saving .mark,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .saving .mark {
display: inline;
font-size: 14px;
color: #1a89d1;
}
.onepage-index-index .opc-block-summary .table-totals tr.totals td .saving .amount,
.checkout-index-index .opc-block-summary .table-totals tr.totals td .saving .amount {
display: inline;
font-size: 14px;
font-weight: 700;
color: #1a89d1;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td,
.checkout-index-index .opc-block-summary .table-totals tr.discount td {
width: 100%;
padding: 0;
border-top: 0;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount {
color: #e4673b;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title {
border-top: 0;
padding: 10px 0 10px;
color: #e4673b;
font-size: 14px;
font-weight: 700;
line-height: 14px;
margin-bottom: 0;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title:after,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title:after {
display: none;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title span.label,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title span.label {
font-weight: 700;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title span.label:after,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title span.label:after {
font-size: 14px;
line-height: 14px;
color: inherit;
content: '\f807';
font-family: 'porto-icons';
margin: 0;
margin-left: 5px;
font-weight: normal;
overflow: hidden;
text-align: center;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title span.price,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .title span.price {
float: right;
font-weight: 700;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset {
display: flex;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .field,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .field {
width: 50%;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .field label,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .field label {
display: none;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar {
width: 50%;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary {
width: 100%;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action {
text-transform: initial !important;
width: 100%;
height: 38px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply {
height: auto;
color: #ffffff;
background-color: #e4673b !important;
border: 1px solid #e4673b !important;
padding: 3px;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:hover,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:hover {
color: #ffffff;
background-color: #e4673b !important;
box-shadow: 0 0 !important;
border: 1px solid #e4673b !important;
transition: 0.3s;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:hover span,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:hover span {
background-color: #e4673b;
color: #ffffff;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:visited,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:visited {
color: #ffffff;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:visited:hover,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply:visited:hover {
color: #ffffff;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply span,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-apply span {
width: 100%;
height: 100%;
color: #ffffff;
background-color: #e4673b;
padding: 10px 45px;
display: block;
text-align: center;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel {
height: auto;
color: #000000;
background-color: #e3e3e3 !important;
border: 1px solid #e3e3e3 !important;
padding: 3px;
display: block;
font-family: "Montserrat-Regular";
font-size: 14px;
text-transform: uppercase;
box-shadow: 0 0 !important;
transition: 0.3s;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:hover,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:hover {
color: #000000;
background-color: #e3e3e3 !important;
box-shadow: 0 0 !important;
border: 1px solid #e3e3e3 !important;
transition: 0.3s;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:hover span,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:hover span {
background-color: #e3e3e3;
color: #000000;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:visited,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:visited {
color: #000000;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:visited:hover,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel:visited:hover {
color: #000000;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel span,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action.action-cancel span {
width: 100%;
height: 100%;
color: #000000;
background-color: #e3e3e3;
padding: 10px 45px;
display: block;
text-align: center;
}
.onepage-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action span,
.checkout-index-index .opc-block-summary .table-totals tr.discount td .block.discount .content .fieldset .actions-toolbar .primary button.action span {
padding: 0 !important;
height: auto !important;
font-size: 12px;
}
.checkout-onepage-success .action.primary span,
.checkout-onepage-success .action-primary span {
line-height: 14px;
}
.checkout-onepage-success .checkout-success .title {
font-size: 38px;
color: #1a89d1;
}
.checkout-onepage-success .checkout-success .details {
display: grid;
grid-template-columns: 47% 47%;
grid-column-gap: 6%;
grid-row-gap: 50px;
}
@media (max-width: 768px) {
.checkout-onepage-success .checkout-success .details {
grid-template-columns: 100%;
}
}
.checkout-onepage-success .checkout-success .details > div.top-left .order-number {
display: inline;
font-size: 18px;
}
.checkout-onepage-success .checkout-success .details > div.top-left .order-number .order-id {
font-weight: 700;
}
.checkout-onepage-success .checkout-success .details > div.top-left .total {
font-size: 18px;
display: block;
margin: 10px 0;
}
.checkout-onepage-success .checkout-success .details > div.top-left .total .total-price {
font-weight: 700;
}
.checkout-onepage-success .checkout-success .details > div.top-left .shipping {
font-size: 18px;
display: block;
margin: 10px 0;
}
.checkout-onepage-success .checkout-success .details > div.top-left .payment {
font-size: 14px;
display: block;
margin: 10px 0;
}
.checkout-onepage-success .checkout-success .details > div.top-left p {
font-family: 'Montserrat-Regular', sans-serif;
}
.checkout-onepage-success .checkout-success .details > div.top-left a {
color: #E4673B;
}
.checkout-onepage-success .checkout-success .details > div.top-right .registration {
font-size: 18px;
}
.checkout-onepage-success .checkout-success .details > div.top-right .registration p {
font-family: 'Montserrat-Regular', sans-serif;
}
.checkout-onepage-success .checkout-success .details > div.top-right .registration .action.primary {
font-size: 18px;
padding: 0;
height: 50px;
line-height: 1;
}
@media (max-width: 768px) {
.checkout-onepage-success .checkout-success .details > div.top-right .registration .action.primary {
width: 100%;
}
}
.checkout-onepage-success .checkout-success .details > div.top-right .registration .action.primary span {
font-size: 18px;
line-height: 50px;
padding: 0 50px;
}
.checkout-onepage-success .checkout-success .details > div.bottom-left .subtitle {
font-size: 26px;
color: #1a89d1;
display: block;
margin-bottom: 40px;
}
.checkout-onepage-success .checkout-success .details > div.bottom-left .processing-steps {
list-style: none;
padding: 0;
counter-reset: i;
}
.checkout-onepage-success .checkout-success .details > div.bottom-left .processing-steps .step {
font-size: 18px;
padding-left: 40px;
position: relative;
margin-bottom: 30px;
}
.checkout-onepage-success .checkout-success .details > div.bottom-left .processing-steps .step:before {
position: absolute;
top: 50%;
left: 10px;
content: ' ';
display: block;
width: 1px;
height: 50px;
background-color: #e4673b;
}
.checkout-onepage-success .checkout-success .details > div.bottom-left .processing-steps .step:after {
position: absolute;
counter-increment: i;
content: counter(i);
top: 3px;
left: 0;
font-size: 12px;
width: 20px;
height: 20px;
background-color: #e4673b;
color: #ffffff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.checkout-onepage-success .checkout-success .details > div.bottom-left .processing-steps .step.one:after {
font-family: FontAwesome;
content: "\f00c";
}
.checkout-onepage-success .checkout-success .details > div.bottom-left .processing-steps .step.three:before {
display: none;
}
.checkout-onepage-success .checkout-success .details > div.bottom-right .subtitle {
font-size: 26px;
color: #1a89d1;
display: block;
margin-bottom: 40px;
}
.checkout-onepage-success .checkout-success .details > div.bottom-right p {
font-size: 18px;
font-family: 'Montserrat-Regular', sans-serif;
}
.checkout-onepage-success .checkout-success .details > div.bottom-right a {
color: #E4673B;
}
.checkout-onepage-success .checkout-success .details > div.bottom-right span.social {
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 20px;
}
.checkout-onepage-success .checkout-success .details > div.bottom-right ul.social {
list-style: none;
padding: 0;
}
.checkout-onepage-success .checkout-success .details > div.bottom-right ul.social li {
float: left;
margin-right: 20px;
}
.checkout-onepage-success .checkout-container .opc-sidebar .opc-block-summary .table-totals tr.discount td .block.discount .title span.label:after {
content: '\f807' !important;
font-family: 'porto-icons' !important;
}
.checkout-onepage-success .checkout-container .opc-sidebar .opc-block-summary .table-totals tr.discount td .block.discount._active .title span.label:after {
content: '\f808' !important;
font-family: 'porto-icons' !important;
}
.inspiration-index-index .page-title-wrapper {
text-align: center;
}
.inspiration-index-index .page-title-wrapper .page-title {
font-family: "Montserrat-Regular";
font-size: 14px !important;
font-weight: 700 !important;
color: #4a4a49 !important;
text-transform: uppercase;
}
.inspiration-index-index .gallery-description {
text-align: center;
font-size: 14px !important;
font-weight: 500 !important;
color: #4a4a49 !important;
}
.inspiration-index-index .actions {
text-align: center;
display: block;
margin: 20px 0;
}
.inspiration-index-index .actions .load-more {
display: inline-block;
}
.inspiration-gallery-index .page-title-wrapper {
text-align: center;
}
.inspiration-gallery-index .page-title-wrapper .page-title {
font-family: "Montserrat-Regular";
font-size: 14px !important;
font-weight: 700 !important;
color: #4a4a49 !important;
text-transform: uppercase;
}
.inspiration-gallery-index .loadingimgdiv {
position: absolute;
top: 50%;
left: 50%;
}
.inspiration-gallery-index h2.gallery-title {
font-size: 22px;
font-weight: 400;
color: #1d1d1d;
overflow: hidden;
height: 27px;
line-height: 27px;
}
.inspiration-gallery-index div.gallery-background {
width: 100%;
height: 360px;
background-color: #ffd624;
background-size: cover;
}
.inspiration-gallery-index a div.gallery-background {
transition: opacity 0.3s ease;
}
.inspiration-gallery-index a:hover div.gallery-background {
opacity: 0.6;
}
.inspiration-gallery-index .grid {
/* clear fix */
/* ---- .grid-item ---- */
}
.inspiration-gallery-index .grid:after {
content: '';
display: block;
clear: both;
}
.inspiration-gallery-index .grid .grid-sizer,
.inspiration-gallery-index .grid .grid-item {
width: 25%;
}
@media only screen and (max-width: 768px) {
.inspiration-gallery-index .grid .grid-sizer,
.inspiration-gallery-index .grid .grid-item {
width: 50%;
}
}
.inspiration-gallery-index .grid .grid-item {
float: left;
}
.inspiration-gallery-index .grid .grid-item:hover .darkoverlay {
opacity: 1;
}
@media (max-width: 767px) {
.inspiration-gallery-index .grid .grid-item:hover .darkoverlay {
opacity: 0;
}
}
.inspiration-gallery-index .grid .grid-item img {
display: block;
max-width: 100%;
}
.inspiration-gallery-index .grid .grid-item .realdiv {
background: #3c3837;
color: #f7d229;
text-align: center;
margin: 5px;
position: relative;
overflow: hidden;
}
.inspiration-gallery-index .grid .grid-item .darkoverlay {
background: rgba(0, 0, 0, 0.75);
transition: opacity 0.3s ease;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.inspiration-gallery-index .grid .grid-item .darkoverlay p {
font-family: "Montserrat-Regular";
color: #ffffff;
font-size: 14px;
font-weight: 500;
position: absolute;
top: 45%;
left: 0;
right: 0;
}
.inspiration-gallery-index .grid .grid-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.inspiration-gallery-index .pswp__caption__center a {
color: #fff;
}
.inspiration-gallery-index .actions {
text-align: center;
display: block;
margin: 20px 0;
}
.inspiration-gallery-index .actions .show-more,
.inspiration-gallery-index .actions .show-collection {
display: inline-block;
}
.cms-page-view.cms-brands .brand-element {
height: 230px;
padding: 15px;
text-align: center;
}
.cms-page-view.cms-brands .brand-element a {
display: block;
position: relative;
height: 197px;
background: #f9f9f9;
background-clip: content-box;
border: 1px solid #c7c7c7;
}
.cms-page-view.cms-brands .brand-element a:hover {
text-decoration: none;
border: 1px solid #1a89d1;
}
.cms-page-view.cms-brands .brand-element h2 {
font-size: 19px;
margin: 20px 0px 40px 0px;
}
.cms-page-view.cms-brands .brand-element img {
max-height: 100px;
}
.cms-page-view.cms-deal-of-the-week .outlet-page-title {
text-align: center;
}
.cms-page-view.cms-deal-of-the-week .outlet-page-title h1 {
font-family: "Montserrat-Regular";
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase;
color: #4a4a49 !important;
margin: 0;
}
.cms-page-view.cms-professionals .content-professionals .color-orange {
color: #E4673B;
}
.cms-page-view.cms-professionals .content-professionals .strong {
font-weight: 700;
}
.cms-page-view.cms-professionals .content-professionals .title {
display: block;
color: #1E7AB6;
font-size: 32px;
line-height: 40px;
font-weight: 700;
font-family: "Montserrat-Bold";
margin-bottom: 10px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .title {
font-size: 24px;
line-height: 25px;
}
}
.cms-page-view.cms-professionals .content-professionals .subtitle {
display: block;
color: #000000;
font-size: 26px;
line-height: 40px;
font-weight: 700;
font-family: "Montserrat-Bold";
margin-bottom: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .subtitle {
font-size: 18px;
line-height: 25px;
}
}
.cms-page-view.cms-professionals .content-professionals .infotext {
display: block;
color: #000000;
font-size: 18px;
line-height: 28px;
font-weight: 500;
font-family: "Montserrat-Regular";
margin-bottom: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .infotext {
font-size: 16px;
}
}
.cms-page-view.cms-professionals .content-professionals .info-grid1 {
display: grid;
grid-template-columns: 48% 48%;
grid-column-gap: 4%;
grid-row-gap: 50px;
margin-bottom: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .info-grid1 {
grid-template-columns: 100%;
grid-row-gap: 20px;
margin-bottom: 20px;
}
}
.cms-page-view.cms-professionals .content-professionals .info-grid1 .info-grid1-item {
padding: 40px;
background-color: #F9F9F9;
display: flex;
flex-direction: row;
align-items: center;
height: 220px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .info-grid1 .info-grid1-item {
padding: 20px;
height: auto;
}
}
.cms-page-view.cms-professionals .content-professionals .info-grid1 .info-grid1-item img {
margin-right: 30px;
}
.cms-page-view.cms-professionals .content-professionals .info-grid1 .info-grid1-item .info-grid1-item-text {
color: #000000;
font-size: 18px;
line-height: 28px;
font-weight: 500;
font-family: "Montserrat-Regular";
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .info-grid1 .info-grid1-item .info-grid1-item-text {
font-size: 14px;
line-height: 20px;
}
}
.cms-page-view.cms-professionals .content-professionals .info-grid2 {
display: grid;
grid-template-columns: 100%;
margin-bottom: 32px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .info-grid2 {
margin-bottom: 25px;
}
}
.cms-page-view.cms-professionals .content-professionals .info-grid2 .info-grid2-item {
padding: 40px;
background-color: #F9F9F9;
display: flex;
flex-direction: row;
align-items: center;
height: 220px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .info-grid2 .info-grid2-item {
padding: 20px;
height: auto;
}
}
.cms-page-view.cms-professionals .content-professionals .info-grid2 .info-grid2-item img {
margin-right: 30px;
}
.cms-page-view.cms-professionals .content-professionals .info-grid2 .info-grid2-item .info-grid2-item-text {
color: #000000;
font-size: 18px;
line-height: 28px;
font-weight: 500;
font-family: "Montserrat-Regular";
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .info-grid2 .info-grid2-item .info-grid2-item-text {
font-size: 14px;
line-height: 20px;
}
}
.cms-page-view.cms-professionals .content-professionals .disclaimer {
display: block;
color: #000000;
font-size: 18px;
line-height: 28px;
font-weight: 500;
font-family: "Montserrat-Regular";
margin-bottom: 80px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .disclaimer {
font-size: 16px;
margin-bottom: 50px;
}
}
.cms-page-view.cms-professionals .content-professionals .form-professionals {
display: block;
margin-bottom: 70px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .form-professionals {
margin-bottom: 50px;
}
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .formtitle {
display: block;
color: #000000;
font-size: 26px;
line-height: 40px;
font-weight: 700;
font-family: "Montserrat-Bold";
margin-bottom: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .form-professionals .formtitle {
font-size: 18px;
line-height: 25px;
}
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset {
display: flex;
flex-direction: row;
gap: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset {
flex-direction: column;
}
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields {
width: 100%;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields {
order: 2;
}
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field {
margin-bottom: 25px;
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .label {
font-size: 16px;
line-height: 32px;
font-weight: 700;
margin-bottom: 15px;
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control .input-text {
max-width: 600px;
border: 1px solid #1E7AB6;
border-radius: 10px;
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type="text"],
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type="password"],
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type="url"],
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type="tel"],
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type="search"],
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type="number"],
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type*="date"],
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .field .control input[type="email"] {
height: 50px;
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .fields .actions .primary .action {
background-color: #1E7AB6 !important;
border-color: #1E7AB6 !important;
text-transform: unset;
border-radius: 5px;
}
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .illustration {
width: 100%;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .form-professionals .fieldset .illustration {
order: 1;
}
}
.cms-page-view.cms-professionals .content-professionals .presentation-title {
display: block;
color: #000000;
font-size: 26px;
line-height: 40px;
font-weight: 700;
font-family: "Montserrat-Bold";
margin-bottom: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .presentation-title {
font-size: 18px;
line-height: 25px;
}
}
.cms-page-view.cms-professionals .content-professionals .presentation-text {
display: block;
color: #000000;
font-size: 18px;
font-weight: 500;
font-family: "Montserrat-Regular";
margin-bottom: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .presentation-text {
font-size: 16px;
margin-bottom: 35px;
}
}
.cms-page-view.cms-professionals .content-professionals .contact-grid {
display: flex;
justify-content: space-between;
gap: 50px;
margin-bottom: 50px;
}
@media (max-width: 860px) {
.cms-page-view.cms-professionals .content-professionals .contact-grid {
flex-direction: column;
gap: 25px;
}
}
.cms-page-view.cms-professionals .content-professionals .contact-grid .contact-grid-item {
padding: 30px;
background-color: #F9F9F9;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.cms-page-view.cms-professionals .content-professionals .contact-grid .contact-grid-item img {
margin-bottom: 20px;
}
.cms-page-view.cms-professionals .content-professionals .contact-grid .contact-grid-item .contact-grid-item-text {
color: #000000;
font-size: 16px;
font-weight: 500;
font-family: "Montserrat-Regular";
}
.customer-account-login .page-title-wrapper .page-title {
font-family: "Montserrat-SemiBold";
font-size: 44px !important;
color: #1a89d1 !important;
font-weight: 600 !important;
margin: 0;
margin: 0 0 20px;
}
.customer-account-login .login-container {
border-top: 1px solid;
border-color: #ededed;
border-top-color: #ededed;
box-shadow: 0 0;
}
.customer-account-login .form.form-login .actions-toolbar .secondary .action {
margin-top: 0;
color: #4a4a49;
background-color: #ffffff !important;
border: 0 !important;
}
.customer-account-login .form.form-login .actions-toolbar .secondary .action span {
background: transparent;
padding: 10px;
}
.customer-account-create .page-title-wrapper .page-title {
font-family: "Montserrat-SemiBold";
font-size: 44px !important;
color: #1a89d1 !important;
font-weight: 600 !important;
margin: 0;
margin: 0 0 20px;
}
.customer-account-create .form-create-account {
border-top: 1px solid !important;
border-color: #ededed !important;
border-top-color: #ededed !important;
box-shadow: 0 0 !important;
}
body.account .page-title-wrapper .order-status {
padding: 2px 6px;
background: #f5f5f5;
margin-left: 5px;
border-width: 1px;
font-size: 14px;
}
body.account .column.main {
order: 2;
font-size: 14px;
}
body.account .sidebar.sidebar-main:before {
display: none;
}
body.account .sidebar.sidebar-main .account-nav {
border: 1px solid #ededed;
border-bottom: 0;
}
body.account .sidebar.sidebar-main .account-nav .account-nav-title {
display: none;
}
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item {
width: 100%;
font-size: 14px;
padding: 0;
position: relative;
}
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item > a {
color: #4a4a49;
}
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item > a:hover,
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item > a:focus {
background: none;
color: #1a89d1;
}
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item > a,
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item > strong {
display: block;
padding: 8px 15px;
line-height: 1.3;
border-bottom: 1px solid #ededed;
width: 100%;
}
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item > strong {
position: relative;
}
body.account .sidebar.sidebar-main .account-nav .account-nav-content .items .item .delimiter {
display: none;
}
body.account .sidebar.sidebar-additional .block-reorder .actions-toolbar .primary {
width: 100%;
margin-bottom: 5px;
}
body.account .sidebar.sidebar-additional .block-reorder .actions-toolbar .primary .action {
width: 100%;
}
body.account .sidebar.sidebar-additional .block-reorder .actions-toolbar .primary .action span {
padding: 0;
}
body.account .sidebar.sidebar-additional .block-reorder .actions-toolbar .secondary {
width: 100%;
}
body.account .sidebar.sidebar-additional .block-reorder .actions-toolbar .secondary .action {
width: 100%;
}
body.account .sidebar.sidebar-additional .block-reorder .actions-toolbar .secondary .action span {
padding: 0;
}
body.account .actions-toolbar.order-actions-toolbar .actions .action.order {
width: 250px;
display: inline-block;
}
body.account .actions-toolbar.order-actions-toolbar .actions .action.print {
width: 250px;
}
body.account .form.password.reset,
body.account .form.send.confirmation,
body.account .form.password.forget,
body.account .form.create.account,
body.account .form.form-edit-account,
body.account .form.form-address-edit,
body.account .form.form-newsletter-manage {
border-top: 1px solid;
border-color: #ededed;
border-top-color: #ededed;
box-shadow: 0 0;
}
@media (min-width: 768px) {
body.account .data.table {
table-layout: fixed;
}
}
body.account .data.table thead th {
border-bottom: 0;
}
body.account .data.table .col.actions .action.delete {
color: #ffc8d3;
}
body.account .data.table .col.actions .action:after {
display: none;
}
body.account .data.table .col.actions .action:first-child {
margin-bottom: 4px;
}
body.account .data.table .col.actions .action span {
padding: 2px 20px;
}
body.account .data.table.table-order-items td.col.qty {
text-align: center;
}
body.account .block.block-order-details-view .box .box-content {
min-height: 250px;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-name .product-item-link {
font-size: 14px;
font-weight: bold;
color: #000000;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-name span.product.brand {
display: block;
font-size: 14px;
color: #000000;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .price-box {
margin: 0;
height: 45px;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .price-box .price {
font-size: 14px;
font-weight: 700;
color: #000000;
display: block;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .price-box .price-wrapper {
display: block;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .price-box .old-price {
display: block;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .price-box .old-price .price {
text-decoration: line-through;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .price-box .special-price {
display: block;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .price-box .special-price .price {
color: #e02b27;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner {
margin: 0;
padding: 0;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions {
margin: 0;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete {
margin: 0;
color: #1a89d1;
text-decoration: none;
line-height: 1;
padding: 0;
width: 20px;
height: 20px;
border: 1px solid #1a89d1;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete:before {
content: '\f81a';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #1a89d1;
font-family: 'porto-icons';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete:after {
clear: both;
content: '';
display: table;
}
body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete span {
display: none;
}
.brands-index-index .page-title-wrapper .page-title,
.brands-view-index .page-title-wrapper .page-title {
margin: 20px 0;
}
.brands-index-index .sidebar .block-title,
.brands-view-index .sidebar .block-title {
text-transform: uppercase;
}
.brands-index-index .sidebar .brand-list li,
.brands-view-index .sidebar .brand-list li {
font-size: 14px;
color: #666666;
}
.brands-index-index .block-all-brands .container-all-brands,
.brands-view-index .block-all-brands .container-all-brands {
display: grid;
grid-template-columns: auto auto auto auto auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 30px;
}
@media (max-width: 1280px) {
.brands-index-index .block-all-brands .container-all-brands,
.brands-view-index .block-all-brands .container-all-brands {
grid-template-columns: auto auto auto auto;
}
}
@media (max-width: 860px) {
.brands-index-index .block-all-brands .container-all-brands,
.brands-view-index .block-all-brands .container-all-brands {
grid-template-columns: auto auto auto;
}
}
@media (max-width: 648px) {
.brands-index-index .block-all-brands .container-all-brands,
.brands-view-index .block-all-brands .container-all-brands {
grid-template-columns: auto auto;
}
}
.brands-index-index .block-all-brands .container-all-brands .brand-item,
.brands-view-index .block-all-brands .container-all-brands .brand-item {
text-align: center;
aspect-ratio: 1;
}
.brands-index-index .block-all-brands .container-all-brands .brand-item .brand-link,
.brands-view-index .block-all-brands .container-all-brands .brand-item .brand-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 25px;
background-color: #ffffff;
border: 1px solid #E8E8E8;
border-radius: 10px;
transition: 0.3s;
}
.brands-index-index .block-all-brands .container-all-brands .brand-item .brand-link:hover,
.brands-view-index .block-all-brands .container-all-brands .brand-item .brand-link:hover {
background-color: #F5F5F5;
transition: 0.3s;
}
.brands-index-index .block-all-brands .container-all-brands .brand-item .brand-link .brand-title,
.brands-view-index .block-all-brands .container-all-brands .brand-item .brand-link .brand-title {
display: block;
font-size: 19px;
margin: 20px 0px 40px 0px;
color: #1a89d1;
}
.brands-index-index .brand-description,
.brands-view-index .brand-description {
font-size: 14px;
padding: 40px 0;
margin: 20px 0;
border-top: 1px solid #ededed;
text-align: justify;
}
.brands-index-index .brand-description .brand-logo,
.brands-view-index .brand-description .brand-logo {
float: right;
margin: 0 0 20px 20px;
}
.brands-index-index .brand-description a,
.brands-view-index .brand-description a {
color: #1a89d1;
}
.brands-index-index .brand-description a:hover,
.brands-view-index .brand-description a:hover {
color: #4a4a49;
}
@supports (-webkit-backdrop-filter: blur(1px)) {
.page-header.custom .container.desktop .reviews-top .store-reviews .percent {
font-size: 12px;
}
.page-header.custom .container.desktop .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty .counter-number,
.page-header.custom .container.mobile .minicart-header .minicart-content .cart-wrapper .minicart-wrapper .action.showcart .counter.qty .counter-number {
line-height: 15px;
}
}
.blog-page .post-view .post-holder .post-header .post-title,
.blog-page .post-list .post-holder .post-header .post-title {
font-size: 24px;
}
.blog-page .post-view .post-holder .post-header .post-info,
.blog-page .post-list .post-holder .post-header .post-info {
font-size: 16px;
}
.blog-page .post-view .post-holder .post-content,
.blog-page .post-list .post-holder .post-content {
font-size: 16px;
}
.blog-page .post-view .post-holder .post-content p,
.blog-page .post-list .post-holder .post-content p {
font-family: "Montserrat-Regular";
font-weight: unset;
}
.blog-page .post-view .post-holder .post-bottom,
.blog-page .post-list .post-holder .post-bottom {
font-size: 16px;
}
.blog-page .post-view .post-holder .post-bottom .prev-link,
.blog-page .post-list .post-holder .post-bottom .prev-link {
float: left;
}
.blog-page .post-view .post-holder .post-bottom .next-link,
.blog-page .post-list .post-holder .post-bottom .next-link {
float: right;
}
.blog-page .post-view .post-holder .post-footer,
.blog-page .post-list .post-holder .post-footer {
font-size: 16px;
}
.blog-page .sidebar .widget.blog-search .action.search {
border: 0 !important;
}
.blog-page .sidebar .widget.block-categories ul {
font-size: 16px;
}
.blog-page .sidebar .widget.block-recent-posts .block-content {
font-size: 16px;
}
.blog-page .sidebar .widget.block-archive .block-content {
font-size: 16px;
}
.portfolio-index-index .page-title-wrapper {
text-align: center;
}
.portfolio-index-index .page-title-wrapper .page-title {
font-family: "Montserrat-Regular";
font-size: 14px !important;
font-weight: 700 !important;
color: #4a4a49 !important;
text-transform: uppercase;
}
.portfolio-index-index div.gallery-background {
width: 100%;
height: 360px;
background-color: #ffd624;
background-size: cover;
}
.portfolio-index-index a div.gallery-background {
transition: opacity 0.3s ease;
}
.portfolio-index-index a:hover div.gallery-background {
opacity: 0.6;
}
.portfolio-index-index .grid {
/* clear fix */
/* ---- .grid-item ---- */
}
.portfolio-index-index .grid:after {
content: '';
display: block;
clear: both;
}
.portfolio-index-index .grid .grid-sizer,
.portfolio-index-index .grid .grid-item {
width: 25%;
}
@media only screen and (max-width: 768px) {
.portfolio-index-index .grid .grid-sizer,
.portfolio-index-index .grid .grid-item {
width: 50%;
}
}
.portfolio-index-index .grid .grid-item {
float: left;
}
.portfolio-index-index .grid .grid-item:hover .darkoverlay {
opacity: 1;
}
@media (max-width: 767px) {
.portfolio-index-index .grid .grid-item:hover .darkoverlay {
opacity: 0;
}
}
.portfolio-index-index .grid .grid-item img {
display: block;
max-width: 100%;
}
.portfolio-index-index .grid .grid-item .realdiv {
background: #3c3837;
color: #f7d229;
text-align: center;
margin: 5px;
position: relative;
overflow: hidden;
}
.portfolio-index-index .grid .grid-item .darkoverlay {
background: rgba(0, 0, 0, 0.75);
transition: opacity 0.3s ease;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.portfolio-index-index .grid .grid-item .darkoverlay p {
font-family: "Montserrat-Regular";
color: #ffffff;
font-size: 14px;
font-weight: 500;
position: absolute;
top: 45%;
left: 0;
right: 0;
}
.portfolio-index-index .grid .grid-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.portfolio-index-index .pswp__caption__center a {
color: #fff;
}
.portfolio-index-index .actions {
text-align: center;
display: block;
margin: 20px 0;
}
.portfolio-index-index .actions .show-more,
.portfolio-index-index .actions .show-collection {
display: inline-block;
}
.infoline {
width: 100%;
background-color: #1a89d1;
color: #ffffff;
font-size: 12px;
}
@media (max-width: 1199px) {
.infoline.header {
display: none;
}
}
.infoline .content {
width: 1350px;
margin: 0 auto;
display: grid;
grid-template-columns: 25% 25% 25% 25%;
padding: 10px 0;
}
@media (max-width: 1349px) {
.infoline .content {
width: 100%;
grid-template-columns: 45% 45%;
grid-column-gap: 10%;
grid-row-gap: 55px;
padding: 40px;
}
}
@media (max-width: 767px) {
.infoline .content {
padding: 40px 15px;
}
}
.infoline .content .info a {
color: #ffffff;
}
.infoline .content .info .text {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.infoline .content .info .text:before {
display: inline-block;
width: 30px;
height: 30px;
content: '';
margin-right: 5px;
background-size: contain !important;
filter: invert(1);
}
@media (max-width: 767px) {
.infoline .content .info .text:before {
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
}
.infoline .content .info .text.family:before {
background: url('../images/info-family.svg') center left no-repeat;
}
.infoline .content .info .text.delivery:before {
background: url('../images/info-delivery.svg') center left no-repeat;
width: 40px;
}
.infoline .content .info .text.return:before {
background: url('../images/info-return.svg') center left no-repeat;
height: 35px;
}
.infoline .content .info .text.pay-later:before {
background: url('../images/info-buy-later.svg') center left no-repeat;
width: 34px;
height: 35px;
}
.infoline.footer {
height: auto;
font-size: 16px;
color: #2b2b2b;
background-color: #ffffff;
}
@media (max-width: 767px) {
.infoline.footer {
font-size: 12px;
}
}
.infoline.footer .content {
padding: 70px 0;
border-top: 1px solid #e8e8e8;
}
@media (max-width: 1349px) {
.infoline.footer .content {
padding: 40px;
}
}
@media (max-width: 767px) {
.infoline.footer .content {
padding: 40px 15px;
}
}
.infoline.footer .content .info .text {
flex-direction: column;
}
.infoline.footer .content .info .text::before {
margin: 0;
margin-bottom: 10px;
filter: none;
}