@import url("fonts.css");
* {
box-sizing: border-box;
}
body, html {
height: 100%;
min-height: 100%;
}
body {
min-height: 100%;
background: #fff;
font-family: 'Myriad Pro';
font-size: 12pt;
line-height: 1.2em;
color: #464747;
margin: 0;
padding: 0;
}
img{max-width:100%;}
span img{display:block;}
p, h2, h4, h1 {
margin: 5px 0;
}
* {
box-sizing: border-box;
}
.table-container{
overflow-x: auto;
max-width: 100%;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #333;
}
a {
text-decoration: none !important;
color: inherit;
transition: .2s;
}
.error-text{color:#FF0000;}
.error-text > *{margin:0px;}
.error-text:empty{display:none;}
select{max-width:100%;}
form .error-text{font-size:11px;line-height: 15px !important;display: inline-block;text-align: left;}
form input.error{border-color:#FF0000 !important;}
form select.error{border-color:#FF0000 !important;}
form textarea.error{border-color:#FF0000 !important;}
.form-notify-success-message{border:1px solid #008800;background-color:rgba(0,136,0,0.08);padding:7px 10px;}
.flex {
display: flex;
}
.relative {
position: relative;
}
.bold {
font-weight: 900;
}
.wrapper {
max-width: 1320px;
padding: 0 15px;
margin: 0 auto;
height: auto;
position: relative;
}
.hidden {
display: none;
}
.fwrap {
flex-wrap: wrap;
}
.mobile_nav_bar {
border-top: 1px solid #fff;
}
.fbottom {
align-self: flex-end;
}
.search.mobile, .mobile-menu {
display: none;
}
.between {
justify-content: space-between;
}
.clear:after {
content: '';
display: block;
clear: both;
}
nav.mobile {
display: none;
background: #363737;
border-top: 1px solid #747071;
}
nav.mobile ul {
padding: 5px;
}
nav.mobile ul li {
margin: 5px 0;
}
nav.mobile ul li a {
display: inline-block;
padding: 10px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
width: 100%;
font-weight: 300;
}
nav.mobile ul li a:hover {
background: #39a2dd;
}
.mobile-menu {
display: none;
line-height: 60px;
padding: 0 15px;
font-size: 18px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
position: relative;
padding-right: 35px;
}
.mobile-menu:after {
content: '|||';
position: absolute;
display: block;
color: #fff;
transform: rotate(90deg);
top: -3px;
bottom: 0;
right: 13px;
line-height: normal;
height: 24px;
margin: auto;
font-size: 16px; 
}
h1 {
margin: 18px 0;
font-size: 20px;
display: inline-block;
font-weight: bold;
text-transform: capitalize;
text-align: center;
width: 100%;
}
.text__background {
position: absolute;
line-height: 155px;
font-size: 8vw;
text-align: center;
color: #6ca6de;
opacity: 3.3%;
display: inline-block;
width: calc(100% - 10px);
letter-spacing: 0.1em;
z-index: -1; 
}
.top {
position: relative;
width: 100%;
min-height: 155px;
}
.top__wrapper {
min-height: 155px;
justify-content: space-between;
align-items: center;
padding-top: 70px;
}
.search {
position: relative;
}
.search input[type="text"].input-search {
width: 470px;
padding: 15px 15px;
border-radius: 3px;
border: 1px solid #464747;
color: #464747;
}
.search input[type="text"].input-search:focus {
border-color: #39a2dd;
}
.search a {
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto;
z-index:12;
}
.search a:before {
position: absolute;
font-family: "FontAwesome";
top: 0;
content: "\f002";
font-size: 23px;
top: 3px;

}
.search a:hover:before {
transition: 0.2s;
color: #39a2dd;
}
.action__group a {
font-size: 16px;
text-transform: capitalize;
margin-right: 17px;
padding: 3px;
}
.action__group a:before {
display: inline-block;
font-family: "FontAwesome";
background: #464747;
width: 27px;
height: 27px;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 27px;
margin-right: 3px;
transition: 0.2s;
}
.action__group a.contact_us:before {
content: '\f0e0';
}
.action__group a.wish_list:before {
content: '\f004';
}
.action__group a:hover {
color: #39a2dd;
}
.action__group a:hover:before {
background: #39a2dd;
}

.top-notify{overflow:hidden;position:relative;border-bottom:1px solid #DEDEDE;}
.top-notify .marquee{line-height:22px;font-size:14px;left:-999999px;white-space:nowrap;}

#currency {
padding: 5px 35px 5px 5px;
font-size: 15px;
border: 1px solid #464747;
border-radius: 3px;
color: #464747;
height: 31px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: uppercase;
font-weight: bold;
background: url("../images/sort-down.svg") right no-repeat, #fff;
background-size: 10px;
background-position: 75px; 
}
#currency:before {
display: inline-block;
width: 25px;
height: 25px;
content: "\f0dd";
font-family: "FontAwesome";
left: -5px;
position: absolute;
top: 0;
background: lime;
}
#currency option {
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
line-height: 1.2em;
}
#manufactures, #ship {
min-width: 200px;
padding: 10px;
border: 1px solid #99989a;
border-radius: 5px;
font-size: 14px;
color: #464747;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url("../images/sort-down.svg") right no-repeat, #fff;
background-size: 10px;
background-position: 178px; 
}
select::-ms-expand {
display: none;
}
.elem__wrapper {
align-items: center;
}
.breadcrumbs {position:relative;top:6px;
display: inline-flex;
}
.breadcrumbs li {
margin-right: 5px;
}
.breadcrumbs li:after{content:'  >>';padding-left:4px;}
.breadcrumbs li:last-child:after{content:'';display:none;}
.breadcrumbs li.current {
color: #39a2dd;
}
.menu.manufacturerslist{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;}
.menu.manufacturerslist > li{width:250px;}

.navigation_bar {
min-height: 60px;
width: 100%;
background: #363737;
}
.navigation_bar .bottom.flex {
align-items: center;
justify-content: space-between;
}
.navigation_bar ul {
min-height: 60px;
align-items: center;
}
.navigation_bar ul li a {
color: #fff;
padding: 21px;
margin-right: 1px;
}
.navigation_bar ul li a:hover {
background: #39a2dd;
transform: translateY(-1px); 
}
.navigation_bar ul li a.active {
background: #39a2dd;
}
.navigation_bar ul li a:active {
transform: none;
}
.sign-in {
min-height: 45px;
display: inline-block;
border: 1px solid #747071;
margin: 0 10px;
}
.sign-in a {
color: #fff;
font-size: 20px;
font-weight: bold;
text-transform: capitalize;
line-height: 45px;
padding: 0 10px;
}
.sign-in a:before {
font-family: "FontAwesome";
background-size: 25px;
content: '\f007';
margin-right: 10px;
}
.sign-in a:hover {
color: #39a2dd;
}
.basket {
min-height: 60px;
min-width: 185px;
background: #39a2dd;
}
.basket a {
line-height: 60px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
text-align: center;
display: inline-block;
width: 100%;
}
.basket a:before {
content: '';
width: 30px;
height: 30px;
display: inline-block;
background: url("../images/shopping-basket.png") center center no-repeat;
background-size: 25px;
vertical-align: middle;
margin-right: 5px; 
}
#home-slider {
margin-top: 3px;
width: 100%;
height: 429px;
overflow: hidden;
}
#home-slider .slider-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 430px;
}
.left__column_wrap {
min-width: 260px;
margin-right: 18px;
}
.left_column__ .brands__ {
animation: fadeIn 0.2s linear;
display: none;
}
.left_column__ {
width: 260px;
margin-bottom: 18px;
}
label.header {
user-select: none;
height: 60px;
background: #39a2dd;
font-size: 19px;
font-weight: bold;
color: #fff;
line-height: 60px;
text-transform: uppercase;
padding: 0 20px;
display: inline-block;
width: 100%;
cursor: pointer;
border-radius: 3px;
transition: 0.3s;
}
label.header:hover, label.header:focus {
background: #2188c2;
}
label.header:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/linear-bars.png") center center no-repeat;
background-size: 20px;
vertical-align: text-top;
margin-right: 5px; 
}
input[type="checkbox"]#drop-categories:checked ~ .catgerory-wrapper, input[type="checkbox"]#drop-brands:checked ~ .brands__ {
display: flex;
}
.catgerory-wrapper {
user-select: none;
display: none;
border: 1px solid #d3d4d9;
padding: 10px 20px;
animation: fadeIn 0.2s linear;
}
.catgerory-wrapper ul {
width: 100%;
}
.catgerory-wrapper li {
margin: 10px 0;
width: 100%;
}
.catgerory-wrapper li > a {
display: inline-block;
font-size: 18px;
width: 100%;
}
.catgerory-wrapper li.selected a{
	font-weight:600;
}
.catgerory-wrapper li > a:hover {
color: #39a2dd;
}

