html, body {
   margin: 0;
   font-family: Tahoma, sans-serif;
   font-size: 16px;
}
a {color:#000;position:relative;}
a:hover {color:#0081ff;}
a:active {top:-1px;}
input, textarea, select {
     box-sizing:border-box;
	 outline:none;
	 padding:10px 15px 12px;
	 font-size:16px;
	 border:1px solid #444;
	 border-radius:5px;
	 font-family:Tahoma, sans-serif;
}
input[type="button"] {cursor:pointer;background-color:#444;color:#fff;text-shadow:1px 1px 1px #000;}
input[type="button"]:hover {background-color:#000;}
input[type="submit"] {cursor:pointer;background-color:#444;color:#fff;text-shadow:1px 1px 1px #000;}
input[type="submit"]:hover {background-color:#000;}
button {width:auto;font-size:16px;border-radius:10px;border:1px solid #444;cursor:pointer;border-left:0;background-color:#444;color:#fff;text-shadow:1px 1px 1px #000;padding:10px 15px;}
button:hover {background-color:#000;}

.pre-header-selectors {
	width: 80%;
	 margin:5px auto 0;
	 box-sizing:border-box;
	 display:flex;
	 justify-content:space-between;
	 font-size:12px;
	 }
.pre-header-selectors .selectors {
	display:flex;
	width:40%;
}
.pre-header-selectors .selectors select {display:block;font-size:12px;padding:0;margin-right:10px;border:0;border-radius:unset;height:;color:#444;-webkit-appearance: none;-moz-appearance : none;text-decoration:underline;cursor:pointer;}
.pre-header-selectors .selectors select:hover {opacity:.9;}

.pre-header-selectors .selectors select.ru {
	background-image:url(/icons/language_flags/ru.svg);
	background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 20px;
}
.pre-header-selectors .selectors select.en {
	background-image:url(/icons/language_flags/us.svg);
	background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 20px;
}
.pre-header-selectors .selectors select.es {
	background-image:url(/icons/language_flags/es.svg);
	background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 20px;
}

.pre-header-selectors .selectors input {display:block;width:100%;font-size:12px;padding:0;border:0;border-radius:unset;height:;color:#444;text-decoration:underline;cursor:pointer;
background-image:url(/icons/location.svg);
	background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 20px;
}
.pre-header-selectors .selectors input:hover {opacity:.9;}
.pre-header-selectors ul.links {display:inline-block;margin:0;padding:0;list-style-type:none;}
.pre-header-selectors ul.links li {display:inline-block;}
.pre-header-selectors ul.links li a {display:inline-block;padding-left:12px;color:#444;}
.pre-header-selectors ul.links li a:hover {color:#0081ff;}
.pre-header-selectors {}
.pre-header-selectors a {}

#location-selector-pop-up {}
#location-selector-pop-up {
	display: none;
    border: 1px solid;
    border-radius: 30px;
    width: 50%;
    height: fit-content;
    margin: auto;
    position: fixed;
    /*top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    background-color: #fff;
	box-shadow:0 0 100px #999;
	z-index:999;
	padding:20px 35px;
	top:10%;
	left:0;
	right:0;
}
#location-selector-pop-up h3 {
	margin:0 0 15px 0;
}
#location-selector-pop-up .locations {}
#location-selector-pop-up .locations input {width:80%;border-radius:10px;margin:0 0 15px 0;}
#location-selector-pop-up .locations ul {list-style-type:none;padding:0;margin:0;}
#location-selector-pop-up .locations ul li {display:inline-block;margin:0 10px 10px 0;padding:0;}
#location-selector-pop-up .locations ul li span {cursor:pointer;color:#000;text-decoration:underline;}
#location-selector-pop-up .locations ul li span:hover {color:#0081ff;}
#location-selector-pop-up .closePopUp {
	position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid;
    cursor: pointer;
    background-color: #eee;
    border-radius: 20px;
    top: 15px;
    right: 15px;
	text-shadow:1px 1px 1px #fff;
}

#location-selector-pop-up .closePopUp b {
	position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 0px;
	text-shadow:1px 1px 1px #fff;
}
#location-selector-pop-up .closePopUp:hover {}
#location-selector-pop-up .closePopUp:hover b {
	font-size:26px;
}

#header {
 width: 80%;
 margin: 20px auto;
 box-sizing:border-box;
 display:flex;
 justify-content:space-between;
}
#header > div {line-height:43px;}
#header .logo a {
	font-weight:bold;
	text-decoration:none;
	font-size:24px;
}
/*#header .categories a {display: block;line-height: 1.4;}
#header .links a {display: block;line-height: 1.4;}*/
#header .search {width:50%;}
#header .search form {width:100%;display:flex;border: 1px solid #444;
    border-radius: 30px;}
#header .search select#search-type {
	width: auto;
    font-size: 12px;
    background-color: #ddd;
    border-radius: 20px;
    border: 0;
    border-right: 0;
	width: fit-content;
    padding: 5px 10px 7px;
    margin: 5px;
    text-transform: uppercase;
	text-shadow:1px 1px 1px #fff;
	 appearance: none;
  -webkit-appearance: none; /* For Safari and Chrome */
  -moz-appearance: none;    /* For Firefox */
  text-align:center;
}
#header .search input#search-term {
	width: -webkit-fill-available;
    font-size: 18px;
    border: 0;
    outline: none;
    border-radius: 0;
    padding: 10px 10px 12px;
}
#header .search input#search-button {
	width: auto;
    font-size: 12px;
    border-radius: 20px;
    border: 0;
    cursor: pointer;
    border-left: 0;
    background-color: #444;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    padding: 5px 10px 7px;
    margin: 5px;
}
#header .search input#search-button:hover {background-color:#000;}
#products {
 width: 80%;
 margin: 40px auto;
 box-sizing:border-box;
}
#products .product {
     display: flex;
     justify-content: space-between;
     width:100%;
     margin:0 0 20px 0;
}
#products .product > div {display:inline-block;}
#products .product .image {width:10%;height:auto;position:relative;}
#products .product .image img {display:block;width:80px;height:80px;border: 1px solid#ccc;
    border-radius: 50%;
    padding: 5px;object-fit: contain;
    box-shadow: 0 0 5px#eee;cursor:pointer;transition:ease .3s;}
#products .product .image img:hover {transform: scale(1.1);transition:ease .3s;}
#products .product:hover .image img {transform: scale(1.1);transition:ease .3s;}
#products .product .image .image-zoom {
	text-decoration:none;
	border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 10px;
    padding: 0;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #eee;
    text-shadow: 1px 1px 1px #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
	display:none;
}
#products .product .image .image-zoom:hover {
	opacity:.9;
	font-size:11px;
}
#products .product .info {width:70%;margin:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;color:#444;}
#products .product .info div span {color:#444;}
#products .product .info div span a {color:#444;}
#products .product .info div span a:hover {color:#0081ff;}
#products .product .info > div {display:inline-block;font-size:12px;margin-bottom:10px;}
#products .product .info .name {width:100%;margin-bottom:0;}
#products .product .info .name h3 {margin:5px 0 10px;}
#products .product .info .name h3 a {word-break:break-all;}
#products .product .info .info-line {display:flex;width:100%;margin-bottom:10px;}
#products .product .info .info-line > div {margin-right:10px;}
#products .product .info .id {width:auto;font-size:12px;}
#products .product .info .barcode {width:auto;font-size:12px;}
#products .product .info .barcode span.value {cursor:pointer;position:relative;}
#products .product .info .barcode span.value:active {top:-1px;color:#444;}
#products .product .info .weight {width:auto;font-size:12px;}
#products .product .info .length {width:auto;font-size:12px;}
#products .product .info .width {width:auto;font-size:12px;}
#products .product .info .height {width:auto;font-size:12px;}
#products .product .info .category {width:auto;font-size:12px;}
#products .product .info .brand {width:auto;font-size:12px;}
#products .product .info .description {width:100%;font-size:12px;color:#444;}
 
#products .product .info . {width:100%;}
#products .product .info . {width:100%;}
#products .product .info . {width:100%;}
#products .product .info . {width:100%;}

#products .product .buy {width:20%;}
#products .product .buy .stock {width:100%;}
#products .product .buy .in-stock {color:green;}
#products .product .buy .out-of-stock {color:crimson;}
#products .product .buy .free {color:crimson;}
#products .product .buy .free a {display:block;font-size:18px;}
#products .product .buy .price {width:100%;margin-bottom:10px;}
#products .product .buy .atc {width:100%;}
#products .product .buy .atc input[type="number"] {width:35%;text-align:center;border-radius:10px 0 0 10px;font-weight:bold;border-right:0;padding:5px 5px 7px 5px;}
#products .product .buy .atc input[type="number"]::-webkit-inner-spin-button,
#products .product .buy .atc input[type="number"]::-webkit-outer-spin-button {
    opacity: 1; /* Always show arrows */
	width:30px;
	height:30px;
}
#products .product .buy .atc input[type="button"] {width:65%;border-radius:0 10px 10px 0;padding:5px 5px 7px 5px;}
#products .product .buy .atc input[type="button"]:hover {}
#products .product div {}
#products .product div {}
#products .product div {}
#products {}
#loadMore {
	width: 40%;
    margin: 20px auto 200px;
    box-sizing: border-box;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    border: 1px solid #7dbfff;
    border-radius: 10px;
    background-color: #a6d3ff;
    cursor: pointer;
    text-shadow: 1px 1px 1px #fff;
	transition:ease .2s;
	color:#000;
}
#loadMore:hover {opacity:.7;transition:ease .2s;}

.category-page {
	width: 80%;
	margin: 20px auto;
	box-sizing:border-box;
}
#categories-search {
	width: 100%;
	margin: 20px auto;
	box-sizing:border-box;
}
#categories-search input {
	font-size:20px;
	padding:10px 15px;
	width:100%;
	border:1px solid #444;
	border-radius:10px;
}
#categories {
	width: 100%;
	margin: 20px auto;
	box-sizing:border-box;
}
#categories .category {
	display:inline-block;
	margin-right:15px;
}

