to 80px */
@media screen and (min-width: 601px) {
a.addToRepository, a.addToPricing {
font-size: 14px!important;
width: 100% !important;
text-transform: uppercase !important;
font-family: roboto_condensedbold !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}
}
/* If the screen size is 600px wide or less, set the font-size of
to 30px */
@media screen and (max-width: 600px) {
a.addToRepository, a.addToPricing {
font-size: 11px!important;
width: 100% !important;
text-transform: uppercase !important;
font-family: roboto_condensedbold !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}
}
.propertiesBox table {
width: 100%;
border-collapse: collapse
}
.propertiesBox table td {
width: 50%;
box-sizing: border-box;
padding: 3px 10px;
font-size: 15px;
/*vertical-align: top*/
}
.filterBox .row1 .column, .nav-tabs .nav-item a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.propertiesBox table td.label {
font-family: roboto_condensedbold
}
.iconsBox ul.icons {
margin: 0;
padding: 0;
list-style: none
}
.iconsBox ul.icons li {
margin: 0 0 10px 0;
list-style: none;
/*padding: 4px 5px;*/
font-size: 15px
}
.iconsBox ul.icons li span {
display: inline-block;
width: 28px;
height: 28px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
vertical-align: middle;
margin: 0 15px 0 2px
}
.optionsBox ul li a, .productPage .full .slick-prev {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px
}
.iconsBox ul.icons li span.promo {
background: #ff5a00;
font-size: 12px;
font-family: roboto_condensedregular;
color: #fff;
text-align: center;
line-height: 28px
}
.iconsBox ul.icons li span.recommended {
background: url(../images/iconBestseller.svg) center center no-repeat #a8cf38
}
.iconsBox ul.icons li span.shipping {
background: url(../images/iconShipping.svg) center center no-repeat #008aff
}
.iconsBox ul.icons li span.bestseller {
background: url(../images/iconNew.svg) center center no-repeat #000
}
.iconsBox ul.icons li span.newest {
background: url(../images/iconNewest.svg) center center no-repeat #7b2bff
}
.optionsBox {
padding: 15px 0;
border-top: solid 1px #e1e1e1
}
.optionsBox ul {
margin: 0;
padding: 0;
list-style: none
}
.optionsBox ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block
}
.optionsBox ul li a {
display: block;
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 3px;
text-align: center;
border: 1px solid #e1e1e1;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2)
}
.nav-tabs {
margin: 0;
padding: 0 !important;
border: none !important
}
.nav-tabs .nav-item {
margin-right: 5px
}
.nav-tabs .nav-item a {
display: block;
text-align: left;
font-size: 28px;
border: none !important;
background: 0 0 !important;
padding: 5px 0;
box-sizing: border-box;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #7e7e7e;
font-family: roboto_condensedlight
}
.nav-tabs .nav-item a.active {
color: #000
}
.tab-content .tab-pane:not(#recommendedProduct):not(#linkedProduct) {
padding: 15px 0 20px !important;
font-size: 18px;
line-height: 28px
}
.tab-content .tab-pane .specificationColumn {
padding-bottom: 30px;
line-height: 22px
}
.tab-content .tab-pane .specificationColumn .label {
font-size: 16px;
color: #7e7e7e
}
.tab-content .tab-pane table {
width: 100%;
margin-bottom: 30px
}
.tab-content .tab-pane table tr td {
padding: 3px 20px;
font-size: 16px;
vertical-align: top
}
.tab-content .tab-pane table tr td:first-of-type {
width: 33.33%;
padding-left: 0 !important
}
.tab-content .tab-pane table tr td .mobileLabel {
display: none;
font-size: 14px;
color: #7e7e7e;
padding-top: 10px
}
.tab-content .tab-pane table tr th {
padding: 5px 20px;
font-size: 16px;
font-weight: 400;
font-family: roboto_condensedbold
}
.tab-content .tab-pane table tr th:first-of-type {
width: 33.33%;
padding-left: 0 !important
}
.productPage {
padding: 40px 0 60px
}
.productPage .row1 {
/*padding-bottom: 60px*/
}
.productPage h1.title {
font-size: 30px;
font-family: roboto_condensedbold;
padding: 10px 0 50px
}
/*.productPage .propertiesBox {*/
/* padding: 10px 0*/
/*}*/
/*.productPage .iconsBox {*/
/* padding: 10px 0;*/
/* border-top: solid 1px #e1e1e1*/
/*}*/
.productPage .full {
margin: 0 80px 45px 195px;
position: relative
}
.productPage .full .fullSlide {
display: table;
width: 100%
}
.productPage .full .fullSlide .fullSlideContainer {
display: table-cell;
vertical-align: middle;
height: 450px;
text-align: center
}
.productPage .full .fullSlide .fullSlideContainer img {
max-width: 100%;
max-height: 450px;
display: inline-block
}
.productPage .full .fullSlide .fullSlideContainer a {
position: absolute;
top: 50%;
left: 50%;
color: #404040;
background: #fff;
width: 50px;
height: 50px;
border: 1px solid #e1e1e1;
text-align: center;
line-height: 50px;
font-size: 28px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: -25px 0 0 -25px;
display: block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: 0
}
.productPage .full .fullSlide .fullSlideContainer a:hover {
color: #7e7e7e
}
.productPage .full .slick-next::before, .productPage .full .slick-prev::before, .productPage .thumbs .slick-next::before, .productPage .thumbs .slick-prev::before {
font-family: FontAwesome;
font-size: 42px;
color: #404040 !important
}
.productPage .full .fullSlide .fullSlideContainer:hover a {
opacity: 1
}
.productPage .full .slick-prev {
left: -35px;
z-index: 999;
opacity: 1;
width: 50px;
height: 50px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
margin-left: -20px;
border-radius: 3px;
border: 1px solid #e1e1e1;
background: #fff
}
.productPage .full .slick-prev::before {
content: "\f104";
display: inline-block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
line-height: 27px
}
.productPage .full .slick-next {
right: -45px;
z-index: 999;
opacity: 1;
width: 50px;
height: 50px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e1e1e1;
margin-right: -10px;
background: #fff
}
.productPage .full .slick-next::before {
content: "\f105";
display: inline-block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
line-height: 27px
}
.productPage .thumbs {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 30px;
left: 15px;
width: 122px
}
.productPage .thumbs .thumbContainer {
border: 1px solid #e1e1e1;
width: 120px;
height: 120px;
display: block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
margin-bottom: 5px
}
.productPage .thumbs .thumbContainer img {
object-fit: scale-down;
width: 118px;
height: 118px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.productPage .thumbs .thumbContainer:hover {
border: 1px solid #000
}
.productPage .thumbs .thumbContainer:hover img {
opacity: .8
}
.productPage .thumbs .slick-prev {
left: 45px;
top: -20px;
z-index: 799;
opacity: 1;
width: 30px;
height: 30px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.productPage .thumbs .slick-prev::before {
content: "\f106";
display: inline-block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
line-height: 30px
}
.productPage .thumbs .slick-next {
left: 45px;
bottom: -45px;
z-index: 799;
opacity: 1;
width: 30px;
height: 30px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
top: auto !important
}
.productPage .thumbs .slick-next::before {
content: "\f107";
display: inline-block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
line-height: 30px
}
.breadcrumbs {
padding: 10px 0;
font-size: 14px;
color: #404040
}
.breadcrumbs ul, .breadcrumbs ul li {
margin: 0;
padding: 0;
list-style: none
}
.breadcrumbs ul li {
display: inline-block
}
.breadcrumbs ul li.separator {
padding: 0 5px
}
.breadcrumbs ul li a {
font-family: roboto_condenseditalic;
color: #7e7e7e;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.breadcrumbs ul li a:hover {
color: #000
}
.breadcrumbs ul li:last-of-type a {
color: #404040
}
.filterBox {
padding: 10px 0 25px;
}
.filterBox .row1 .column {
float: left;
width: 20%;
box-sizing: border-box;
padding: 0 15px;
position: relative
}
.filterBox .row2 .itemSizesSlider, .filterBox .row2 .tags {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.filterBox .row2 .tags {
float: left;
width: 60%;
box-sizing: border-box;
padding: 10px 15px;
position: relative
}
.filterBox .row2 .tags .bootstrap-tagsinput {
width: 100%;
background: 0 0;
height: auto;
border: none;
-webkit-box-shadow: inset 0 0 0 0;
-moz-box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 0;
padding: 0
}
.filterBox .row2 .tags .bootstrap-tagsinput .tag {
background: #ededed;
padding: 10px 15px 10px 35px;
color: #575757;
font-size: 16px;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: inline-block !important;
margin-bottom: 5px
}
.filterBox .row2 .tags .bootstrap-tagsinput .tag > span {
position: absolute;
left: 2px;
top: 11px
}
.productsList ul.min li {
width: 8.333%
}
.productsList ul.min li .item {
height: 355px
}
.productsList ul.min li .item .itemHover {
top: -25px;
bottom: -25px
}
.productsList ul.min li .item .itemHover .hoverThumb .hoverThumbContainer {
padding: 25px 30px 0
}
.productsList ul.min li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer {
height: 180px;
max-width: 180px
}
.productsList ul.min li .item .title {
padding-top: 10px;
height: 98px;
overflow: hidden
}
.productsList ul.min li .item .title a {
font-size: 18px;
line-height: 22px !important
}
.productsList ul.min li .item .price {
font-size: 16px
}
.productsList ul.min li .item .price span.main {
font-size: 26px
}
.productsList ul.min li .item .price span.index {
font-size: 16px
}
.productsList ul.min li .item .price a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.productsList ul.min li .item .price a:hover {
color: #7e7e7e !important
}
.productsList ul.min li .item .thumb {
height: 180px;
max-width: 180px
}
.productsList ul.min li .item .button {
padding-right: 10px;
padding-left: 10px
}
.productsList ul.min li .item .button a {
font-size: 14px !important;
padding: 5px 8px
}
.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 25px 30px 0
}
.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .title {
padding-left: 30px;
padding-right: 30px
}
.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .button {
padding-right: 10px;
padding-left: 10px
}
.productsList ul.min li:nth-child(6n+1) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+2) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+3) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+4) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(6n+5) .item.withOptions .itemHover .button a {
font-size: 14px !important;
padding: 5px 8px
}
.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 25px 30px 0
}
.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .icons, .productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .title {
padding-right: 30px;
padding-left: 30px
}
.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .button {
padding-right: 10px;
padding-left: 10px
}
.productsList ul.min li:nth-child(6n+6) .item.withOptions .itemHover .button a {
font-size: 14px !important;
padding: 5px 8px
}
.productsList ul.default li {
width: 16.666%
}
.productsList ul.default li .item {
height: 385px
}
.productsList ul.default li .item .thumb {
height: 240px;
max-width: 240px
}
.productsList ul.default li .item .thumb a img {
max-height: 240px
}
.productsList ul.big li {
width: 25%
}
.productsList ul.big li .item {
height: 425px
}
.productsList ul.big li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer, .productsList ul.big li .item .thumb {
height: 280px;
max-width: 280px
}
.productsList ul.big li .item .thumb a img {
max-width: 280px;
max-height: 280px
}
.productsList ul.big li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a img {
max-width: 280px;
max-height: 280px
}
.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover {
/*left: -30px;*/
/*right: -110px*/
}
.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 110px 0 30px
}
.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .title, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .title, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .title {
/*padding-left: 30px;*/
/*padding-right: 110px*/
}
.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .options, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .options, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .options {
right: 30px !important;
left: auto !important;
}
.productsList ul.big li:nth-child(4n+1) .item.withOptions .itemHover .availability, .productsList ul.big li:nth-child(4n+2) .item.withOptions .itemHover .availability, .productsList ul.big li:nth-child(4n+3) .item.withOptions .itemHover .availability {
left: 20px;
right: auto;
text-align: left
}
.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover {
/*right: -30px;*/
/*left: -110px*/
}
.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 30px 0 110px
}
.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .title {
/*padding-right: 30px;*/
/*padding-left: 110px*/
}
.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .options {
left: 30px !important;
right: auto
}
.productsList ul.big li:nth-child(4n+4) .item.withOptions .itemHover .availability {
right: 20px;
left: auto;
text-align: right
}
.productsList ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
width: 16.666%;
vertical-align: top
}
.productsList ul li .item {
margin: 15px;
/*height: 385px;*/
position: relative;
text-align: center;
display: block
}
.productsList ul li .item .thumb {
display: table;
height: 240px;
width: 100%;
max-width: 240px;
margin: 0 auto
}
.productsList ul li .item .thumb a {
display: table-cell;
vertical-align: middle;
transition: .2s !important;
text-align: center
}
.productsList ul li .item .thumb a img {
/*max-width: 210px;*/
max-height: 240px;
-webkit-transition: .2s !important;
-moz-transition: .2s !important;
-o-transition: .2s !important;
transition: .2s !important
}
.productsList ul li .item .thumb a:hover img {
opacity: .8
}
.productsList ul li .item ul.icons {
margin: 0;
padding: 5px 0 0;
list-style: none;
height: 28px
}
.productsList ul li .item ul.icons li {
padding: 0;
list-style: none;
display: inline-block;
width: 25px;
height: 25px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
vertical-align: bottom;
margin: 0 2px
}
.productsList ul li .item ul.icons li.promo {
background: #ff5a00;
font-size: 12px;
font-family: roboto_condensedregular;
color: #fff;
text-align: center;
line-height: 28px
}
.productsList ul li .item ul.icons li.recommended {
background: url(../images/iconBestseller.svg) center center no-repeat #a8cf38
}
.productsList ul li .item ul.icons li.shipping {
background: url(../images/iconShipping.svg) center center no-repeat #008aff
}
.productsList ul li .item ul.icons li.bestseller {
background: url(../images/iconNew.svg) center center no-repeat #000
}
.productsList ul li .item ul.icons li.newest {
background: url(../images/iconNewest.svg) center center no-repeat #7b2bff
}
.productsList ul li .item .title {
padding-top: 10px;
/*height: 58px;*/
overflow: hidden
}
.productsList ul li .item .title a {
font-size: 20px;
color: #000;
font-family: roboto_condensedregular;
line-height: 24px !important;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
display: inline-block
}
.productsList ul li .item .title a:hover {
color: #7e7e7e
}
.producentsList ul li .item:hover .logoRow .logoColumn .producentContainer .producentName a, .productsList ul li .item .price a:hover {
color: #7e7e7e !important
}
.productsList ul li .item .price {
padding-top: 0;
font-size: 18px;
font-family: roboto_condensedlight;
height: 30px !important;
line-height: 51px !important
}
.productsList ul li .item .price span.main {
font-family: roboto_condensedbold;
font-size: 20px
}
.productsList ul li .item .price span.index {
font-family: roboto_condensedbold;
vertical-align: super;
font-size: 15px;
position: relative;
top: -3px
}
.productsList ul li .item .price a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.productsList ul li .item .itemHover {
position: absolute;
left: -15px;
/*right: -15px;*/
top: -25px;
background: #fff;
opacity: 0;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
z-index: 99;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
text-align: center;
overflow: hidden;
padding: 15px 25px;
min-height: unset !important;
}
.productsList ul li .item .itemHover.active {
opacity: 1;
z-index: 100
}
.producentsList ul li .item .logoRow .logoColumn .producentContainer a:hover, .producentsList ul li .item:hover .logoRow .logoColumn .producentContainer a, .productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a:hover, .productsList ul li .item .itemHover .options .slideThumb span:hover img {
opacity: .8
}
.productsList ul li .item .itemHover .hoverThumb {
position: relative;
left: 0;
top: 0;
width: 100%
}
.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 30px 0;
position: relative;
margin: 0 auto
}
.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer {
display: table;
height: 240px;
width: 100%;
margin: 0 auto;
max-width: 240px
}
.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a {
display: table-cell;
vertical-align: middle;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
text-align: center
}
.productsList ul li .item .itemHover .hoverThumb .hoverThumbContainer .slideContainer a img {
/*max-width: 210px;*/
max-height: 240px;
display: block;
margin: 0 auto;
outline: 0 !important;
border: none !important;
-webkit-box-shadow: 0 0 2px 0 #fff !important;
-moz-box-shadow: 0 0 2px 0 #fff !important;
box-shadow: 0 0 2px 0 #fff !important
}
.productsList ul li .item .itemHover .availability {
position: absolute;
top: 10px;
right: 20px;
left: 20px;
text-align: center;
font-size: 18px;
font-family: roboto_condenseditalic
}
.footerButton .footerButtonContainer a,.filterButton .filterButtonContainer a, .productDetails h2.title, .productsList ul li .item .itemHover .availability span {
font-family: roboto_condensedbold
}
.productsList ul li .item .itemHover .title {
padding-left: 30px;
padding-right: 30px
}
.productsList ul li .item .itemHover .price {
padding-left: 30px;
padding-right: 30px;
height: 45px !important;
line-height: 51px !important
}
.productsList ul li .item.active .itemHover .col-md-8 {
text-align: left;
}
.productsList ul li .item.active .itemHover .price {
padding: 0;
}
.productsList ul li .item .itemHover .options {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 30px;
left: 30px;
width: 94px;
min-height: 297px !important;
z-index: 999
}
.productsList ul li .item .itemHover .options .slideThumb span {
border: 1px solid #e1e1e1;
width: 92px;
height: 92px;
display: block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
margin-bottom: 5px
}
.productsList ul li .item .itemHover .options .slideThumb span img {
object-fit: scale-down;
width: 90px;
height: 90px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.productsList ul li .item .itemHover .options .slideThumb span:hover {
border: 1px solid #000
}
.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover {
/*left: -30px;*/
/*right: -110px*/
}
.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 110px 0 30px
}
.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .title, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .title {
/*padding-left: 30px;*/
/*padding-right: 110px*/
}
.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .options, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .options {
right: 30px !important;
left: auto
}
.productsList ul li:nth-child(6n+1) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+2) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+3) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+4) .item.withOptions .itemHover .availability, .productsList ul li:nth-child(6n+5) .item.withOptions .itemHover .availability {
left: 20px;
right: auto;
text-align: left
}
.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover {
/*right: -30px;*/
/*left: -110px*/
}
.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 30px 0 110px
}
.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .button, .productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .price, .productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .title {
/*padding-right: 30px;*/
/*padding-left: 110px*/
}
.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .options {
left: 30px !important;
right: auto
}
.productsList ul li:nth-child(6n+6) .item.withOptions .itemHover .availability {
right: 20px;
left: auto;
text-align: right
}
.producentsList ul {
list-style: none;
font-size: 0;
margin: 0 !important;
padding: 0 15px !important
}
.producentsList ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
width: 16.66%
}
.producentsList ul li .item {
border: 1px solid #e1e1e1;
margin: 15px;
position: relative;
height: 220px
}
.producentsList ul li .item .mask {
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.producentsList ul li .item .logoRow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: table
}
.producentsList ul li .item .logoRow .logoColumn {
display: table-cell;
vertical-align: middle;
position: relative !important
}
.producentsList ul li .item .logoRow .logoColumn .producentContainer {
height: 80px;
text-align: center;
position: relative;
padding: 0 20px
}
.producentsList ul li .item .logoRow .logoColumn .producentContainer a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.producentsList ul li .item .logoRow .logoColumn .producentContainer a img {
max-height: 80px
}
.producentsList ul li .item .logoRow .logoColumn .producentName {
top: 80px;
left: 0;
width: 100%;
position: absolute
}
.producentsList ul li .item .logoRow .logoColumn .producentName a {
display: block;
font-size: 15px;
font-family: roboto_condensedbold;
padding: 5px 20px
}
.footer .footerBottom a {
color: #000;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.footer .copyright a, ul.social li a {
-webkit-transition: .2s;
-o-transition: .2s
}
.footer .footerBottom a:hover {
color: #7e7e7e
}
.footer .copyright {
text-align: center;
padding: 30px 0;
font-size: 13px
}
ul.social, ul.social li {
margin: 0;
padding: 0;
list-style: none
}
.footer .copyright a {
color: #000;
-moz-transition: .2s;
transition: .2s
}
.footer .copyright a:hover {
color: #7e7e7e
}
.footer .copyright a span {
color: red
}
ul.social li {
display: inline-block;
vertical-align: top
}
ul.social li a {
width: 32px;
height: 32px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: block;
-moz-transition: .2s;
transition: .2s;
text-align: center;
background: #7e7e7e;
line-height: normal !important
}
.pageMask, ul.social li a span {
-webkit-transition: .2s;
-o-transition: .2s
}
ul.social li a:hover {
background: #000
}
ul.social li a:hover span {
color: #fff
}
ul.social li a span {
color: #fff;
font-size: 20px !important;
-moz-transition: .2s;
transition: .2s;
line-height: 32px
}
.pageMask, .productDetailsCloseInfo {
-moz-transition: .2s;
pointer-events: none
}
.pageMask {
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0);
z-index: 1001;
transition: .2s;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0)
}
.productDetails, .productDetailsCloseInfo {
position: fixed;
-webkit-transform: translateZ(0);
-webkit-transition: .2s;
-webkit-backface-visibility: hidden
}
.pageMask.active {
background: rgba(255, 255, 255, .9);
pointer-events: auto;
cursor: pointer
}
.productDetailsCloseInfo {
top: 50%;
margin-top: -20px;
left: 30px;
color: #000;
z-index: 99999999;
opacity: 0;
-o-transition: .2s;
transition: .2s;
visibility: hidden;
margin-left: -220px;
font-size: 28px
}
.productDetailsCloseInfo.active {
opacity: 1;
visibility: visible
}
.productDetails {
background: #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
top: 0;
right: 0;
height: 100%;
width: 100%;
max-width: 1160px;
z-index: 1010;
overflow-y: auto;
padding: 0 50px 100px;
opacity: 0;
visibility: hidden;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
-ms-transform: translate(200px, 0);
-webkit-transform: translate(200px, 0);
transform: translate(200px, 0)
}
.productDetails .productDetailsContainer {
position: relative !important
}
.productDetails.active {
visibility: visible;
opacity: 1;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.productDetails .mainBox .options .form-group .colors ul li a:hover, .productDetails .productGallery .thumbs .slick-slide .thumbContainer:hover img {
opacity: .8
}
.productDetails .nav {
padding: 25px 0;
display: block !important
}
.bannersGrid .item {
padding: 15px;
position: relative
}
.bannersGrid .item img {
width: 100%
}
.footerButton, .filterButton {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 989;
text-align: center;
opacity: 0;
visibility: hidden
}
.filterButton {
bottom: initial;
}
.footerButton .footerButtonContainer {
width: 158px;
height: 29px;
background: url(../images/footerButton.svg) center bottom no-repeat;
display: inline-block;
text-align: center;
position: relative
}
.filterButton .filterButtonContainer:before {
content: "";
position: absolute;
width: 200%;
height: 200%;
left: -50%;
z-index: -1;
background: url(../images/footerButton.svg) center bottom no-repeat;
transform:scaleY(-1);
}
.footerButton .footerButtonContainer .slideDown, .filterButton .filterButtonContainer .slideDown {
display: none
}
.footerButton .footerButtonContainer a, .filterButton .filterButtonContainer a {
font-size: 14px;
color: #fff;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
text-transform: uppercase;
line-height: 29px;
display: block;
height: 29px;
padding-right: 10px
}
.footerButton .footerButtonContainer a:hover, .filterButton .filterButtonContainer a:hover {
color: #e1e1e1
}
.footerButton .footerButtonContainer span, .filterButton .filterButtonContainer span {
color: #fff;
font-size: 12px;
margin-left: 3px;
position: absolute;
right: 20px;
top: 8px
}
.filterButton .filterButtonContainer span {
position: relative;
right: -50px;
top: -31px;
}
.footer, .footer .footerContainer {
position: relative;
background: #fff
}
.footerButton.active, .filterButton.active {
opacity: 1;
visibility: visible !important
}
.footerButton.open .footerButtonContainer .slideDown, .filterButton.open .filterButtonContainer .slideDown {
display: block
}
.footerButton.open .footerButtonContainer .slideUp, .filterButton.open .filterButtonContainer .slideUp {
display: none !important
}
.footer .newsletter form button {
width: 110px;
background: #000;
color: #fff;
font-size: 15px;
font-family: roboto_condensedregular;
text-transform: uppercase;
border: none;
height: 36px;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer
}
.footer .newsletter form button:hover {
background: #ff5a00
}
.footer .footerBottom {
background: #f6f6f6;
padding: 35px 0;
font-size: 16px
}
.footer .footerBottom .row {
padding: 0 9%
}
.footer .footerBottom .row .row {
padding: 0
}
.footer .footerBottom h2 {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 4px;
padding-bottom: 15px
}
.footer .footerBottom ul, .footer .footerBottom ul li {
margin: 0;
padding: 0;
list-style: none
}
.footer .footerBottom ul li {
float: left;
width: 30%
}
.footer .footerBottom ul li a {
padding-right: 30px;
display: inline-block
}
.footer .newsletter form {
width: 430px;
margin: 0 auto;
position: relative
}
.footer .newsletter form input[type=email] {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #404040;
font-size: 16px;
color: #000;
font-family: roboto_condensedregular;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
background: #fff !important
}
.footer .newsletter form ::-webkit-input-placeholder {
color: #000;
opacity: 1
}
.footer .newsletter form :-moz-placeholder {
color: #000;
opacity: 1
}
.footer .newsletter form ::-moz-placeholder {
color: #000;
opacity: 1
}
.footer .newsletter form :-ms-input-placeholder {
color: #000;
opacity: 1
}
.productDetails .nav a {
margin-right: 7px;
display: inline-block !important;
margin-bottom: 7px
}
.productDetails .nav a span {
color: #404040;
display: inline-block
}
.productDetails .nav a span.fa-times {
margin-right: 8px;
font-size: 15px
}
.productDetails .nav a span.fa-chevron-right {
margin-left: 8px;
font-size: 13px
}
.productDetails h2.title {
font-size: 30px;
padding: 10px 0 50px
}
.productDetails .mainBox {
border: 2px solid #e1e1e1;
padding: 15px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
.mainBox, .propertiesBox table td {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box
}
.filterBox .row2 .tags .bootstrap-tagsinput .tag > span::after {
font-family: FontAwesome !important;
content: "\f057";
font-size: 18px;
color: grey;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.filterBox .row2 .tags .bootstrap-tagsinput .tag > span:hover::after {
color: #000
}
.filterBox .row2 .itemSizesSlider .column, .filterBox .row2 .sort .sortRow .column {
color: #575757;
font-size: 15px;
vertical-align: middle;
font-family: roboto_condensedbold
}
.filterBox .row2 .tags input[type=text] {
visibility: hidden;
display: none
}
.filterBox .row2 .itemSizesSlider {
float: right;
width: 20%;
box-sizing: border-box;
padding: 10px 15px;
position: relative;
text-align: right
}
.filterBox .row2 .itemSizesSlider .slider-selection {
background: #e1e1e1;
border: none;
-webkit-box-shadow: 0 0 0 0 transparent;
-moz-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent
}
.filterBox .row2 .itemSizesSlider .slider-track {
height: 2px;
margin-top: -2px
}
.filterBox .row2 .itemSizesSlider .column {
display: inline-block;
position: relative
}
.filterBox .row2 .itemSizesSlider .column .slider {
max-width: 60px
}
.filterBox .row2 .itemSizesSlider .column.icon {
padding: 0 10px
}
.filterBox .row2 .itemSizesSlider .column.icon span.min {
width: 21px;
height: 21px;
background: url(../images/iconItemSizeMin.svg) center center no-repeat;
display: block
}
.filterBox .row2 .itemSizesSlider .column.icon span.big {
width: 27px;
height: 27px;
background: url(../images/iconItemSizeBig.svg) center center no-repeat;
display: block
}
.filterBox .row2 .sort {
float: right;
width: 20%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
position: relative
}
.filterBox .row2 .sort .sortRow {
display: table;
width: 100%
}
.filterBox .row2 .sort .sortRow .column {
display: table-cell;
text-align: right
}
.filterBox .row2 .sort .sortRow .column:first-of-type {
padding-right: 15px
}
.filterBox .row2 .sort .sortRow .column select {
background: 0 0 !important;
padding: .5rem .75rem .5rem 0;
border: none !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
border-bottom: solid 2px #e1e1e1 !important
}
.filterBox .row2 .sort .sortRow .column .resetSelect {
bottom: 13px !important
}
.filterBox .row2 .sort .sortRow .column span.fa-sort,
.filterBox .row2 .sort .sortRow .column span.fa-sort-down{
bottom: 15px;
position: absolute;
right: 0;
font-size: 15px;
color: #000
}
.filterBox .row3 {
padding-top: 20px
}
.filterBox .row3 button {
cursor: pointer
}
.filterBox .row3 button span {
margin-right: 3px
}
.filterBox .form-group {
padding: 5px 0;
margin: 0
}
.filterBox .inputWrapper {
position: relative
}
.filterBox .inputWrapper input[type=text] {
background: 0 0 !important
}
.filterBox .inputWrapper .cInput {
position: relative;
padding-top: 11px
}
.filterBox .inputWrapper .cInput label {
left: 0 !important
}
.filterBox .inputWrapper .cInput input {
padding-left: 0 !important
}
.filterBox .inputWrapper .cInput .border {
width: 0;
position: absolute;
bottom: 0;
height: 2px;
background: #000;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.filterBox .inputWrapper .cInput .errorMessage {
background: #d50d0d;
color: #fff;
font-size: 12px;
position: absolute;
bottom: -18px;
height: 20px;
padding: 0 5px;
opacity: 0;
pointer-events: none;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.filterBox .inputWrapper .cInput.active .border {
width: 100%
}
.filterBox .inputWrapper .cInput.selected label {
bottom: 25px;
font-size: 13px !important;
color: #7e7e7e !important
}
.filterBox .inputWrapper .cInput.wrong .errorMessage {
opacity: 1
}
.filterBox .inputWrapper .cInput.wrong .border {
background: #d50d0d;
width: 100%
}
.filterBox .inputWrapper .resetSelect {
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 18px;
height: 18px;
z-index: 19;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
pointer-events: none;
opacity: 0;
visibility: hidden
}
.filterBox .inputWrapper .resetSelect span {
color: #000;
font-size: 18px;
display: block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.filterBox .inputWrapper .resetSelect:hover span {
color: #7e7e7e
}
.filterBox .inputWrapper.selected .resetSelect {
opacity: 1;
pointer-events: auto;
visibility: visible
}
.filterBox .sliderWrapper {
position: relative;
padding-top: 3px
}
.filterBox .sliderWrapper .resetSelect {
display: block;
position: absolute;
right: 0;
bottom: 23px;
width: 18px;
height: 18px;
z-index: 19;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
pointer-events: none;
opacity: 0
}
.filterBox .sliderWrapper .resetSelect span {
color: #000;
font-size: 18px;
display: block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.filterBox .sliderWrapper .resetSelect:hover span {
color: #7e7e7e
}
.filterBox .sliderWrapper.selectWithColors .resetSelect {
bottom: 12px !important;
right: -3px !important
}
.filterBox .sliderWrapper.selectWithColors .gradient {
position: absolute;
right: 0;
bottom: -10px;
width: 50px;
height: 30px;
z-index: 9;
background: -moz-linear-gradient(left, rgba(246, 246, 246, 0) 0, rgba(246, 246, 246, 0) 1%, #f6f6f6 50%);
background: -webkit-linear-gradient(left, rgba(246, 246, 246, 0) 0, rgba(246, 246, 246, 0) 1%, #f6f6f6 50%);
background: linear-gradient(to right, rgba(246, 246, 246, 0) 0, rgba(246, 246, 246, 0) 1%, #f6f6f6 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f6f6', endColorstr='#f6f6f6', GradientType=1)
}
.filterBox .sliderWrapper.selectWithColors.selected .withColors .buttonRow label {
position: absolute;
bottom: 12px;
font-size: 13px !important;
color: #7e7e7e !important;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.filterBox .sliderWrapper.selectWithColors.selected .withColors .buttonRow .selectedTitle {
opacity: 1
}
.filterBox .sliderWrapper.selected .dropdown.withSlider .dropdown-menu, .filterBox .sliderWrapper.selected .dropdown.withSlider > .btn {
border: none !important
}
.filterBox .sliderWrapper.selected .resetSelect {
opacity: 1;
pointer-events: auto
}
.filterBox .sliderWrapper .buttonColumn.title {
width: 0 !important;
max-width: 0 !important;
padding: 0 !important;
opacity: 0;
visibility: none
}
.filterBox .selectWrapper .cSelect label {
bottom: 3px;
left: 0 !important;
pointer-events: none !important
}
.filterBox .selectWrapper .cSelect select {
padding-left: 0 !important;
background: 0 0 !important
}
.filterBox .selectWrapper .cSelect span.fa {
right: 0 !important;
left: auto !important;
cursor: pointer;
}
.filterBox .selectWrapper .cSelect.active .border {
width: 100%
}
.filterBox .selectWrapper .cSelect.selected label {
top: 3px;
font-size: 13px !important;
color: #7e7e7e !important
}
.filterBox .selectWrapper .cSelect.selected span.fa-sort {
display: none !important
}
.filterBox .selectWrapper .resetSelect {
display: block;
position: absolute;
right: 0;
bottom: 38px;
width: 18px;
height: 18px;
z-index: 19;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
pointer-events: none;
opacity: 0
}
.filterBox .selectWrapper .resetSelect span {
color: #000;
font-size: 18px;
display: block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.filterBox .selectWrapper .resetSelect:hover span {
color: #7e7e7e
}
.filterBox .selectWrapper.selected .resetSelect {
opacity: 1;
pointer-events: auto
}
.filterBox .selectWrapper::after {
display: none !important
}
.filterBox .dropdown.withSlider .buttonRow {
display: table;
width: 100%
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn {
display: table-cell;
vertical-align: middle;
font-size: 15px;
color: #575757;
text-align: left;
position: relative !important
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn:first-of-type {
width: 60%;
padding-top: 10px !important
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn:nth-child(2) {
width: 50% !important;
padding-right: 5px !important;
box-sizing: border-box !important
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn:nth-child(3) {
width: 50% !important;
padding-left: 5px !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
-o-box-sizing: border-box !important;
box-sizing: border-box !important
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn input[type=text] {
width: 100%;
background: 0 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
height: 40px !important
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn .cInput {
position: relative;
padding-top: 12px
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn .cInput label {
left: 0 !important
}
.filterBox .dropdown.withSlider .buttonRow .buttonColumn .cInput input {
padding-left: 0 !important
}
.filterBox .dropdown.withSlider > .btn {
padding: 0 0 11px !important;
border: none !important;
background: 0 0 !important;
width: 100% !important
}
.filterBox .dropdown.withSlider > .btn::after {
display: none
}
.filterBox .dropdown.withSlider .dropdown-menu {
width: 100%;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: none !important;
border-top: none;
margin-top: -10px;
background: #fff;
padding: 15px 20px 10px;
font-size: 15px;
color: #575757;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}
.filterBox .dropdown.withSlider .dropdown-menu .tooltip {
top: auto;
bottom: -35px
}
.filterBox .dropdown.withSlider .dropdown-menu .tooltip.active {
opacity: 1
}
.filterBox .dropdown.withSlider .dropdown-menu .slider {
width: 100%
}
.filterBox .dropdown.withColors {
padding-top: 11px !important
}
.filterBox .dropdown.withColors span.fa {
bottom: 15px;
position: absolute;
right: 0;
font-size: 15px;
color: #e1e1e1
}
.filterBox .dropdown.withColors .buttonRow {
display: table;
width: 100%;
position: relative !important
}
.filterBox .dropdown.withColors .buttonRow .buttonColumn {
display: table-cell;
vertical-align: middle;
font-size: 15px;
color: transparent !important;
text-align: left;
padding-right: 5px !important;
position: relative !important;
padding-top: 10px !important
}
.filterBox .dropdown.withColors .buttonRow label {
position: absolute;
bottom: -10px;
left: 0 !important;
pointer-events: none !important;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 15px !important;
color: #575757px !important
}
.filterBox .dropdown.withColors .buttonRow .selectedTitle {
position: absolute;
bottom: -3px;
left: 0 !important;
color: #404040 !important;
pointer-events: none !important;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: 0;
max-width: 100%;
overflow: hidden;
white-space: nowrap !important
}
.filterBox .dropdown.withColors > .btn {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
padding: 0 0 11px;
border: none !important;
background: 0 0 !important;
border-bottom: solid 2px #e1e1e1 !important;
width: 100% !important
}
.filterBox .dropdown.withColors > .btn::after {
display: none
}
.filterBox .dropdown.withColors .dropdown-menu {
width: 100%;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: none !important;
border-top: none;
margin-top: 0;
background: #fff;
padding: 15px 20px 10px;
font-size: 0;
color: #575757;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}
.filterBox .dropdown.withColors .dropdown-menu .tooltip {
top: auto;
bottom: -35px
}
.filterBox .dropdown.withColors .dropdown-menu .tooltip.active {
opacity: 1
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a:hover, .filterBox .dropdown.withColors .dropdown-menu .colors ul li a:hover {
opacity: .8
}
.filterBox .dropdown.withColors .dropdown-menu .slider {
width: 100%
}
.filterBox .dropdown.withColors .dropdown-menu .colors {
padding: 5px 0
}
.filterBox .dropdown.withColors .dropdown-menu .colors ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
overflow: hidden
}
.filterBox .dropdown.withColors .dropdown-menu .colors ul li {
padding: 0;
list-style: none;
display: inline-block;
margin: 0 3px 3px 0
}
.filterBox .dropdown.withColors .dropdown-menu .colors ul li a {
display: block;
width: 32px;
height: 32px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center
}
.filterBox .dropdown.withColors .dropdown-menu .colors ul li a.current {
-webkit-box-shadow: inset 0 0 0 2px #000;
-moz-box-shadow: inset 0 0 0 2px #000;
box-shadow: inset 0 0 0 2px #000
}
.filterBox .checkboxRow {
padding: 18px 0 0
}
.filterBox .checkboxRow .label {
display: inline-block;
vertical-align: middle;
font-size: 15px;
color: #575757;
padding-right: 10px
}
.filterBox select::-ms-expand {
display: none !important;
background: 0 0 !important
}
.filterBox select:focus::-ms-value {
background: 0 0 !important
}
.filterBox select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
-ms-appearance: none !important;
background: 0 0 !important
}
.addedToCart {
position: fixed;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
top: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 1010;
overflow-y: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
display: table;
table-layout: fixed
}
.addedToCart.active {
visibility: visible;
opacity: 1
}
.addedToCart.active .addedToCartContainer .addedToCartMainArea {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.addedToCart .addedToCartContainer {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 0 15px
}
.addedToCart .addedToCartContainer .addedToCartMainArea {
background: #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
-ms-transform: translate(0, -100px);
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
max-width: 1250px;
margin: 0 auto;
position: relative;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
max-height: 880px;
}
.mobileMenu, .zoomLens {
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top {
background: #f6f6f6;
border-bottom: solid 1px #e1e1e1;
padding: 15px 20px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .title {
float: left;
font-size: 17px;
font-family: roboto_condensedbold;
text-transform: uppercase;
padding: 10px 0
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .title span {
display: inline-block;
vertical-align: middle;
font-size: 28px;
margin-right: 10px;
margin-top: -2px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow {
float: right
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow a {
background: #fff
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow a span {
color: #404040;
display: inline-block;
margin-right: 8px;
font-size: 15px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow {
display: table;
width: 100%;
font-size: 20px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb {
display: table-cell;
vertical-align: middle;
padding: 20px 25px;
text-align: center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a img {
max-width: 140px;
max-height: 110px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title {
display: table-cell;
vertical-align: middle
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .prices {
display: table-cell;
vertical-align: middle;
padding: 20px 25px;
text-align: center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price-container {
display: table;
width: 100%
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .count, .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price {
display: table-cell;
vertical-align: middle;
padding: 0px 25px;
text-align: center;
min-width: 120px;
text-align: center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price span {
vertical-align: super;
font-size: 13px;
position: relative;
top: 1px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .warning {
color: #f00;
font-size: 16px;
text-align: center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow {
position: relative;
overflow: hidden
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .headline {
font-size: 17px;
font-family: roboto_condensedbold;
padding: 18px 25px;
background: #f6f6f6;
border-top: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-prev {
left: 15px;
z-index: 9999;
opacity: 1;
width: 30px;
height: 30px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
margin-left: -10px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-prev::before {
font-family: FontAwesome;
content: "\f104";
display: inline-block;
font-size: 30px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
color: #000 !important;
line-height: 30px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-next {
right: 5px;
z-index: 9999;
opacity: 1;
width: 30px;
height: 30px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-next::before {
font-family: FontAwesome;
content: "\f105";
display: inline-block;
font-size: 30px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
color: #000 !important;
line-height: 30px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-list {
overflow: visible !important
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-slide {
opacity: 0;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .slick-active {
opacity: 1
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products {
position: relative;
display: block;
padding: 15px 30px 30px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer {
padding: 0 15px;
text-align: center;
position: relative
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb {
width: 100%;
height: 150px;
display: table
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer {
display: table-cell;
vertical-align: middle;
position: relative
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
padding: 0 30px;
position: relative;
margin: 0 auto;
display: block
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer a:hover {
opacity: .8
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .thumb .thumbContainer a img {
max-width: 100%;
max-height: 150px;
display: inline-block
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .title {
padding: 10px 0;
overflow: hidden;
height: 48px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .title a {
font-size: 17px;
line-height: 18px !important;
display: inline-block
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .price {
padding: 18px 0 5px;
font-size: 18px;
font-family: roboto_condensedlight;
line-height: 18px !important
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .price span.main {
font-family: roboto_condensedbold;
font-size: 30px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .price span.index {
font-family: roboto_condensedbold;
vertical-align: super;
font-size: 16px;
position: relative;
top: -3px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart {
padding-top: 5px;
padding-bottom: 10px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div {
font-family: roboto_condensedbold;
font-size: 16px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div span {
font-size: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 5px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div.buttonDefault a {
color: #7e7e7e
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div.buttonDefault a:hover {
color: #000
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .checkboxToCart > div.buttonAdded {
display: none
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions {
position: absolute;
background: #fff;
bottom: -10px;
left: 0;
right: 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
padding: 10px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 99;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: 0;
visibility: none;
-ms-transform: translate(0, 10px);
-webkit-transform: translate(0, 10px);
transform: translate(0, 10px)
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .itemArrow {
background: #fff;
width: 15px;
height: 15px;
bottom: -1px;
margin-left: -5px;
left: 50%;
-ms-transform: rotate(45deg);
-ms-transform-origin: 20% 40%;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: 20% 40%;
transform: rotate(45deg);
transform-origin: 20% 40%;
position: absolute
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .form-group {
margin-bottom: 8px !important
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .checkWrapper {
font-size: 15px;
padding: 9px 15px;
text-align: left;
border: 1px solid #e1e1e1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .checkWrapper .label {
font-size: 15px;
color: #575757;
font-family: roboto_condensedregular;
margin-bottom: 5px;
line-height: auto !important
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .checkWrapper label {
padding-right: 15px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .optionsLabel {
font-size: 16px;
text-align: left;
padding-bottom: 10px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown {
position: relative;
margin-bottom: 8px !important;
height: 45px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 43px;
background: #fff;
border: 1px solid #e1e1e1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
z-index: 990
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .resetSelect {
display: block;
position: absolute;
right: 14px;
top: 12px;
background: #fff;
width: 18px;
height: 18px;
z-index: 19;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
pointer-events: none;
opacity: 0
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .resetSelect span {
color: #000;
font-size: 18px;
display: block;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .resetSelect:hover span {
color: #7e7e7e
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer.selected {
border: 1px solid #000
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer.selected .resetSelect {
opacity: 1;
pointer-events: auto
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer:hover, .addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer:hover .buttonRow .colors ul {
height: auto
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer::after {
font-family: FontAwesome !important;
content: "\f0dc" !important;
position: absolute !important;
font-size: 13px !important;
-webkit-transition: .2s !important;
-moz-transition: .2s !important;
-o-transition: .2s !important;
transition: .2s !important;
top: 13px;
right: 20px !important;
pointer-events: none;
z-index: 10
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow {
display: table;
width: 100%
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .buttonColumn {
display: table-cell;
vertical-align: top;
font-size: 15px;
color: #575757;
text-align: left;
padding: 9px 15px 0
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors {
display: table-cell;
vertical-align: top;
padding: 5px 0
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul {
margin: 0;
padding: 0 25px 0 0;
list-style: none;
font-size: 0;
height: 32px;
overflow: hidden
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li {
padding: 0;
list-style: none;
display: inline-block;
margin: 0 3px 3px 0
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li a {
display: block;
width: 32px;
height: 32px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li a:hover {
opacity: .8
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer .itemOptions .colorsDropdown .colorsDropdownContainer .buttonRow .colors ul li a.current {
-webkit-box-shadow: inset 0 0 0 3px #7e7e7e;
-moz-box-shadow: inset 0 0 0 3px #7e7e7e;
box-shadow: inset 0 0 0 3px #7e7e7e
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer:hover .itemOptions {
visibility: visible;
opacity: 1;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer.isAdded .itemOptions {
visibility: hidden;
opacity: 0
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer.isAdded .checkboxToCart > div.buttonDefault {
display: none
}
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow .products .item .itemContainer.isAdded .checkboxToCart > div.buttonAdded {
display: block
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom {
background: #f6f6f6;
border-top: solid 1px #e1e1e1;
padding: 20px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow {
float: left;
font-size: 16px;
font-family: roboto_condensedbold;
text-transform: uppercase;
padding: 10px 0 10px 50px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow span {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin-right: 10px;
margin-top: -4px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
color: #000
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow a:hover {
color: #7e7e7e
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton {
float: right
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton a {
width: 300px;
text-transform: uppercase !important;
font-size: 16px !important;
font-family: roboto_condensedbold !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton a span {
margin-right: 10px;
font-size: 20px
}
.articlePage {
padding: 0 0 60px
}
.articlePage .articleContent {
padding: 20px 0 0;
position: relative
}
.articlePage .articleContent img {
max-width: 100%
}
.articlePage .articleContent h1,
.articlePage .articleContent h3 {
font-size: 24px;
font-family: roboto_condensedbold;
padding: 15px 0 10px
}
.articlePage .articleContent h1.letterSpacing,
.articlePage .articleContent h3.letterSpacing {
letter-spacing: 5px
}
.articlePage .articleContent h1.type2,
.articlePage .articleContent h3.type2 {
padding: 30px 0 10px;
font-family: roboto_condensedregular
}
.articlePage .articleContent h2, .articlePage .articleContent h3 {
font-family: roboto_condensedbold;
padding: 15px 0 10px
}
.articlePage .articleContent h2 {
font-size: 22px
}
.articlePage .articleContent h2.letterSpacing {
letter-spacing: 5px
}
.articlePage .articleContent h3.letterSpacing, .articlePage .articleContent h4.letterSpacing {
letter-spacing: 4px
}
.articlePage .articleContent h3 {
font-size: 20px
}
.articlePage .articleContent h4, .articlePage .articleContent h5, .articlePage .articleContent h6 {
padding: 5px 0 0;
font-family: roboto_condensedbold
}
.articlePage .articleContent h4 {
font-size: 18px
}
.articlePage .articleContent h5.letterSpacing, .articlePage .articleContent h6.letterSpacing {
letter-spacing: 3px
}
.articlePage .articleContent h5 {
font-size: 16px
}
.articlePage .articleContent h6 {
font-size: 14px
}
.articlePage .articleContent .uppercase {
text-transform: uppercase
}
.articlePage .articleContent ul {
margin: 30px 0 60px;
padding: 0 0 0 23px
}
.articlePage .articleContent table tbody tr td, .articlePage .articleContent table thead tr th {
background: #f6f6f6;
padding: 8px 20px;
font-size: 16px
}
.articlePage .articleContent table {
border-collapse: collapse;
margin: 30px 0 60px;
width: 100%
}
.articlePage .articleContent table thead tr th {
font-weight: 400;
text-align: center !important;
font-family: roboto_condensedbold
}
.articlePage .articleContent table thead tr th.remove {
width: 110px
}
.articlePage .articleContent table tbody tr:nth-child(even) td {
background: #fff
}
.articlePage .articleContent table tbody::before {
content: "-";
display: block;
line-height: 8px;
color: transparent
}
.articlePage .articleContent table.tableOrders {
border: none !important
}
.articlePage .articleContent table.tableOrders thead tr th {
border: none !important;
font-weight: 400;
font-size: 18px;
text-align: left !important;
font-family: roboto_condensedbold;
background: #f6f6f6;
padding: 15px 20px
}
.articlePage .articleContent table.tableOrders thead tr th.alignLeft {
text-align: left !important
}
.articlePage .articleContent table.tableOrders thead tr th.alignCenter {
text-align: center !important
}
.articlePage .articleContent table.tableOrders thead tr th.alignRight {
text-align: right !important
}
.articlePage .articleContent table.tableOrders thead tr th.columnCount, .articlePage .articleContent table.tableOrders thead tr th.columnPrice, .articlePage .articleContent table.tableOrders thead tr th.columnValue {
min-width: 13%
}
.articlePage .articleContent table.tableOrders tbody tr td {
border: none !important;
border-top: solid 1px #e1e1e1 !important;
background: 0 0;
padding: 20px;
font-size: 18px
}
.articlePage .articleContent table.tableOrders tbody tr td .mobileLabel {
display: none
}
.articlePage .articleContent table.tableOrders tbody tr td .fa-file-pdf-o {
color: red;
margin-right: 5px
}
.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-black {
background: #000;
font-size: 18px !important
}
.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-black:hover {
background: #ff5a00
}
.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-primary {
font-size: 18px !important
}
.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-primary:hover {
background: #404040
}
.articlePage .articleContent table.tableOrders tbody tr td.columnCount, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice, .articlePage .articleContent table.tableOrders tbody tr td.columnValue {
white-space: nowrap !important;
padding: 5px 17px
}
.articlePage .articleContent table.tableOrders tbody tr td.columnCount span.index, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice span.index, .articlePage .articleContent table.tableOrders tbody tr td.columnValue span.index {
vertical-align: super;
font-size: 11px;
position: relative;
top: 1px
}
.articlePage .articleContent table.tableOrders tbody tr td .remove span {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articlePage .articleContent table.tableOrders tbody tr td .remove:hover span {
color: #7e7e7e
}
.articlePage .articleContent table.tableOrders tbody tr td .item {
display: table;
width: 100%;
vertical-align: middle
}
.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer {
display: table-cell;
width: 100px;
padding: 0 25px 0 0;
text-align: center
}
.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a:hover {
opacity: .8
}
.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a img {
max-width: 100%;
max-height: 50px
}
.articlePage .articleContent table.tableOrders tbody tr td .item .title {
display: table-cell
}
.articlePage .articleContent table.tableOrders tbody tr td .item .title a {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group {
position: relative;
margin-bottom: -5px
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group > .input-group {
width: 105px !important;
display: inline-block
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group input.touchSpin {
width: 65px !important;
height: 40px !important;
border: 1px solid #e1e1e1 !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-o-border-radius: 3px !important;
border-radius: 3px !important;
font-size: 15px !important;
color: #575757;
text-align: center;
display: inline-block !important
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn {
display: inline-block;
vertical-align: middle;
width: 20px !important;
background: 0 0
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-down {
width: 20px !important;
font-size: 0 !important;
height: 40px !important;
padding: 0 !important;
position: relative;
background: 0 0;
color: #575757;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-down::before {
font-family: FontAwesome;
content: "\f053";
font-size: 11px
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-down:hover {
color: #7e7e7e
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-up {
width: 15px !important;
font-size: 0 !important;
height: 40px !important;
padding: 0 !important;
background: 0 0;
color: #575757;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-up::before {
font-family: FontAwesome;
content: "\f054";
font-size: 11px
}
.articlePage .articleContent table.tableOrders tbody tr td .form-group .input-group-btn .bootstrap-touchspin-up:hover {
color: #7e7e7e
}
.articlePage .articleContent table.tableOrders tbody tr:nth-child(even) td {
background: 0 0
}
.articlePage .articleContent table.tableOrders tbody::before {
display: none
}
.articlePage .articleContent table.tableOrders tfoot tr td {
font-weight: 400;
font-size: 20px;
font-family: roboto_condensedbold;
background: #f6f6f6;
padding: 15px 127px 15px 35px;
position: relative
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .discountText {
display: inline-block;
vertical-align: top;
font-size: 17px !important;
padding: 10px 20px 0 0;
font-family: roboto_condensedregular !important
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode button {
display: inline-block;
background: #404040;
color: #fff;
font-size: 15px !important;
font-family: roboto_condensedbold !important;
text-transform: uppercase;
border: none;
height: 44px;
width: 45px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
vertical-align: top
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode button:hover {
background: #ff5a00 !important
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .cInput {
padding-top: 0 !important;
font-family: roboto_condensedregular !important
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .cInput input {
background: 0 0 !important
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode .form-group {
display: inline-block;
width: 240px;
vertical-align: top
}
.articlePage .articleContent .orderDetails span.index, .articlePage .articleContent table.tableOrders tfoot tr td span.index {
vertical-align: super;
font-size: 11px;
top: 1px;
position: relative
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode form {
padding-top: 10px
}
.articlePage .articleContent .orderDetails {
padding-top: 40px
}
.articlePage .articleContent .orderDetails a.btn {
vertical-align: middle;
margin-left: 15px
}
.articlePage .articleContent .orderDetailsData {
padding-top: 40px;
padding-bottom: 20px
}
.articlePage .articleContent .orderDetailsData .headline {
background: #f6f6f6;
padding: 12px 20px;
font-family: roboto_condensedbold;
font-size: 18px
}
.articlePage .articleContent .orderDetailsData .textBox {
padding: 15px 20px 0;
border-bottom: solid 1px #e1e1e1;
min-height: 145px
}
.articlePage .articleContent .contactRow1, .articlePage .articleContent .contactRow2 {
padding-bottom: 30px
}
.articlePage .articleContent .contactRow2 #map {
height: 395px
}
.articlePage .articleContent .contactRow2 .headquarters {
padding: 20px 0 30px
}
.articlePage .articleContent .contactRow2 .headquarters h4 span {
margin-right: 8px
}
.articlePage .articleContent .categoriesRow .item {
width: 25%;
padding: 10px 30px 10px 0;
position: relative
}
.articlePage .articleContent .categoriesRow .item .categoryName {
padding-bottom: 10px;
font-size: 21px !important
}
.articlePage .articleContent .categoriesRow .item .categoryName strong {
font-family: roboto_condensedbold
}
.articlePage .articleContent .categoriesRow .item.active > ul {
display: block
}
.articlePage .articleContent .categoriesRow .item ul {
margin: 0;
padding: 0;
list-style: none;
display: block
}
.articlePage .articleContent .categoriesRow .item ul li {
margin: 0;
padding: 0;
list-style: none
}
.articlePage .articleContent .categoriesRow .item ul li a {
position: relative !important;
display: block
}
.articlePage .articleContent .categoriesRow .item ul li a span {
display: none;
margin-left: 5px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articlePage .articleContent .categoriesRow .item ul li a.active span {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.articlePage .articleContent .categoriesRow .item ul li.hasUl > a > span {
display: inline-block !important
}
.articlePage .articleContent .categoriesRow .item ul li ul, .articlePage .articleContent .categoriesRow .item ul li ul li ul, .articlePage .articleContent .categoriesRow .item ul li ul li ul li ul, .articlePage .articleContent .categoriesRow .item ul li ul li ul li ul li ul {
margin-left: 20px
}
.articlePage .articleContent .miniNav .miniNavContainer {
padding: 8px 0;
font-family: roboto_condensedbold;
text-transform: uppercase
}
.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #404040;
font-family: roboto_condensedbold;
text-transform: uppercase
}
.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn span {
margin-right: 5px
}
.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn a {
color: #404040;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn a:hover {
color: #7e7e7e
}
.articlePage .articleContent .miniNav .miniNavContainer .inlineColumn.separator {
padding: 0 3px
}
.articlePage .articleContent .loginHeadline {
font-size: 16px;
line-height: 20px !important;
min-height: 80px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px
}
.articlePage .articleContent .form-group {
margin: 0 0 15px
}
.articlePage .articleContent .checkboxRow {
margin: 0;
padding: 30px 0 15px 15px
}
.articlePage .articleContent .checkboxRow .form-group {
margin: 0 0 5px
}
.articlePage .articleContent .checkboxRow2 {
margin: 0;
padding: 10px 0 15px 15px
}
.articlePage .articleContent .checkboxRow2 .form-group {
margin: 0 0 5px
}
.articlePage .articleContent input[type=checkbox] {
display: none
}
.articlePage .articleContent input[type=checkbox] + label {
font-size: 15px;
color: #000;
padding-left: 32px;
position: relative
}
.articlePage .articleContent input[type=checkbox] + label span {
display: inline-block;
position: absolute;
left: 0;
top: 2px;
width: 22px;
height: 22px;
margin: -2px 10px 0 0;
vertical-align: middle;
background: url(../images/iconCheckboxRadio2.svg) left top no-repeat;
cursor: pointer
}
.articlePage .articleContent input[type=checkbox]:checked + label span {
background: url(../images/iconCheckboxRadio2.svg) -23px top no-repeat
}
.articlePage .articleContent .button {
padding: 10px 0 0
}
.articlePage .articleContent .button .checkboxRow {
margin: 0;
padding: 7px 15px 0 5px
}
.articlePage .articleContent .button .btn-black {
min-width: 160px;
background: #000;
text-transform: uppercase;
font-family: roboto_condensedbold !important;
font-size: 16px !important;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articlePage .articleContent .button .btn-black:hover {
background: #ff5a00
}
.articlePage .articleContent .button .btn-no-style {
color: #7e7e7e;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 15px
}
.articlePage .articleContent .button .btn-no-style:hover {
color: #000
}
.stepsContent {
position: relative
}
.stepsContent .contactCloud {
top: 30px;
right: 0;
position: absolute;
padding: 20px 35px 20px 105px;
background: url(../images/iconContactCloud.svg) 15px center no-repeat #f6f6f6;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
display: block;
line-height: 24px;
-webkit-transition: 0 !important;
-moz-transition: 0 !important;
-o-transition: 0 !important;
transition: 0 !important;
z-index: 99999
}
.stepsContent .contactCloud.fixed {
position: fixed;
top: 110px
}
.stepsContent .contactCloud span.text1 {
font-size: 20px;
font-family: roboto_condensedbold;
display: block
}
.stepsContent .contactCloud span.text2 {
font-size: 20px;
font-family: roboto_condensedregular;
display: block
}
.stepsContent .contactCloud span.text3 {
font-size: 24px;
font-family: roboto_condensedlight;
display: block;
line-height: 28px
}
.cartSteps .step {
border-bottom: solid 1px #e1e1e1;
display: none
}
.cartSteps .step.active {
display: block
}
.cartSteps .step .stepContent .showNextStep {
font-size: 16px !important;
font-family: roboto_condensedbold !important;
padding: 11px 35px !important
}
.cartSteps .step .stepContent .showNextStep.disabled {
background: #e1e1e1;
border: 1px solid #e1e1e1
}
.cartSteps .step .stepContent .minText {
padding: 5px 0;
font-size: 15px
}
.cartSteps .step .stepContent .discountCode {
font-family: roboto_condensedregular !important
}
.cartSteps .step .stepContent .discountCode button {
background: #404040;
color: #fff;
font-size: 15px !important;
font-family: roboto_condensedbold !important;
text-transform: uppercase;
border: none;
height: 44px;
position: absolute;
top: 0;
width: 45px;
right: -35px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
z-index: 99
}
.cartSteps .step .stepContent .discountCode button:hover {
background: #ff5a00 !important
}
.cartSteps .step .stepContent .discountCode .cInput {
padding-top: 0 !important
}
.cartSteps .stepsCheckButtons .stepsCheckButton {
display: inline-block;
padding: 15px 15px 0 0;
vertical-align: top;
float: left
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable {
width: 146px;
height: 180px;
border: 2px solid #e1e1e1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
position: relative;
text-align: center;
cursor: pointer
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable .icon {
padding: 15px 10px 0;
height: 70px
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable .icon img {
max-height: 100%
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable .title {
font-size: 14px;
line-height: 15px;
padding: 8px 10px 0
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable .price {
position: absolute;
left: 15px;
right: 15px;
bottom: 8px;
text-align: center;
color: #7e7e7e;
font-size: 16px
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable .price span.index {
vertical-align: super;
font-size: 11px;
position: relative;
top: 1px
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable .check {
width: 36px;
height: 36px;
position: absolute;
pointer-events: none;
background: #ff5a00;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
right: -15px;
top: -15px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: 0
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainerDisable .check span {
color: #fff;
font-size: 25px;
line-height: 38px
}
.stepCheckButtonContainerDisable {
cursor: not-allowed!important;
}
.disable {
opacity: 60%;
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer {
width: 146px;
height: 180px;
border: 2px solid #e1e1e1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
position: relative;
text-align: center;
cursor: pointer
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .icon {
padding: 15px 10px 0;
height: 70px
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .icon img {
max-height: 100%
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .title {
font-size: 14px;
line-height: 15px;
padding: 8px 10px 0
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .price {
position: absolute;
left: 15px;
right: 15px;
bottom: 8px;
text-align: center;
color: #7e7e7e;
font-size: 16px
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .price span.index {
vertical-align: super;
font-size: 11px;
position: relative;
top: 1px
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .check {
width: 36px;
height: 36px;
position: absolute;
pointer-events: none;
background: #ff5a00;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
right: -15px;
top: -15px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: 0
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer .check span {
color: #fff;
font-size: 25px;
line-height: 38px
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer:hover {
border: 2px solid #7e7e7e
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer.current {
border: 2px solid #ff5a00
}
.summaryBox, .summaryBox3 {
background: #f6f6f6;
border-bottom: solid 1px #e1e1e1;
border-top: solid 1px #e1e1e1
}
.cInput input, .cTextarea textarea {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important
}
.cartSteps .stepsCheckButtons .stepsCheckButton .stepCheckButtonContainer.current .check {
opacity: 1
}
.paddingLeft {
padding: 15px 0 30px 60px
}
.paddingSides {
padding: 30px 60px
}
.summaryBox {
padding-bottom: 20px;
text-align: center
}
.summaryBox .priceRow {
display: table;
width: 100%
}
.summaryBox .priceRow .price, .summaryBox .priceRow .title {
text-align: right;
display: table-cell;
vertical-align: middle
}
.summaryBox .priceRow .title {
font-size: 18px
}
.summaryBox .priceRow .price {
width: 170px;
font-size: 20px;
font-family: roboto_condensedbold
}
.summaryBox .showPayment .btn, .summaryBox2 .showPayment .btn {
font-family: roboto_condensedbold !important;
width: 100%;
text-transform: uppercase !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}
.summaryBox .priceRow .price span.index {
vertical-align: super;
font-size: 11px;
position: relative;
top: 1px
}
.summaryBox .priceRow .price.big {
font-size: 24px
}
.summaryBox .priceRow .price.big span.index {
vertical-align: super;
font-size: 16px;
position: relative;
top: 2px
}
.summaryBox .showPayment {
padding: 20px 0
}
.summaryBox .showPayment .btn {
font-size: 20px !important
}
.summaryBox .summaryFooter {
font-size: 16px;
text-align: center
}
.summaryBox2 {
background: #f6f6f6;
padding-bottom: 10px
}
.summaryBox2 .showPayment {
padding: 20px 0 0
}
.summaryBox2 .showPayment .btn {
font-size: 20px !important
}
.summaryBox2 h1.headline, .summaryBox3 .priceRow .price, .summaryBox3 h1.headline, .summaryBox3 strong {
font-family: roboto_condensedbold
}
.summaryBox2 h1.headline {
font-size: 24px;
padding-bottom: 25px
}
.summaryBox2 .desc {
font-size: 18px;
padding-bottom: 5px
}
.summaryBox3 {
font-size: 16px
}
.summaryBox3 h1.headline {
font-size: 24px;
padding-bottom: 25px
}
.summaryBox3 .paddingLeft {
padding: 0 0 0 30px !important
}
.summaryBox3 input[type=checkbox] + label {
color: #000 !important
}
.summaryBox3 ol {
margin: 0;
list-style: none;
padding: 0 0 15px !important
}
.summaryBox3 ol li {
padding: 0 0 10px !important;
margin: 0 !important;
vertical-align: top
}
.summaryBox3 ol li .item {
display: table;
width: 100%;
position: relative;
top: 0;
margin: 0;
vertical-align: top
}
.summaryBox3 ol li .item .title {
display: table-cell;
vertical-align: top
}
.summaryBox3 ol li .item .price {
display: table-cell;
vertical-align: top;
text-align: right !important;
width: 120px
}
.summaryBox3 ol li .item .price .index {
vertical-align: super;
font-size: 11px;
position: relative;
top: 1px
}
.summaryBox3 ol li .item .count {
display: table-cell;
vertical-align: top;
text-align: right !important;
width: 50px
}
.summaryBox3 .priceRow {
display: table;
width: 100%;
padding-bottom: 20px
}
.summaryBox3 .priceRow .title {
text-align: right;
display: table-cell;
vertical-align: middle;
font-size: 18px
}
.summaryBox3 .priceRow .price {
text-align: right;
display: table-cell;
vertical-align: middle;
width: 170px;
font-size: 20px
}
.summaryBox3 .priceRow .price span.index {
vertical-align: super;
font-size: 11px;
position: relative;
top: 1px
}
.summaryBox3 .priceRow .price.big {
font-size: 24px
}
.summaryBox3 .priceRow .price.big span.index {
vertical-align: super;
font-size: 16px;
position: relative;
top: 2px
}
.summaryBox3 .userData {
padding: 20px 0 10px
}
.summaryBox3 .userData strong {
padding-bottom: 10px;
display: block
}
.summaryBox3 .userData .label {
color: #7e7e7e;
font-size: 14px
}
.summaryBox3 .showPayment {
padding: 20px 0 10px
}
.summaryBox3 .showPayment .btn {
width: 100%;
font-size: 20px !important;
text-transform: uppercase !important;
font-family: roboto_condensedbold !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}
.cInput span.requiredIcon, .cSelect span.requiredIcon, .cTextarea span.requiredIcon, .mobileMenu .mobileHeader .text {
font-family: roboto_condensedbold
}
.summaryBox3 .summaryFooter {
font-size: 16px;
text-align: center
}
.cInput {
position: relative;
padding-top: 12px
}
.cInput label {
font-size: 13px !important;
color: #575757 !important;
position: absolute;
bottom: 3px;
left: 24px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
pointer-events: none
}
.cInput .border, .cInput .errorMessage {
position: absolute;
-moz-transition: .2s;
-o-transition: .2s
}
.cInput input {
border-radius: 0 !important;
border: none !important;
border-bottom: solid 2px #e1e1e1 !important;
color: #000 !important;
padding-left: 25px
}
.cInput input:focus + label {
bottom: 25px;
font-size: 13px !important;
color: #7e7e7e !important
}
.cInput input:focus + .border {
width: 100% !important
}
.cInput .border {
width: 0;
bottom: 0;
height: 2px;
background: #000;
-webkit-transition: .2s;
transition: .2s
}
.cInput .errorMessage, .cTextarea label {
-webkit-transition: .2s;
pointer-events: none
}
.cInput span.fa {
bottom: 15px;
position: absolute;
left: 0;
font-size: 15px;
color: #e1e1e1
}
.cInput span.requiredIcon {
position: absolute;
font-size: 16px;
color: #d50d0d;
right: 0;
bottom: 8px;
pointer-events: none;
opacity: 0
}
.cInput .errorMessage {
background: #d50d0d;
color: #fff;
font-size: 12px;
bottom: -18px;
height: 20px;
padding: 0 5px;
opacity: 0;
transition: .2s
}
.cTextarea .border, .cTextarea label {
-moz-transition: .2s;
-o-transition: .2s
}
.cInput.active .border {
width: 100%
}
.cInput.selected label {
bottom: 25px;
font-size: 13px !important;
color: #7e7e7e !important
}
.cInput.required span.requiredIcon, .cInput.wrong .errorMessage {
opacity: 1
}
.cInput.wrong .border {
background: #d50d0d;
width: 100%
}
.cTextarea {
position: relative;
padding-top: 12px
}
.cTextarea label {
font-size: 15px !important;
color: #575757 !important;
position: absolute;
top: 23px;
left: 24px;
transition: .2s
}
.cTextarea textarea {
border-radius: 0 !important;
border: none !important;
border-bottom: solid 2px #e1e1e1 !important;
color: #000 !important;
padding-left: 25px;
padding-top: 15px !important
}
.cTextarea textarea:focus + label {
top: 8px;
font-size: 13px !important;
color: #7e7e7e !important
}
.cTextarea input:focus + .border {
width: 100% !important
}
.cTextarea .border {
width: 0;
position: absolute;
bottom: 0;
height: 2px;
background: #000;
-webkit-transition: .2s;
transition: .2s
}
.cTextarea span.fa {
top: 25px;
position: absolute;
left: 0;
font-size: 15px;
color: #e1e1e1
}
.cTextarea span.requiredIcon {
position: absolute;
font-size: 16px;
color: #d50d0d;
right: 0;
top: 18px;
pointer-events: none;
opacity: 0
}
.cTextarea .errorMessage {
background: #d50d0d;
color: #fff;
font-size: 12px;
position: absolute;
bottom: -18px;
height: 20px;
padding: 0 5px;
opacity: 0;
pointer-events: none;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.cTextarea.active .border {
width: 100%
}
.cTextarea.selected label {
top: 8px;
font-size: 13px !important;
color: #7e7e7e !important
}
.cTextarea.required span.requiredIcon, .cTextarea.wrong .errorMessage {
opacity: 1
}
.cTextarea.wrong .border {
background: #d50d0d;
width: 100%
}
.cCheck .errorMessage {
color: #d50d0d;
font-size: 14px;
padding-left: 30px;
padding-bottom: 0;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
max-height: 0;
overflow: hidden
}
.cSelect .border, .cSelect label {
-moz-transition: .2s;
-o-transition: .2s
}
.cCheck.wrong .errorMessage {
max-height: none;
padding-bottom: 5px
}
.cSelect {
position: relative;
padding-top: 12px
}
.cSelect label {
font-size: 15px !important;
color: #575757 !important;
position: absolute;
bottom: 3px;
left: 24px;
-webkit-transition: .2s;
transition: .2s;
pointer-events: none
}
.cSelect .border, .cSelect .errorMessage {
position: absolute;
-webkit-transition: .2s
}
.cSelect select {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
border: none !important;
border-bottom: solid 2px #e1e1e1 !important;
color: #000 !important;
padding-left: 25px
}
.cSelect .border {
width: 0;
bottom: 0;
height: 2px;
background: #000;
transition: .2s
}
.cSelect .errorMessage, .mobileMenu {
-moz-transition: .2s;
-o-transition: .2s
}
.cSelect span.fa {
top: 25px;
position: absolute;
left: 0;
font-size: 15px;
color: #000;
z-index: 1;
}
.select2-container--default .select2-selection--multiple {
cursor: pointer;
}
.cSelect span.requiredIcon {
position: absolute;
font-size: 16px;
color: #d50d0d;
right: 0;
top: 23px;
pointer-events: none;
opacity: 0
}
.cSelect .errorMessage {
background: #d50d0d;
color: #fff;
font-size: 12px;
bottom: -18px;
height: 20px;
padding: 0 5px;
opacity: 0;
pointer-events: none;
transition: .2s
}
.cSelect.active .border {
width: 100%
}
.cSelect.selected label {
top: 3px;
font-size: 13px !important;
color: #7e7e7e !important
}
.cSelect.required span.requiredIcon, .cSelect.wrong .errorMessage {
opacity: 1
}
.cSelect.wrong .border {
background: #d50d0d;
width: 100%
}
.mobileMenu {
height: 100%;
background: #fff;
position: fixed;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
right: 0;
top: 0;
z-index: 9999;
width: 100%;
max-width: 360px;
overflow-y: auto;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
opacity: 0;
visibility: hidden;
-webkit-transition: .2s;
transition: .2s;
-ms-transform: translate(200px, 0);
-webkit-transform: translate(200px, 0);
transform: translate(200px, 0);
overflow-x: hidden
}
.loader, .mobileMenu.active {
-ms-transform: translate(0, 0)
}
.mobileMenu.active {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.mobileMenu .mobileHeader {
padding: 0 20px;
line-height: 84px;
position: relative;
border-bottom: solid 1px #e1e1e1;
height: 84px
}
.mobileMenu .mobileHeader .text {
font-size: 20px
}
.mobileMenu .mobileHeader a.close {
font-size: 20px;
position: absolute;
right: 20px;
top: 32px;
opacity: 1 !important
}
.mobileMenu .mobileHeader a.close span {
color: #000 !important;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.mobileMenu .mobileHeader a.close:hover span {
color: #7e7e7e !important
}
.mobileMenu .searchBox {
position: relative
}
.mobileMenu .searchBox input[type=text] {
border: none !important;
border-bottom: solid 1px #e1e1e1 !important;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
height: 42px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
font-size: 14px !important;
font-family: roboto_condensedregular;
width: 100%;
color: #000 !important
}
.mobileMenu .searchBox button[type=submit] {
position: absolute;
right: 20px;
width: auto;
height: 42px;
background: 0 0;
border: none;
color: #e1e1e1;
font-size: 18px;
padding: 3px 0 0 20px;
cursor: pointer;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
top: 0
}
.mobileMenu .menuList > ul, .mobileMenu .menuList > ul > li {
margin: 0;
padding: 0;
list-style: none
}
.mobileMenu .searchBox button[type=submit]:hover {
color: #000
}
.mobileMenu .menuList > ul > li {
border-bottom: solid 1px #e1e1e1
}
.mobileMenu .menuList > ul > li > a {
display: block;
padding: 10px 20px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 14px !important
}
.mobileMenu .menuList > ul > li > a > span {
display: inline-block;
vertical-align: 3px;
font-size: 12px;
margin-left: 3px;
opacity: 0
}
.mobileMenu .menuList > ul > li > a:hover {
color: #7e7e7e !important
}
.mobileMenu .menuList > ul > li .title {
font-size: 14px !important;
position: relative;
padding: 10px 20px
}
.mobileMenu .menuList > ul > li .list {
text-align: right;
padding: 6px 20px 6px 0
}
.mobileMenu .menuList > ul > li .list a {
display: inline-block;
/*margin: 1px 0;*/
/*font-size: 12px !important;*/
/*text-transform: uppercase;*/
/*font-family: roboto_condensedbold;*/
/*padding: 1px 8px;*/
/*-moz-border-radius: 13px;*/
/*-webkit-border-radius: 13px;*/
/*-o-border-radius: 13px;*/
/*border-radius: 13px;*/
/*border: 1px solid #e1e1e1*/
}
.mobileMenu .menuList > ul > li .list a.current {
background: #404040;
color: #fff;
border: 1px solid #404040
}
.mobileMenu .menuList .active > a, .mobileMenu .menuList .active > a > span, .mobileMenu .menuList > ul > li > ul > li > a:hover, .mobileMenu .menuList > ul > li > ul > li > ul > li > a:hover, .mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > a:hover {
color: #7e7e7e !important
}
.mobileMenu .menuList > ul > li > ul {
background: #f6f6f6;
margin: 0;
padding: 0;
list-style: none;
display: none
}
.mobileMenu .menuList > ul > li > ul > li {
margin: 0;
padding: 0;
list-style: none;
border-top: solid 1px #e1e1e1
}
.mobileMenu .menuList > ul > li > ul > li > a {
display: block;
padding: 10px 20px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 14px !important
}
.mobileMenu .menuList > ul > li > ul > li > a > span {
display: inline-block;
vertical-align: 3px;
font-size: 12px;
margin-left: 3px;
opacity: 0
}
.mobileMenu .menuList > ul > li > ul > li > ul {
background: #eee;
margin: 0;
padding: 0;
list-style: none;
display: none
}
.mobileMenu .menuList > ul > li > ul > li > ul > li {
margin: 0;
padding: 0;
list-style: none;
border-top: solid 1px #e1e1e1
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > a {
display: block;
padding: 10px 20px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 14px !important
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > a > span {
display: inline-block;
vertical-align: 3px;
font-size: 12px;
margin-left: 3px;
opacity: 0
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul {
background: #e8e8e8;
margin: 0;
padding: 0;
list-style: none;
display: none
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li {
margin: 0;
padding: 0;
list-style: none;
border-top: solid 1px #e1e1e1
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > a {
display: block;
padding: 10px 20px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 14px !important
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > a > span {
display: inline-block;
vertical-align: 3px;
font-size: 12px;
margin-left: 3px;
opacity: 0
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul {
background: #e8e8e8;
margin: 0;
padding: 0;
list-style: none;
display: none
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul > li {
margin: 0;
padding: 0;
list-style: none;
border-top: solid 1px #e1e1e1
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul > li > a {
display: block;
padding: 10px 20px;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 14px !important
}
.mobileMenu .menuList > ul > li > ul > li > ul > li > ul > li > ul > li > a > span {
display: inline-block;
vertical-align: 3px;
font-size: 12px;
margin-left: 3px;
opacity: 0
}
.mobileMenu .menuList .hasUl > a > span {
opacity: 1 !important
}
.mobileMenu .menuMobileCart span {
position: absolute;
display: inline-block;
right: 20px;
background: #ff5a00 !important;
color: #fff;
opacity: 1 !important;
height: 22px !important;
min-width: 22px !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
-o-box-sizing: border-box !important;
box-sizing: border-box !important;
padding: 0 5px !important;
text-align: center !important;
line-height: 22px !important;
font-family: roboto_condensedbold !important;
font-size: 12px !important;
-moz-border-radius: 11px !important;
-webkit-border-radius: 11px !important;
-o-border-radius: 11px !important;
border-radius: 11px !important;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.pagination {
padding-left: 0 !important
}
.pagination .page-item a {
color: #000 !important;
cursor: pointer !important
}
.pagination .page-item.active a {
background: #ff5a00 !important;
color: #fff !important;
border: 1px solid #ff5a00 !important
}
.loader {
color: #ff5a00;
font-size: 60px;
text-indent: -9999em;
overflow: hidden;
width: 1em;
height: 1em;
border-radius: 50%;
-webkit-animation: load 1.7s infinite ease, round 1.7s infinite ease;
animation: load 1.7s infinite ease, round 1.7s infinite ease;
top: 50%;
left: 50%;
z-index: 9999999 !important;
pointer-events: none;
margin: -30px 0 0 -30px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
opacity: 1;
position: fixed
}
.loader.hide {
opacity: 0
}
.jscrollLoader {
text-align: center;
opacity: 1;
position: relative;
padding: 30px 0;
font-size: 21px !important;
color: #000 !important
}
.jscrollLoader.hide {
opacity: 0
}
.jscrollLoader div {
padding-left: 60px;
position: relative;
display: inline-block
}
.jscrollLoader div span {
position: absolute;
left: 0;
top: 0;
font-size: 10px;
text-indent: -9999em;
width: 26px;
height: 26px;
border-radius: 50%;
background: #ff5a00;
background: -moz-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #ff5a00 10%, rgba(255, 255, 255, 0) 42%);
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.jscrollLoader div span:before {
width: 50%;
height: 50%;
background: #ff5a00;
border-radius: 100% 0 0;
position: absolute;
top: 0;
left: 0;
content: ''
}
.jscrollLoader div span:after {
background: #fff;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.zoomContainer, .zoomContainer .zoomWindow {
width: 450px !important;
height: 450px !important
}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important
}
.alert {
font-size: 14px
}
.alert.alert-danger {
color: #d50d0d;
background: 0 0
}
.zoomContainer {
z-index: 1;
opacity: 0;
visibility: hidden
}
.zoomContainer.current {
z-index: 9;
opacity: 1;
visibility: visible
}
.zoomContainer:first-of-type {
z-index: 5
}
.zoomLens {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}
.zoomContainer .zoomWindow {
margin-left: 65px !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-o-border-radius: 3px !important;
border-radius: 3px !important
}
@-webkit-keyframes load {
0%, 100%, 5%, 95% {
box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
10%, 59% {
box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
}
20% {
box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
}
38% {
box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
}
}
@keyframes load {
0%, 100%, 5%, 95% {
box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
10%, 59% {
box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
}
20% {
box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
}
38% {
box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
}
}
@-webkit-keyframes round {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes round {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes load3 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@media screen and (max-width: 1980px) {
.header .search {
width: 380px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content {
width: 40%;
margin-left: 90px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
font-size: 52px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
font-size: 32px;
margin-top: 20px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
padding-top: 30px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
font-size: 18px
}
.zoomContainer, .zoomContainer .zoomWindow {
width: 385px !important;
height: 385px !important
}
}
@media screen and (max-width: 1439px) {
.header .row .col:nth-child(3) {
display: none;
}
}
@media screen and (max-width: 1599px) {
.header .row .col .search {
margin-right: 5px
}
.header .row .col .lang {
border-left: 0
}
.mainMenu .categories .dropdown .btn {
padding: 13px 35px 0 25px
}
.mainMenu .categories .dropdown .btn::after {
right: 20px
}
.mainMenu .categories .dropdown-menu {
width: 275px !important
}
.mainMenu .categories .dropdown-menu > li {
padding: 2px 17px 2px 25px !important
}
.mainMenu .nav ul {
margin: 0;
list-style: none;
padding: 0 13px
}
.mainMenu .nav ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
vertical-align: middle
}
.mainMenu .nav ul li a {
display: block;
padding: 0 8px;
line-height: 70px;
font-size: 16px;
font-family: roboto_condensedregular;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
text-transform: uppercase;
color: #000
}
.homeSlider .slider .nextArea, .homeSlider .slider .prevArea, .productDetailsCloseInfo, .stepsContent .contactCloud {
display: none
}
.mainMenu .nav ul li a:hover {
color: #7e7e7e
}
.mainMenu .nav ul li a span {
font-size: 18px;
margin-right: 8px;
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content {
width: 50%;
margin-left: 15px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
font-size: 42px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
font-size: 24px;
margin-top: 20px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
padding-top: 30px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
font-size: 16px
}
.filterBox .row1 .column {
width: 25%
}
.filterBox .row2 .tags {
width: 50%
}
.filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
width: 25%
}
.productsList ul.min li {
width: 12.5%
}
.productsList ul.big li {
width: 33.33%
}
.sidePadding {
padding: 0 30px
}
.articlePage .articleContent .categoriesRow .item {
width: 33.3%
}
.producentsList ul li {
width: 20%
}
.zoomContainer, .zoomContainer .zoomWindow {
width: 265px !important;
height: 265px !important
}
}
@media screen and (max-width: 1439px) {
body, html {
font-size: 16px
}
.mainHeadline h1 span.title,
.mainHeadline h3 span.title {
font-size: 24px;
padding: 0 15px;
bottom: -12px;
letter-spacing: 5px
}
.productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover, .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover {
top: -25px !important;
bottom: -25px !important;
right: -30px !important;
left: -30px !important
}
.articlePage .articleContent h1.letterSpacing, .articlePage .articleContent h2.letterSpacing, .articlePage .articleContent h2.letterSpacing{
letter-spacing: 4px
}
.producentsList ul li {
width: 25%
}
.productsList ul.min li {
width: 12.5%
}
.productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 25px 30px 0 !important
}
.productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .title, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 30px !important
}
.productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .button, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .button {
padding-right: 10px !important;
padding-left: 10px !important
}
.productsList ul.min li:nth-child(4n+1) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(4n+2) .item.withOptions .itemHover .button a, .productsList ul.min li:nth-child(4n+3) .item.withOptions .itemHover .button a {
font-size: 14px !important;
padding: 5px 8px !important
}
.productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 25px 30px 0 !important
}
.productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 30px !important
}
.productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .button {
padding-right: 10px !important;
padding-left: 10px !important
}
.productsList ul.min li:nth-child(4n+4) .item.withOptions .itemHover .button a {
font-size: 14px !important;
padding: 5px 8px !important
}
.productsList ul li, .productsList ul.big li, .productsList ul.default li {
width: 25%
}
.productsList ul li .item .title a {
font-size: 18px
}
.productsList ul li .item .price {
font-size: 16px
}
.productsList ul li .item .price span.main {
font-size: 28px
}
.productsList ul li .item .price span.index {
font-size: 18px
}
.productsList ul li .item .itemHover .availability {
font-size: 16px
}
.productsList ul li .item .itemHover .options {
width: 84px;
min-height: 267px !important
}
.productsList ul li .item .itemHover .options .slideThumb span {
width: 82px;
height: 82px
}
.productsList ul li .item .itemHover .options .slideThumb span img {
width: 80px;
height: 80px
}
.productsList ul li:nth-child(4n+1) .item.withOptions .itemHover, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover {
left: -30px !important;
right: -100px !important
}
.productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 100px 0 30px !important
}
.productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .title, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .title, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 100px !important
}
.productsList ul li:nth-child(4n+1) .item.withOptions .itemHover .options, .productsList ul li:nth-child(4n+2) .item.withOptions .itemHover .options, .productsList ul li:nth-child(4n+3) .item.withOptions .itemHover .options {
left: auto !important;
right: 30px !important
}
.productsList ul li:nth-child(4n+4) .item.withOptions .itemHover {
right: -30px !important;
left: -100px !important
}
.productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 30px 0 100px !important
}
.productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .button, .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .price, .productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .title {
padding-right: 30px !important;
padding-left: 100px !important
}
.productsList ul li:nth-child(4n+4) .item.withOptions .itemHover .options {
left: 30px !important;
right: auto !important
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
font-size: 36px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
font-size: 20px;
margin-top: 20px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
padding-top: 30px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
font-size: 16px
}
.selectWrapper {
bottom: -5px !important
}
.sidePadding {
padding: 0
}
.articlePage .articleContent h1,
.articlePage .articleContent h3 {
font-size: 22px
}
.articlePage .articleContent h2 {
font-size: 20px
}
.articlePage .articleContent h3.letterSpacing, .articlePage .articleContent h4.letterSpacing {
letter-spacing: 3px
}
.articlePage .articleContent h3 {
font-size: 18px
}
.articlePage .articleContent h4 {
font-size: 16px
}
.articlePage .articleContent h5.letterSpacing, .articlePage .articleContent h6.letterSpacing {
letter-spacing: 2px
}
.articlePage .articleContent h5 {
font-size: 14px
}
.articlePage .articleContent h6 {
font-size: 12px
}
.articlePage .articleContent table.tableOrders tbody tr td, .articlePage .articleContent table.tableOrders thead tr th {
padding: 12px 17px;
font-size: 16px
}
.articlePage .articleContent table.tableOrders tbody tr td.buttonColumn .btn-black {
font-size: 16px !important
}
.articlePage .articleContent table.tableOrders tfoot tr td {
font-weight: 400;
font-size: 16px;
font-family: roboto_condensedbold;
background: #f6f6f6;
padding: 12px 127px 12px 17px
}
.addedToCart .addedToCartContainer .addedToCartMainArea {
max-width: 90%
}
}
@media screen and (max-width: 1199px) {
.header .row .col:nth-child(4), .header .row .col:nth-child(5), .header .row .col:nth-child(6), .header .row .col:nth-child(7), .header .row .col:nth-child(8), .scrollToTop {
display: none
}
.cartHeader, .header {
padding: 15px 0
}
.header {
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}
.header .container {
width: auto !important
}
.header .search {
width: 380px;
margin-right: 20px !important
}
.header .hamburger {
display: block
}
.cartHeader .threeSteps {
width: 320px;
margin-left: -160px
}
.logo {
padding: 0;
max-width: 200px
}
.logo img {
max-height: 45px
}
.order {
padding-right: 20px
}
.mainMenu {
display: none
}
.mainView {
padding-top: 80px
}
.productsList ul.min li {
width: 16.6666%
}
.productsList ul.big li {
width: 50%
}
.producentsList ul li {
width: 33.33%
}
.footer .footerBottom .row {
padding: 0
}
.footer .footerBottom .container, .footer .newsletter .container {
width: auto
}
.footer .newsletter .container ul.social {
position: relative;
right: auto;
bottom: auto;
text-align: center;
padding-top: 25px
}
.productDetails {
padding: 0 30px 100px
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer {
width: 97px;
height: 97px
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
width: 95px;
height: 95px
}
.filterBox .row1 .column {
width: 33%
}
.filterBox .row2 .tags {
width: 100%;
float: none
}
.filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
width: 33%
}
/*.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow {*/
/* max-height: 0 !important;*/
/* opacity: 0*/
/*}*/
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow {
padding: 5px 0
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow {
font-size: 18px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb {
padding: 17px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb a img {
max-width: 100px;
max-height: 100px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title {
padding: 12px 17px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .count, .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price {
padding: 12px 17px;
white-space: nowrap
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price span {
font-size: 12px
}
.zoomContainer {
display: none !important
}
.productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover {
left: -30px !important;
right: -100px !important
}
.productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 100px 0 30px !important
}
.productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 100px !important
}
.productsList ul.big li:nth-child(2n+1) .item.withOptions .itemHover .options {
left: auto !important;
right: 30px !important
}
.productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover {
right: -30px !important;
left: -100px !important
}
.productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 30px 0 100px !important
}
.productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .button, .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .icons, .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .price, .productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .title {
padding-right: 30px !important;
padding-left: 100px !important
}
.productsList ul.big li:nth-child(2n+2) .item.withOptions .itemHover .options {
left: 30px !important;
right: auto !important
}
}
@media screen and (max-width: 989px) {
.cartHeader .threeSteps .label, .header .search, .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h2 {
display: none
}
.articlePage .articleContent h1.letterSpacing, .articlePage .articleContent h2.letterSpacing, .articlePage .articleContent h3.letterSpacing{
letter-spacing: 3px
}
body, html {
font-size: 14px
}
.cartHeader .threeSteps {
width: 180px;
margin-left: -90px;
top: 10px
}
.mainHeadline h1 span.title,
.mainHeadline h3 span.title {
font-size: 21px
}
.mobileMenu .mobileHeader {
line-height: 76px;
height: 76px
}
.mobileMenu .mobileHeader a.close {
top: 28px
}
.header {
padding: 10px 0
}
.search input[type=text] {
height: 45px;
padding: 0 20px;
font-size: 14px
}
.search button[type=submit] {
height: 46px;
font-size: 24px
}
.cart {
border-left: 0 !important
}
.mainView {
padding-top: 75px
}
.cartHeader {
padding: 10px 0
}
.cartHeader .back .btn {
width: auto
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content {
width: auto;
text-align: center;
margin: 0
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
font-size: 36px
}
.footer .footerButton, .filterButton, .homeSlider .slider .slick-dots, .homeSlider .slider .slick-next, .homeSlider .slider .slick-prev, .producentsList ul li .itemHover, .productsList ul li .item .itemHover, .productsList ul li:nth-child(3n+1) .item.withOptions .itemHover, .productsList ul li:nth-child(3n+2) .item.withOptions .itemHover, .productsList ul li:nth-child(3n+3) .item.withOptions .itemHover, .productsList ul.min li:nth-child(3n+1) .item.withOptions .itemHover, .productsList ul.min li:nth-child(3n+2) .item.withOptions .itemHover, .productsList ul.min li:nth-child(3n+3) .item.withOptions .itemHover {
display: none !important
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
padding-top: 15px !important
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button .btn {
border: 2px solid #fff;
padding: 10px 20px
}
.producentsList ul li {
width: 50%
}
.productsList ul.min li {
width: 25%
}
.productsList ul.default li {
width: 33.33%
}
.productsList ul.big li {
width: 50%
}
.productsList ul li {
width: 33.33%
}
.filterBox .row1 .column, .filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
width: 50%
}
.paddingLeft, .paddingSides {
padding: 30px 0
}
.selectWrapper {
bottom: -8px !important
}
.footer .footerBottom .container .row {
display: block !important
}
.footer .footerBottom .container .row > div {
float: none !important;
width: 100% !important;
display: block !important;
max-width: none !important;
text-align: center
}
.footer .footerBottom ul {
padding-bottom: 30px
}
.footer .footerBottom ul li {
float: none;
width: auto
}
.footer .footerBottom ul li a {
padding-right: 0;
display: inline-block
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer {
width: 67px;
height: 67px
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
width: 65px;
height: 65px
}
.productPage .nav-tabs {
display: block !important
}
.productPage .nav-tabs .nav-item {
margin-right: 0 !important;
float: none !important
}
.productPage .nav-tabs .nav-item a {
display: none !important
}
.productPage .nav-tabs .nav-item a.active {
display: block !important;
text-align: left !important;
pointer-events: none !important
}
.articlePage .articleContent h1,
.articlePage .articleContent h3 {
font-size: 20px
}
.articlePage .articleContent h2 {
font-size: 18px
}
.articlePage .articleContent h3.letterSpacing, .articlePage .articleContent h4.letterSpacing {
letter-spacing: 2px
}
.articlePage .articleContent h3 {
font-size: 16px
}
.articlePage .articleContent h4 {
font-size: 14px
}
.articlePage .articleContent h5, .articlePage .articleContent h6 {
font-size: 12px
}
.articlePage .articleContent h5.letterSpacing, .articlePage .articleContent h6.letterSpacing {
letter-spacing: 1px
}
.articlePage .articleContent .categoriesRow .item {
width: 50%
}
.articlePage .articleContent .categoriesRow .item .categoryName {
font-size: 18px !important
}
.articlePage .articleContent table.tableOrders thead {
display: none
}
.articlePage .articleContent table.tableOrders tbody {
display: block;
width: 100%
}
.articlePage .articleContent table.tableOrders tbody tr {
display: block;
border-bottom: solid 1px #e1e1e1;
position: relative;
padding: 10px 0;
width: 100%
}
.articlePage .articleContent table.tableOrders tbody tr td {
border: none !important;
display: block;
text-align: center;
width: 100%
}
.articlePage .articleContent table.tableOrders tbody tr td .item {
display: block
}
.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer {
display: block;
padding: 0 0 5px;
width: auto
}
.articlePage .articleContent table.tableOrders tbody tr td .item .thumbContainer a img {
max-height: 100px;
max-width: 100px
}
.articlePage .articleContent table.tableOrders tbody tr td .item .title {
display: block;
padding-top: 10px
}
.articlePage .articleContent table.tableOrders tbody tr td .item .title a {
font-family: roboto_condensedbold
}
.articlePage .articleContent table.tableOrders tbody tr td a.remove {
position: absolute;
right: 20px;
top: 20px
}
.articlePage .articleContent table.tableOrders tbody tr td.columnCount, .articlePage .articleContent table.tableOrders tbody tr td.columnDate, .articlePage .articleContent table.tableOrders tbody tr td.columnNumber, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice, .articlePage .articleContent table.tableOrders tbody tr td.columnValue {
position: relative
}
.articlePage .articleContent table.tableOrders tbody tr td.columnCount .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnDate .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnNumber .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnPrice .mobileLabel, .articlePage .articleContent table.tableOrders tbody tr td.columnValue .mobileLabel {
display: inline-block !important
}
.articlePage .articleContent table.tableOrders tfoot, .articlePage .articleContent table.tableOrders tfoot tr {
border: none;
display: block;
text-align: center;
width: 100%
}
.articlePage .articleContent table.tableOrders tfoot tr td {
border: none;
display: block;
width: 100%;
text-align: center;
padding: 12px 17px
}
.articlePage .articleContent table.tableOrders tfoot tr td .discountText {
display: block !important;
font-size: 14px !important;
padding-bottom: 20px !important
}
.articlePage .articleContent table.tableOrders tfoot tr td.discountCode {
padding-bottom: 0 !important
}
.articlePage .articleContent .contactRow2 .col-xl-4 {
float: left !important;
width: 33.33% !important
}
.productTabsHeader {
text-align: center
}
}
@media screen and (max-width: 767px) {
.cartHeader .threeSteps, .productTabsHeader {
display: none
}
.header .search {
width: 280px
}
.logo {
padding: 0;
max-width: 180px
}
.logo img {
max-height: 35px
}
.homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content h1 {
font-size: 28px
}
.productDetails .productGallery {
padding-bottom: 45px;
padding-right: 0
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer {
width: 105px;
height: 105px
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
width: 102px;
height: 102px
}
.cartSteps .step .stepContent .discountCode form {
text-align: right;
padding-bottom: 30px
}
.cartSteps .step .stepContent .discountCode button {
top: auto;
width: 45px;
right: 0;
position: relative
}
.cartSteps .step .stepContent .discountCode button:hover {
background: #ff5a00 !important
}
.producentsList ul li {
width: 50%
}
.cartHeader {
position: relative
}
.cart .dropdown.show .dropdown-menu, .zoomContainer {
display: none !important
}
.mainView {
padding-top: 55px
}
.mainView.cartView {
padding-top: 0 !important
}
.cart .dropdown > .btn {
padding: 0 20px !important
}
.cart .dropdown.show > .btn {
-webkit-box-shadow: 0 0 0 0 transparent !important;
-moz-box-shadow: 0 0 0 0 transparent !important;
box-shadow: 0 0 0 0 transparent !important
}
}
@media screen and (max-width: 599px) {
.productDetails .productGallery .full .fullSlide .fullSlideContainer img, .productPage .full .fullSlide .fullSlideContainer img {
max-height: 360px !important
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .title {
float: none;
font-size: 15px;
padding: 5px 0;
text-align: center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow {
float: none;
text-align: center;
/*display: none*/
}
.addedToCart .addedToCartContainer .addedToCartMainArea .top .closeWindow a {
width: 100%;
margin-top: 10px;
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .closeWindow {
padding: 0 0 10px;
float: none;
text-align: center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton {
float: none;
text-align: center
}
.addedToCart .addedToCartContainer .addedToCartMainArea .bottom .openCartButton a {
width: auto
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow {
display: block;
text-align: center;
font-size: 16px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .thumb {
display: block
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title, .addedToCart .addedToCartContainer .addedToCartMainArea .productRow .prices {
display: block;
padding: 0 17px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .title a {
font-family: roboto_condensedbold
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .count {
display: block;
padding: 2px 17px
}
.addedToCart .addedToCartContainer .addedToCartMainArea .productRow .price {
display: block;
padding: 2px 17px 10px
}
.mainHeadline h1,
.mainHeadline h3 {
border: none
}
.mainHeadline h1 span.title,
.mainHeadline h3 span.title {
font-size: 19px;
display: block;
line-height: 24px
}
.mobileMenu .mobileHeader {
line-height: 67px;
height: 67px
}
.mobileMenu .mobileHeader a.close {
top: 25px
}
.productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover, .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover {
top: -25px !important;
bottom: -25px !important;
right: -30px !important;
left: -30px !important
}
.header .search, .homeSlider .slider .slideContentMask .slideContent .slideContentContainer .content .button {
display: none
}
.productDetails .nav a, .productDetails .nav-tabs {
display: block !important
}
.producentsList ul li {
width: 100%
}
.productsList ul.min li {
width: 33.33%
}
.productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 25px 30px 0 !important
}
.productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 30px !important
}
.productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .button {
padding-right: 10px !important;
padding-left: 10px !important
}
.productsList ul.min li:nth-child(2n+1) .item.withOptions .itemHover .button a {
font-size: 14px !important;
padding: 5px 8px !important
}
.productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 25px 30px 0 !important
}
.productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .price, .productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 30px !important
}
.productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .button {
padding-right: 10px !important;
padding-left: 10px !important
}
.productsList ul.min li:nth-child(2n+2) .item.withOptions .itemHover .button a {
font-size: 14px !important;
padding: 5px 8px !important
}
.productsList ul.default li {
width: 50%
}
.productsList ul.big li {
width: 100%
}
.productsList ul li {
width: 50%
}
.productsList ul li .item .itemHover.active {
opacity: 0 !important;
pointer-events: none
}
.productsList ul li .item .itemHover .options {
top: 45px;
width: 74px;
min-height: 237px !important
}
.productsList ul li .item .itemHover .options .slideThumb span {
width: 72px;
height: 72px
}
.productsList ul li .item .itemHover .options .slideThumb span img {
width: 70px;
height: 70px
}
.productsList ul li .item .thumb a {
-webkit-transition: .2s !important;
-moz-transition: .2s !important;
-o-transition: .2s !important;
transition: .2s !important
}
.productsList ul li .item .thumb a:hover {
opacity: .8 !important
}
.productsList ul li:nth-child(2n+1) .item.withOptions .itemHover.active, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover.active {
opacity: 0 !important
}
.productsList ul li:nth-child(2n+1) .item.withOptions .itemHover {
left: -30px !important;
right: -100px !important
}
.productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 100px 0 30px !important
}
.productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 100px !important
}
.productsList ul li:nth-child(2n+1) .item.withOptions .itemHover .options {
left: auto !important;
right: 30px !important
}
.productsList ul li:nth-child(2n+2) .item.withOptions .itemHover {
right: -30px !important;
left: -100px !important
}
.productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 30px 0 100px !important
}
.productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .button, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .price, .productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .title {
padding-right: 30px !important;
padding-left: 100px !important
}
.productsList ul li:nth-child(2n+2) .item.withOptions .itemHover .options {
left: 30px !important;
right: auto !important
}
.productDetails .nav a {
margin-right: 0;
width: 100%
}
.filterBox .row1 .column, .filterBox .row2 .itemSizesSlider, .filterBox .row2 .sort {
width: 100%;
float: none
}
.footer .newsletter form {
width: 100%
}
.productDetails .productGallery {
padding-bottom: 45px;
padding-right: 0
}
.productDetails .productGallery .full, .productPage h1.title {
padding-bottom: 25px !important
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer {
width: 67px;
height: 67px
}
.productDetails .productGallery .thumbs .slick-slide .thumbContainer img {
width: 65px;
height: 65px
}
.productDetails .productGallery .full .fullSlide .fullSlideContainer, .productPage .full .fullSlide .fullSlideContainer {
height: 360px !important
}
.productDetails .nav-tabs .nav-item {
margin-right: 0 !important;
float: none !important
}
.productDetails .nav-tabs .nav-item a {
display: none !important
}
.productDetails .nav-tabs .nav-item a.active {
display: block !important;
text-align: left !important;
pointer-events: none !important
}
.productPage .thumbs {
opacity: 0;
pointer-events: none
}
.productPage .full {
margin: 0 10px 30px 20px !important
}
.productPage .full .slick-prev {
left: 0 !important
}
.productPage .full .slick-next {
right: 0 !important
}
.tab-content .tab-pane table tr {
display: block;
padding: 0 0 35px !important
}
.tab-content .tab-pane table tr td {
display: block !important;
width: 100% !important;
padding: 0 !important
}
.tab-content .tab-pane table tr td .mobileLabel {
display: block
}
.tab-content .tab-pane table tr th {
display: none
}
.tab-content .tab-pane table thead {
display: none !important
}
.articlePage .articleContent .contactRow2 .col-xl-4 {
float: none !important;
width: 100% !important
}
.articlePage .articleContent .contactRow2 .row.headquarters {
float: left !important;
width: 50% !important;
display: block !important;
margin: 0 !important
}
.articlePage .articleContent .contactRow2 .row.headquarters > col {
display: block !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
width: auto !important
}
.slick-list {
pointer-events: none !important
}
}
@media screen and (max-width: 459px) {
.cart .dropdown > .btn {
width: 65px !important;
padding: 0 10px !important
}
.cart .dropdown > .btn .cartContainer {
height: 36px
}
.cart .dropdown > .btn .cartContainer .quantity, .cart .dropdown > .btn .cartContainer .value {
display: none
}
.cart .dropdown > .btn .cartCount {
display: block
}
.cart .dropdown > .btn .cartCount:hover {
opacity: .7
}
.productDetails .productGallery .thumbs {
display: none
}
.productDetails .productGallery .full {
padding-bottom: 45px
}
.productDetails .productGallery .full .fullSlide .fullSlideContainer {
height: 360px
}
.productDetails .productGallery .full .fullSlide .fullSlideContainer img {
max-height: 360px
}
.cartHeader .back .btn {
padding: 8px 13px !important
}
.cartHeader .back .btn span {
display: none !important
}
.articlePage .articleContent .categoriesRow .item {
width: 100%
}
.articlePage .articleContent .categoriesRow .item .categoryName {
font-size: 16px !important;
padding-bottom: 0 !important
}
.articlePage .articleContent .categoriesRow .item > ul {
padding-top: 10px !important;
padding-bottom: 0 !important
}
.articlePage .articleContent .categoriesRow .item ul {
display: none
}
}
@media screen and (max-width: 379px) {
.header .row .col:nth-last-child(2) {
display: none
}
.productsList ul.min li {
width: 50%
}
.productsList ul li, .productsList ul.big li, .productsList ul.default li {
width: 100%
}
.productsList ul.min li .item {
margin: 0 15px !important
}
.productsList ul li .item, .productsList ul.big li .item, .productsList ul.default li .item {
margin: 0 !important
}
.productsList ul li:nth-child(1n+1) .item.withOptions .itemHover {
left: -30px !important;
right: -30px !important
}
.productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .hoverThumb .hoverThumbContainer {
padding: 50px 30px 0 !important
}
.productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .button, .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .icons, .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .price, .productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .title {
padding-left: 30px !important;
padding-right: 30px !important
}
.productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .options {
display: none !important
}
.productsList ul li:nth-child(1n+1) .item.withOptions .itemHover .availability {
left: 20px !important;
right: 20px !important;
text-align: center !important
}
.productDetails .productGallery .full .fullSlide .fullSlideContainer {
height: 280px
}
.productDetails .productGallery .full .fullSlide .fullSlideContainer img {
max-height: 280px
}
.paddingLeft {
padding: 0 0 30px !important
}
}
@media screen and (max-height: 719px) {
.addedToCart .addedToCartContainer .addedToCartMainArea .recommendedRow {
max-height: 0 !important;
opacity: 0
}
}
.c-tags {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.show-more {
border: none;
background: transparent;
font-family: roboto_condensedregular;
font-size: 13px;
color: #575757;
padding: 0;
cursor: pointer;
}
.float-r {
width: 100%;
}
.float-r .btn-black,
.float-r .sort,
.float-r .itemSizesSlider {
float: right;
}
.float-r .itemSizesSlider {
padding-top: 0 !important;
padding-bottom: 0 !important;
width: auto !important;
}
.float-r .list-option label,
.float-r .sort label,
.float-r .itemSizesSlider label {
width: 100%;
display: block;
font-weight: 400;
color: #8f8f8f;
font-size: 13px;
text-align: left;
margin: 0;
}
.float-r .itemSizesSlider label {
margin-bottom: 20px;
}
.float-r .btn-black {
margin-top: 30px;
}
.bg-row {
border: 1px solid #e2e2e2;
background: #fff;
padding: 0 5px 12px 5px;
}
.fix-content {
width: 100% !important;
}
.fix-content .col-xl-3 {
float: left;
}
.category-list {
background: #fff;
border: 1px solid #e2e2e2;
padding: 15px;
margin-right: 9px;
position: relative;
}
.parametersShell {
position: relative;
}
.parametersShell #filterParametersPlaceholder {
display: none;
}
.parametersShell #filterParametersPlaceholder.active {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 123123;
height: 100%;
padding-left: 30px;
}
.parametersShell #expandParameters, .parametersShell #expandSorting{
display: none;
}
@media screen and (max-width: 768px) {
.parametersShell #filterParametersContent {
display: none;
}
.productsSearchHideMobile {
display: none !important;
}
#productSearchMobile {
display:block !important;
}
.parametersShell #expandParameters, .parametersShell #expandSorting {
display: inline-block;
float: right;
padding: .5rem 1rem;
margin-top: 10px;
}
.parametersShell .list-title {
display: inline-block;
}
}
.category-list #filterCategoriesPlaceholder {
display: none;
}
.category-list #filterCategoriesPlaceholder.active {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 123123;
height: 100%;
padding-left: 30px;
}
.category-list .list-title {
margin-bottom: 10px;
}
.list-title {
font-weight: 400;
font-size: 14px;
color: #575757;
}
.row1 .list-title {
margin-top: 15px;
}
.category-list ul {
list-style-type: none;
padding: 0 0 0 15px;
margin: 0;
overflow: hidden;
}
.category-list ul.children {
padding: 0 0 0 30px;
}
.category-list ul li {
line-height: 22px;
}
.category-list ul li a {
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #575757;
position: relative;
}
.category-list ul li.arrow > a:before {
content: "\f104";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: -10px;
top: 3px;
}
.category-list ul li a span {
font-size: 13px;
color: #8b8b8b;
}
.category-list ul li.active > a {
font-weight: 600;
}
.category-list ul li.active > a:before,
.category-list ul ul a:before {
display: none;
}
.category-list ul li a:hover,
.category-list ul li a:focus,
.category-list ul li a:active {
color: #010101;
text-decoration: underline !important;
}
.show-more-cats {
padding: 0 15px;
}
.show-more-cats p {
font-weight: 400;
font-size: 15px;
color: #575757;
margin: 0;
height: 22px;
overflow: hidden;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.show-more-cats.open p {
height: 0;
}
.show-more-cats a {
font-family: roboto_condensedregular;
font-size: 13px;
color: #575757;
font-weight: 400;
}
.show-more-cats a i,
.show-more i {
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
vertical-align: middle;
display: inline-block;
background: url("../images/arrow_down_new.png") center no-repeat;
width: 9px;
height: 5px;
}
.show-more-cats.open a i,
.show-more i {
-moz-transform: scale(1, -1);
-o-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.show-more.collapsed i {
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.filterBox .sliderWrapper.selectWithColors .gradient {
display: none;
}
.custom-padding {
padding-top: 17px;
}
@media (max-width: 767px) {
.category-list {
margin: 0 -15px 10px -15px;
}
.category-list ul li {
line-height: 26px;
}
.category-list ul li a {
font-size: 16px;
}
.show-more-cats {
display: none;
}
.category-list ul {
height: auto !important;
overflow: visible;
}
.float-r {
position: relative;
}
.float-r .sort {
margin-bottom: 10px;
}
.float-r .sort, .float-r .itemSizesSlider {
float: left !important;
}
}
@media (max-width: 599px) {
.float-r {
position: relative;
}
.float-r .btn-black {
margin: 0;
position: absolute;
right: 15px;
bottom: 0;
z-index: 99999;
}
.float-r .sort label {
margin-bottom: -15px;
}
.float-r .itemSizesSlider label {
margin-bottom: 9px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.float-r {
position: relative;
padding-bottom: 66px;
}
.float-r .btn-black {
margin: 0;
position: absolute;
right: 15px;
bottom: 0;
z-index: 99999;
}
.float-r .sort, .float-r .itemSizesSlider {
width: 50% !important;
text-align: left !important;
}
.list-option {
width: 50%;
padding: 0 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.float-r {
position: relative;
padding-bottom: 66px;
}
.float-r .btn-black {
margin: 0;
position: absolute;
right: 15px;
bottom: 0;
z-index: 99999;
}
.float-r .sort, .float-r .itemSizesSlider {
width: 50% !important;
text-align: left !important;
}
.list-option {
width: 50% !important;
padding: 0 15px;
margin-top: 15px;
}
}
.cd-popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 2000;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
position: relative;
width: 90%;
max-width: 400px;
margin: 4em auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cd-popup-container .message .danger {
color: #d50d0d;
}
.cd-popup-container p {
padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-popup-container .cd-buttons li {
float: left;
width: 100%;
list-style: none;
}
.cd-popup-container .cd-buttons a {
display: block;
height: 60px;
line-height: 60px;
text-transform: uppercase;
color: #FFF;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
.cd-popup-container .cd-buttons a.left {
float: left;
width: 50%;
border-radius: 0;
border-bottom-left-radius: 3px;
}
.cd-popup-container .cd-buttons a.right {
background: #fc7169;
float: right;
width: 50%;
}
.no-touch .cd-popup-container .cd-buttons a:hover {
background-color: #fc8982;
}
.cd-popup-container .cd-buttons a {
background: #b6bece;
border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons a:hover {
background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.cd-popup-container .cd-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.is-visible .cd-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
.cd-popup-container {
margin: 8em auto;
}
}
.img-replace {
/* replace text with an image */
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
.categories-list-div {
margin-top: 17px;
}
/*---------------Product Alternative View(List)---------------*/
#product-hover {
display:none;
}
#list-products-view-li {
display: block !important;
width: 100% !important;
}
#list-products-view-div {
width: 100%;
height: auto;
text-align: left;
}
.productListMainPage ul li .item {
margin-left: 13%;
}
#product-image-div {
height: 50px !important;
width: 80px !important;
float: left;
margin-top: 15px;
}
#product-title {
width: 35% !important;
padding-left: 20px;
text-align: right;
}
#product-image {
width: 50px;
height: 50px;
}
#product-icons {
padding-top: 40px;
width: 0;
}
#product-price {
width: 250px;
text-align: right;
}
#product-title, #product-icons, #product-description, #product-price {
display: inline-block;
}
#add-to-cart-section-button {
margin-bottom: 20px;
}
.add-to-cart-section {
display: inline-block;
padding-left: 2%;
}
#input-products-count {
width: 15%;
padding-left: 20px;
}
/*.addToCart {*/
/* margin-left: 3%;*/
/*}*/
#upload_submit {
background: #db291d !important;
}
#upload_submit:hover {
background: #000 !important;
}
.list-option {
float: right;
width: 100px;
/*text-align: right;*/
/*margin-top: 3.2%;*/
}
.filterBox .row2 .itemSizesSlider .column.icon:first-of-type {
padding-left: 0px;
}
.list-option label {
margin-bottom: 20px !important;
}
.list-option a:first-of-type {
margin-left: 2px;
}
.list-option i {
color: #8f8f8f;
margin-right: 10px;
/*margin-left: 10px;*/
}
.list-option a:hover {
/*position: relative;*/
/*bottom: 1px;*/
}
.productsList ul li .item .description {
font-size: 14px;
line-height: 16px !important;
min-width: 150px;
}
.add-to-cart-section .addToCart {
margin-left: 0 !important;
}
.a-product-title {
display: block !important;
}
.product-list-touch-spin-div {
max-width: 50px;
padding: 0 0 0 20px;
}
.description-list-view {
margin-left: 50px !important;
}
.description-list-view .input-group {
bottom: 10px;
}
.product-list-button {
margin-bottom: 10%;
}
@media (max-width: 1920px) {
.list-option {
/*margin-top: 3.5%;*/
}
}
@media (max-width: 1730px) {
#product-title {
width: 30% !important;
}
}
@media (max-width: 1600px) {
.shopcart-info {
padding-top: 1.5% !important;
font-size:13px !important;
}
}
@media (max-width: 1561px) {
#product-title {
width: 25% !important;
}
.productsList ul li .item .title a {
font-size: 15px !important;
}
#product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
font-size: 20px;
}
#product-price .showDetails .text-error .index, #product-price .showDetails .text-error .index {
font-size: 15px;
}
#product-price {
width: 200px;
}
.add-to-cart-section .product-list-button {
font-size: 12px !important;
}
.list-option {
/*margin-top: 4.3%;*/
}
}
@media (max-width: 1405px) {
#product-title {
width: 20% !important;
}
}
@media (max-width: 1293px) {
#product-title {
width: 20% !important;
}
}
@media (max-width: 1199px) {
#product-title {
width: 15% !important;
}
.add-to-cart-section .product-list-button {
font-size: 10px !important;
}
.list-option {
/*margin-top: 5.5%;*/
}
}
@media (max-width: 1118px) {
#product-title {
width: 20% !important;
}
}
@media (max-width: 1049px) {
#product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
font-size: 15px;
}
#product-price .showDetails .text-error .index, #product-price .showDetails .text-error .index {
font-size: 13px;
}
#product-price {
width: 150px;
}
}
@media (max-width: 992px) {
.list-option {
/*text-align: left !important;*/
/*margin-left: 12%;*/
}
#product-image {
margin-top: 30px !important;
}
}
@media (max-width: 967px) {
#product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
font-size: 15px;
}
#product-price .showDetails .text-error .index, #product-price .showDetails .text-error .index {
font-size: 13px;
}
#product-price {
width: 150px;
}
.productsList ul li .item .title a {
font-size: 10px !important;
}
#product-title {
width: 15% !important;
}
}
@media (max-width: 889px) {
#product-price .showDetails .text-success .main, #product-price .showDetails .text-error .main {
font-size: 13px;
}
#product-price .showDetails .text-success .index, #product-price .showDetails .text-error .index {
font-size: 11px;
}
#product-price {
width: 110px;
}
}
@media (max-width: 844px) {
.add-to-cart-section .product-list-button {
font-size: 12px !important;
}
}
@media (max-width: 792px) {
#product-title {
width: 20% !important;
}
#product-title .a-product-title {
font-size: 15px;
}
}
@media (max-width: 767px) {
.list-option {
/*margin-left: 61%;*/
}
}
.productsList .manufacturer-code {
font-size: 14px;
}
.productsList .status {
font-size: 12px;
white-space: nowrap;
position: absolute;
padding: 2px 5px;
border-radius: 2px;
color: #fff;
background: #0c6bd7;
}
.productsList .item:hover .status {
z-index: 9999;
}
/*.searchMainForm {*/
/* background: #fafafa;*/
/* box-shadow: 0 0 5px #ccc;*/
/*}*/
/*.mainMenu .container-fluid {*/
/* background: #0c6bd7;*/
/*}*/
/*.mainMenu .container-fluid a,*/
/*.mainMenu .container-fluid span {*/
/* color: #fff !important;*/
/*}*/
/*.btn-primary,*/
/*.btn:focus, .btn:hover,*/
/*.footer .newsletter form button:hover {*/
/* background-color: #0c6bd7;*/
/* border-color: #0c6bd7;*/
/*}*/
.productTabsHeader {
top: 94px;
}
.itemHover {
height: auto !important;
}
.item .icons .fa,
.icons .fa {
font-size: 19px;
color: #fff;
padding: 3px 0;
width: 25px;
border-radius: 2px;
background: rgba(0, 0, 0, .4);
}
.item .itemHover .attributes ul {
padding-left: 30px;
}
.item .attributes ul {
padding: 0;
text-align: left;
margin-top: 10px;
}
.item .attributes ul li {
font-size: 12px !important;
display: block;
width: 100%;
}
.productsList .item {
/*border: 1px solid #fafafa;*/
box-shadow: 0 0 7px -5px #111;
padding: 10px;
}
.productsList ul li .item .title a {
/*max-height: 48px;*/
height: 24px;
overflow: hidden;
}
.productsList ul li .item {
min-height: 500px;
}
.price2 {
font-style: italic;
}
/*-------------------------------------------PRODUCTS COMMENTS-----------------------------------*/
.products-comment-div {
background-color:#dcdcdc45;
padding: 15px;
}
.rating {
margin-left:20px;
}
.products-comment-button {
margin-right: 15px;
margin-top: 10px;
}
.product-comments {
margin-top:10px;
}
.rating-user-comment {
margin-top: 10px;
margin-left: 10px;
padding-left: 15px;
}
/*-------------------------BLOG----------------------------*/
.post-container {
margin-top: 20px;
}
.back-to-all-posts {
font-style: italic;
}
.mainMenu .container-fluid {
background: #0c6bd7;
}
.mainMenu .categories .dropdown .btn,
.mainMenu .nav ul li a {
color: #fff !important;
}
.mainMenu .categories .dropdown.show .btn {
color: #404040 !important;
}
.custom-padding {
background: rgba(0, 0, 0, .03);
}
.mainMenu .categories {
border-left: solid 1px rgba(0, 0, 0, .1);
border-right: solid 1px rgba(0, 0, 0, .1);
}
.row.info-boxes a:hover {
color: #fff;
font-weight: bold;
}
[aria-multiselectable="true"] .select2-results__option:before {
content: ' ';
width: 12px;
height: 12px;
border: 1px solid #111;
display: inline-block;
margin-right: 10px;
border-radius: 2px;
}
[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]:not(.select2-results__option.select2-results__option--highlighted) {
background: #fff !important;
}
[aria-multiselectable="true"] .select2-results__option.select2-results__option--highlighted {
color: #fff !important;
}
[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]:before {
background: #111;
}
.list-option {
display: none !important;
}
#filterParametersContent > div:nth-of-type(-n+4) .select2-container,
#filterParametersContent > div:nth-of-type(-n+4) select,
#filterParametersContent > div:nth-of-type(-n+4) input {
border-color: #444 !important;
}
#filterParametersContent > div:nth-of-type(-n+4) .form-group label {
font-weight: bold;
}
#filterParametersContent > div:nth-of-type(n+5) .form-group label {
opacity: .5;
}
.btn-primary, .footer .newsletter form button:hover {
background-color: #ff5a00 !important;
border-color: #ff5a00 !important;
color: #fafafa !important;
}
.btn:focus, .btn:hover:not(.bootstrap-touchspin-up, .bootstrap-touchspin-down) {
background-color: #ff5a00;
border-color: #ff5a00;
color: #fafafa !important;
}
.propertiesBox table tr td:first-of-type {
width: 40%;
}
.propertiesBox table tr td:nth-of-type(2) {
width: 60%;
}
.toCart {
clear: both;
}
/* 25-09-2019 */
.productsList .item {
width: 100% !important;
margin: 0 !important;
box-shadow: 5px -5px 10px -5px rgba(0, 0, 0, .05);
min-height: unset !important;
}
.productsList .item .button {
/*display: none;*/
visibility: hidden;
margin-top: 10px;
/*margin-top: 20px;*/
/*position: absolute;*/
right: 15px;
bottom: 10px;
}
.productsList .item .button .productListButtonToCart {
background: #404040;
width: 100%;
}
.productsList .item .button .productListButtonToCart:hover {
background: #ff5a00;
width: 100%;
}
.productsList ul li .item .thumb {
display: flex;
justify-content: center;
}
.productsList ul li .item .thumb a {
align-self: center;
}
.productsList ul li .item .icons {
position: static;
padding: 0 !important;
margin-bottom: 10px;
}
.productsList ul li .item .icons li {
font-size: 12px;
width: auto !important;
background: rgba(0, 0, 0, .05);
border-radius: 5px !important;
padding-right: 5px;
color: #fff;
font-weight: bold;
white-space: nowrap;
margin: 0 1px 1px 5px !important;
display: block;
}
.productsList ul li .item .icons li.promotion {
background: red;
}
.productsList ul li .item .icons li i {
background: none;
}
.productsList ul li .item .icons li span {
text-transform: uppercase;
position: relative;
top: -2px;
left: -2px;
padding-right: 5px;
}
.productsList ul li .item .title {
padding-top: 0;
}
.productsList ul li .item .price {
height: auto !important;
display: inline-block;
line-height: normal !important;
}
.productsList .manufacturer-code {
/*max-height: 36px;*/
height: 42px;
overflow: hidden;
}
.productsList .status {
background: none;
font-weight: bold;
display: block;
position: static;
padding: 0;
}
.productsList .rating-average,
.productsList .average-rating {
font-size: 16px;
position: absolute !important;
right: 0;
top: 0;
z-index: 1;
}
.productsList .promotion {
font-weight: bold;
padding: 5px;
/*border-radius: 3px;*/
box-shadow: 0 0 10px -5px #111;
font-size: 12px;
color: red;
position: absolute;
right: 0;
top: 0;
}
.productsList .price:not(.price1) .main { font-size: 36px !important; }
.itemHover.active .rating-average,
.itemHover.active .average-rating {
font-size: 16px !important;
position: relative;
top: 20px;
left: 20px;
}
.productsList .rating-average,
.productsList .average-rating {
background: rgba(255, 255, 255, 1);
}
.rate-base-layer span,
.rate-select-layer span,
.rate-hover-layer span {
/*float: left;*/
}
.rate-select-layer span {
color: #ff5a00;
}
.rate-base-layer span {
color: #aaa;
}
.productsList span.promo {
background: #ff0000;
position: relative;
top: -15px;
left: 5px;
width: 38px;
height: 38px;
font-size: 18px;
line-height: 38px;
border-radius: 100%;
color: #fff;
display: inline-block;
text-align: center;
}
.productsList .item .itemHover .promotion {
z-index: 1000;
background: #fff;
}
#c-tags-shell .float-r.col-md-6 {
margin-top: 35px;
padding-right: 0;
}
header .order .btn.btn-primary {
font-weight: bold;
}
.productsList .item .tableAttributes {
display: none;
margin: 10px;
width: calc(100% - 20px);
}
.productsList .item .hoverThumb {
display: none;
}
.productsList .item .tableAttributes tr:first-of-type td {
border: none;
}
._hoverThumbContainer.hoverThumbContainer {
padding: 0 !important;
}
._hoverThumbContainer.hoverThumbContainer .slideContainer {
margin: 0 !important;
}
.productsList ul li:nth-child(6n+6) .item.withOptions ._hoverThumbContainer.hoverThumbContainer .slideContainer {
float: right;
}
.productsList .item .hoverThumb {
min-height: 297px;
margin-bottom: 10px;
}
.productsList .item .slideContainer a {
height: 297px !important;
display: flex;
justify-content: center;
}
.productsList .item .slideContainer a img {
align-self: center;
}
.btn-primary span, .btn:focus span, .btn:hover span:not('.fa.fa-chevron-right'), .footer .newsletter form button:hover span {
color: #fafafa !important;
}
.propertiesBox table .average-rating,
.propertiesBox table .rating-average {
display: inline-block;
}
.iconsBox ul.icons .fa, .icons.propertiesBox.extra .fa {
text-align: center;
width: 28px;
height: 28px;
display: inline-block;
margin: 0 15px 0 2px;
border-radius: 50%;
line-height: 24px;
}
.iconsBox ul.icons .fa, .icons.propertiesBox.extra .fa.fa-envelope {
background: #0c6bd7;
}
.iconsBox ul.icons .fa, .icons.propertiesBox.extra .fa.fa-map-marker {
background: #1B0;
}
.icons.propertiesBox.extra {
/*columns: 2;*/
/*margin-top: 10px;*/
list-style-type: none;
font-size: 15px;
font-weight: bold;
border: none;
box-shadow: none;
padding: 0;
}
.icons.propertiesBox.extra li {
margin-bottom: 10px;
}
.iconsBox.departments > span {
font-size: 15px;
font-weight: bold;
}
.iconsBox.departments ul {
font-weight: normal;
padding: 0;
margin: 10px 0 0 0;
}
.iconsBox.departments ul li {
display: inline-block;
padding: 2px 5px;
background: rgba(0, 0, 0, .05);
color: #111;
border-radius: 5px;
margin: 0 5px 5px 0;
}
header .btn:not(.btn-primary):focus, header .btn:not(.btn-primary):focus *, header .btn:not(.btn-primary):hover, header .btn:not(.btn-primary):hover *,
aside.mobileMenu .btn:not(.btn-primary):focus, aside.mobileMenu .btn:not(.btn-primary):focus *, aside.mobileMenu .btn:not(.btn-primary):hover, aside.mobileMenu .btn:not(.btn-primary):hover * {
background-color: #fff !important;
border-color: #fff !important;
color: #000 !important;
}
.mainMenu .categories .dropdown .btn:hover, .mainMenu .categories .dropdown .btn:hover * {
background: #fff !important;
color: #404040 !important;
}
.tab-content .tab-pane .specificationColumn .label {
font-size: 13px;
font-weight: bold;
}
.specificationColumn.col-sm-4 {
flex: 0 0 calc(33.333333% - 10px);
}
.specificationColumn.col-lg-3 {
flex: 0 0 calc(25% - 10px);
}
.tab-content .tab-pane .specificationColumn {
background: #eee;
padding: 10px;
border-radius: 5px;
color: #686868;
font-size: 13px;
margin: 5px;
}
.productPage .full {
margin-bottom: 0;
}
/* end 25-09-2019 */
.mainBox .toCart.quantity {
border-top: none;
padding: 0;
display: inline-block;
margin-top: 10px;
}
.mainBox .promotion {
font-weight: bold; padding: 5px; box-shadow: 0 0 10px -5px #111; font-size: 14px; color: red;
display: inline-block;
}
.newPrice {
float: right;
}
.iconsBox ul.icons li ul.departments {
padding-left: 45px;
margin-top: 5px;
}
.iconsBox ul.icons li ul.departments li {
display: inline-block;
margin: 0 5px 5px 0;
border: 1px solid #e1e1e1;
padding: 2px 10px;
border-radius: 5px;
}
#specProduct {
max-width: 90%;
}
/**/
.pagination-link {
font-weight: 500;
color: #575757;
font-size: 18px;
margin: 0;
transition: 1s;
}
.pagination-link:hover {
color: #171717;
}
/* 22.10.2019 */
.productsList ul li .item:hover {
background: #fff;
box-shadow: 0 0 10px -5px #111;
z-index: 2;
}
.productsList ul li .item:hover .button {
visibility: visible;
/*position: absolute;*/
/*bottom: 0;*/
}
/*.productsList ul li .item:hover .col-prices {*/
/* text-align: left;*/
/* white-space: nowrap;*/
/*}*/
/*.productsList ul li .item:hover .price:not(.price1) .main {*/
/* font-size: 26px !important;*/
/*}*/
/*.productsList ul li .item:hover .col-prices .oldPrice {*/
/* padding: 0 !important;*/
/* margin-bottom: -10px;*/
/*}*/
.propertiesBox .rate-base-layer, .propertiesBox .rate-select-layer {
margin-left: 0;
}
.productsList ul li .item:hover .average-rating,
.productsList ul li .item:hover .rating-average {
z-index: 3;
}
.productsList ul li .item:hover .rating-average .rate-select-layer,
.productsList ul li .item:hover .average-rating .rate-select-layer {
}
.productsList ul li .item .mask {
display: none;
}
.productsList ul li .item:hover .mask {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
padding: 10px;
}
.productsList ul li .item .promotion {
background: rgba(255, 255, 255, 1);
top: 30px;
width: 90px;
}
.productsList ul li .item:hover .promotion {
z-index: 1;
}
.productsList ul li .item:hover .thumb a img {
width: 75%;
float: right;
position: relative;
right: -20px;
}
.productsList ul li .item:hover .mask .attributes ul {
margin: 0;
}
.productsList ul li .item:hover .mask .attributes ul li {
margin-bottom: 5px;
font-weight: bold;
max-width: 60%;
}
.productsList ul li .item:hover .mask .attributes ul li label {
display: block;
font-weight: normal;
margin: 0;
}
.productsList ul li .item:hover .title,
.productsList ul li .item:hover .manufacturer-code,
.productsList ul li .item:hover .row {
position: relative;
z-index: 3;
}
nav.mainMenu .nav {
position: absolute;
right: 0;
}
.productsList .item .button .productListButtonToCart {
background: #ff5a00;
transition: none;
}
.productsList ul li .item .thumb a img {
padding: 14px 5px 5px 5px;
}
.breadcrumbs ul {
margin-left: 20px;
}
.mainMenu .categories {
height: 70px;
}
@media (min-width: 768px) {
#specProduct .row {
margin-left: 0;
}
}
@media (max-width: 767px) {
#specProduct {
max-width: 100%;
}
.specificationColumn.col-lg-3 {
flex: 0 0 calc(100% - 10px);
}
.mainBox .toCart.quantity {
width: 100%;
}
.mainBox .oldPrice {
clear: both;
}
.mainBox .toCart.quantity {
float: right;
width: auto;
margin-bottom: 10px;
}
.icons.propertiesBox.extra {
position: static !important;
margin: 10px !important;
}
#c-tags-shell {
margin-top: 10px;
}
#c-tags-shell input[type=checkbox]+label {
padding: 0 0 0 15px;
}
}
.mainBox .iconsBox {
box-shadow: none;
margin-bottom: 0;
}
.icons.propertiesBox.extra {
margin-top: 40px;
}
.productsList ul li .item .title a {
font-weight: bold;
}
#recommendedProduct, #productsListView {
margin-left: calc(calc(calc(100vw - 100%) / 2) * -1);
width: 100vw;
}
#recommendedProduct > div, #productsListView > ul {
width: calc(100vw - 30px);
}
.productPage #recommendedProduct > div {
width: 100vw;
}
.grohe .column_wrapper .column {
width: calc(25% - 10px);
display: inline-block;
vertical-align: top;
padding-right: 10px;
}
.grohe strong {
margin-bottom: 40px;
display: block;
font-size: 26px;
}
.grohe h1 {
margin-bottom: 40px;
}
.grohe h2 {
margin: 40px 0;
}
.grohe section.technology .row {
margin: 0;
width: calc(25% - 10px);
display: inline-block;
vertical-align: top;
padding-right: 15px;
}
.grohe .column_wrapper .column img, .grohe section.technology .row img {
max-width: 100%;
}
#category-boxes[data-home] {
display: none;
}
@media (max-width: 767px) {
.grohe .column_wrapper .column, .grohe section.technology .row {
width: 100%;
}
.addedToCart {
display: block !important;
}
#filterCategoriesList {
display: none;
}
#filterParametersContent {
width: 100%;
/*padding: 0;*/
margin: 0;
}
#filterParametersContent div {
padding-left: 0;
padding-right: 0;
/*margin-top: 10px;*/
}
#category-boxes[data-home] {
display: flex;
}
#c-tags-shell:not([data-mobile-show=true]) {
display: none;
}
ul li.top-menu-link:nth-of-type(n + 7) {
display: none;
}
}
@media (min-width: 1440px) {
.mainViewContainer .mobileMenu .searchBox {
display: none;
}
}
@media (max-width: 1439px) {
.mainMenu {
height: auto !important;
}
nav.mainMenu .nav {
position: static;
width: 100%;
display: block;
border-top: solid 1px rgba(0,0,0,.1);
text-align: center;
}
.mainMenu .nav ul {
padding: 0;
width: 100vw;
margin-left: -15px;
background: rgba(0, 0, 0, .1);
}
}
.productTabsHeader .tabLinkColumn .tabLink span.fa {
color: #0c6bd7;
}
.mainHeadline {
margin-top: 40px;
}
.productPage .mainHeadline {
margin-top: 0;
}
.productListMainPage > ul {
padding-bottom: 0;
}
.collapse-description {
padding: 5px;
}
.productsList.fullWidth {
width: 100vw;
margin-left: calc(calc(100vw - 100%) / -2);
}
#expandParameters, #expandSorting {
background: #ff5a00;
color: #fff !important;
border: none;
}
label {
margin-top: 0.5rem;
}
.footer .footerBottom ul li {
float: none;
width: auto;
}
.addToCart.btn-black {
cursor: default;
}
.addToCart.btn-black:hover {
background: #404040;
cursor: default;
}
.addedToCart .recommendedRow .alert.alert-danger {
padding: 0 !important;
border: none !important;
}
.addedToCart .recommendedRow .options {
overflow-y: scroll;
max-height: 220px;
}
/* vertical center for slides of different dimensions */
.homeSlider .slick-track {
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
align-items:center;
}
/* select2 style */
.select2 {
font-size: 15px !important;
/*border-bottom: solid 2px #e1e1e1*/
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #000;
padding-left: 0px;
}
.select2-container--default .select2-selection--single {
background-color: transparent;
border: 0px;
padding-top: .25rem;
padding-bottom: .25rem;
margin-bottom: .70rem;
}
.padding-0 {
padding: 0 !important;
}
.padding-top-10 {
padding-top: 10px !important;
}
.padding-top-50 {
padding-top: 50px !important;
}
.left-right-0 {
left: 0 !important;
right: 0 !important;
}
.width-100 {
width: 100% !important;
}
#c-tags-shell {
position: relative;
}
.tagsinput-disabled {
position: absolute;
width: 100%;
height: 100%;
display: table-row-group;
background: transparent;
z-index: 1;
}
.similar-products-search-shell {
text-align: center;
margin: 10px 0;
}
.similar-products-search {
display: inline-block;
margin: 0 auto;
border: 1px solid #000;
padding: 10px 20px;
}
.fa-map-marker-success {
background-color: #1B0 !important;
}
.fa-truck-success {
background-color: #ff5a00 !important;
}
.fa-percent {
color: white;
background-color: grey;
padding: 2px;
border-radius: 2px;
}
.fa-percentage-success {
background-color: #1B0 !important;
}
.tableAttributes {
font-size: 12px !important;
width: 90%;
margin: 15px;
}
.tableAttributes td {
text-align: left;
padding: 1px;
}
.recommended-title {
background: #f6f6f6;
border-bottom: solid 1px #e1e1e1;
border-top: solid 1px #e1e1e1;
padding: 15px 20px;
}
.recommended-title i {
margin-right: 10px;
display: inline-block;
}
.recommended-products-title {
font-size: 17px;
font-family: roboto_condensedbold;
text-transform: uppercase;
display: inline-block;
}
.helper-info,
.helper-info-bottom {
font-size: 28px;
background: #f6f6f6;
text-transform: uppercase;
letter-spacing: 5px;
padding: 30px 0;
border-bottom: solid 1px #e1e1e1;
border-top: solid 1px #e1e1e1;
}
.helper-info-bottom {
margin-top: 20px;
}
.recommended-product-image div,
.recommended-product-image img {
height: 150px;
width: 150px;
}
.recommended-row .recommended-div {
margin-top: 15px;
margin-bottom: 15px;
}
.description-show-details {
font-size: 13px;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
display: block;
letter-spacing: 6px;
}
.arrow-select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,
");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
border: 1px solid #dfdfdf;
border-radius: 2px;
}
.dot {
height: 15px;
width: 15px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
}
.choose-position .select2-container {
width: 100% !important;
}
.choose-position .select2-container--default .select2-selection--single {
width: 100% !important;
display: flex;
align-items: center;
padding: 0 30px;
height: 40px;
line-height: 50px;
font-weight: 500;
font-size: 16px;
background-color: #fafafa;
border: 1px solid #eeeeee;
border-radius: 25px;
transition: 0.1s;
}
.choose-position .select2-search {
display: none;
}
.choose-position .select2-results__option {
display: flex;
align-items: center;
}
.choose-position .select2-results__option .img-flag {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
margin-right: 10px;
}
.choose-position .select2-container--default.select2-container--focus .select2-selection--single {
border: 1px solid #c9c9c9 !important;
outline: 0;
}
.choose-position span.select2-selection.select2-selection--single {
outline: none;
}
.choose-position .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 25px;
top: 40%;
transform: translateY(-50%);
right: 10px;
width: 25px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 20px rgba(35, 49, 45, 0.14);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
background-color: transparent;
background-size: contain;
border: none !important;
height: 20px !important;
width: 20px !important;
margin: auto !important;
top: auto !important;
left: auto !important;
}
/*@media screen and ( max-width: 500px ){*/
/* li.page-item {*/
/* display: none!important;*/
/* }*/
/* .page-item:first-child,*/
/* .page-item:nth-child( 2 ),*/
/* .page-item:nth-last-child( 2 ),*/
/* .page-item:last-child,*/
/* .page-item.active,*/
/* .page-item.disabled {*/
/* display: block!important;*/
/* }*/
/*}*/
@media screen and ( max-width: 767px ){
.remove-last-child-mobile div:last-child {
display: none;
}
}
.footer {
z-index: 990
}
.footer .footerContainer {
display: block;
bottom: 0;
width: 100%;
z-index: 9999;
border-top: solid 1px #e1e1e1
}
/*// POWODUJE PROBLEMY NA SAFARI*/
/*.pageMask {*/
/* position: fixed*/
/*}*/
.footer .footerContainer.fixed {
position: fixed
}
.footer .newsletter {
text-align: center;
padding: 35px 0
}
.footer .newsletter .container {
position: relative
}
.footer .newsletter .container ul.social {
position: absolute;
right: 0;
bottom: 0
}
.footer .newsletter .title {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 4px;
padding-bottom: 15px
}
/*.autocomplete-suggestions {*/
/* text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);*/
/* !* core styles should not be changed *!*/
/* position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;*/
/*}*/
/*.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }*/
/*.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }*/
/*.autocomplete-suggestion.selected { background: #f0f0f0; }*/
.autocomplete-suggestions {
text-align: left;
cursor: default;
border: 1px solid #ccc;
border-top: 0;
background: #fff;
position: absolute;
display: none;
z-index: 9999;
max-height: 254px;
overflow: hidden;
overflow-y: auto;
box-sizing: border-box;
border-radius: 5px; /* dodane zaokrąglenie */
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* dodany cień */
}
.autocomplete-suggestion-item {
display: block;
padding: 4px;
margin-bottom: 4px;
text-decoration: none;
border-radius: 3px; /* dodane zaokrąglenie */
transition: background-color 0.2s; /* animacja dla koloru tła */
}
.autocomplete-suggestion-item:hover {
background-color: #f6f6f6; /* kolor tła dla stanu hover */
}
.suggestion-image {
width: 42px;
height: 42px;
margin-right: 6px;
display: inline-block;
border-radius: 50%; /* zaokrąglenie obrazu */
overflow: hidden; /* ukrywanie narożników obrazu */
}
.suggestion-image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
/* Styl dla niestandardowego paska przewijania */
.autocomplete-suggestions::-webkit-scrollbar {
width: 8px;
}
.autocomplete-suggestions::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 4px;
}
.autocomplete-suggestions::-webkit-scrollbar-thumb:hover {
background: #b3b3b3;
}
.autocomplete-suggestions::-webkit-scrollbar-track {
background: #f5f5f5;
border-radius: 4px;
}