input[type="checkbox"]#drop-manufacturers:checked ~ .manufacturers-wrapper{
display: flex;
}
.manufacturers-wrapper {
user-select: none;
display: none;
border: 1px solid #d3d4d9;
padding: 10px 20px;
animation: fadeIn 0.2s linear;
}
.manufacturers-wrapper ul {
width: 100%;
}
.manufacturers-wrapper li {
margin: 10px 0;
width: 100%;
}
.manufacturers-wrapper li > a {
display: inline-block;
font-size: 18px;
width: 100%;
}
.manufacturers-wrapper li.selected a{
	font-weight:600;
}
.manufacturers-wrapper li > a:hover {
color: #39a2dd;
}

a.sub-cat {
position: relative;
}
a.sub-cat:after {
content: '\f078';
font-family: "FontAwesome";
font-size: 12px;
color: #39a2dd;
position: absolute;
right: 15px;
}
a.sub-cat.active {
color: #39a2dd;
transition: 0.3s;
}
a.sub-cat.active:after {
transform: rotate(180deg); 
}
.cat_list a.sub-cat:after {
color: #fff;
}
.cat_list a.sub-cat.active {
color: #fff;
}
.cat_list ul.level-2 li a {
font-size: 14px;
}
span.drop-down {
display: inline-block;
width: 12px;
height: 12px;
position: absolute;
right: 0;
}
span.drop-down:after {
content: '\f078';
font-family: "FontAwesome";
font-size: 12px;
top: 0;
}
span.drop-down.active:after {
transform: rotate(180deg); 
}
#level-2 {
display: none;
}
#level-2:checked + .level-2 {
display: block;
}
.level-2 {
transition: 0.3s;
padding-left: 20px;
display: none;
cursor: pointer;
}
.level-2 li > a {
font-size: 15px;
}
.level-2 li > a:hover {
color: #39a2dd;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.content {
margin-top: 18px;
padding-bottom: 20px;
}
main {
width: 100%;
min-height: 900px;
position: relative;
}
#home-reviews {
max-height: 300px;
overflow: hidden;
}
.random-categories {
margin-bottom: 18px;
}
.random-categories .category-item {
margin-right: 18px;
height: 240px;
width: 33%;
border: 1px solid #d3d4d9;
overflow: hidden;
position: relative;
transition: 0.3s;
}
.random-categories .category-item:hover {
box-shadow: 0 0 5px #d3d4d9;
}
.random-categories .category-item:hover .background-image {
transform: scale(1.06); 
}
.random-categories .category-item:hover .background-image:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(57, 162, 221, 0.1);
opacity: 1; 
}
.background-image {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
}
.background-image:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(57, 162, 221, 0.1);
opacity: 0;
transition: 0.2s; 
}
.overlay-content {
position: absolute;
top: 0;
left: 0;
width: 130px;
padding-top: 80px;
}
.overlay-content h4 {
width: 100%;
text-transform: uppercase;
color: inherit;
font-size: 20px;
font-weight: bold;
text-align: right;
line-height: 25px;
}
.overlay-content .shop-button {
margin-top: 25px;
margin-right: 0;
}
.shop-button {
display: block;
background: #383838;
padding: 10px 15px;
font-size: 16px;
color: #fff;
margin-top: 25px;
margin: auto;
width: 106px;
text-transform: capitalize;
}
.shop-button:hover {
color: #39a2dd;
}
.promo-code {
position: relative;
height: 236px;
text-transform: uppercase;
width: 33%;
border: 5px solid #39a2dd;
background-position: center center;
text-align: center;
transition: 0.3s;
overflow: hidden;
}
.promo-code:hover {
box-shadow: 0 0 5px #d3d4d9;
}
.promo-code:hover .background-image {
transform: scale(1.1); 
}
.promo-code:hover .background-image:before {
opacity: 1;
}
.promo-code h4 {
font-weight: bold;
font-size: 36px;
color: #39a2dd;
line-height: 1.2em;
margin: 5px 0;
}
.promo-code .use {
font-size: 24px;
font-weight: bold;
font-style: italic;
line-height: 1.5em;
}
.promo-code .get {
font-weight: bold;
font-style: italic;
line-height: 1.2em;
}
.promo-code .shop-button {
margin-top: 25px;
}
.overlay-promo {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.brands__ {
border: 1px solid #d3d4d9;
padding: 18px;
padding-bottom: 0;
flex-wrap: wrap;
justify-content: space-between;
}
.brands__ a.brand {
width: 230px;
height: 64px;
border: 1px solid #d3d4d9;
margin-bottom: 18px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
}
.brands__ a.brand:nth-child(4n) {
margin-right: 0;
}
.brands__ a.brand:hover {
box-shadow: 0px 3px 5px 0px #d3d4d9;
transform: translateY(-3px); 
}
.brands__ a.brand:active {
transform: translateY(0px);
box-shadow: none; 
}
#tabs {
width: 100%;
margin-bottom: 25px;
}
#tabs > ul {
justify-content: center;
margin: 36px 0;
}
#tabs > ul li {
margin: 0 10px;
}
#tabs > ul li.ui-tabs-active a {
color: #39a2dd;
border-bottom: 1px solid #39a2dd;
}
#tabs > ul li a:hover {
color: #39a2dd;
border-bottom: 1px solid #39a2dd;
}
#tabs > ul li a {
font-weight: bold;
color: inherit;
}
#tabs-1, #tabs-2, #tabs-3 {
animation: fadeIn 0.2s linear;
}
@media(max-width:419px){
	#body-page-home #tabs > ul li a{font-size:14px;}
}
.product-items {
flex-wrap: wrap;
min-height: 685px;

}
.product-item {
width: 240px;
height: 325px;
border: 1px solid #d3d4d9;
margin: 0 17px 17px 0;
border-radius: 3px;
position:relative;
background-color:#FFFFFF;
}
.product-item.clone-tobasket{position:fixed;z-index:10;}
.product-item.is-favorite .add-to-wishlist,.product-item.is-infavorite .add-to-wishlist {
	background-color:#FF0000;
}
.product-item.cat-ship-from-eu > a.serve:before,.product-item.cat-international > a.serve:before,.product-item.cat-us-domestic > a.serve:before{
	content:'';width:107px;height:109px;position:absolute;top:-9px;right:-8px;z-index:10;
}
.product-item.cat-ship-from-eu > a.serve:before{background-image:url('../images/ship-feu.png');}
.product-item.cat-international > a.serve:before{background-image:url('../images/ship-ww.png');}
.product-item.cat-us-domestic > a.serve:before{background-image:url('../images/ship-usa.png');}