.brands-page {
	width: 80%;
	margin: 20px auto;
	box-sizing:border-box;
}

#brands-search {
	width: 100%;
	margin: 20px auto;
	box-sizing:border-box;
}
#brands-search input {
	font-size:20px;
	padding:10px 15px;
	width:100%;
	border:1px solid #444;
	border-radius:10px;
}
#brands {
	width: 100%;
	margin: 20px auto;
	box-sizing:border-box;
}
#brands .brand {
	display:inline-block;
	margin-right:15px;
}

#login-page {
	display:block;
	width:30%;
	margin:20px auto;
}
.input {margin-bottom:15px;}
.input input {width:100%;}
.button {margin-bottom:15px;}
.button input {cursor:pointer;margin-top:5px;}
.button button {cursor:pointer;margin-top:5px;}

/*.input.username:before {content:"Имя пользователя:";font-size:12px;}
.input.password:before {content:"Пароль:";font-size:12px;}
.input.email:before {content:"E-mail:";font-size:12px;}
.input.phone:before {content:"Телефон:";font-size:12px;}
.input.firstname:before {content:"Имя:";font-size:12px;}
.input.lastname:before {content:"Фамилия:";font-size:12px;}
.input.password:before {content:"Пароль:";font-size:12px;}*/

#login-page .login-form {}

