@charset "UTF-8";
body {
font-family: 'Source Sans Pro', sans-serif;
line-height: 1.5em;
color: #2b2b2b;
background-color:#f5f5f5;
}
.page-overlay{
width:100%;
height:100%;
background-color:#fff;
position:fixed;
opacity:0.7;
display:none;
z-index:10;
}
.page-overlay.show{
display:block;
}
.tt {
width:100%;
max-width:420px;
padding:32px;
position:fixed;
background-color:#FFF;
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
overflow:hidden;
z-index: 99999;
left: 0;
right: 0;
margin: auto;
top: 33%;
top: 33vh;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tt .ttMsg{
font-size: 18px;
font-weight:500;
color:#000;
width:100%;
display:block;
}
.tt .ttDesc{
font-size: 16px;
font-weight:300;
width:100%;
display:block;
}
.tt i{
font-size:40px;
float:left;
margin-right:30px;
margin-top:9px;
}
.container-fluid{
padding:0;
}
ul,li,ol{padding:0;margin:0;}
.clear{clear:both;}
* {
line-height: 1.5em; }
#main {
position: relative;
}
.inner-clear::after {
content: '';
display: block;
clear: both; }
button, input, img, a {
outline: none;
}
button, input[type="submit"] {
background-color: #b81d1d;
color: white;
border: none;
padding: 6px 15px;
font-family: 'Source Sans Pro',sans-serif;
font-weight: 300;
}
button::after, input[type="submit"]::after {
margin-left: 5px;
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a:focus, a:hover{
color: #5a0c0d
}
.radio label{
font-size: 17px;
font-weight: 300;
}
.radio label i{
margin-right:10px;
margin-left:8px;
}
.work-sans-font{
font-family:'Work Sans';
}
.slider-handle{
cursor:pointer;
}
.gg-icon{
height: 17px;
margin-right: 3px;
margin-top: 3px;
width: 17px;
float:left;
background:url('/usr/i/gg.png') no-repeat scroll center center;
}
h2 i{
margin-right:10px;
}
.primary-action {
background-color: #b81d1d;
color: white;
transition: all 0.3s;
font-size:17px;
padding: 7px 24px
}
.primary-action:hover{
background-color: #5a0c0d;
}
.secondary-action {
background-color: transparent;
border: 1px solid;
color: #606060;
font-size: 17px;
text-transform: none;
transition: all 0.3s;
}
.secondary-action:hover {
color:#fff;
background-color: #606060;
}
a {
text-decoration: none;
cursor: pointer;
color: #b81d1d;
}
a:hover {
text-decoration: none;
}
img {
max-width: 100%;
}
em {
font-style: normal;
}
ul{
list-style-type: none;
}
form input[name="country"] {
text-transform: uppercase;
}
form .legend{
font-size: 11px;
color: #606060;
margin-top: 20px;
margin-bottom: 13px;
display: inline-block;
}
.form-legend{
border-top: 1px solid #eaeaea;
bottom: 5px;
color: #606060;
display: block;
float: left;
font-size: 12px;
font-weight:400;
padding-top: 10px !important;
position: relative;
width: 100%;
}
.form-legend span{
float:right;
}
h1#firstHeading{
font-family: "Source Sans Pro";
font-size: 17px;
font-weight: 600;
}
.bodycontent p{
font-size:15px !important;
margin-bottom:1px !important;
}
input, select, textarea {
background-color: #fff;
border: 1px solid #cdcdcd;
color: #3c3932;
font-size: 17px;
font-weight: 300;
margin-bottom: 20px;
max-width: 100%;
min-height: 36px;
outline: medium none;
padding: 5px 15px;
}
select{
cursor:pointer;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {
color: #565656 !important;
font-family: 'Source Sans Pro', sans-serif !important;;
font-weight:normal !important;;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #565656 !important;
font-family: 'Source Sans Pro', sans-serif !important;;
font-weight:normal !important;;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder{
color: #565656 !important;
font-family: 'Source Sans Pro', sans-serif !important;;
font-weight:normal !important;;
}
input::placeholedr, textarea::placeholder{
color: #565656 !important;
font-family: 'Source Sans Pro', sans-serif !important;;
font-weight:normal !important;;
}
.search-form-header .search-phrase::placeholder{
font-weight: 300 !important;
}
.search-form-header .btn.dropdown-toggle.btn-default span.filter-option.pull-left{
font-weight:300 !important;
}
.vertical-line{
background-color: #b9b9b9;
display: table;
float: left;
height: 1px;
margin: 10px 0 30px;
width: 100%;
}
.alert {
clear:both;
}
.show-pass  {
position: absolute;
right: 6px;
top: 0;
bottom: 20px;
width: 40px;
font-size: 18px;
border:1px solid #cdcdcd;
border-left:none;
cursor: pointer;
color:#757575;
}
.show-pass:hover{
background-color: #eaeaea;
}
.show-pass::before {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
text-align: center;
content: "\e105"; }
.show-pass.visible::before {
content: "\e106";
}
.header-top{
font-size:15px;
font-weight:300;
padding:10px 0px;
background-color:#fff;
}
.mobile-search{
display:none;
}
.header-mid{
background-color:#f5f5f5;
padding:35px 0 20px;
background-image: url('img/logo-szczepanski-opacity.png');
background-repeat: no-repeat;
background-position: 41%;
}
.header-bottom{
background-color: #fff;
transition: box-shadow 1s;
}
.header-bottom.fixed{
position:fixed;
width:100%;
top:-57px;
box-shadow: 0 3px 6px -5px #000;
z-index: 1000;
transition: top 0.5s;
}
.header-bottom.fixed.top{
top:0;
}
.left-info .elem{
margin-left: 15px;
float:left;
}
.left-info .elem a{
color:#2b2b2b;
}
.left-info .elem i{
margin-right:5px;
font-size:14px;
}
.header-top .right-info{
z-index: 1000;
}
.header-top .account-menu {
background-color: #fff;
border: 1px solid #ebebeb;
box-shadow: 0 4px 12px -8px #070707;
height: 0;
list-style-type: none;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 15px;
top: 32px;
transition: all 0.2s ease 0s;
width: 150px;
z-index: 1;
}
.header-top .account-menu.show{
height:auto;
opacity:1;
}
.header-top .account-menu .divider{
width:calc(100% - 20px);
height:1px;
float:left;
margin:5px 0 5px 10px;
padding:0 23px;
background-color: #eaeaea;
}
.header-top .account-menu > li a{
padding:1px;
float:left;
width:100%;
padding:5px 20px;
color:#606060;
transition: all 0.3s;
}
.header-top .account-menu > li a:hover{
background-color: #ebebeb;
}
.primary-nav{
float:right;
border-left: 1px solid #bebebe;
}
.primary-nav .trigger-nav{
cursor: pointer;
text-align: right;
padding:0 10px;
}
.trigger-nav span::after{
font-family: 'FontAwesome';
content: '\f107';
margin-left: 10px;
}
.lang-nav{
float:right;
margin-top:2px;
margin-right:10px;
width:50px;
cursor: pointer;
}
.lang-nav .fa{
float:right
}
.flags-wrapper{
position:relative;
background-color: #fff;
top:25px;
z-index:100;
box-shadow: 0 3px 5px -1px #858585;
transition: all 0.3s;
overflow: hidden;
height:0;
opacity:0;
width:35px;
}
.flags-wrapper.visible{
height:auto;
position: absolute;
opacity:1;
}
.country-flag{
width:25px;
height:17px;
float:left;
cursor:pointer;
border:1px solid #bebebe
}
.country-flag.active{
margin:1px 15px 0 5px;
position: absolute;
}
.country-flag.pl{
background: url('img/flags/pl.jpg') no-repeat scroll 0 0;
}
.country-flag.uk{
background: url('img/flags/ua.jpg') no-repeat scroll 0 0;
}
.country-flag.en{
background: url('img/flags/en.jpg') no-repeat scroll 0 0;
}
.country-flag.de{
background: url('img/flags/de.jpg') no-repeat scroll 0 0;
}
.country-flag.fr{
background: url('img/flags/fr.jpg') no-repeat scroll 0 0;
}
.country-flag.ru{
background: url('img/flags/ru.jpg') no-repeat scroll 0 0;
}
.secondary-nav{
text-align: center;
}
.secondary-nav ul{
margin:0 auto;
display:inline-block;
}
.secondary-nav ul li{
float:left;
}
.secondary-nav ul li a{
font-size:16px;
margin:0 10px;
font-weight: 600;
text-transform: uppercase;
font-family: 'Work Sans', sans-serif;
}
.secondary-nav ul li a:hover{
color:#5a0c0d;
}
.secondary-nav ul li a.active{
color:#000;
}
.search-form-header{
margin-top:8px;
}
.search-form-header .search-phrase{
padding: 11px 15px;
font-size:17px;
min-height: 33px;
background-color:#fff;
border:none;
border-left:1px solid #ebebeb;
width:350px;
float:right;
}
.search-form-header .btn-group.bootstrap-select{
width:180px !important;
float:right;
}
.search-form-header .btn-group.bootstrap-select.open{
box-shadow: none;
}
.search-form-header .btn.dropdown-toggle.btn-default{
border-radius: 25px 0 0 25px;
border:none;
padding:10px 13px 8px;
}
.search-form-header .btn.dropdown-toggle.btn-default span.filter-option.pull-left{
font-size:17px;
}
.search-form-header .btn.dropdown-toggle.btn-default:hover{
background-color: #fff;
}
.btn-group.bootstrap-select.open .btn.dropdown-toggle.btn-default{
background-color: #fff;
box-shadow: none;
}
.filter-option.pull-left{
font-size: 14px;
text-transform: none;
}
.search-form-header .primary-action{
background-color: #fff;
color:#cccccc;
border-radius: 0 25px 25px 0;
float:right;
padding:13px 14px 9px;
}
a.search-advanced{
color: #888888;
float: right;
font-size: 13px;
margin-right: 11px;
margin-top: -20px;
font-weight:300;
}
.categories-menu-header{
background-color: #e31e25;
color: #fff;
font-family: "Work Sans",sans-serif;
font-size: 18px;
font-weight: 600;
padding: 0;
}
.categories-menu-header span.name{
display: table;
margin: 15px;
width:calc(100% - 33px);
cursor: pointer;
}
.categories-menu-header span.name:after{
font-family: 'FontAwesome';
content: '\f0c9';
float:right;
}
header .infos{
border-right: 1px solid #cccccc;
font-size: 18px;
font-weight: 300;
margin: 15px 0 10px;
padding: 0;
text-align: center;
}
header .infos:nth-child(3){
text-align: right;
border:none;
}
header .infos i{
font-size:20px;
margin-right:5px;
}
header .infos .basket{
float:right;
color:#000;
}
header .infos .basket .ammount{
float:right;
margin-top:-2px;
}
header .infos .basket .count{
background-color: #333;
border: 2px solid #fff;
border-radius: 50%;
font-size: 13px;
height: 22px;
position: absolute;
right: 0;
text-align: center;
top: -4px;
width: 23px;
line-height: 16px;
font-family: 'Work Sans', sans-serif;
color: #fff;
text-align: center;
padding-top:1px;
}
#header-cart-ammount{
font-family: 'Work Sans', sans-serif;
}
header .infos .basket i{
float: right;
font-size: 33px;
margin-left: 10px;
margin-top: -3px;
margin:-7px 10px 0;
color:#666;
}
.banner-homepage{
padding-right:0;
}
.banner-wrapper{
margin-top:15px;
}
.slider-controls{
position:relative;
}
.slider-control{
font-size:50px;
color:#b71d1d;
position:absolute;
z-index:1;
top: calc(50% - 27px);
line-height:0;
cursor: pointer;
}
.slider-control.prev{
left:30px
}
.slider-control.next{
right:15px;
}
.slick-dots{
display: table;
font-size: 0;
margin: -30px auto 0;
padding: 0;
position: absolute;
right: 13px;
text-align: center;
z-index: 1;
}
.slick-dots li {
width: 15px;
height: 15px;
border: 2px solid #b71d1d;
border-radius: 50%;
background-color: transparent;
cursor: pointer;
float: left;
margin-right: 5px;
}
.slick-dots li.slick-active{
background-color:#b81d1d;
content:'';
}
.slick-dots li button{
display:none;
}
.product-grid{
margin-top:60px;
}
.section-header{
background-color: #b81d1d;
color: #fff;
display: table;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
}
.section-header h1{
font-size: 26px;
float:left;
margin:0;
}
.section-header ul, .section-header ul li{
float:right;
margin-left:25px;
font-size:18px;
font-weight: 300;
cursor:pointer;
}
.product-grid .item{
display: block;
background-color: #fff;
border-bottom:1px solid #cccccc;
font-size:16px;
padding:15px;
min-height:185px;
}
.product-grid .item:nth-child(3n+3){
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}
.product-grid .item:nth-last-child(-n+3){
border-bottom:none;
}
.product-grid .item .image-wrapper{
text-align:center;
}
.product-grid .item .image-wrapper img{
margin-top:40px;
}
.product-grid .item h3{
font-size:14px;
}
.product-grid .item .title, .promo-grid .item .title{
font-size: 18px;
font-weight: 300;
color:#606060;
}
.product-grid .item .price, .promo-grid .item .price{
font-size:22px;
font-weight:500;
color:#000;
font-family: 'Work Sans', sans-serif;
}
.product-grid .item .price.previous, .promo-grid .item .price.previous{
color: #b10000;
font-size: 15px;
font-weight: 400;
text-decoration: line-through;
margin-top:-16px;
}
.promo-grid, .news-grid{
padding:0
}
.promo-grid .item{
background-color:#fff;
padding:20px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
height:350px;
}
.promo-grid .item.first{
padding:50px;
border:none;
height:700px;
}
.promo-grid div .item.promo:nth-child(3n+2){
border-right:none;
border-bottom:1px solid #ccc;
}
.promo-grid div .item.promo:nth-child(n+3){
border-bottom:none;
border-right:none;
}
.promo-grid .item.first .title{
font-size: 30px;
}
.promo-grid .item.first .price{
font-size: 30px;
margin-bottom:0;
}
.promo-grid .item.first .price.previous{
font-size:20px;
margin-top:0
}
.promo-grid .item .image-wrapper{
height:150px;
position: relative;
}
.promo-grid .item .image-wrapper img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -75%);
}
.promo-grid .item .image-wrapper img.no-photo{
height:90%;
}
.promo-grid .item.first .image-wrapper{
height:250px
}
.opinion span{
color:#979797;
}
.opinion span.fill{
color:#b81d1d;
}
.promo-grid .item.first .opinion{
margin-top:20px;
}
.item-overlay{
background-color: #f1f1f1;
height: 100%;
margin-left: -15px;
margin-top: -15px;
position: absolute;
width: 100%;
z-index: 1;
opacity:0.0;
transition: all 0.3s;
}
.promo .item-overlay{
margin-left: -20px;
margin-top: -20px;
}
.promo.first .item-overlay{
margin-left: -50px;
margin-top: -50px;
}
.item-overlay.show{
/*opacity:0.7;*/
opacity:0.5;
}
.overlay-elem{
border: 1px solid #b81d1d;
color: #b81d1d;
font-size: 20px;
padding: 15px;
position: absolute;
width: auto;
z-index: 1;
background-color: #fff;
top:calc(50% - 28px);
/*top:calc(70% - 28px);*/
opacity:0;
transition:all 0.3s;
}
.overlay-elem.bag{
left:calc(50% - 86px);
border: 1px solid #890505;
color: #890505;
}
.overlay-elem.loupe{
left:calc(50% + 37px);
}
.overlay-elem.bag.show{
left:calc(50% - 53px);
opacity:1;
}
.overlay-elem.loupe.show{
left:calc(50% + 7px);
opacity:1;
}
.overlay-elem.show:hover{
color:#fff;
background-color:#b81d1d;
}
.overlay-elem.bag.show:hover{
background-color:#890505;
}
.tooltip > .tooltip-inner{
background-color:#890505 ;
}
.tooltip.top > .tooltip-arrow {
border-top: 5px solid #890505;
}
.promo-flags{
position:absolute;
z-index: 2;
width:100%;
text-align: center;
margin-top:40px;
margin-left:-20px;
letter-spacing: 3px;
padding-top:10px;
opacity:0;
transition:all 0.7s;
}
.promo-flags.show{
margin-top:0px;
opacity:1;
}
.promo-flags .sign{
font-family: "Flaticon-ecommerce";
font-size:30px;
}
.promo-flags .sign.NewProduct{
content: "\f103";
color:#05d900;
}
.promo-flags .sign.Promotion{
color:#520035;
}
.promo-flags .sign.VendorRecomendation:before {
font-family: 'FontAwesome';
content: "\f164";
}
.item.first .promo-flags .sign{
font-size:50px;
}
.item.first .promo-flags{
margin-left:-50px
}
.brands-slider{
margin-top:20px;;
}
.brands-slider a {
line-height: 100px;
background-color: #fff;
}
.brands-slider a img {
max-height: 80px;
margin: auto;
display: inline-block;
background-color: #fff;
padding:0 20px;
}
.banner-full-width a{
overflow: hidden;
width:100%;
height:200px;
display:block;
}
.banner-full-width a img, #promotion-banner a img, .second-banner-wrapper-1 a img, .second-banner-wrapper-2 a img{
transition:all 0.3s
}
.banner-full-width a img:hover, #promotion-banner a img:hover, .second-banner-wrapper-1 a img:hover, .second-banner-wrapper-2 a img:hover{
transform: scale(1.05, 1.05);
}
footer{
color:#fff;
background-color:#ebebeb;
margin-top:60px;
}
.newsletter-section-wrapper{
background-color: #eee;
text-align: center;
color:#333;
}
.newsletter-section-wrapper .form-wrapper{
padding-left: 80px;
padding-right: 80px;
}
.newsletter-section-wrapper span{
font-weight:300;
font-size:16px;
}
.newsletter-section-wrapper span.legend{
font-weight:300;
font-size:14px;
}
.newsletter-section-wrapper input{
font-weight:300;
font-size:18px !important;
min-height:43px;
background-color: #fff;
border:none;
margin:0;
padding:0 15px;
width:calc(100% - 45px);
border-radius:5px 0 0 5px;
}
.newsletter-section-wrapper input::placeholder{
font-weight:300;
}
.newsletter-section-wrapper button{
background-color: #808080;
border:1px solid #fff;
margin-left:-3px;
padding:10px 17px;
position:absolute;
}
.newsletter-section-wrapper .checkbox span{
background-color: #e3e3e3;
color:#747474;
border:1px solid #929292;
}
.newsletter-section-wrapper .checkbox a {
color:#333;
text-decoration: underline;
}
.contact-section-wrapper {
padding:30px 30px 0px;
background-color:#e3e3e3;
}
.contact-section-wrapper span{
float:left;
margin-bottom:20px;
}
.logo-wrapper span{
float:left;
margin-bottom:5px;
}
.logo-wrapper span a{
color:#333;
}
.contact-section-wrapper .address-wrapper, .logo-wrapper .address-wrapper {
text-align: left;
margin-top:30px;
}
.logo-wrapper .address-wrapper {
margin-left:73px;
}
.footer-contact-wrapper span{
float:left;
margin-bottom:20px;
}
.contact-section-wrapper i.contact, .logo-wrapper i.contact, .footer-contact-wrapper i.contact {
border: 1px solid #fff;
min-height: 34px;
min-width: 34px;
padding-top: 7px;
text-align: center;
margin-right: 10px;
font-size: 18px;
border-radius: 50%;
}
.logo-wrapper i.contact, .footer-contact-wrapper i.contact {
border: 1px solid #666;
}
.footer-down{
color:#2b2b2b;
padding:40px 0;
background-color: #fff;
background-image: url('img/footer-bg.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.footer-down .logo-wrapper{
text-align: center;
}
.footer-down .logo-wrapper img{
width:200px;
margin-top:65px;
}
.footer-down h2{
font-size:22px;
font-weight:400;
margin-bottom:25px;
}
.footer-down ul li{
font-size: 15px;
font-weight:500;
margin:5px 0;
}
.footer-down ul li a{
color:#2b2b2b;
}
.footer-down ul li a:hover{
text-decoration:underline;
}
.footer-down ul li:before{
content:'-';
margin-right:8px;
}
.pwrd{
background-color:#ededed;
padding-top:9px;
}
p.powered{
font-size: 14px;
color:#2b2b2b;
font-weight:500;
}
.breadcrumb{
border-radius:5px;
}
.breadcrumbs{
margin-top:10px;
font-size: 16px;
font-weight: 300;
}
ol.breadcrumb{
margin-bottom:0;
background-color:#fff;
}
.breadcrumb-back{
color:#2b2b2b;
font-size: 18px;
}
.breadcrumb-back::before{
font-family: "FontAwesome";
content:"\f048";
margin-right:5px;
}
h1.categories-header{
font-size: 29px;
margin-bottom: 20px;
font-family: 'Work Sans';
font-weight: 400;
}
h1.categories-header span{
font-size:17px;
float:right;
margin-top:7px
}
h2.categories-description{
font-size: 25px;
font-weight:300;
margin-top:0;
}
.subcategories{
margin:0px 0 20px;
background-color: #fff;
/*border: 1px solid #cacaca;*/
border-radius: 5px;
/*box-shadow: 0 1px 4px -4px #1a1a1a;*/
}
.subcategories ul{
list-style-type:none;
width:100%;
-webkit-columns: 100px 4; /* Chrome, Safari, Opera */
-moz-columns: 100px 4; /* Firefox */
columns: 100px 4;
padding:20px;
}
.subcategories ul li{
list-style-type:none;
-webkit-column-break-inside: avoid;     /* Chrome, Safari */
page-break-inside: avoid;           /* Theoretically FF 20+ */
break-inside: avoid-column;         /* IE 11 */
display:table;
width:100%
}
.subcategories ul li a{
margin:0;
padding:0;
font-size:15px;
font-family: "Work Sans", sans-serif;
font-weight:300;
}
.subcategories ul li ul{
margin: 3px 0 20px;
padding:0;
-webkit-columns: 100px 1; /* Chrome, Safari, Opera */
-moz-columns: 100px 1; /* Firefox */
columns: 100px 1;
}
.subcategories ul li ul li{
margin:0;
padding:0;
}
.subcategories ul li ul li a{
padding:2px 0;
}
.subcategories ul li ul li a span{
color: #333;
font-size: 12px;
font-family: 'Work Sans',sans-serif;
}
.subcategories ul li a:hover{
margin:0;
padding:0;
color:#5a0c0d;
}
.row.products-wrapper{
margin:0;
background-color:#fff;
border-radius:5px;
}
.filter-content{
display: block;
}
.filters-wrapper{
padding:0;
padding-top:13px;
padding-bottom:13px;
}
.products-list-wrapper{
background-color:#fff;
border-left:1px solid #ebebeb;
}
.filters-wrapper h3{
padding-bottom:10px;
margin-bottom:20px;
margin-right:17px;
border-bottom:1px solid #ccc;
cursor:pointer;
display:none;
}
.filters-wrapper h3 i{
margin-left:10px;
font-size:18px;
}
.filter-label{
font-size: 16px;
font-family: 'Work Sans',sans-serif;
margin-bottom: 10px;
display: block;
border-bottom: 1px solid #ebebeb;
padding-bottom: 3px;
padding-left: 5px;
cursor: pointer;
}
.filter-label .glyphicon{
float: right;
margin-right: 10px;
margin-top: 5px;
font-size: 13px;
}
.filter{
background-color: #fff;
padding: 0px 15px 5px 15px;
}
.filter-input-price{
background-color: #fff;
border: 1px solid #ccc;
padding: 0 10px;
width: 100px;
}
.filter-price-wrapper{
margin-top:10px;
margin-bottom:10px;
}
#filter-price-min{
margin-right:10px;
}
.filter .checkbox{
padding-left: 5px
}
.slider.slider-horizontal {
width: 245px;
height: 20px;
margin-left: 7px;
}
.slider-selection{
background-image: none;
background-color: #f9f9f9;
border: 1px solid #dcdcdc;
box-shadow: none;
}
.slider-handle{
background-image: none;
background-color: #b81d1d;
}
#btn_flt{
margin-left: calc(50% - 47px);
margin-top: 10px;
}
.pagination-bottom{
border-top:1px solid #ebebeb;
padding:30px 0 10px;
text-align: center;
}
.pagination-bottom .pagination{
float:none;
}
.row.pagination-wrapper{
padding:3px 10px 5px;
border-bottom:1px solid #ebebeb;
margin:0;
}
.row.pagination-wrapper div{
padding:0;
}
.pagination{
float:right;
margin:0;
}
.pagination > li {
display: inline;
float: left;
margin-right: 3px;
}
.pagination > li > a, .pagination > li > span{
border:none;
padding:6px 12px;
color:#b81d1d
}
.pagination > li:hover > a{
border-radius: 50%;
background-color: #fff;
border:1px solid #b81d1d;
color: #b81d1d;
padding:5px 11px;
}
.pagination > li.active > a, .pagination > li.active > a:hover{
border-radius: 50%;
background-color: #b81d1d;
border:1px solid #b81d1d;
color: #fff;
padding:5px 11px;
}
.sorting-wrapper{
float:left;
width:100%;
margin-top:11px;
}
.sort-label, #sort-name, #sort-type{
float:left;
color:#b81d1d;
}
.sort-label{
margin-right:10px;}
#sort-type{
margin-right: 10px;
font-size: 14px;
font-family: "Work Sans",sans-serif;
}
#sort-type i{
float: right;
margin-left: 10px;
margin-top: 4px;
}
.dropdown-toggle, .dropdown-menu.sorting li{
cursor:pointer;
}
.dropdown-toggle .glyphicon{
float:right;
}
#sorting-options{
margin-top:25px;
margin-left:-11px;
padding:0;
box-shadow:0 3px 5px rgba(0,0,0,.2);
}
.dropdown-menu.sorting li{
padding:5px 10px;
}
.dropdown-menu.sorting li:hover{
background-color: #b81d1d;
color:#fff;
}
.dropdown-menu.sorting li i{
float: right;
margin-left: 15px;
margin-top: 2px;
}
.change-view{
margin-left:20px;
float:left;
}
.change-view a{
margin-left:10px;
color:#b81d1d;
cursor:pointer;
}
.product-list-item{
padding:20px 0;
border-bottom:1px solid #ebebeb;
}
.product-list-item.box{
padding:20px;
border-bottom:1px solid #ebebeb;
height:440px;
border-right:1px solid #ebebeb;
/*height:450px;*/
}
.add-to-cart-box-wrapper{
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
left: 0;
height:50px;
opacity:0;
transition:all 0.2s;
background-color:#fff;
z-index:1;
}
.add-to-cart-box-wrapper.show{
opacity:1;
bottom:18px;
}
.new-product-item .add-to-cart-box-wrapper.show {
bottom: 50px;
background-color:transparent;
}
.price-box-wrapper{
position: absolute;
bottom: 40px;
width: 100%;
text-align: center;
left: 0;
}
.price-prev-box-wrapper{
position: absolute;
bottom: 5px;
width: 100%;
text-align: center;
left: 0;
}
.add-to-cart-box{
border: 1px solid #333;
padding: 10px;
font-size: 15px;
font-weight: 300;
color: #333;
border-radius: 1px;
font-family: 'Work Sans';
border-radius:4px;
transition: all 0.2s;
background-color:#fff;
}
.add-to-cart-box:hover{
background-color:#333;
color:#fff;
}
.product-list-item.box:nth-of-type(3n+1){
border-right:none;
}
#most-view-details, #recommended-products{
padding:30px;
}
#most-view-details .product-list-item.box{
border-bottom:none;
}
#most-view-details .product-list-item.box:nth-of-type(3n+1){
border-right:1px solid #ebebeb;
}
#most-view-details .product-list-item.box:first-of-type{
border-right:1px solid #ebebeb;
}
#most-view-details .product-list-item.box:last-of-type{
border-right:none;
}
#most-view-details .product-list-item.box .item-image{
width:100%;
text-align: center;
}
#most-view-details .product-list-item.box .item-image img{
max-height:180px;
}
.product-list-item.box .product-flags{
right: -20px;
top: -20px;
}
.product-list-item.box .item-image-wrapper{
min-height:250px;
max-height:250px;
display:flex;
justify-content: center;
align-items: center;
}
.product-list-item:last-of-type{
border:none;
}
.product-list-item .right{
text-align: right;
}
.product-list-item h2{
font-size: 16px;
font-weight: 500;
font-family: "Work Sans",sans-serif;
}
.product-list-item.box h2{
font-size: 18px;
font-weight: 300;
line-height: 21px;
text-align: center;
margin-top: 25px;
color:#2b2b2b
}
.product-list-item .desc{
font-size:16px;
height:148px;
overflow: hidden;
}
.product-list-item .price{
font-size:21px;
font-family: "Work Sans",sans-serif;
color:#000;
margin-bottom:0;
}
.product-list-item.box .right{
text-align: center;
}
.product-list-item.box .price{
font-size:23px;
color:#000;
}
.product-list-item.box .opinion{
float:none;
}
.product-list-item .price-prev{
font-size:15px;
font-family: "Work Sans",sans-serif;
color:#b10000;
text-decoration: line-through;
/*margin-bottom:-9px;*/
}
.item-image-wrapper{
height:100%;
}
.item-image{
margin-top:17px;
float:left;
}
.product-flags{
position: absolute
}
.filters-checkboxes-wrapper label{
padding-left:5px;
}
.ribbon, .ribbon-xs {
margin-bottom: 4px;
position: relative;
z-index: 0;
font-family: 'Work Sans', sans-serif;
font-size: 9px;
line-height: 20px;
text-transform: uppercase;
color: white;
padding-left: 10px;
display: block;
float: right;
padding-right: 10px;
}
.ribbon {
margin-top:0px;
clear: both; }
/*.ribbon::before, .ribbon::after {
content: '';
width: 0;
height: 0;
border-style: solid;
position: absolute;
right: -17px;
top: 0;
z-index: -1; }
.ribbon::before {
border-width: 20px 0 0 20px;
border-color: transparent transparent transparent #006eb7;
}
.ribbon::after {
border-width: 20px 20px 0 0;
border-color: #006eb7 transparent transparent transparent;
}*/
.ribbon.Promotion, .ribbon-xs.Promotion {
background-color: #ea0006; }
.ribbon.Promotion::before {
border-color: transparent transparent transparent #ea0006; }
.ribbon.Promotion::after {
border-color: #ea0006 transparent transparent transparent; }
.ribbon.new, .ribbon.NewProduct, .ribbon-xs.NewProduct {
background-color: #80aa00; }
.ribbon.new::before, .ribbon.NewProduct::before {
border-color: transparent transparent transparent #80aa00; }
.ribbon.new::after,  .ribbon.NewProduct::after {
border-color: #80aa00 transparent transparent transparent; }
.ribbon.PromotionalProduct, .ribbon-xs.PromotionalProduct {
background-color: #606060; }
.ribbon.PromotionalProduct::before {
border-color: transparent transparent transparent #606060; }
.ribbon.PromotionalProduct::after {
border-color: #606060 transparent transparent transparent; }
.ribbon.VendorRecomendation,.ribbon-xs.VendorRecomendation {
background-color: #2392EA; }
.ribbon.VendorRecomendation::before {
border-color: transparent transparent transparent #2392EA; }
.ribbon.VendorRecomendation::after {
border-color: #2392EA transparent transparent transparent; }
.ribbon.RecommendedProduct, .ribbon-xs.RecommendedProduct {
background-color: #FFA003; }
.ribbon.RecommendedProduct::before {
border-color: transparent transparent transparent #FFA003; }
.ribbon.RecommendedProduct::after {
border-color: #FFA003 transparent transparent transparent; }
.ribbon.GreatQuality, .ribbon-xs.GreatQuality {
background-color: #0F9386; }
.ribbon.GreatQuality::before {
border-color: transparent transparent transparent #0F9386; }
.ribbon.GreatQuality::after {
border-color: #0F9386 transparent transparent transparent; }
.ribbon.BestRated, .ribbon-xs.BestRated {
background-color: #984BBC; }
.ribbon.BestRated::before {
border-color: transparent transparent transparent #984BBC; }
.ribbon.BestRated::after {
border-color: #984BBC transparent transparent transparent; }
.ribbon.GreatPrice, .ribbon-xs.GreatPrice {
background-color: #A9A453; }
.ribbon.GreatPrice::before {
border-color: transparent transparent transparent #A9A453; }
.ribbon.GreatPrice::after {
border-color: #A9A453 transparent transparent transparent; }
.ribbon.Sale, .ribbon-xs.Sale {
background-color: #DA0067; }
.ribbon.Sale::before {
border-color: transparent transparent transparent #DA0067; }
.ribbon.Sale::after {
border-color: #DA0067 transparent transparent transparent; }
.right .opinion{
float:right;
display:block;
}
.product-list-item h2{
margin-top:0;
}
.add-to-cart{
font-size:17px;
border:1px solid #890505;
padding:7px 13px 7px 10px;
color:#fff;
background-color:#890505;
border-radius:0px;
transition:all 0.3s;
float:right;
display:block;
overflow: hidden;
width:100%;
position: relative;
margin:10px auto 0;
border-radius: 5px;
}
.add-to-cart:hover{
border:1px solid #890505;
color: #890505;
background-color:#fff;
}
.add-to-cart .fa.fa-shopping-bag{
left: 19px;
margin-right: 10px;
opacity: 1;
position: absolute;
top: 11px;
transition: all 0.2s ease 0s;
}
.add-to-cart .fa.fa-shopping-bag.hidden{
margin-right:10px;
transition:all 0.4s;
opacity:0;
}
.add-to-cart .fa.fa-arrow-right{
left: -30px;
transition:all 0.4s;
margin-top:5px;
position: absolute;
}
.add-to-cart .fa.fa-arrow-right.show{
left: 15px;
}
.add-to-cart span{
float:right
}
.details-info{
padding-bottom:40px;
}
.details-info .add-to-cart{
float:none;
}
.details-info .prev-price{
margin-bottom:0;
}
.details-info p{
margin-bottom:0;
}
.form-control{
height:40px;
}
.compare{
font-size:13px;
color:#b81d1d;
border:1px solid #b81d1d;
background-color: #fff;
padding:5px 13px;
transition: all 0.3s;
float:right;
margin-top:20px;
display:block;
}
.compare:hover, .compare.active{
color:#fff;
border:1px solid #b81d1d;
background-color: #b81d1d;
}
.compare i{
margin-right:5px;
}
.comparer-fixed-wrapper{
background-color: #fff;
box-shadow: 0 0 6px 0 #7d7d7d;
display: block;
margin-bottom: 12px;
position: fixed;
right: -90px;
top: calc(50% - 195px);
width: 84px;
z-index:1;
transition:all 0.3s;
}
.comparer-fixed-wrapper .title{
background-color: #b81d1d;
font-size: 20px;
text-align: center;
}
.comparer-fixed-wrapper .title a{
color: #fff;
}
.comparer-fixed-wrapper img{
border: 1px solid #ccc;
margin: 2px;
padding: 5px;
width: 80px;
}
.comparer-fixed-wrapper.show{
right: 0;
}
/*
.item-overlay{
background-color: #f1f1f1;
height: 100%;
margin-left: -15px;
margin-top: -15px;
position: absolute;
width: 100%;
z-index: 1;
opacity:0.0;
transition: all 0.3s;
}*/
.item-overlay{
background-color: #fff;
height: 100%;
margin-left: -15px;
margin-top: -15px;
position: absolute;
width: 100%;
z-index: 1;
opacity:0.0;
transition: all 0.3s;
}
.item-overlay a{
width:100%;
height:100%;
display: block;
}
.product-list-item.box .item-overlay{
margin-left: -20px;
margin-top: -20px;
box-shadow: 0 0 11px 0px #000000;
}
.product-list-item.box .item-overlay.show{
/*opacity:0.7;*/
opacity:0.2;
}
.product-list-item.box .item-overlay a{
width: 100%;
height: 100%;
display: block;
}
.product-list-item.box .overlay-elem{
border: 1px solid #b81d1d;
color: #b81d1d;
font-size: 20px;
padding: 15px;
position: absolute;
width: auto;
z-index: 1;
background-color: #fff;
top:calc(50% - 28px);
/*top:calc(70% - 28px);*/
opacity:0;
transition:all 0.3s;
cursor: pointer;
}
.product-list-item.box .overlay-elem.bag{
left:calc(50% - 86px);
border: 1px solid #890505;
color: #890505;
}
.product-list-item.box .overlay-elem.loupe{
left:calc(50% + 37px);
}
.product-list-item.box .overlay-elem.bag.show{
left:calc(50% - 53px);
opacity:1;
}
.product-list-item.box .overlay-elem.loupe.show{
left:calc(50% + 7px);
opacity:1;
}
.product-list-item.box .overlay-elem.show:hover{
color:#fff;
background-color:#b81d1d;
}
.product-list-item.box .overlay-elem.bag.show:hover{
background-color:#890505;
}
.products-loader{
width:100%;
height:100%;
position:absolute;
background-color: #fff;
opacity:0.7;
display:none;
z-index: 6;
}
.products-loader.show{
display:block;
}
.products-loader .fa{
left: calc(50% - 20px);
margin: 0 auto;
position: absolute;
top: 300px;
}
.products-loader.news .fa{
left: calc(50% - 20px);
margin: 0 auto;
position: absolute;
top: 150px;
}
.product-details-wrapper{
background-color: #fff;
border-radius:5px;
margin:30px 0;
padding:30px 0;
font-size: 18px;
font-weight: 500;
}
.product-details-wrapper .product-flags{
z-index:1;
}
.product-details-wrapper .product-flags span{
font-size:13px;
padding:5px 15px;
}
.product-details-wrapper .product-flags .ribbon::before{
border-width: 30px 0 0 20px;
}
.product-details-wrapper .product-flags .ribbon::after{
border-width: 30px 20px 0 0;
}
.product-details-wrapper .details-photos{
padding-right:40px;
}
.product-details-wrapper h1{
font-size:30px;
font-weight:400;
margin-bottom: 10px;
}
.product-details-wrapper .opinion{
font-size:20px;
float: left;
margin:10px 0 20px;
}
.details-info span{
font-weight: 300;
}
.details-info .producer-logo{
margin-top: 28px;
position: absolute;
right: 30px;
max-height:80px;
}
.details-info .short-desc ul li{
font-weight: 300;
}
.details-info .short-desc b{
font-weight: 500;
}
.details-info .short-desc ul li::before{
content:'-';
margin-left:10px;
margin-right:20px;
}
.details-info .actions{
text-align: center;
}
.details-info .actions span{
padding:0 10px;
font-size:14px;
cursor:pointer;
border-right:1px solid #9b9b9b;
}
.details-info .actions span:last-of-type{
border-right: none;
}
.details-info .actions span i{
margin-right:5px;
}
.details-info .price{
font-family: 'Work Sans', sans-serif;
font-size:40px;
text-align: center;
color:#000;
margin-bottom:30px;
}
.details-info .prev-price{
font-family: 'Work Sans', sans-serif;
color:#b10000;
text-decoration: line-through;
font-size:17px;
text-align: center;
}
.details-info .input-group{
width:150px;
margin:0 auto 15px !important;
}
.details-info .input-group #quant{
text-align: center;
font-family: 'Work Sans';
font-size: 18px;
}
.details-info .input-group button{
border-radius: 0;
padding: 9px 14px;
}
.attributes .row{
margin-bottom:10px;
}
.bootstrap-select.attr .dropdown-toggle{
border-radius: 0 !important;
width:100% !important;
}
.label-attr{
float:left;
padding-top:4px;
}
.attributes .input-text{
border:1px solid #eaeaea;
background-color:#fff;
margin-bottom:10px;
}
.attributes .input-text i{
color: #9e9e9e;
padding: 12px 10px 10px 14px;
}
.attributes .input-text input{
background-color:#fff;
margin-bottom: 0;
padding:0 10px;
width: calc(100% - 70px);
}
.separator{
background-color: #cacaca;
display: block;
height: 1px;
margin: 25px 0;
width: 100%;
}
.details-stock-info{
width:100%;
text-align: center;
margin-bottom:10px;
}
.details-stock-info.red{
color:#b10000;
}
.product-details-wrapper .full-description{
padding:30px;
}
.product-details-wrapper .full-description, .product-details-wrapper .full-description span{
color:#2b2b2b !important;
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 300;
font-size:18px !important;
}
.product-details-wrapper .tabs{
text-align: center;
}
.product-details-wrapper .tabs .prod-tab{
cursor:pointer;
font-size: 22px;
padding: 0 20px;
color:#979797;
border-right:1px solid #9b9bb9;
}
.product-details-wrapper .tabs .prod-tab:last-of-type{
border-right:none;
}
.product-details-wrapper .tabs .prod-tab.active{
color:#2b2b2b
}
.product-details-wrapper .tabs .prod-tab i{
margin-right:10px;
}
.prod-tab-content{
width:100%;
display:none;
padding:25px;
}
.prod-tab-content.show{
display:block;
}
.prod-tab-content.comments .comment{
padding:20px;
border-bottom:1px solid #eaeaea;
margin:0;
font-weight: 300;
}
.prod-tab-content.comments .comment .name{
float:left;
margin-right:20px;
font-family: "Work sans";
font-weight:400;
}
.prod-tab-content.comments .comment time{
color: #a5a5a5;
float: left;
font-family: "Work sans";
font-size: 15px;
font-weight: 300;
margin-top: 3px;
}
.prod-tab-content.comments .comment .opinion{
float:right;
margin:0;
}
.prod-tab-content.comments .comment .review{
margin-top:20px;
}
.product-comments-wrapper{
width:100%;
}
.products-loader.comments{
margin-left:-15px;
}
.prod-tab-content h2.info, .cart-info{
text-align: center;
font-size:22px;
color:#979797;
margin-bottom: 15px;
}
form.add-comment{
background-color: #fafafa;
border: 1px solid #e5e5e5;
margin: 80px 0 10px;
padding: 60px 20px 30px;
position: relative;
}
form.add-comment .pencil{
background-color: #fff;
border: 5px solid #eaeaea;
border-radius: 50%;
color: #666;
height: 70px;
position: absolute;
text-align: center;
top: -35px;
width: 70px;
margin-left:calc(50% - 55px);
}
form.add-comment .pencil i{
font-size: 30px;
margin-top:13px;
}
form.add-comment input, form.add-comment textarea{
background-color: #fff;
border: 1px solid #cdcdcd;
font-size: 16px !important;
font-weight: 300;
padding: 5px 15px;
width: 100%;
}
form.add-comment .opinion{
width:100%;
}
#main-rating-adding .glyphicon-star{
cursor:pointer;
}
form.add-comment .legend{
width:100%;
}
#full-screen-gallery {
background: rgba(255, 255, 255, 0.90) none repeat scroll 0 0;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 2001;
}
.full-screen-image {
bottom: 0;
left: 0;
margin: auto;
max-height: 80%;
max-width: 80%;
position: absolute;
right: 0;
top: 0;
}
.close-gallery {
color: #606060;
position: absolute;
right: 20px;
top: 20px;
}
.close-gallery span::before {
content: "";
}
#full-screen-gallery .button-prev {
left: 30px;
margin: auto 0;
transform: rotate(180deg);
}
#full-screen-gallery .button-next {
margin: auto 0;
right: 30px;
}
#full-screen-gallery button {
background: transparent none repeat scroll 0 0;
bottom: 40px;
color: #b81d1d;
display: inline-block;
font-family: "Glyphicons Halflings";
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 1;
position: absolute;
top: 40px;
z-index: 26;
}
#full-screen-gallery button::before {
content: "";
color: ;
}
.photo-loupe {
opacity: 0.8 !important;
}
.photo-loupe::before {
bottom: 0;
color: #fff;
content: "\e015";
cursor: pointer;
font-family: "Glyphicons Halflings";
font-size: 40px;
height: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.slick-arrow {
position: relative;
top: 1px;
display: inline-block;
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
background-color: transparent;
border: none;
font-size: 0;
line-height: normal;
padding: 0;
height:100%;
}
.slick-arrow::before {
font-size: 60px;
color: #b81d1d;
}
.slick-prev {
left: 10px;
}
.slick-prev::before {
content: '\f104';
}
.slick-next {
right: 10px;
}
.slick-next::before {
content: '\f105';
}
.slick-slide img{
margin:0 auto;
}
.slick-controls{
width:100%;
position: absolute;
top: calc(50% - 25px);
z-index: 10000;
}
.slick-controls a{
background-color:#b81d1d;
border-radius: 50%;
color: #fff;
font-size: 34px;
position: absolute;
transition: background-color 0.2s;
box-shadow: 0px 2px 7px -2px #000;
}
.slick-controls a:hover{
color:#fff;
background-color:#5a0c0d
}
.slick-left{
left: -28px;
padding: 0px 23px 4px 20px;
}
.slick-right{
right: -28px;
padding: 0px 19px 4px 23px;
}
#product-photos-nav{
padding:20px 45px;
}
#product-photos-nav .slick-arrow::before{
font-size:35px;
padding:10px;
}
#product-photos-nav .slick-next{
box-shadow:-22px 1px 13px 8px #fff
}
#product-photos-nav .slick-prev{
box-shadow:22px 0px 13px 8px #fff
}
#product-photos-nav .shadow{
width:100%;
height:100%;
}
#product-photos-nav .slick-current img{
border:2px solid #b81d1d;
}
#promotion-banner .slick-slide img{
float:left;
}
.search-form{
border-radius:5px;
padding:30px;
}
.search-form h2{
font-size:23px;
margin-bottom:20px;
}
.popup{
background-color: #fbfbfb;
border: 1px solid #d7d7d7;
box-shadow: 0 0 20px -10px #000;
position: fixed;
top: 25%;
z-index: 11;
border-radius: 7px;
overflow: hidden;
}
.popup .content{
float: left;
height: 100%;
padding: 40px 0;
width: 100%;
text-align: center;
}
.popup .content .left{
border-right: 1px solid #eaeaea;
}
.popup .title{
background-color: #eaeaea;
font-size: 17px;
font-weight: normal;
padding: 10px 12px;
}
.popup .title i{
margin-right:10px
}
.popup .title .close{
float:right;
opacity:0.4;
top:3px;
margin-right: 0;
}
#popup-prod-photo{
/*width:50%;*/
max-height:300px;
}
.popup h1{
font-size:20px;
}
.popup-text {
font-size: 18px;
font-weight: 400;
}
.popup-text span{
font-weight: 300;
}
#popup-prod-quantity{
font-family: "Work sans",sans-serif;
}
.popup-price{
border: 1px solid #eaeaea;
border-left: none;
border-right:none;
font-family: "Work sans",sans-serif;
font-size: 25px;
margin-top: 25px;
text-align: center;
}
.popup .content .right button{
margin-top: calc(50% - 60px);
}
.popup input, textarea{
width:100%;
}
.order-wrapper{
background-color:#fff;
margin:0;
padding-bottom:15px;
}
.order-wrapper nav{
margin:20px 0;
text-align:center;
border-bottom:10px solid #d1d1d1;
background-color: #f5f5f5;
}
.order-wrapper nav ul li{
display: inline-block;
font-size: 20px;
font-weight: 300;
padding: 17px 17px 10px;
position:relative;
color:#969696;
}
.order-wrapper nav ul li.active{
color:#2b2b2b;
font-weight: 400;
}
.order-wrapper nav ul li.active::after{
font-size: 20px;
margin-left: -50%;
position: absolute;
top:39px;
font-family: 'Glyphicons Halflings';
content:'\e253';
color:#d1d1d1;
}
.cart-tab-head{
background-color:#fafafa;
border-bottom: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
font-size: 17px;
padding: 10px 0;
margin-bottom: 20px;
}
.cart-tab-head span{
border-right: 1px solid #d1d1d1;
text-align: center;
}
.cart-tab-head span:last-of-type{
border:none;
}
.cart-tab{
font-size:17px;
border-bottom:1px solid #eaeaea;
padding:10px 0;
}
.cart-tab:last-of-type{
border-bottom:none;
}
.cart-tab div{
min-height:75px;
text-align: center;
border-right:1px dashed #ebebeb;
}
.cart-tab div.input-group{
border-right:none;
}
.cart-tab h2{
font-size:17px;
}
.content-col.amount.stepper{
min-height:0;
margin-top:17px;
border:none;
}
.content-col.amount.stepper span{
border: 1px solid #d1d1d1;
font-size: 14px;
padding: 12px;
cursor: pointer;
}
.content-col.amount.stepper span:hover{
background-color: #eaeaea;
}
.cart-quantity{
width:calc(100% - 100px);
border-left:none;
border-right:none;
margin:0 -4px;
font-family: 'Work Sans';
font-size:18px;
text-align: center;
padding:6px;
}
.cart-tab .name{
text-align: left;
}
.cart-tab .price{
font-family: 'Work Sans';
}
.cart-tab .price span{
display: block;
margin-top: 25px;
}
.cart-tab .del span{
display: block;
margin-top: 27px;
cursor:pointer;
transition:all 0.3s;
}
.cart-tab .del span:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
color:#b10000;
}
.cart-tab .del{
border:none;
}
.order-content{
margin:30px 0 0;
}
.country-select{
padding:20px;
background-color:#f5f5f5;
}
.country-select .country-label{
float: left;
font-size: 17px;
font-weight: 300;
margin-right: 15px;
margin-top: 7px;
}
.country-select .dropdown {
float:left;
}
.country-select .dropdown-toggle {
border: 1px solid #d1d1d1;
font-size: 17px;
font-weight: 300;
min-width: 160px;
padding: 5px 10px;
background-color:#fff;
}
.country-select .dropdown-toggle .glyphicon{
margin-top:2px;
}
.country-select i{
color: #aaa;
float: right;
font-size: 34px;
margin-top: 1px;
}
.dropdown.country .dropdown-menu{
font-size: 17px;
border-radius: 0;
font-weight: 300;
padding:0;
}
.dropdown.country .dropdown-menu li{
padding:5px 10px;
font-weight: 300;
cursor: pointer;
}
.dropdown.country .dropdown-menu li:hover{
background-color: #eaeaea;
}
.order-buttons{
margin:30px 0 0;
}
.order-cart-delivery .delivery-methods{
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 30px 0;
}
.order-cart-delivery .delivery-methods .item{
border-right: 1px solid #eaeaea;
padding: 0 25px;
}
.order-cart-delivery .delivery-methods .item:last-of-type{
border:none;
}
.order-cart-delivery .delivery-methods .item h3{
font-size:18px;
padding-bottom:15px;
}
.order-cart-delivery .delivery-methods .item input{
margin-top: -4px;
left: 0;
width: 36px;
}
.order-cart-delivery .delivery-methods .item label{
font-size:17px;
font-weight:300;
}
.radio label::before{
top:5px;
}
.radio label::after{
top:8px
}
.collection-point{
padding-top:30px;
}
.delivery-points{
text-align: right;
padding:20px 0;
}
.delivery-points label{
margin-right:20px;
font-size:17px;
font-weight:300;
}
.delivery-points select{
float:right;
}
.delivery-points .open-map{
border: 1px solid #bebebe;
float: right;
font-size: 20px;
padding: 5px 15px;
cursor:pointer;
}
.delivery-points .open-map i{
margin-right:10px;
color:#a1a1a1;
}
.order-cart-delivery .voucher-code{
background-color: #f5f5f5;
padding: 20px;
text-align: left;
}
.order-cart-delivery .voucher-code i{
color: #aaa;
float: right;
font-size: 34px;
margin-top: 1px;
}
.order-cart-delivery .voucher-code label{
margin-right:20px;
font-size:17px;
font-weight:300;
margin-top:6px;
}
.order-cart-delivery .voucher-code input{
background-color: #fff;
margin:0;
width:300px;
}
h3.info{
text-align: center;
border-bottom:1px solid #eaeaea;
padding-bottom:10px;
margin-bottom:25px;
}
h3.info i{
margin-right:15px;
color:#aaa;
}
.summary-cart-info{
font-size:17px;
font-weight: 300;
padding-top: 35px;
}
.summary-cart{
border: 1px solid #eaeaea;
display: block;
float: right;
font-size: 17px;
padding: 25px;
margin-top:30px;
background-color: #f9f9f9;
}
.summary-cart h3{
padding-bottom:20px
}
.order .step-summary dl dt{
clear: both;
}
.summary-cart dt{
width:70%;
float:left;
}
.summary-cart dd{
width:30%;
float:left;
}
.summary-cart dd{
text-align:right;
font-family: 'Work Sans';
}
.summary-cart .total{
border-top: 1px solid #b9b9b9;
font-size: 27px;
margin-top: 13px;
padding-top: 10px;
font-weight:400;
}
.bankAccount li label{
margin-right:10px;
}
.item h3 span{
font-weight:400;
font-size:17px;
}
.item label span{
font-size:15px;
}
.delivery-form div{
padding:0 5px;
}
.delivery-form div.form{
padding:15px;
margin-bottom:50px;
}
.delivery-form div.radio{
margin-bottom: 33px;
margin-top: 4px;
padding-left: 20px;
}
.delivery-form div.form.invoice{
border-left:1px solid #eaeaea;
}
input, select{
width:100%;
background-color:#fff;
}
.delivery-form select{
padding:7px 15px;
}
.form h3, .summary-customer-data h3{
margin-top:0;
margin:0 10px 20px;
}
.summary-customer-data h3{
border-bottom: 1px solid #eaeaea;
margin: 0 0 22px;
padding-bottom: 10px;
text-align: center;
}
.form h3 i, .summary-customer-data h3 i{
color: #606060;
margin-right: 12px;
margin-top: 3px;
}
.summary-cust-wrap{
padding:15px;
}
.cart-products{
margin-top:10px;
}
.cart-tab.product{
margin:0;
}
.summary-customer-data{
border: 1px solid #eaeaea;
padding: 25px;
font-size: 17px;
font-weight: 300;
background-color: #f9f9f9;
box-shadow:0 0px 8px -4px #9a9a9a;
}
.summary-customer-data h3{
margin: 0 0 35px;
}
.summary-customer-data h4{
font-weight: 600;
margin-top: 20px;
color:#505050;
}
.amount-summary{
display: block;
margin-top: 25px;
}
.summary-cart .checkbox{
padding:0px;
}
.order.container .primary-action{
float:right;
padding:7px 10px 7px 18px;
}
.order.container .secondary-action{
float:left;
padding:7px 18px 7px 10px;
}
.order.container .primary-action span{
float:right;
margin-top:2px;
margin-left:8px;
}
.order.container .secondary-action span{
float:left;
margin-top:1px;
margin-right:8px;
}
div.end{
font-size:17px;
font-weight:300;
}
div.end .header{
font-size:24px;
text-align: center;
margin:40px 0;
}
.buttons{
text-align: center;
}
.customer{
background-color:#fff;
margin:15px 0;
}
.login-form-wrapper{
background-color:#fff;
padding:0;
border-radius: 5px;
overflow: hidden;
}
.login-form-wrapper .link{
font-size:16px;
}
.login-form-wrapper .link.remind{
display: block;
margin-top: 20px;
}
.login-form-wrapper .left{
padding:50px 0 70px;
}
.login-form-wrapper .right{
background-color:#fbfbfb;
height:545px;
padding:50px 0 70px;
text-align: center;
}
.login-form-wrapper .right.register{
height:1010px;
}
.input-text-wrap{
padding:0 5px;
}
.input-text-wrap input, .input-text-wrap select{
width:100%;
}
.input-text-wrap select{
padding:7px;
}
.input-text-wrap input.password{
width:calc(100% - 41px);
}
.login-form-icon{
text-align:center;
padding:30px 0;
}
.login-form-icon i{
font-size:50px;
}
.reg-form p, p.reg-form{
font-size:17px;
font-weight:300;
}
p.reg-form{
text-align: center;
}
.form-checkboxes{
float:left;
margin-bottom:25px;
}
.button-link{
background-color: #b81d1d;
padding:7px 25px;
color:#fff;
font-size: 17px;
font-weight:300;
transition:all 0.3s;
display: inline-block;
margin-top:10px;
}
.button-link:hover{
background-color: #5a0c0d;
color:#fff;
}
.regulations-container{
background-color:#fff;
border-radius:5px;
padding:40px;
font-size:17px;
font-family: 'Work Sans' !important;
font-weight:300;
}
.regulations-container strong{
font-weight: 400;
}
.regulations-container font{
font-size:17px;
font-family: 'Work Sans' !important;
font-weight:300;
}
.regulations-container h2 font, .regulations-container h2{
font-size:20px;
font-family: 'Work Sans' !important;
font-weight:400;
}
.regulations-container font b{
font-weight: 400;
}
.regulations-container ol{
margin-left:40px;
}
.header-right-info{
float: right;
font-size: 17px;
font-weight: 300;
margin-top: 25px;
text-align: right;
}
.files a i{
margin-right:10px;
}
.table-scroller{
background-color:#fff;
}
.table-scroller .row .col{
border-right:1px solid #ebebeb;
text-align: center;
font-size:17px;
font-weight:300;
padding:10px;
}
.table-scroller .row .col .title{
font-size:18px;
margin: 0;
}
.table-scroller .row .col .remove{
color:#960000;
display:inherit;
margin:10px 0;
}
.table-scroller .row .col .remove span{
margin-right:5px;
}
.table-scroller .row .col .opinion{
margin-bottom:20px;
}
.table-scroller .row .col .current{
font-weight:400;
color:#000;
display: table;
width:100%;
font-size:20px;
font-family:'Work Sans';
}
.table-scroller .row .col .prev{
font-weight:300;
color:#960000;
width:100%;
text-decoration: line-through;
display: table;
font-family:'Work Sans';
}
.table-scroller .row .header{
background-color: #f8f8f8;
font-family: "Work Sans";
font-size: 17px;
padding: 10px;
text-align: center;
}
.cookies{
background-color: #fff;
text-align: center;
padding: 20px;
position: fixed;
width: 100%;
bottom: 0;
color: #626262;
box-shadow: -1px 0 12px -6px #000000;
z-index:100;
}
.container.page-not-found-wrapper .row{
text-align: center;
background-color: #fff;
border-radius: 5px;
margin:0;
margin-top:25px;
}
.container.page-not-found-wrapper .page-not-found{
margin-top:20px;
padding:100px 0;
}
.container.page-not-found-wrapper .page-not-found img{
margin-bottom: 20px;
}
.container.page-not-found-wrapper .page-not-found h1{
color: #b81d1d;
font-weight: 600;
font-size: 75px;
}
.primary-action.social-login{
padding: 12px 15px 8px 7px;
margin-top:20px;
}
.primary-action .fa-facebook-official{
font-size: 25px;
margin: -3px 15px 0 6px;
float:left;
}
.primary-action.social-login span{
display:block;
float:left;
margin-top: -4px;
}
#google-signin i{
float: left;
font-size: 22px;
margin-top: -2px;
margin-right: 10px;
margin-left:4px;
}
.prod-tab-content.description, .prod-tab-content.description p, .prod-tab-content.description span{
font-family: 'Source Sans Pro', sans-serif !important;
/*font-size:19px !important;*/
/*font-weight:300;*/
}
.prod-tab-content.description ul{
margin-left:50px;
}
.availability-list-item{
font-size: 11px;
font-weight: 500;
line-height: 15px !important;
background-color: #ebebeb;
padding: 10px;
margin-top: -20px;
float: right;
margin-right: -1px;
margin-bottom: 5px;
}
span.stock-level{
font-size: 13px;
text-align: center;
font-weight: 500;
}
.checkbox-filter{
float:left;
margin-top:-5px;
cursor: pointer;
}
.checkbox-filter input{
width: 25px;
float: left;
cursor: pointer;
height: 28px !important;
margin:0 0 0 10px;
}
.checkbox-filter label{
float: left;
font-size: 15px;
font-weight: 300;
margin-top:7px;
}
.col-sm-12.list-items{
padding:0;
}
.second-banners-wrapper{
margin-top:18px;
padding-right: 0;
}
.second-banner-wrapper-1, .second-banner-wrapper-2{
padding:0;
max-height:300px;
}
.second-banner-wrapper-1{
padding-right:9px;
}
.second-banner-wrapper-2{
padding-left:9px;
}
.image-box{
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
height: 240px;
}
.image-box img{
max-height:240px;
}
.prod-tab-content.features table tbody tr td{
border-top: none;
}
.prod-tab-content.features table tbody tr{
border-bottom:1px solid #ebebeb;
}
.prod-tab-content.features table tbody tr:nth-child(2n+1){
background-color: #fbfbfb;
}
.subcategories-img-wrapper{
text-align: center;
margin-bottom:32px;
}
.subcategories-img-wrapper img{
transition: all 0.2s;
max-height: 180px;
}
.subcategories-img-wrapper img.scale{
transform: scale(1.1, 1.1);
}
.subcategories-elem{
font-weight: 600;
text-align: center;
border-right: 1px solid #d1d1d1;
padding: 20px 20px 5px;
border-bottom: 1px solid #d1d1d1;
min-height: 270px;
line-height: 15px;
}
.subcategories-elem:nth-child(6n){
border-right: none;
}
.subcategories-elem span{
font-weight: 400;
font-size: 15px;
line-height: 15px;
font-family: "Work Sans";
}
.category-description{
font-weight: 300;
font-size: 20px;
margin-top: -15px;
}
/*FLATICONS INSTRUMENTS*/
.menu-categories-wrapper ul li a i.flaticon{
width:40px;
}
.menu-categories-wrapper ul li a i.flaticon:before{
font-size:28px;
margin-left:0;
}
.submenu .subcat-img{
position: absolute;
right: 0;
bottom: 20px;
z-index: 1;
opacity: 0.2;
max-height: 100%;
overflow: hidden;
}
.header-mid .logo img{
margin-top:-20px;
}
.product-flags.hidden-xs{
margin-left:-10px;
}
.most-viewed-wrapper{
padding:0;
background-color:#fff;
margin-top: 20px;
}
#main-slider, #banner2 .slick-list, #banner3 .slick-list, #full-width-banner,
.product-grid, .menu-categories-wrapper ul > li > .submenu.show, #brands-slider,
.most-viewed-wrapper, .customer-panel-wrapper{
border-radius:5px;
overflow: hidden;
min-height:407px;
}
.menu-categories-wrapper{
border-radius: 0 0 5px 5px;
}
.santander-link{
width: 183px;
height: 36px;
background-image: url('img/santander.png');
display: block;
margin: 60px auto 0;
}
#raty-button-wrapper {
text-align:center !important;
margin-top 80px !importnat;
}
.infos .basket{
margin-top:3px;
}
.header-wishlist{
position: relative;
}
.header-wishlist i{
font-size: 27px !important;
position: absolute;
right: 35px;
top:18px;
color:#666;
}
.header-wishlist-count{
position: absolute;
font-family: 'Work Sans', sans-serif;
right: 25px;
background-color: #333;
color: #fff;
border-radius: 50%;
width: 24px;
height: 23px;
font-size: 13px;
text-align: center;
top: 14px;
border: 2px solid #fff;
}
.trapez{
border-bottom: 18px solid red;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
height: 0px;
width: 124px;
position: absolute;
color: #fff;
transform: rotate(-45deg);
top: 9px;
left: -45px;
padding-bottom: 0px;
text-align: center;
font-size: 12px;
box-shadow: 0px 3px 2px -3px #535353;
}
.trapez.Promotion{
border-bottom-color: #ea0006;
}
.trapez.NewProduct{
border-bottom-color: #80aa00;
top: -9px;
left: -37px;
width: 75px;
}
.triangle-new {
width: 0px;
height: 0px;
border-style: inset;
border-width: 0px 45px 45px 45px;
border-color: transparent transparent #31cf00 transparent;
float: left;
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
position: absolute;
transform: rotate(-45deg);
left: -49px;
top: -27px;
}
.triangle-new p{
text-align: center;
top: 25px;
left: -42px;
position: relative;
width: 80px;
height: 26px;
margin: 0px;
font-size: 11px;
}
.recalculate{
width: auto;
float: right;
margin-right: 20px;
font-size: 16px;
color: #333;
background-color: transparent;
border: 1px solid #333;
}
.recalculate span{
margin-right:10px;
font-size:20px;
}
.categories-header-with-image{
font-size: 37px;
margin-bottom: 20px;
font-family: 'Work Sans';
font-weight: 300;
color: #fff;
padding: 0px 15px;
width: 100%;
align-self: flex-end;
text-shadow: 0px 0px 3px #000;
}
.categories-header-with-image span{
font-size: 19px;
float: right;
margin-top: 13px;
font-weight:400;
}
.breadcrumbs-categories {
margin-bottom: 0;
padding: 10px 15px;
background-color: rgba(0,0,0, 0.3);
}
.breadcrumbs-categories li{
display: inline-block;
color:#fff;
font-size: 17px;
}
.breadcrumbs-categories > li + li::before {
padding: 0 5px;
color: #fff;
content: "/\00a0";
}
.breadcrumbs-categories li a{
color:#fff;
text-shadow: 0px 0px 3px #000;
font-weight:300;
}
.social-wrapper{
margin-top: 20px;
margin-bottom: -25px;
}
.social-wrapper.not-mobile{
margin-top: 0;
margin-bottom: 0;
position: absolute;
right: -55px;
top: 37px;
}
.social-wrapper .social{
width: 30px;
height: 30px;
margin-left:10px;
display:inline-block;
}
.social-wrapper.not-mobile .social{
width: 30px;
height: 30px;
display:block;
margin-bottom:10px;
}
.social.allegro{
background-image: url('img/allegro.png');
}
.social.instagram{
background-image: url('img/instagram.png');
}
.social.google{
background-image: url('img/google.png');
}
.social.facebook{
background-image: url('img/facebook.png');
}
.order-content .online-payment{
padding: 30px;
text-align: center;
}
.order-content .online-payment img{
margin:20px;
}
.order-content .online-payment p{
font-weight: 300;
font-size: 20px;
}
.order-content .online-payment form .primary-action{
padding: 7px 20px 7px 20px;
float: none;
margin-top: 20px;
}