.product-item:nth-child(4n) {
margin-right: 0;
}
.product-item .overflow {
display: block;
width: 100%;
height: 225px;
overflow: hidden;
position: relative;
}
.product-item .product-image {
display:block;
width: 100%;
height: 100%;
border-bottom: 1px solid #d3d4d9;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
transition: 0.3s;
}
.product-item .product-description {
padding: 12px 8px;
}
.product-item .product-description a {
display: inline-block;
width: 100%;
}
.product-item .product-description a.product-title {
font-size: 18px;
position: relative;
font-weight: 300;
margin-top: 10px;
width: 100%;
height: 20px;
overflow: hidden;
text-transform: capitalize;
}
.product-item .product-description a.product-title:after {
content: '';
display: inline-block;
width: 50px;
height: 20px;
position: absolute;
right: 0;
top: 0;
/*background-image: linear-gradient(90deg, transparent, #fff); */
}
.product-item .product-description a.product-price {
font-weight: bold;
line-height: normal;
font-size: 20px;
margin-top: 5px;
}
.product-item:hover {
box-shadow: 0 0 5px #d3d4d9;
}
.product-item:hover .product-image {
transform: scale(1.1); 
}
.product-item:hover .product-image:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2); 
}
.product-item:hover .product-actions {
opacity: 1;
}
.product-price {
font-weight: bold;
line-height: normal;
font-size: 20px;
margin-top: 5px;
}
.product-price.price-old {
color:#FF0000;
font-size:90%;
text-decoration:line-through;
}
.product-item.is-oos .product-price:before{
	content:'Out of stock';display:block;color:#FF0000;text-align:center;font-weight:bolder;
}
.product-item.is-oos .product-price span{
	display:none;
}
.product-item.is-oos .product-price.price-old{
	display:none;
}

.product-actions {
position: absolute;
width: 100%;
height: 45px;
position: absolute;
bottom: 0;
padding: 3px;
transition: 0.3s;
opacity: 0;
}
@media(max-width:1350px){
	.product-actions{opacity:0.95;}
}
.product-actions li {
height: 40px;
margin-right: 2px;
}
.product-actions li:first-child {
flex: 1;
}
.product-actions li:last-child {
margin-right: 0;
}
.product-details{width:100%;}
.product-details > .block{}
.product-details > .block > h2{font-size:18px;margin:15px 0px 0px 0px;border:1px solid #232222;border-bottom:0px;display:inline-block;padding:0px 10px;line-height:24px;}
.product-details > .block > div{border:1px solid #232222;padding:10px;}

a.add-to-wishlist, .preview, .add-to-basket {
color: #fff;
background: #39a2dd;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 300;
}
a.add-to-wishlist.add-to-basket, .preview.add-to-basket, .add-to-basket.add-to-basket {
line-height: 40px;
display: inline-block;
width: 100%;
}
a.add-to-wishlist.preview, a.add-to-wishlist.add-to-wishlist, .preview.preview, .preview.add-to-wishlist, .add-to-basket.preview, .add-to-basket.add-to-wishlist {
width: 40px;
height: 40px;
background: #39a2dd;
display: inline-block;
}
a.add-to-wishlist.preview:before, a.add-to-wishlist.add-to-wishlist:before, .preview.preview:before, .preview.add-to-wishlist:before, .add-to-basket.preview:before, .add-to-basket.add-to-wishlist:before {
font-family: "FontAwesome";
color: #fff;
font-size: 20px;
line-height: 40px;
width: 40px;
text-align: center;
display: inline-block;
}
a.add-to-wishlist:hover, .preview:hover, .add-to-basket:hover {
	background: #363737;
}
a.preview:before {
	content: '\f06e';
}
a.add-to-wishlist:before {
	content: '\f004';
}
ul.rating {
	margin: 0;
}
ul.rating li {
	font-family: "FontAwesome";
	width: 15px;
	height: 15px;
	margin: 0 1.5px;
}
ul.rating li:before {
content: '\f005';
color: #ffb535;
}
table.pricelist {
width: 100%;
border-collapse: collapse;
}
table.pricelist th, table.pricelist td {
border: 1px solid #d1d1d1;
min-height: 42px;
text-transform: capitalize;
min-height: 45px;
}
table.pricelist th {
background: #333;
color: #fff;
line-height: 42px;
font-weight: normal;
}
table.pricelist td.pricelist-action {
width: 200px;
}
table.pricelist td a, table.pricelist td span {
display: block;
padding: 5px;
padding-left: 20px;
margin: 5px 0;
}
table.pricelist td a.submit {
width: 110px;
margin: 5px auto;
}
table.pricelist td.id {
text-align: center;
}
.left_side_reviews {
max-width: 260px;
margin-top: 18px;
border: 5px solid #39a2dd;
border-radius: 2px;
}
.review {
text-align: center;
width: 100%;
height: 310px;
padding: 10px;
}
.review .review-date {
padding: 5px 0;
font-size: 14px;
font-style: italic;
color: #39a2dd;
margin: 5px 0;
}
.review .user__ {
padding: 5px 0;
font-size: 18px;
font-weight: bold;
font-style: italic;
margin: 5px 0;
}
.review .rating {
padding: 5px 0;
justify-content: center;
}
.review .cite {
padding: 5px 0;
font-weight: 300;
text-align: justify;
padding: 0 20px;
max-height: 115px;
overflow-y: hidden;
position:relative;
margin-bottom:30px;

}
.review .cite:before, .review .cite:after {
position:absolute;
font-family: "FontAwesome";
width: 15px;
height: 15px;
display: inline-block;
color: #39a2dd;
}
.review .cite:before {
	left:5px;
content: '\f10d';
}
.review .cite:after {
	right:5px;
content: '\f10e';
}
#product-tab3 .review {
margin-bottom: 10px;
padding: 0 15px;
border: 1px solid #39a2dd;
border-radius: 5px;
height: auto;
}
#product-tab3 .review .rating {
justify-content: flex-start;
}
#product-tab3 .review .cite {
padding: 0;
}
.left_side_news {
width: 100%;
max-width: 260px;
margin-top: 18px;
padding: 5px;
}
.left_side_news .news_date {
color: #39a2dd;
font-style: italic;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.left_side_news .news_title {
font-style: italic;
font-weight: bold;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
.left_side_news .news_text {
text-align: justify;
font-weight: 300;
margin-top: 20px;
}
.contact-form {
left: 0;
right: 0;
margin: auto;
max-width: 845px;
height: auto;
border: 1px solid #39a2dd;
border-radius: 3px;
margin-bottom: 30px;
}
.contact-form .header-form {
width: 100%;
padding: 10px;
min-height: 145px;
background: #39a2dd;
justify-content: space-around;
align-items: center;
transition: 0.3s;
flex-wrap: wrap;
justify-content: center;
}
.contact-form .header-form li {
width: 105px;
margin: 10px 5px;
}
.contact-form .header-form a {
display: inline-block;
width: 100%;
display: inline-block;
text-align: center;
}
.contact-form .header-form a img {
display: block;
margin: auto;
}
.contact-form .header-form a span {
display: inline-block;
margin-top: 15px;
color: #fff;
}
.submit, .readmore, .button {
display: inline-block;
text-transform: uppercase;
color: #fff;
font-weight: 300;
background: #39a2dd;
padding: 10px 15px;
border: none;
border-radius: 2px;
cursor: pointer;
}

.button.small{font-size:12px;
	padding:3px 7px;
}

.submit:hover, .readmore:hover, .button:hover {
background: #2188c2;
}
.head-form {
display: inline-block;
width: 100%;
margin: 20px 0;
font-weight: bold;
text-align: center;
padding: 10px;
}
.form-content {
max-width: 445px;
max-height: 800px;
display: block;
margin: auto;
padding: 10px;
}
form#contact-form {
max-height: 600px;
}
.field-wrap {
position: relative;
max-width: 445px;
margin-bottom: 15px;
}
.field-wrap input[type="text"], .field-wrap input[type="email"], .field-wrap input[type="password"], .field-wrap textarea {
width: 100%;
padding: 10px;
border: 1px solid #d3d4d9;
border-radius: 2px;
font-size: 14px;
color: #6b6b6b;
}
.field-wrap textarea {
min-height: 150px;
max-width: 100%;
font-family: inherit;
}
footer {
width: 100%;
min-height: 135px;
background: #363737;
}
footer .footer {
align-items: center;
justify-content: space-between;
height: 135px;
}
.copy {
font-size: 14px;
color: #fff;
text-align: left;
font-weight: 300;
margin-top: 10px;
}
.footer-nav li {
margin: 0 5px;
}
.footer-nav li a {
padding: 5px;
color: #fff;
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
}
.footer-nav li a:hover, .footer-nav li a.active {
color: #39a2dd;
}
#accordion,.accordion {
margin: 25px 0;
}
#accordion h3,.accordion h3 {
margin-top: 10px;
font-size: 18px;
font-weight: 400;
padding: 15px;
border: 1px solid #d3d4d9;
cursor: pointer;
user-select: none;
}
#accordion h3:after,.accordion h3:after {
content: '\f0dd';
font-family: "FontAwesome";
position: absolute;
right: 15px;
line-height: 8px;
font-size: 25px;
}
#accordion .ui-accordion-content,.accordion .ui-accordion-content{
border-right: 1px solid #d3d4d9;
border-left: 1px;
}
#accordion p,.accordion p,#promo-form p {
font-size: 18px;
font-weight: bold;
margin-right: 15px;
line-height: 40px;
}
#accordion input[type="text"],.accordion input[type="text"],#promo-form   input[type="text"]{
padding: 10px;
font-size: 18px;
margin-right: 15px;
}
.form-wrapper {
width: 100%;
min-height: 250px;
border: 1px solid #d3d4d9;
border-radius: 3px;
margin: 25px 0;
}
.basket_list {
width: 100%;
min-width: 700px;
border-collapse: collapse;
margin: auto;
margin-bottom: 20px;
}
.basket_list tr:hover {
background: rgba(0, 0, 0, 0.05); 
}
.basket_list td {
border: 1px solid #d3d4d9;
padding: 10px;
text-transform: capitalize;
text-align: center;
}
.basket_list td.title {
position: relative;
}
.basket_list td.title a {
display: block;
text-align: left;
}
.basket_list td.image {
width: 150px;
}
.basket_list td.image img {
max-width: 100px;
}
.basket_list td input[type="number"] {
width: 70px;
border: 1px solid #d3d4d9;
border-radius: 2px;
padding: 3px 5px;
height: 40px;
margin-right: 10px;
}
.basket_list td a.delete {
display: inline-block;
width: 40px;
height: 40px;
background: #E17151;
vertical-align: top;
border-radius: 3px;
}
.basket_list td a.delete:before {
font-family: "FontAwesome";
content: '\f057';
color: #fff;
font-size: 24px;
line-height: 40px;
}
.basket_list td a.delete:hover {
background: #da4e26;
}
.avantages {
position: absolute;
left: 10px;
bottom: 10px;
}
.avantage {
color: #fff;
text-align: center;
display: inline;
padding: 2px 5px;
background: #363737;
font-size: 13px;
}
.overflow {
width: 100%;
overflow-x: auto;
}
.form-wrapper .form-column {
width: 50%;
padding: 15px;
}
.form-wrapper .form-column input {
width: 100%;
padding: 15px;
font-size: 18px;
margin-bottom: 15px;
border: 1px solid #d3d4d9;
border-radius: 3px;
}
.form-wrapper .form-column:first-child {
padding-right: 7.5px;
}
.form-wrapper .form-column:last-child {
padding-left: 7.5px;
}
.mobile_categories {
display: none;
}
.mobile_categories .categories-heading {
min-height: 60px;
max-width: 735px;
margin: auto;
background: #545758;
padding: 10px;
}
.mobile_categories .categories-heading .open-list {
position: relative;
text-transform: uppercase;
color: #fff;
height: 45px;
line-height: 45px;
background: #4a4a4a;
border: 1px solid #9fa1a1;
padding-left: 15px;
cursor: pointer;
}
.mobile_categories .categories-heading .open-list:after {
content: '\f0d7';
font-family: "FontAwesome";
width: 15px;
height: 15px;
color: #fff;
position: absolute;
right: 15px;
}
.mobile_categories .cat_list {
display: none;
padding: 15px;
background: #545758;
color: #fff;
max-height: 500px;
overflow-y: auto;
max-width: 735px;
margin: auto;
}
.mobile_categories .cat_list li a {
font-size: 18px;
padding: 10px;
display: inline-block;
width: 100%;
}
.mobile_categories .cat_list li a:hover, .mobile_categories .cat_list li a:active {
background: #39a2dd;
}