#register-page {
	display:block;
	width:30%;
	margin:20px auto;
}
.success-message {border:1px solid green;border-radius:10px;padding:10px 15px 12px;font-weight:bold;color:green;}
.hide {display:none;}

#auth-page {
	display:block;
	width:30%;
	margin:20px auto;
}
#auth-page .phone {
	display:flex;
	justify-content:space-between;
}
#auth-page .phone select {border-radius:10px 0 0 10px;border-right:0;background-color:#eee;text-shadow:1px 1px 1px #fff;text-align:center;padding:10px 5px 12px;}
#auth-page .phone input {border-radius:0 10px 10px 0;letter-spacing:3px;font-size:20px;font-weight:bold;}
#auth-page .phone input#phone-number {display:none;}
#auth-page .code-block {}
#auth-page .code-block .note {line-height:1.5;}
#auth-page .code-block .note a {color:#0081ff;}
#auth-page .code-block .note a:hover {color:#444;}
#auth-page .code {width:40%;}
#auth-page .code input {width:100%;border-radius:10px;letter-spacing:3px;font-size:20px;font-weight:bold;text-align:center;}
#auth-page .code input[type="number"]::placeholder {padding-left:3px;}
#auth-page input::-webkit-outer-spin-button,
#auth-page input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
#auth-page input[type=number] {
  -moz-appearance: textfield;
}
#auth-page {}