.mobile_manufacturers {
display: none;
}
.mobile_manufacturers .manufacturers-heading {
min-height: 60px;
max-width: 735px;
margin: auto;
background: #545758;
padding: 10px;
}
.mobile_manufacturers .manufacturers-heading .open-list {
position: relative;
text-transform: uppercase;
color: #fff;
height: 45px;
line-height: 45px;
background: #4a4a4a;
border: 1px solid #9fa1a1;
padding-left: 15px;
cursor: pointer;
}
.mobile_manufacturers .manufacturers-heading .open-list:after {
content: '\f0d7';
font-family: "FontAwesome";
width: 15px;
height: 15px;
color: #fff;
position: absolute;
right: 15px;
}
.mobile_manufacturers .man_list {
display: none;
padding: 15px;
background: #545758;
color: #fff;
max-height: 500px;
overflow-y: auto;
max-width: 735px;
margin: auto;
}
.mobile_manufacturers .man_list li a {
font-size: 18px;
padding: 10px;
display: inline-block;
width: 100%;
}
.mobile_manufacturers .man_list li a:hover, .mobile_manufacturers .man_list li a:active {
background: #39a2dd;
}


.filter {
width: 100%;
min-height: 300px;
background: #f3f3f2;
border: 1px solid #cbcacc;
padding: 0 15px 15px 20px;
margin-bottom: 15px;
}
.filter .filter_columns {
color: #191919;
}
.filter .filter_columns > div {
min-width: 280px;
height: 100%;
padding: 5px 0;
}
#range-price {
width: 205px;
}
#range-value {
margin-top: 25px;
}
.chekbox {
margin-right: 5px;
}
.chekbox input[type="checkbox"] {
display: none;
}
.chekbox label {
padding: 5px;
font-size: 14px;
min-width: 35px;
text-align: center;
border: 1px solid #99989a;
border-radius: 2px;
cursor: pointer;
user-select: none;
background: #fff;
}
.chekbox input:checked + label {
border-color: #39a2dd;
background: #39a2dd;
color: #fff;
}
.chekbox input:disabled + label {
opacity: 0.5;
cursor: not-allowed;
}
.sort_wrap {
background: #fff;
border-radius: 2px;
border: 1px solid #99989a;
}
.sort_wrap ul {
min-height: 35px;
align-items: center;
}
.sort_wrap li {
position: relative;
padding: 5px;
display: inherit;
cursor: pointer;
text-transform: capitalize;
font-weight: 600;
margin: 0 5px;
}
.sort_wrap li:after {
content: '';
position: absolute;
display: block;
width: 1px;
height: 20px;
background: #99989a;
top: 4px;
right: -6px;
}
.sort_wrap li a {
padding-right: 20px;
position: relative;
}
.sort_wrap li a:hover {
color: #39a2dd;
}
.sort_wrap li a:before {
content: "";
display: block;
position: absolute;
width: 0px;
height: 0px;
border: 5px solid transparent;
border-top: 0px;
border-bottom: 6px solid #363737;
right: 0px;
top: 2px;
}
.sort_wrap li a:after {
content: "";
display: block;
position: absolute;
width: 0px;
height: 0px;
border: 5px solid transparent;
border-bottom: 0px;
border-top: 6px solid #363737;
right: 0px;
bottom: 2px;
}
.sort_wrap input:checked + label {
color: #39a2dd;
}
.fieldWrap {
width: 205px;
margin-bottom: 10px;
justify-content: space-between;
}
.fieldWrap input[type="text"] {
font-size: 18px;
}
.fieldWrap input[type="text"]:first-child {
text-align: left;
}
.row {
min-height: 50px;
align-items: center;
padding: 5px 0;
}
.buttons_wrap {
display: inline-flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
flex-grow: 1;
min-width: 215px;
margin-top: 5px;
}
.buttons_wrap > * {
	margin:0px 5px;
}
.range {
/*margin-left: 12px;*/
padding-bottom: 5px;
width:100%;
}
.text_ {
min-width: 110px;
margin-right: 15px;
text-align: right;
}
.tb-list {
flex-wrap: wrap;
}
.tb-list li {
display: inline-flex;
margin-bottom: 5px;
}
.rangeVal {
border: none;
background: transparent;
width: 60px;
text-align: center;
}
.out_stock {
margin-left: 15px;
}
.out_stock input[type="checkbox"] {
display: none;
}
.out_stock label {
user-select: none;
color: #f24942;
cursor: pointer;
}
.out_stock label:before {
display: inline-block;
content: '';
width: 15px;
height: 15px;
border: 1px solid #b5b4b4;
background: #fff;
border-radius: 3px;
vertical-align: text-top;
margin-right: 5px;
}
.out_stock input:checked + label:before {
content: '\f00c';
font-family: "FontAwesome";
line-height: 15px;
font-size: 13px;
text-align: center;
}
.product_item {
width: 100%;
position:relative;
}
.product_item h2 {
margin-top: 5px;
margin-bottom: 15px;
font-size: 24px;
font-weight: 700;
}
.product_item span {
color: #4b4b4b;
font-weight: 300;
margin-right: 5px;
}
.product_item .price-wrap {
align-items: center;
font-weight: bold;
margin-top: 25px;
}
.product_item.is-oos .price-wrap > * {
	display:none;
}
.product_item.is-oos .price-wrap:before{
	content:'Out of stock';
	font-size:24px;
	font-weight:bolder;
	margin-bottom:15px;
}

.product_item .price-wrap .product-price {
font-size: 36px;
color: #39a2dd;
line-height: normal;
margin-right: 20px;
}
.product_item .price-wrap .product-old-price {
font-size: 24px;
text-decoration: line-through;
}
.product_item .product-short-text h4 {
text-transform: uppercase;
font-size: 18px;
margin: 5px 0;
}
.product_item .product-short-text p {
margin: 0;
padding: 0;
color: #929292;
}
.product_item .add_to_card {
margin-top: 15px;
width: 100%;
}
.product_item.is-oos .add_to_card{
	display:none;
}
.product_item .add_to_card input[type="number"] {
width: 70px;
margin-right: 5px;
padding: 5px;
font-size: 18px;
}
.product_item .add_to_card input[type="number"]::-webkit-inner-spin-button, .product_item .add_to_card input[type="number"]::-webkit-outer-spin-button {
opacity: 1;
}
.product_item .add_to_card .add-to-basket {
width: 145px;
margin-right: 5px;
}
.p-column:first-child {
margin-right: 30px;
}
table.variable-price {
margin-top: 20px;
min-width: 385px;
border-collapse: collapse;
border: 1px solid #363737;
}
table.variable-price tr:first-child {
background: #363737;
color: #fff;
}
table.variable-price td {
padding: 10px;
text-align: center;
min-height: 50px;
}
[role^="tabpanel"] {
_padding: 10px;
}
#product-tabs {
margin: 15px 0;
}
#product-tabs > div {
border: 1px solid #cbcacc;
min-height: 400px;
}
#product-tabs ul li.tab {
min-width: 135px;
border: 1px solid #cbcacc;
border-bottom: none;
text-align: center;
margin-right: -1px;
text-transform: uppercase;
}
#product-tabs ul li.tab.ui-state-active a {
background: #363737;

color: #fff;
}
#product-tabs ul li.tab.ui-state-active {
border-bottom: 1px solid #363737;
}
#product-tabs ul li.tab a {
padding: 0px 10px;
display: inline-block;
width: 100%;
color: #363737;
line-height:31px;
text-transform:capitalize;
}
.table-wrap {
border: 1px solid #d3d4d9;
padding: 15px;
display: block;
margin: 0 0 0 auto;
width: 400px;
}
table.total-price {
border-collapse: collapse;
}
table.total-price tr {
height: 35px;
}
table.total-price tr td {
padding: 0 30px;
}
table.total-price tr.total, table.total-price tr.promo {
font-weight: bold;
}
.promo {
color: #d24a43;
}
.buttons-checkout {
justify-content: space-between;
align-items: center;
margin: 70px 0 20px;
width: 100%;
min-height: 45px;
}
.product-properties {
/*text-transform: uppercase;*/
flex-wrap: wrap;
}
.product-properties li {
width: 50%;
min-width: 320px;
padding: 3px 10px;
}
.product-properties li span.property {
font-weight: bold;
display:inline-block;
text-transform:lowercase;
}
.product-properties li span.property:after{
	content:':';
}
.product-properties li span.property:first-letter{
	text-transform:uppercase;
}
.checkout, .continue {
display: inline-block;
text-transform: uppercase;
border: none;
color: #fff;
font-size: 20px;
font-weight: 600;
padding: 0 15px;
line-height: 44px;
height: 44px;
text-align: center;
border-radius: 3px;
cursor: pointer;
}
.default-shipping-addres {
min-width: 300px;
margin: 25px 0;
border: 1px solid #d3d4d9;
flex-wrap: wrap;
justify-content: center;
}
.default-shipping-addres .address-card {
border: 1px solid #d3d4d9;
box-sizing: border-box;
padding: 10px 20px;
border-radius: 3px;
margin: 15px;
}
.default-shipping-addres .address-card .address-heading {
font-weight: bold;
text-align: center;
}
.default-shipping-addres .address-card p {
font-weight: 300;
}
.default-shipping-addres .address-card .buttons {
max-width: 165px;
justify-content: space-between;
border-radius: 3px;
margin: auto;
}
.default-shipping-addres .address-card .buttons a {
display: inline-block;
height: 27px;
padding: 0 20px;
line-height: 27px;
font-size: inherit;
text-align: center;
border-radius: 3px;
text-transform: capitalize;
}
.default-shipping-addres .address-card .buttons a.delete {
color: #000;
font-weight: 600;
}
.default-shipping-addres .address-card .buttons a.delete:hover {
color: #d24a43;
}
.default-shipping-addres .address-card .buttons a.edit {
background: #000;
color: #fff;
}
.default-shipping-addres .address-card .buttons a.edit:hover {
background: #39a2dd;
}
.default-shipping-addres .address-card:hover {
outline: 2px solid #39a2dd;
outline-offset: -4px;
border-color: transparent;
}
.continue {
background: #39a2dd;
}
.continue:hover {
background: #292929;
}
.checkout {
background: #292929;
}
.checkout:hover {
background: #39a2dd;
}
.big-image{
	
}
.big-image a {
max-height: 415px;
overflow: hidden;
}
.img-content {
max-width: 415px;
}
.slider-nav {
position: relative;
max-width: 320px;
margin: 15px auto;
}
.slider-nav img {
border: 1px solid #dbdbdc;
cursor: pointer;
}
.slick-arrow {
position: absolute;
top: 15px;
width: 30px;
height: 30px;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.next-arrow:before, .prev-arrow:before {
font-family: "FontAwesome";
font-size: 30px;
text-align: center;
line-height: 30px;
color: #bababa;
transition: 0.3s;
}
.next-arrow:hover:before, .prev-arrow:hover:before {
color: #a1a1a1;
}
.next-arrow {
right: 10px;
}
.next-arrow:before {
content: '\f138';
}
.prev-arrow {
left: 10px;
}
.prev-arrow:before {
content: '\f137';
}
.faq-wrap {
max-width: 555px;
margin: auto;
}
.faq-wrap #faq {
width: 100%;
height: 300px;
}
.faq-wrap #faq .question {
height: 40px;
border-radius: 3px;
margin-bottom: 12px;
text-align: center;
line-height: 40px;
cursor: pointer;
background: #363737;
color: #fff;
transition: 0.3s;
}
.faq-wrap #faq .question:hover {
background: #39a2dd;
}
.news-wrap {
padding-bottom: 150px;
}
.news-item {
	display:flex;
	flex-direction:row;
	width: 100%;
	border: 1px solid #d3d4d9;
	padding: 12px;
	margin-bottom: 15px;
}
.news-item > a{width:30%;flex-shrink:0;}
.news-item > div{padding-left:20px;flex-grow:1;}
.news-item > div h3{margin-top:0px;}