#account-page {
	display:block;
	width:60%;
	margin:20px auto;
}
#account-page .info {display:flex;justify-content:space-between;margin-bottom:30px;}
#account-page .info > div {margin-bottom:30px;}
#account-page .info > div span.label {display:block;font-size:10px;}
#account-page .info > div span.value {display:block;font-size:14px;}
#account-page .links {display:flex;justify-content:space-between;width:100%;box-sizing:border-box;}
#account-page .links .block {width:17%;box-sizing:border-box;}
#account-page .links .block a {display:block;width:100%;height:70px;border:2px solid #ccc;border-radius:20px;padding:15px 0 0 20px;text-decoration:none;background-color:#eee;text-shadow:1px 1px 1px #fff;box-sizing:border-box;}
#account-page .links .block a:hover {border-color:#0081ff;}

#info-page {
	display:block;
	width:40%;
	margin:20px auto;
}
#change-password-page {
	display:block;
	width:40%;
	margin:20px auto;
}
.error-message {color:red;}


#product {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:80%;
	margin:0 auto 100px;
	box-sizing:border-box;
}
#product div {box-sizing:border-box;margin-bottom:10px;}
#product .name {width:100%;}
#product .image {display:inline-block;width:40%;box-sizing:border-box;}
#product .image a {box-sizing:border-box;display:block;}
#product .image a img {display: block; width: 100%; height: 300px; border: 1px solid #ccc; border-radius:20px; padding: 0; object-fit: contain; box-shadow: 0 0 5px #eee; cursor: pointer; transition: ease .3s;box-sizing:border-box;}
#product .image a img:hover {opacity:.9;}
#product .details {display:inline-block;width:60%;padding-top:5px;padding-left:40px;}
#product .details div {display:flex;width:100%;}
#product .details div span.label {display:inline-block;width:20%;}
#product .details div span.value {display:inline-block;width:80%;}
#product .description {display:block;margin-top:20px;width:100%;}
#product .video {width:100%;padding:0;}
#product .video h3 {margin-bottom:10px;}
#product .video video {width:25%;height:fit-content;padding:0;border: 1px solid #ccc;border-radius: 20px;}
#product .atc-button {width:100%;margin-top:20px;}
#product .atc-button input[type="number"] {width:80px;border-radius:10px 0 0 10px;border-right:0;font-weight:bold;}
#product .atc-button input[type="button"] {border-radius:0 10px 10px 0;}
#product {}
#product {}
#product {}
#product {}
#product {}
#product {}
#product {}
#product {}