.news-item img {
max-width: 100%;
}
.news-item p.short-text-news {
	color: #555;
	text-align:justify;
}
.news-item .morelink{display:flex;justify-content:space-between;align-items:center;}

.news-item.promo-active-0{filter:grayscale(1);}
.news-item.promo-active-0 .dateinfo:before{content:'EXPIRED';}
.news-item.promo-active-0 .dateinfo span{display:none;}

.price-more{display:flex;justify-content:space-between;margin-top:20px;}
.kit-price{display:flex;align-items:center;flex-wrap:wrap;}
._k_price{font-size:22px;font-weight:700;color:#fff;display:inline-block;background-color:#39a2dd;line-height:26px;padding:0 12px;margin-right:12px;}
._k_old_price{color:#39a2dd;font-size:16px;text-decoration:line-through;}

@media(max-width:559px){
	.news-item {
		display:flex;
		flex-direction:column;
	}
	.news-item a{
		width:100%;
		text-align:center;
	}
	.news-item a img{
		position:relative;
		margin:0px auto;
	}
	.news-item a img.no-image{
		display:none;
	}
	
}

.reviews-wrap .reviews-item {
width: 100%;
margin-bottom: 15px;
}
.reviews-wrap .reviews-item .heading-reviews {
font-size: 18px;
min-height: 29px;
display: block;
background: #39a2dd;
line-height: 29px;
text-align: left;
color: #fff;
font-weight: 600;
padding: 0 10px;
}
.reviews-wrap .reviews-item .rating-reviews .title {
text-transform: uppercase;
margin-right: 5px;
font-weight: 600;
padding: 5px;
}
.reviews-wrap .reviews-item .rating-reviews ul.rating {
padding: 5px;
}
.reviews-wrap .reviews-item .rating-text {
padding: 5px;
}
.account-wrap {
width: 100%;
padding: 15px;
border: 1px solid #d3d4d9;
}
.points-wrap {
padding-bottom: 100px;
}
.address-cards {
justify-content: flex-start;
flex-flow: wrap;
}
.address-card {
width: 300px;
padding: 10px;
border: 1px solid #d3d4d9;
margin: 5px;
}
.address-card ul li {
font-weight: bold;
}
.address-card .address-buttons {
margin-top: 15px;
justify-content: space-between;
}
.address-card .address-buttons a {
font-weight: 600;
color: #fff;
text-transform: capitalize;
padding: 5px 10px;
justify-content: center;
}
.address-card .address-buttons a.default {
background: #39a2dd;
}
.address-card .address-buttons a.default:hover {
background: #2188c2;
}
.address-card .address-buttons a.edit {
background: #363737;
}
.address-card .address-buttons a.edit:hover {
background: #1d1d1d;
}
.address-card .address-buttons a.delete {
background: #d24a43;
}
.address-card .address-buttons a.delete:hover {
background: #b6322c;
}
.general-points {
justify-content: flex-end;
}
.general-points .p-sort {
display: inline-block;
border: 1px solid #d3d4d9;
border-radius: 2px;
text-transform: uppercase;
padding: 10px 20px;
color: #fff;
margin-left: 10px;
}
.general-points .p-sort
.gained {
background: #39a2dd;
}
.general-points .p-sort
.used {
background: #fff;
color: #333;
}
.general-points .p-sort
.total {
background: #333;
}
.points-cards {
margin-top: 30px;
justify-content: flex-start;
flex-flow: wrap;
}
.points-cards .point-card {
width: 230px;
margin: 5px;
}
.points-cards .point-card .count {
padding: 15px 0;
text-align: center;
line-height: 35px;
background: #39a2dd;
color: #fff;
text-transform: uppercase;
font-size: 24px;
}
.points-cards .point-card .ads {
position: relative;
padding: 15px 10px;
border-left: 1px solid #d3d4d9;
border-right: 1px solid #d3d4d9;
}
.points-cards .point-card:after {
content: '';
width: 100%;
height: 40px;
display: inline-block;
background: #39a2dd;
}
.frow > div {
width: 50%;
min-height: 150px;
background: #faf9f9;
margin: 5px;
padding: 10px;
}
.ptitle {
text-align: center;
margin-bottom: 10px;
text-transform: capitalize;
font-weight: 600;
}
ul.__info li {
display: flex;
margin: 5px;
}
ul.__info li span.prop {
display: inline-block;
font-weight: bold;
min-width: 80px;
margin-right: 10px;
text-transform: capitalize;
}
.frow .payment-control {
height: 150px;
background: #fff;
padding: 0;
}
.frow .payment-control .group-buttons {
flex-direction: column;
justify-content: flex-start;
height: 150px;
align-content:flex-start;
}
.frow .payment-control .group-buttons a {
display: inline-block;
width: 100%;
color: #fff;
text-transform: capitalize;
text-align: center;
padding: 10px 0;
border-radius: 5px;
margin-bottom:5px;
}
.frow .payment-control .group-buttons a.help {
background: #363737;
}
.frow .payment-control .group-buttons a.help:hover {
background: #1d1d1d;
}
.frow .payment-control .group-buttons a.cancel {
background: #d24a43;
}
.frow .payment-control .group-buttons a.cancel:hover {
background: #b6322c;
}
.frow .payment-control .group-buttons a.pay {
background: #39a2dd;
}
.frow .payment-control .group-buttons a.pay:hover {
background: #2188c2;
}
.total-in {
align-items: center;
font-weight: bold;
}
.total__info li {
display: flex;
margin: 5px;
}
.total__info li span.prop {
min-width: 200px;
text-align: right;
}
.total__info li span.glue {
padding: 0 2px;
}
@media only screen and (max-width: 1350px) {
	main{padding:0px 10px;}
.general-points, .points-cards {
justify-content: center;
}
#home-slider {
height: 245px;
}
#home-slider .slider-image {
height: 245px;
}
.big-image a {
max-height: 335px;
overflow: hidden;
}
.big-image img {
max-width: 335px;
}
.img-content {
max-width: 335px;
}
.slider-nav {
max-width: 230px;
margin: auto;
margin-top: 15px;
}
table.variable-price {
min-width: 100%;
}
.product-properties li {
width: 50%;
min-width: 290px;
padding: 1px 5px;
font-size: 14px;
}
.product-properties li span.property {
font-weight: bold;
font-size: 14px;
}
.overlay-promo h4 {
font-size: 25px;
}
.overlay-promo .use {
font-size: 20px;
}
.overlay-promo .get {
font-size: inherit;
}
.overlay-promo .shop-button {
padding: 5px 7px;
font-size: 11px;
margin: auto;
width: 80px;
text-align: center;
margin-top: 5px;
}
.tablets .text_, .sort-by .text_ {
align-self: flex-start;
margin-top: 6px;
min-width: 110px;
}
.filter {
padding: 0 20px 20px 20px;
}
.wrapper {
max-width: 755px;
padding: 0 0px;
margin: 0 auto;
height: auto;
position: relative;
}
nav.desktop, .search, .left__column_wrap, .brands__ {
display: none;
}
.mobile_categories {
display: block;
}

.mobile_manufacturers {
display: block;
}
.random-categories .category-item {
height: 170px;
width: 33%;
margin-right: 10px;
}
.random-categories .category-item .background-image {
background-size: cover;
background-position: center;
}
.top__wrapper {
padding-top: 0;
}
.overlay-content {
position: absolute;
top: 0;
left: 0;
width: 89px;
padding-top: 70px;
}
.overlay-content h4 {
font-size: 15px;
line-height: normal;
}
.overlay-content .shop-button {
padding: 5px 7px;
font-size: 11px;
margin: auto;
width: 80px;
float: right;
text-align: center;
margin-top: 5px;
}
.promo-code {
height: 170px;
}
.mobile-menu, .search.mobile {
display: block;
}
.search.mobile {
max-width: 210px;
margin-left: auto;
}
.search.mobile input[type="text"].input-search {
padding: 13px;
width: 100%;
_background-image: linear-gradient(#fff, transparent, #fff);
background-color:transparent;
border: 1px solid #747071;
color: #fff; 
}
.search.mobile a:before {
color: #fff;
}
.brands__ {
justify-content: center;
}
.brands__ .brand {
margin-right: 18px !important;
}
.product-items {
justify-content: center;
}
.product-items .product-item {
max-width: 235px;
margin: 5px;
}
footer .footer {
min-height: 150px;
flex-direction: column;
padding: 15px 0;
}
footer .footer .logo-wrapper {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 730px) {
#product-tabs {
width: 100%;
}
#product-tabs ul{justify-content:center;}
#product-tabs ul li.tab {
min-width: 110px;
margin-top:5px;
}
#product-tabs ul li.tab a {
font-size: 14px;
padding: 0px 0;
}
.p-column:first-child {
margin-right: 0;
}
.base_info {
flex-wrap: wrap;
justify-content: center;
padding-top: 85px;
}
.img-content {
max-width: 320px;
}
.move {
position: absolute;
top: 25px;
}
.variable-price {
width: 100%;
}
.filter_columns {
flex-wrap: wrap;
}
#home-reviews {
margin: 15px auto;
max-width: 250px;
}

header {
display: flex;
flex-direction: column;
}
.random-categories {
flex-direction: column;
align-items: center;
}
.random-categories .category-item, .random-categories .promo-code {
width: 100%;
max-width: 370px;
height: 250px;
margin: 0;
margin-bottom: 10px;
}
.random-categories .category-item .overlay-content, .random-categories .promo-code .overlay-content {
width: 35%;
}
.top {
order: 1;
}
.mobile_nav_bar {
order: 2;
}
.navigation_bar {
order: 5;
}
.mobile_categories {
order: 3;
}
.mobile_manufacturers {
order: 4;
}
.top__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.footer-nav {
flex-direction: column;
text-align: center;
}
.footer-nav li {
margin: 10px;
}
footer .footer {
height: auto;
}
.logo {
margin-right: 25px;
}
.elem__wrapper {
flex-wrap: wrap;
justify-content: flex-end;
}
.sign-in a:before {
margin-right: 0;
padding: 0 7px;
}
.sign-in span {
display: none;
}
}
@media only screen and (max-width: 590px) {
.buttons-checkout {
flex-direction: column;
align-items: center;
}

.buttons-checkout .continue{
	order:2;
	margin-top:40px;
	height:auto;
	line-height:14px;
	padding:0px;
	font-size:12px;
	background-color:transparent;
	color:#333333;
}

.buttons-checkout input {
margin-top: 10px;
}
.promo_wrap {
flex-direction: column;
height: auto !important;
}
.promo_wrap .submit {
width: 70px;
margin-top: 10px;
}
.checkout, .continue {
font-size: 18px;
font-weight: 400;
}
.form-wrapper {
flex-wrap: wrap;
}
.form-wrapper .form-column {
padding: 10px;
min-width: 320px;
width: 100%;
}
.form-wrapper .form-column input {
margin-bottom: 10px;
}
.form-wrapper .form-column:first-child, .form-wrapper .form-column:last-child {
padding: 10px;
}
.table-wrap {
width: 100%;
margin: 0;
padding: 5px;
}
.table-wrap table.total-price tr td {
padding: 10px;
}
.filter {
padding: 10px;
font-size: 14px;
}
.filter .text_ {
min-width: 65px;
margin-right: 10px;
}
.buttons_wrap {
margin-top: 15px;
}
.out_stock {
margin-left: 0px;
}
.sort_wrap li {
padding: 0;
}
.sort_wrap li:after {
top: 0;
}
.elem__wrapper {
padding: 10px;
max-width: 215px;
display: inline-flex;
}
.sign-in {
margin-bottom: 10px;
margin-right: 0;
}
.search.mobile {
max-width: calc(100% - 134px);
margin-left: auto;
position: absolute;
top: 10px;
right: 123px;
width: 100%; 
}
.mobile-menu {
position: relative;
top: 28px;
padding-left: 7px;
}
}
@media only screen and (max-width: 380px) {
.action__group a {
font-size: 12px;
}

.table-wrap.inbasket {
	
}
.table-wrap.inbasket td{
	padding:0px !important;
	font-size:14px;
}

#form-filters .buttons_wrap{flex-wrap:wrap;justify-content:flex-end;}
.out_stock{width:100%;}

}
/*# sourceMappingURL=main.css.map */
span.rating {
width:60px;
height:11px;
margin:0px;
padding:0px;
list-style:none;
display:inline-block;
position:relative;
background-image:url('../images/rating-stars-empty.png');background-repeat:repeat;background-position:0px 0px;background-size:auto 100%;
}
span.rating:before {
content:"";
height:11px;
position:absolute;
left:0px;
top:0px;
background-image:url('../images/rating-stars-fill.png');width:0;background-repeat:repeat;z-index:1;background-size:auto 100%;
}
span.rating.big {
width:95px;
height:18px;
margin:0px;
padding:0px;
list-style:none;
display:inline-block;
position:relative;
background-image:url('../images/rating-stars-b-empty.png');background-repeat:repeat;background-position:0px 0px;background-size:auto 100%;
}
span.rating.big:before {
content:"";
height:18px;
position:absolute;
left:0px;
top:0px;
background-image:url('../images/rating-stars-b-fill.png');width:0;background-repeat:repeat;z-index:1;background-size:auto 100%;
}
span.rating.bigger {
width:160px;
height:30px;
margin:0px;
padding:0px;
list-style:none;
display:inline-block;
position:relative;
background-image:url('../images/rating-stars-bb-empty.png');background-repeat:repeat;background-position:0px 0px;background-size:auto 100%;
}
span.rating.bigger:before {
content:"";
height:30px;
position:absolute;
left:0px;
top:0px;
background-image:url('../images/rating-stars-bb-fill.png');width:0;background-repeat:repeat;z-index:1;background-size:auto 100%;
}
span.rating.r05:before {
width:10%;
}
span.rating.r10:before {
width:20%;
}
span.rating.r15:before {
width:30%;
}
span.rating.r20:before {
width:40%;
}
span.rating.r25:before {
width:50%;
}
span.rating.r30:before {
width:60%;
}
span.rating.r35:before {
width:70%;
}
span.rating.r40:before {
width:80%;
}
span.rating.r45:before {
width:90%;
}
span.rating.r50:before {
width:100%;
}
/*paginaor*/
.paginator {
text-align:center;
}
.paginator a,.paginator span {
display:inline-block;
width:36px;
height:36px;
line-height:36px;
font-size:16px;
color:#fff;
margin:5px 3px;
border-radius:3px;
background-color:#39A2DD;
font-weight:700;
text-align:center;
}
.paginator a:hover {
text-decoration:none;
background-color:#218BC5;
}
.paginator span {
background-color:#1F84BA;
cursor:default;
}