.search-results {
    width: 80%;
    margin: 40px auto 100px;
    padding: 0;
}
.search-results h2 {margin:0 0 40px;}
.search-results .product {
     display: flex;
     justify-content: space-between;
     width:100%;
     margin:0 0 20px 0;
}
.search-results .product > div {display:inline-block;}
.search-results .product .image {width:10%;height:auto;position:relative;}
.search-results .product .image img {display:block;width:80px;height:80px;border: 1px solid#ccc;
    border-radius: 50%;
    padding: 5px;object-fit: contain;
    box-shadow: 0 0 5px#eee;cursor:pointer;transition:ease .3s;}
.search-results .product .image img:hover {transform: scale(1.1);transition:ease .3s;}
.search-results .product:hover .image img {transform: scale(1.1);transition:ease .3s;}
.search-results .product .image .image-zoom {
	text-decoration:none;
	border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 10px;
    padding: 0;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #eee;
    text-shadow: 1px 1px 1px #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
}
.search-results .product .image .image-zoom:hover {
	opacity:.9;
	font-size:11px;
}
.search-results .product .info {width:70%;margin:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.search-results .product .info div span {color:#444;}
.search-results .product .info div span a {color:#444;}
.search-results .product .info div span a:hover {color:#0081ff;}
.search-results .product .info > div {display:inline-block;font-size:12px;margin-bottom:10px;}
.search-results .product .info .name {width:100%;margin-bottom:0;}
.search-results .product .info .name h3 {margin:5px 0 10px;word-break: break-word;}
.search-results .product .info .info-line {display:flex;width:100%;margin-bottom:10px;}
.search-results .product .info .info-line > div {margin-right:10px;}
.search-results .product .info .id {width:auto;font-size:12px;}
.search-results .product .info .barcode {width:auto;font-size:12px;position:relative;}
.search-results .product .info .barcode span.value:active {top:-1px;color:#444;}
.search-results .product .info .barcode span.value {cursor:pointer;}
.search-results .product .info .weight {width:auto;font-size:12px;}
.search-results .product .info .length {width:auto;font-size:12px;}
.search-results .product .info .width {width:auto;font-size:12px;}
.search-results .product .info .height {width:auto;font-size:12px;}
.search-results .product .info .category {width:auto;font-size:12px;}
.search-results .product .info .brand {width:auto;font-size:12px;}
.search-results .product .info .description {width:100%;font-size:12px;color:#444;}
 
.search-results .product .info . {width:100%;}
.search-results .product .info . {width:100%;}
.search-results .product .info . {width:100%;}
.search-results .product .info . {width:100%;}

.search-results .product .buy {width:20%;}
.search-results .product .buy .stock {width:100%;}
.search-results .product .buy .in-stock {color:green;}
.search-results .product .buy .out-of-stock {color:crimson;}
.search-results .product .buy .price {width:100%;margin-bottom:10px;}
.search-results .product .buy .atc {width:100%;}
.search-results .product .buy .atc input[type="number"] {width:35%;text-align:center;border-radius:10px 0 0 10px;font-weight:bold;border-right:0;padding:5px 5px 7px 5px;}
.search-results .product .buy .atc input[type="number"]::-webkit-inner-spin-button,
.search-results .product .buy .atc input[type="number"]::-webkit-outer-spin-button {
    opacity: 1; /* Always show arrows */
	width:30px;
	height:30px;
}
.search-results .product .buy .atc input[type="button"] {width:65%;border-radius:0 10px 10px 0;padding:5px 5px 7px 5px;}
.search-results .product .buy .atc input[type="button"]:hover {}
.search-results .product div {}
.search-results .product div {}
.search-results .product div {}

.category-products-page {width:80%;display:block;margin:0 auto 100px;box-sizing:border-box;}
.category-products-page #products {width:100%;display:block;margin:0 auto 30px;}
.category-products-page h3 {width:100%;display:block;margin:0 auto 30px;}

.brand-products-page {width:80%;display:block;margin:0 auto 50px;}
.brand-products-page #products {width:100%;display:block;margin:0 auto 30px;}
.brand-products-page h3 {width:100%;display:block;margin:0 auto 30px;}

#header .mobile-menu {display:none;}
	* {box-sizing:border-box;}

span.error {color:red;}
span.success {color:green;}

.image-pop-up {
	display: none;
    border: 1px solid;
    border-radius: 30px;
    width: 50%;
    height: 500px;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
	box-shadow:0 0 100px #999;
}
.image-pop-up img {
	margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 32px;
}
.image-pop-up .closePopUp {
	position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid;
    cursor: pointer;
    background-color: #eee;
    border-radius: 20px;
    top: 15px;
    right: 15px;
	text-shadow:1px 1px 1px #fff;
}

.image-pop-up .closePopUp b {
	position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 0px;
	text-shadow:1px 1px 1px #fff;
}
.image-pop-up .closePopUp:hover {}
.image-pop-up .closePopUp:hover b {
	font-size:26px;
}

.info-page {
	display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
    width:80%;
    margin:auto auto 200px auto;
}
.info-page h3 {
	width:100%;
	display:block;
	margin-bottom:0;
}
.info-page .content {
	display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
	width:100%;
}
.info-page .contacts {
	width:40%;
	display:inline-block;
}
.info-page .contacts p {display:flex;justify-content:space-between;}
.info-page .contacts p span.label {width:30%;color:#777;}
.info-page .contacts p span.value {width:70%;}
.info-page .content .map {
	width:58%;
	display:inline-block;
}
.info-page .content .map iframe {
	border-radius:20px;
}
.info-page .content p {margin:10px 0;}
.info-page .content p {}
.info-page {}
.info-page {}

#footer {display:block;margin-top:100px;margin-bottom:15px;text-align:center;}
#footer .links {list-style-type:none;padding:0;}
#footer .links li {display:inline-block;margin:0 5px;}
#footer .links li a {}
#footer .links {}
#footer .copyright {}
#footer {}

.cart-page {
	display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
    width:80%;
    margin:auto auto 200px auto;
}
.cart-page #cart {
	width:100%;
}
.cart-page #cart-items {
	width:100%;
}
.cart-page {}
.cart-page {}

.accordion {
      width: 100%;
      margin: 20px auto;
}
.accordion-title {
}
.accordion-content {
}
.accirdion-item {
   border: 1px solid #999;
   border-radius: 10px;
   margin-bottom: 16px;
   /* padding: 16px; */
}
.accordion label {
   width: 100%;
   display:block;
   cursor:pointer;
   padding: 10px 15px 12px;
   background-color: #f9f9f9;
   border-radius: 9px;
   text-shadow: 1px 1px 1px #fff;
   position:relative;
}
.accordion label:active {
	padding-bottom:13px;
}
.accirdion-item span{
   display: none;
}
.accordion input[type="radio"]{
   display: none;
}
.accordion input[type="radio"]:checked + label {
	border-radius:8px 8px 0 0;
	background-color:#ddd;
}
.accordion input[type="radio"]:checked ~ span {
   display: block;
   padding: 10px 15px 12px;
   border-top: 1px solid #999;
}

a[href="/feedback/write"] {
	background-color: #0081ff;
    padding: 10px 20px 13px;
    box-sizing: border-box;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    text-shadow: 1px 1px 1px #888;
    margin-top: 15px;
}
a[href="/feedback/write"]:hover {
	opacity:.8;
}

.feedback-form {
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}
.feedback-form div.input {margin-bottom:15px;}
.feedback-form select {padding:9px 15px 11px;width:100%;}
.feedback-form select, .feedback-form input, .feedback-form textarea {
	box-sizing:border-box;
	border-radius:10px;
}
.feedback-form .username {display:none;}
.feedback-form .user_id {display:none;}
.feedback-form .name {width:20%;}
.feedback-form .rating {width:20%;}
.feedback-form .title {width:57%;}
.feedback-form .text {width:100%;}
.feedback-form .text textarea {width:100%;resize:vertical;}

#feedback-list {
	width:100%;
	margin-top:20px;
}

.feedback-item {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 15px 20px 20px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
	text-shadow:1px 1px 1px #fff;
}

.feedback-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    color: #555;
}

.feedback-header span {}
.feedback-header .name {
	width:20%;
    font-weight: bold;
}
.feedback-header .id {
	width:15%;
}

.feedback-header .rating {
	width:10%;
    color: #e67e22;
}

.feedback-header .date {
    color: #777;
}

.feedback-title {
    margin: 10px 0;
    font-size: 1.1em;
}

.feedback-reply {
    margin-top: 15px;
    padding: 10px 15px;
    background-color: #e8f4fd;
    border-left: 3px solid #3498db;
}
.feedback-reply span.date {
	display:block;
	font-size:12px;
	color: #777;
}

#load-more {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.no-data {
	width: 80%;
    margin: 20px auto;
    box-sizing: border-box;
}

.pop-up {
    border: 1px solid;
    border-radius: 30px;
    width: 30%;
    height: fit-content;
    margin: auto;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 0 100px #999;
    z-index: 999;
    padding: 20px 35px;
    top: 10%;
    left: 0;
    right: 0;
}

.pop-up h3 {
    margin: 0 0 10px 0;
    color: #000;
}

.pop-up .content {
    color: #000;
}

.pop-up .content svg {
	width:100%;
	margin-top:10px;
	}

.pop-up .close-pop-up {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid;
    cursor: pointer;
    background-color: #eee;
    border-radius: 20px;
    top: 15px;
    right: 15px;
    text-shadow: 1px 1px 1px #fff;
}
.pop-up .close-pop-up b {
	position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 0px;
    text-shadow: 1px 1px 1px #fff;
}
.pop-up .close-pop-up b:hover {
	font-size: 26px;
}


@media (max-width: 1000px) {
	#header {flex-wrap:wrap;width:100%;margin:10px auto 0;}
	#header .search {width:100%;display:flex;}
	#header .search input#search-term {width:100%;padding: 10px 5px 12px;}
	#header .search select#search-type {padding:5px 5px 7px;font-size:9px;}
	#header .search input#search-button {font-size:10px;}
	#header .search form {margin: 0 10px;}
	#header .logo {display:none;}
	#header .categories {display:none;}
	#header .links {display:none;}
	#products .product .info .description {display:none;}
	#product {width:100%;padding:0 20px;}
	#product .description {width:100%;padding:0;}
	#product .image {width:100%;margin-bottom:15px;}
	#product .image a img {height:200px;}
	#product .name {margin-bottom:0;}
	#product .details {padding:0;width:100%;}
	#product div {margin-bottom:5px;}
	#product .details div span.label {width:30%;color:#444;}
	#product .details div span.value {width:70%;color:#444;}
	#product .details div a {color:#444;}
	#product .details div a:hover {color:#0081ff;}
	#product .atc-button {width:100%;}
	#product .atc-button input[type="number"] {width:30%;}
	#product .atc-button input[type="button"] {width:70%;}
	#products {width:100%;padding:0 20px;}
	#products .product {flex-wrap:wrap;margin-bottom:50px;}
	#products .product .info {}
	#products .product .image {width:40%;}
	#products .product .image img {width:120px;height:120px;}
	#products .product .image .image-zoom {font-size:16px;width:30px;height:30px;line-height:30px;}
	#products .product .image .image-zoom:hover {font-size:16px;width:30px;height:30px;line-height:30px;}
	#products .product .info {display:unset;width:60%;margin:0;}
	#products .product .buy {width:100%;display:flex;flex-wrap:wrap;margin:10px 0 0 0;}
	#products .product .buy > .stock {width:20%;margin:0;padding-top: 9px;}
	#products .product .buy > .stock span.label {font-size:10px;display:block;color:#000;}
	#products .product .buy > .price {width:20%;margin:0;padding-top: 9px;}
	#products .product .buy > .price span.label {font-size:10px;display:block;}
	#products .product .buy .atc {width:60%;}
	#products .product .info span.label {width:40%;font-size:12px;line-height:1;}
	#products .product .info span.value {width:60%;font-size:12px;line-height:1;}
	#products .product .info .info-line {flex-wrap:wrap;margin-bottom:0;}
	#products .product .info .info-line > div {display:flex;width:100%;margin:0 0 2px;}
	#products .product .info .info-line .category {width:100%;margin:0 0 2px;}
	#products .product .info .info-line .brand {width:100%;}
	#products .product .buy .atc input[type="number"] {height:50px;}
	#products .product .buy .atc input[type="button"] {height:50px;}
	#header .mobile-menu {display: flex;width: 100%;justify-content: space-between;margin: 0 15px;padding:0 0 10px;line-height:19px;vertical-align:middle;}
	#header .mobile-menu * {vertical-align:middle;}
	#header .mobile-menu .logo {display:inline-block;width:20%;}
	#header .mobile-menu .logo a {font-size:16px;}
	#header .mobile-menu .categories {display:inline-block;width:40%;text-align:center;}
	#header .mobile-menu .categories a {font-size:14px;}
	#header .mobile-menu .links {display:inline-block;width:40%;text-align:right;}
	#header .mobile-menu .links a {font-size:14px;}
	.category-products-page {width:100%;margin: 0 auto 50px;padding: 0 20px;}
	.category-products-page h3 {margin:15px auto 20px;}
	.category-products-page #products {width:100%;padding:0;}
	#loadMore {width:60%;}
	.brand-products-page {width:100%;margin: 0 auto 50px;padding: 0 20px;}
	.brand-products-page #products {width:100%;padding:0;}
	.brand-products-page h3 {margin:15px auto 20px;}
	#login-page {width:80%;}
	#register-page {width:80%;}
	#account-page {width:90%;}
	#account-page .links .block a {padding: 2px;font-size: 12px;text-align: center;line-height: 57px;}
	#account-page .info {flex-wrap:wrap;}
	#account-page .info > div {width:50%;margin-bottom:10px;}
	#info-page {width:80%;}
	#change-password-page {width:80%;}
	.search-results {width:100%;padding:0 20px;margin-top:20px;}
	.search-results .product {flex-wrap:wrap;margin-bottom:50px;}
	.search-results .product .info {}
	.search-results .product .image {width:40%;}
	.search-results .product .image img {width:120px;height:120px;}
	.search-results .product .image .image-zoom {font-size:16px;width:30px;height:30px;line-height:30px;}
	.search-results .product .image .image-zoom:hover {font-size:16px;width:30px;height:30px;line-height:30px;}
	.search-results .product .info {width:60%;margin:0;}
	.search-results .product .buy {width:100%;display:flex;flex-wrap:wrap;margin:10px 0 0 0;}
	.search-results .product .buy > .stock {width:20%;margin:0;padding-top: 9px;}
	.search-results .product .buy > .stock span.label {font-size:10px;display:block;color:#000;}
	.search-results .product .buy > .price {width:20%;margin:0;padding-top: 9px;}
	.search-results .product .buy > .price span.label {font-size:10px;display:block;}
	.search-results .product .buy .atc {width:60%;}
	.search-results .product .info span.label {width:40%;font-size:12px;line-height:1;}
	.search-results .product .info span.value {width:60%;font-size:12px;line-height:1;}
	.search-results .product .info .info-line {flex-wrap:wrap;margin-bottom:0;}
	.search-results .product .info .info-line > div {display:flex;width:100%;margin:0 0 2px;}
	.search-results .product .info .info-line .category {width:100%;margin:0 0 2px;}
	.search-results .product .info .info-line .brand {width:100%;}
	.search-results .product .buy .atc input[type="number"] {height:50px;}
	.search-results .product .buy .atc input[type="button"] {height:50px;}
	.search-results .product .info .description {display:none;}
	
	#auth-page {width:85%;}
	.image-pop-up {width:90%;}
	#product .video video {width:100%;height:fit-content;padding:0;border: 1px solid #ccc;border-radius: 20px;}
	.category-page {width:85%;}
	.brands-page {width:85%;}
	.info-page {width:85%;}
	.cart-page {width:85%;}
	.info-page .content .contacts {width:100%;}
	.info-page .content .map {width:100%;}
	#location-selector-pop-up {width:90%;top:10%;}
	.pre-header-selectors {width:93%;}
	.pre-header-selectors .selectors {width:100%;}
	.pre-header-selectors ul.links {display:none;}
	
	a[href="/feedback/write"] {width:100%;text-align:center;}
	.feedback-form .name {width:48%;}
	.feedback-form .rating {width:48%;}
	.feedback-form .title {width:100%;}
	.feedback-form .text {width:100%;}
	
	.feedback-header span {font-size:10px;}
	
	.pop-up {width:90%;}
	
	
	#footer .links li {margin:0 2px;}
	#footer .links li a {font-size:12px;}
}
@media (min-width: 1367px) {
	#header .search {width: 60%;}
	.pop-up {width:20%;}
	#products .product .image img {width:140px;height:140px;}
	#products .product .image .image-zoom {display:none;}
	.search-results .product .image img {width:140px;height:140px;}
	.search-results .product .image .image-zoom {display:none;}
}