.form-style-1{max-width:90%;display:block;position:relative;width:400px;margin:0px auto;border:1px solid #d5d8da;box-shadow:1px 1px 2px #d5d8da;padding:0px 20px;}
.form-style-1 label{font-weight:bolder;margin:3px 0px;display:inline-block;}
.form-style-1 input,.form-style-1 select{width:100%;height:44px;border-radius:3px;border:1px solid #cccccc;padding:0px 5px;}
.form-style-1 .row{margin:10px 0px;min-height:20px;}
.aribox{display:flex;}

div.table{display:table;width:100%;}
div.table > div{display:table-row;}
div.table > div > div{display:table-cell;}
div.table.default > div.headers{}
div.table.default > div.headers > div{text-align:center;color:#008acf;border-bottom:1px solid #6d6a6a;font-size:110%;line-height:30px;font-weight:bolder;}
div.table.default > div:not(.headers) > div{line-height:26px;padding:0px 10px;}
div.table.default > div:not(.headers):nth-child(2n) > div{background-color:#eeeded;}

table.table{display:table;width:100%;border-collapse:collapse;}
table.table  th{}
table.table  th{text-align:center;color:#008acf;border-bottom:1px solid #6d6a6a;font-size:110%;line-height:30px;font-weight:bolder;}
table.table  td{line-height:26px;padding:0px 10px;border:1px solid rgba(0,138,207,0.3);}
table.table  tr:nth-child(2n-1) > td{background-color:#eeeded;}

.agt-info{display:flex;flex-direction:row;}
.agt-info > div{width:33%;}
.agt-info > div:nth-child(1){padding-right:6px;}
.agt-info > div:nth-child(2){padding:0px 3px;}
.agt-info > div:nth-child(3){padding-left:6px;}
.agt-info > div a{display:block;border:1px solid #BBBBBB;}
.agt-info > div:last-child a{border:1px solid #00A0DC;}
.agt-info > div img{display:block;max-width:100%;width:100%;}
@media(max-width:549px){
	.agt-info{flex-direction:column;align-items:center;}
	.agt-info > div{width:auto;padding:0px !important;margin:5px 0px;}
}


/*woin*/
.woin.overlay{display:block;position:fixed;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(0,0,0,0.4);z-index:9999;}
.woin.window{display:block;position:fixed;max-width:100%;width:680px;background-color:#FFFFFF;top:20px;left:50%;z-index:10000;margin-left:-340px;overflow-x:hidden;overflow-y:auto;max-height:95%;}
.woin.window .data{padding:30px 20px 10px 20px;}
.woin.window .data:empty{background-image:url('../images/ajax-loader-button.gif');background-position:center;background-repeat:no-repeat;}

.woin.window .woin.close{position:absolute;width:24px;height:24px;top:0px;right:0px;border-radius:8px;}
.woin.window .woin.close:before{content:"";width:2px;height:24px;position:absolute;transform: rotate(-45deg);top:4px;left:0px;background-color:#0083c4;}
.woin.window .woin.close:after{content:"";width:2px;height:24px;position:absolute;transform: rotate(45deg);top:4px;left:0px;background-color:#0083c4;}

.woin.window.promowin{}
.woin.window.promowin .data{padding:0px;}
.woin.window.promowin .woin.close{position:absolute;width:48px;height:48px;top:10px;right:10px;background-color:#0083c4;border-radius:8px;}
.woin.window.promowin .woin.close:before{content:"";width:2px;height:24px;position:absolute;transform: rotate(-45deg);top:12px;left:24px;background-color:#FFF;}
.woin.window.promowin .woin.close:after{content:"";width:2px;height:24px;position:absolute;transform: rotate(45deg);top:12px;left:24px;background-color:#FFF;}
.woin.window.promowin .promo-clock-box{background-image:url("../images/bg-popup.png");background-position:0 0;background-repeat:repeat; }
.woin.window.promowin p{margin:15px;}
.woin.window.promowin .promo-clock-box{margin-top:20px;min-height:76px;}

@media (max-width:700px){
	.woin.window{width:calc(100% - 40px);margin-left: calc(-50% + 20px);}	
	.woin.window.promowin .woin.close{width:33px;height:33px;top:5px;right:5px;}
	.woin.window.promowin .woin.close::before{height:20px;top:7px;left:16px;}
	.woin.window.promowin .woin.close::after{height:20px;top:7px;left:16px;}
	
}


header .notify-ring{margin-right:15px;margin-left:5px;position:relative;z-index:8;}
header .notify-ring > a{}
header .notify-ring > a > span.counts{position:absolute;display:block;border-radius: 30px;background-color: #39a2dd;
	color: #ffffff;width: 20px;height: 20px;text-align: center;right: -5px;top: 8px;line-height: 20px;font-size:11px;z-index:2;}
header .notify-ring > a > span.counts:empty{display:none;}
header .notify-ring > a > span.counts + span{
	cursor:pointer;text-decoration:none;position:relative;
	background-image:url('../images/icon-bell.png');width:30px;height:36px;background-position:0px 0px;
	text-align:center;display:block;color:#FFFFFF;font-weight:bolder;
}
header .notify-ring > a > span.counts:empty + span{background-position:0px 0px;}
header .notify-ring.open > a > span.counts + span{}

header .notify-ring > .popup{display:none;position:absolute;background-color:#FFFFFF;border:1px solid #006fa6;
	box-shadow:2px 2px 10px #444444;right:-62px;top:36px;margin-top:-2px;padding:7px 0px;font-size:13px;width:260px;
	}
header .notify-ring.open > .popup{display:block;}
header .notify-ring > .popup:before{content:'';width:0px;height:0px;border:0px solid transparent;
	border-right-width:7px;border-left-width:7px;border-bottom:7px solid #FFFFFF;
	display:block;position:absolute;top:-6px;right:67px;}

header .notify-ring > .popup p{margin:0px;}
header .notify-ring > .popup > ul{margin:0px;padding:0px 9px;list-style:none;display:block;z-index:9;max-height:265px;overflow:auto;}
header .notify-ring > .popup > ul:empty:before{content:'No new notifications';}
header .notify-ring > .popup > ul > li{display:block;width:100%;border:1px solid #006fa6;margin:3px 0px;padding:1px 10px 1px 5px;}
header .notify-ring > .popup > ul > li:hover{background-color:#EFEFEF;}
header .notify-ring > .popup > ul > li a{color:#121212;padding:0px;}
header .notify-ring > .popup > ul > li .content{position:relative;margin:2px;padding:2px;}
header .notify-ring > .popup > ul > li .content > div{min-height:18px;}
header .notify-ring > .popup > ul > li .content .delete{display:block;background-color:#39a2dd;color:#FFFFFF;border-radius:0px;width:15px;height:15px;position:absolute;right:-7px;top:3px;z-index:9;padding:0px;}
header .notify-ring > .popup > ul > li .content .delete:hover{background-color:#39a2dd;}
header .notify-ring > .popup > ul > li .content .delete:before,header .notify-ring > .popup > ul > li .content .delete:after{content:'';width:10px;height:1px;background-color:#FFFFFF;position:absolute;}
header .notify-ring > .popup > ul > li .content .delete:before{transform:rotate(45deg);left:3px;top:7px;}
header .notify-ring > .popup > ul > li .content .delete:after{transform:rotate(-45deg);left:3px;top:7px;}
header .notify-ring > .popup > ul > li .content .date > span{padding-left:13px;background-position:0px 2px;}
header .notify-ring > .popup > ul > li .content .date > span.timein{background-image:url('../images/notice-icon-clock.png');margin-left:5px;background-repeat:no-repeat;}
header .notify-ring > .popup > ul > li .content .date > span.day{background-image:url('../images/notice-icon-calendar.png');background-repeat:no-repeat;}

.woin.window.localization-chk{max-width:350px;margin-left:-175px;}
.woin.window.localization-chk h3{margin:0px;}


.cloudinary-upload-block{
	width:100%;
}

.ticketsMedia{
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
}

.ticketsMedia a{
	display:inline-block;
	border:1px solid #C0C0C0;
	background-color:#FFFFFF;
	padding:4px;
	border-radius:4px;
	margin:0px 10px 10px 0px;
}

/*reports-table*/
@media(min-width:660px){
	.reports-table{display:table;width:100%;border-top:1px solid #C0C0C0;border-left:1px solid #C0C0C0;}
	.reports-table > div{display:table-row;}
	.reports-table > div > div{display:table-cell;padding:2px 5px;border-right:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;}
	.reports-table .heads > div{font-weight:bolder;}
	.reports-table .view{text-align:center;}
}

@media(max-width:659px){
	.reports-table .heads{display:none;}
	.reports-table .date{font-size:12px;}
	.reports-table .product{font-size:18px;font-weight:bolder;}
	.reports-table .manufacture{font-size:12px;}
	.reports-table > div{border-bottom:1px solid #C0C0C0;margin-bottom:10px;}
	.reports-table > div > div{text-align:center;margin:3px 0px;}
}