@font-face {
  font-family: 'Futura PT Book';
  src: url("FuturaPT-Book.eot");
  src: url("FuturaPT-Book.eot?#iefix") format("embedded-opentype"), url("FuturaPT-Book.woff") format("woff"), url("FuturaPT-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  }
@font-face {
  font-family: 'Futura PT Bold';
  src: url("FuturaPT-Bold.eot");
  src: url("FuturaPT-Bold.eot?#iefix") format("embedded-opentype"), url("FuturaPT-Bold.woff") format("woff"), url("FuturaPT-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  }
@font-face {
    font-family: 'Futura PT Cond';
    src: url('FuturaPTCond-Medium.eot');
    src: local('Futura PT Cond Medium'), local('FuturaPTCond-Medium'),
        url('FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'),
        url('FuturaPTCond-Medium.woff') format('woff'),
        url('FuturaPTCond-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura PT Demi';
    src: url('FuturaPT-Demi.eot');
    src: local('Futura PT Demi'), local('FuturaPT-Demi'),
        url('FuturaPT-Demi.eot?#iefix') format('embedded-opentype'),
        url('FuturaPT-Demi.woff') format('woff'),
        url('FuturaPT-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'fa-viber';
  src: url("fa-viber.eot");
  src: url("fa-viber.eot?#iefix") format("embedded-opentype"), url("fa-viber.woff") format("woff"), url("fa-viber.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }
/* line 44, fonts.scss */

.fa-viber:before {font-family: 'fa-viber'; content: '\e666';}
/*.fa-times::before {content: '\f00d';}*/
.fa-whatsapp {font-size: 24px; margin-left: 5px; cursor: pointer;}
.fa:hover {color: #003399;}
.fa-navicon.fa-2x {font-size: 34px; margin-top: -2px; cursor: pointer;}

html {
/*background: #002142 url(../img/fon/fon_3.jpg);*/
}
body {
margin: 0;
padding: 0;
color: #000000;
/*font-family: Verdana,Arial,Helvetica,sans-serif;
font-family: Tahoma, Geneva, sans-serif;*/
font-family: 'Futura PT Book', Tahoma, Geneva, sans-serif;
font-size: 1em;
text-align: center;
word-break: normal;
height: 100%;
}
header, footer, section, article, nav, aside {display: block;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a {color: #003399; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: underline; color: #990000;}
a:active {outline: none; border: 0;}
a img {border: 0;}
.b {font-weight: bold;}
.i {font-style: italic;}
.small {font-size: 0.7em;}
label {font-size: 0.7em; line-height: 170%;}
th {text-align: center; font-style: italic;}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
/*font-family: Tahoma, Arial, sans-serif;*/
font-weight: normal;
line-height: 120%;
text-align: left;
padding: 0.5em 0;
color: #000000;
}
#content h1, #content h2, #content h3, #content h4, #content .h1, #content .h2, #content .h3, #content .h4 {
/*background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);
color: #FFFFFF;
text-shadow: 1px 1px 1px #000024;*/
padding: 0.2em 0.25em; padding: 0.2em 0em;
margin-top: 0.25em;
margin-bottom: 0.25em;
text-transform: uppercase;
font-weight: 700;
}
#content .posts h2, #content .posts h3, #content .posts h4, #content .posts .h2, #content .posts .h3, #content .posts .h4 {background: none; background-image: none;}
.posts .post img {margin: 10px 10px 10px 0px; float: left; display: inline;}
.posts .post:nth-child(2n) img {margin: 10px 0px 10px 10px; float: right;}
.posts .post img:hover {cursor: pointer;}
.posts .h2 a {text-shadow: none;}
h1, .h1 {font-size: 1.6em; margin: 0.5em 0 0.5em 0; padding: 0;}
h2, .h2 {font-size: 1.45em; margin: 0 0 0.3em 0;}
h3, .h3 {font-size: 1.3em; margin: 0 0 0.2em 0;}
h4, .h4 {font-size: 1.2em; margin: 0 0 0.2em 0;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.img_l {margin: 10px 10px 10px 0px; float: left; display: inline;}
.img_r {margin: 10px 0px 10px 10px; display: inline;}
img {max-width: 100%;}
img.wide {width: 100%; height: auto;}
img.left {float: left; margin-right: 10px;}
img.right {float: right; margin-left: 10px;}
.galka {list-style-image: url(../img/bullet_red.png);}
hr {color: #003399; background-color: #003399; height: 2px; border-width: 0px; margin: 0 0 1em 0;}
.fm {margin: 10px;}
/*.formargin {margin: 10px;}
.formargin_5 {margin: 5px;}*/
.smaller {font-size: 85% !important;}
.bigger {font-size: 120%;}
.clear {height: 1px; clear: both;}
.red {color: red;}
.noshadow {box-shadow: none;}
.noborder {border: 0;}
.hidden {display: none;}

#box, #inbox, #header, #header_page, #main_and_sidebar_left, #content, #content_and_left,
#sidebar, #sidebar_left, #sidebar_right,
#tumbs, .tumb, #hits, .tumbhit,
#footer, #footer_page, #footer_left, #footer_right {text-align: left; width: 100%;}

#oferta, #footer_links {width: 100%; text-align: center;}
#oferta {
border-top: 3px solid #DDDDDD;
border-bottom: 3px solid #DDDDDD;
font-size: 0.9em; color: #333333; font-style: italic; text-shadow: none;
/*background: #DDDDDD;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;*/
padding: 0.25em 0;
margin: 0 0 0 0;
}


#box
{
margin: 0 auto;
min-height: 100%;
display: -moz-box;
display: -o-box;
display: -webkit-box;
display: box;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
box-orient: vertical;
/*box-shadow: 2px 2px 12px 2px #000;*/
}

#header
{
/*
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F5F5F5), color-stop(1, #D6D6D6));
background-image: -o-linear-gradient(top, #F5F5F5, #D6D6D6);
background-image: -moz-linear-gradient(top, #F5F5F5, #D6D6D6);
background-image: -webkit-linear-gradient(top, #F5F5F5, #D6D6D6);
background-image: linear-gradient(to bottom, #F5F5F5, #D6D6D6);
*/
padding: 0px 0 0px 0;
margin: 31px 0 0 0; margin: 0px 0 0 0;
overflow: hidden;
color: #333333;
}
#left_header_block
{
border: 0px dotted red;
float: left;
width: 300px; width: auto;
margin: 23px 0 5px 15px; margin: 10px 0 0px 0px;
padding: 0;
}
#logo
{
width: 100%; width: 340px; width: auto;
float: left;
cursor: pointer;
text-align: center;
margin: 0em 0 0em 0;
overflow: hidden;
}
#sitename
{
text-align: left;
width: 100%;
font-size: 1.6em;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
border: 0px dotted red;
margin: 0px 0 0px 0;
padding: 10px 10px 10px 20px;
float: left;
cursor: pointer;
}
#sitename a { color: #FFFFFF; text-decoration: none;}
#sitename a:hover {text-decoration: none;}
#head_sitename a img {height: auto;}
#slogan
{
width: auto;
float: left;
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 1.2em;
color: #000000;
text-shadow: 1px 1px 1px #000024;
margin: 0px 0 10px 0px;
clear: both;
text-align: left;
}

#right_header_block
{
border: 0px dotted red;
width: auto;
margin: 23px 15px 0 0; margin: 0px 0px 0px 0;
padding: 0px 0;
}
#phone
{
width: 100%;
margin: 0em 0px 0 0;
padding: 10px 0 5px 0;
font-size: 1.8em;
font-family: Tahoma, Arial, sans-serif;
text-shadow: 1px 1px 1px #000024;
border: 0px dotted red;
}
#phone a
{
text-shadow: 1px 1px 1px #000024;
border: 0px dotted red;
text-decoration: none;
color: #333;
font-weight: normal;
}
#phone a:hover {text-decoration: none; color: #990000;}

#footer
{
/*border-top: 3px solid #DDDDDD;*/
clear: both;
padding: 0px 0 0.5em 0;
/*text-shadow: 1px 1px 2px #000000;
color: #FFFFFF; color: #FFCC66;*/
/*font-family: Tahoma, Arial, sans-serif;*/
font-family: 'Futura PT', Tahoma, Geneva, sans-serif;
    font-family: 'Futura PT Book';
    font-weight: 500;
    font-style: normal;
/*    font-family: 'Futura PT Cond Book';
    font-weight: normal;
    font-style: italic;
    font-family: 'Futura PT Cond Extra';
    font-weight: 800;
    font-style: normal;*/
font-family: 'Futura PT Demi';
line-height: 170%;
}
#footer a {color: #DEB887; color: #6E6E6E; text-decoration: none; /*text-shadow: 1px 1px 1px #000000;*/ font-weight: normal; }
#footer a:hover {color: #FFFFFF; color: #003399; /*text-decoration: underline;*/}
#footer_left {float: left; word-break: normal; padding-top: 4px;}
#footer_left #phone_footer {font-size: 1.6em;}
#footer_left #phone_footer div {float: left; margin: 3px 0 0 0; padding: 0;}
#footer_left #phone_footer form.whatsapp {border: 0px dotted red; margin: 0; padding: 0; float: left; background: none; border-radius: 0;}
#footer_left #phone_footer form.whatsapp button {border: 0; display: block; width: 36px; height: 30px; /*background: url(../img/icons/whatsapp_28x28_green.png) top right no-repeat;*/ background: none; cursor: pointer;}
#footer_left #work_time {font-size: 1em; line-height: 140%; clear: both; margin-top: 0.75em;}
#footer_left #address {font-size: 1em; line-height: 140%; clear: both; margin-top: 0.5em;}
#footer_right {float: right; word-break: normal;}

#footer_links {border: 0px dotted red; padding: 0em 0 0 0; margin: 0 0 0em 0; line-height: 140%;}
#footer_links .fm {padding: 2px 0; margin-top: 0; margin-bottom: 0; text-align: left;}
#footer_links ul {list-style-type: none; padding: 0; margin: 0 0 0em 0;}
#footer_links ul li {
/*border: 1px solid #808080;
border-radius: 4px;*/
display: inline-block;
list-style: none;
text-align: left;
margin: 4px 0;
padding: 0em 0;
width: auto;
background: url(../img/fon/overley_2.png);
}
#footer_links ul li a {display: block; color: #FFFFFF; color: #6E6E6E; text-shadow: none; padding: 0.25em 0.25em;}
#footer_links ul li a:hover {/*color: #FFFFFF; text-decoration: underline;*/}

.vidget {
padding: 0px 0 0px 0;
margin-bottom: 15px;
border: 1px solid #DDDDDD;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius: 10px;
border: 1px solid #006600;
}
.vidget_title {
border-bottom: none;
text-align: center;
display: block;
padding: 10px 0 10px 0;
background: #006600;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #9CBF01), color-stop(1, #006633));
background-image: -ms-linear-gradient(top left, #9CBF01, #006633);
background-image: -o-linear-gradient(top left, #9CBF01, #006633);
background-image: -moz-linear-gradient(top left, #9CBF01, #006633);
background-image: -webkit-linear-gradient(top left, #9CBF01, #006633);
background-image: linear-gradient(to bottom right, #9CBF01, #006633);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
text-transform: uppercase;
text-shadow: 1px 1px 3px #003300;
}
.vidget_content {margin: 0 10px; padding: 0 0px 0 0px;}
.vidget_content a, .vidget_content a img {}

.clickable {cursor: pointer;}

.rounded {border-radius: 10px;}

.err, .info, .ok, .mess {
margin: 10px 0 10px 0;
padding: 10px 10px 10px 50px;
min-height: 50px;
border-radius: 6px;
font-style: italic;
font-size: 0.9em;
width: 100%;
text-align: left;
float: left;
}
.err {background: #FFDBDB url(../img/err.png) no-repeat; border: 1px solid red; font-size: 1em; color: #990000;}
.mess {background: #EEEEEE url(../img/mess.png) no-repeat; border: 1px solid #B0C4DE;}
.info {background: #E5E5FF url(../img/info.png) no-repeat; border: 1px solid #CCCCCC;}
.ok {background: #E6E6FA url(../img/ok.png) no-repeat; border: 1px solid #B0C4DE;}

.grey {background: #EEEEEE;}

table {border: 0;}
table td {background: #EEEEEE; background: #FFFFFF; padding: 0.25em 0.5em; text-align: left;}
table td.left {text-align: left;}
table th {background: #DDDDDD; padding: 0.5em 0.5em;}
table td a {display: block; /*color: #006633;*/}
table td a:hover {/*color: #003300;*/ text-decoration: none;}
table td a img {border: 0;}
/*table tr.normal {background: #EEEEEE;}*/
/*table tr.normal:hover, table tr.hover td {background: #DDDDDD; background: #D9E6E1;}*/
table tr:hover, table tr.hover td {background: #D9E6E1; background: #DDDDDD;}
form.grey td {background: #EEEEEE;}

input.kaptcha {width: 5em; font-size: 1.3em; padding: 3px; font-weight: bold; margin-top: 8px;}

a input[type="button"] {font-weight: bold; font-size: 1.1em; padding: 0.3em 1em; cursor: pointer;}

#social {padding: 10px 0; text-align: center; }

#inbox
{
/*background: #EEEEEE url(../img/fon/az_subtle.png);*/
-moz-box-flex: 1;
-o-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}

#content
{
float: right;
background: #EEEEEE;
text-align: left;
}

#content ul, #content ol {margin: 0; padding: 0;}
#content ul li, #content ol li {
margin: 0.5em 0 0.5em 0em;
text-align: left;
padding-left: 1.5em;
list-style-position: inside;
text-indent:-1.3em;
overflow: hidden;
}

#main_and_sidebar_right
{
float: right;
}

#main_and_sidebar_left
{
float: left;
}

#sidebar_right
{
border: 0px dotted red;
float: right;
}

#sidebar_left
{
border: 0px dotted red;
float: left;
}
#sidebar_left h2, #sidebar_left .h2 {font-size: 1.4em; padding: 0.25em 0.35em 0em 0.35em; font-weight: bold; font-family: 'Futura PT Bold', Arial, sans-serif;}
#sidebar_left h3, #sidebar_left .h3 {font-size: 1.25em; padding: 0.25em 0.35em 0em 0.35em; font-weight: bold; font-family: 'Futura PT Bold', Arial, sans-serif; }

.tumb, .tumbhit
{
height: 215px; height: 245px; height: 207px; height: 260px;
float: left;
text-align: center;
margin: 0 10px 15px 0;
padding: 0px;
/*border: 1px solid #DDDDDD;  border: 1px solid #EEEEEE;*/
border-radius: 6px;
overflow: hidden;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
cursor: pointer;
}
.tumb, .tumbhit
{
height: 260px;
float: left;
text-align: center;
margin: 0 10px 15px 0;
padding: 0px;
/*border: 1px solid #EEEEEE;
border-radius: 6px;*/
overflow: hidden;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
cursor: pointer;
}
.tumbhit {height: 260px; height: 280px;}
.tumb:hover, .tumbhit:hover {border: 1px solid #BBBBBB; /*box-shadow: #990000;*/}
.tumb a:hover, .tumbhit a:hover {color: #990000;}
.tumb img, .tumbhit img {border: 0px solid #FFFFFF; margin-top: 0px; margin-bottom: 0px;}
.tumb_cur {margin-right: 0px;}
.tumb .forimg, .tumbhit .forimg
{
height: 170px;
text-align: center;
margin: 0 auto 0px auto;
padding: 10px 0 10px 0;
border: 0px dotted #AAAAAA;
}
.tumb .forimg img, .tumbhit .forimg img {border: 0px dotted #AAAAAA;}
.hit_header
{
text-align: right;
color: #990000;
font-style: italic;
text-shadow: 1px 1px 3px #808080;
padding: 0;
margin: 0 12px 0.5em 0;
border-bottom: 3px solid #990000;
}
.tumb .hit, .tumbhit .hit
{
position: relative;
top: -48px;
width: 48px;
height: 48px;
float: left;
margin: 0 0 0px 0px;
background: url(../img/hit.png) no-repeat;
}
.tumb .product_name, .tumbhit .product_name {position: relative; top: -48px;}
.tumb .product_name, .tumb .product_name_category, .tumbhit .product_name
{
height: 90px;
overflow: hidden;
margin: 0 0 0px 0px;
padding: 10px 0;
border: 0px dotted #FF0000;
border-top: 1px solid #DDDDDD;
background: url(../img/overley2.png);
}
.tumbhit .product_name {height: 90px; height: 110px;}
.tumb .product_name:hover, .tumb .product_name_category:hover, .tumbhit .product_name:hover {background: none; border-top: 1px solid #FFFFFF;}
.tumb .product_name div, .tumb .product_name_category div, .tumbhit .product_name div {margin: 0 10px 0px 10px;}
.tumb .price, .tumbhit .price
{
clear: both;
margin: 0 0px 0px 0px;
padding: 0 0px 0px 0px;
text-align: left;
color: #990000;
font-size: 1.2em; font-weight: normal;
}
.tumb .price span, .tumbhit .price span {font-size: 0.7em; margin-left: 0.2em; color: #000000;}
.tumb a, .tumbhit a {display: block;}
.tumb a:hover, .tumbhit a:hover {text-decoration: none;}
#hits {margin: 0em 0 1.5em 0; padding: 0.5em 0;}

.mceFirst {background: #DDDDDD !important;}
.mceFirst a.mceButton {border-color: #DDDDDD;}

input {padding: 0.3em 0.8em;}
input[type=submit], input[type=file] {padding: 0.3em 0.8em; font-weight: bold;}
a input[type=button].link {
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 3px 1px #333333;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.4em 0.8em;
}
a input[type=button].link:hover {border: 1px solid #000000; box-shadow: none;}
a.button:hover {text-decoration: none;}

#vitrina
{
width: 100%;
float: left;
padding: 0;
overflow: hidden;
text-align: center;
}
#vitrina a img.first {margin: 0 0 5px 0; float: none;}
#vitrina .addon_images a img {float: left; margin: 0 10px 10px 0; border: 0;}
#vitrina .addon_images a:nth-child(even) img {float: left; margin-right: 0;}
#price .podzakaz {margin: 10px 0 5px 0; color: #808080; font-size: 85%;}

#product_content
{
/*background: #FFFFFF;
margin-left: 320px;
float: left;*/
}
#description {margin: 1em 0;}
#product_content #price {font-size: 1.3em;}
#product_content #price span {color: #990000; margin: 0 0em 0em 0em;}
#product_content #price span.currency {font-size: 80%; padding-left: 0.2em; color: #000000;}
#product_content #price span.artikul {font-size: 85%; font-weight: normal; padding-left: 0.5em; color: #808080; color: #666666;}

.bread_crumbs {padding: 0.25em 0 0.5em 0; font-size: 0.9em; font-weight: bold;}

#other_colors {margin: 1em 0;}

.products
{
padding: 0.5em 0px 0.5em 0;
border: 0px solid #DDDDDD;
}
.products .product, #hits .product
{
width: 100%;
padding: 10px 0 5px 0;
margin: 0px 0px 1em 0;
/*border: 1px solid #DDDDDD;*/
line-height: 130%;
background: #FFFFFF;
border-radius: 6px;
text-align: center;
height: 460px; height: 480px;
overflow: hidden;
cursor: pointer;
/*font-family: Tahoma, Arial, sans-serif;*/
/*z-index: 0;*/
}
.products .product img, #hits .product img {
margin: 4px 10px 4px 10px;
/*-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;*/
/*
box-shadow: 0 10px 5px -10px #000000;
-moz-box-shadow: 0 10px 5px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
*/
}
.products .product img:hover, #hits .product img:hover {
/*-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-o-transform: scale(1.15);
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
max-height: 300px;
overflow: hidden;*/
}
.products .product .pz, #hits .product .pz
{
border-right: 0;
background: url(../img/z.png) no-repeat;
width: 80px;
float: right;
position: relative;
right: 0;
top: 20px;
height: 27px;
z-index: 5;
}
.products .product .after_pz {
clear: both;
position: relative;
top: -27px;
z-index: 4;
}
.product_anons, .product_brand {margin: 0.5em 0 0.5em 0;}
p.price span {font-size: 75%;}
.product_content {
width: auto;
margin: 0 0.75em 0 0.75em;
padding: 0em 0em;
text-align: center;
font-size: 1em;
}

.product_content a {color: #000000; /*text-shadow: 1px 1px 2px #808080;*/ font-weight: normal;}
.product_content a:hover {text-decoration: none; color: #003399;}
/*.product_content p {text-align: center; font-size: 1em; font-weight: bold; margin: 0 0.5em 0.3em 0.5em;}*/
.product_content .artikul {font-size: 1em; margin: 0 0em 0em 0em; color: #666666;}
.product_content p.h3 {padding: 0 0em 0em 0em; margin: 0;}
.product_content p {padding: 0.2em 0.2em 0.2em 0.2em; margin: 0;}
.product_content p.price {color: #990000; margin: 0 0em 0em 0em;}
.product_content p.price span {font-size: 90%; padding-left: 0.2em; color: #000000;}

#calculator {width: 100%; background: #FFFFFF;}

.in_cart {
border: 0px dotted red;
margin: 0em 0.25em 1em 0em;
padding: 0em 0.25em 0.2em 0.25em;
background: #FFCC33;
border-radius: 0.25em;
font-size: 1.2em;
}
.to_cart {
margin: 0em 0em 1em 0em;
padding: 0em 0.25em 0.2em 0em;
font-size: 1em;
}


#cart {
width: 100%;
background: #FFFFFF /*url(../img/cart_32.png) 0px 2px no-repeat*/;
float: right;
padding: 5px 0 0px 0;
border: 1px solid #BBBBBB;
text-align: left;
border-radius: 6px;
}
#cart form {/*width: logo;*/}
#cart form table {border: 0;}
#cart form input {margin: 0;}
.shopping_cart {background: #FFFFFF url(../img/cart_32.png) 2px 0px no-repeat; border-bottom: 1px solid #DDDDDD; text-align: center; }
#cart td {padding: 0.4em 5px;}
#cart input[type='submit']
{
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
border-radius: 4px;
box-shadow: 1px 1px 3px 1px #333333;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.3em 0.3em;
margin: 0;
font-size: 1.1em;
font-weight: bold;
}
#cart input[type='submit']:hover {border: 1px solid #000000; box-shadow: none;}

/* Панель Что в корзине */
#cart_panel {
/*background: #FFFFFF url(../img/fon/bg.gif);*/
width: auto;
padding-top: 0.25em; padding-bottom: 0.25em;
/*font-family: Tahoma, Arial, sans-serif;*/
}
#cart_panel div
{
width: auto;
text-align: right;
margin: 0px 10px;
line-height: 150%;
font-size: 1.1em;
padding: 0em 0 0 0;
}
#cart_panel div span {padding-left: 37px; background: url(../img/cart_32.png) 0px -4px no-repeat;}
#cart_panel form
{
width: 130px;
float: right;
background: none;
font-size: 0.9em;
margin: 0px 0;
padding: 0em 10px 0em 0.2em;
}
#cart_panel input[type='submit'] {margin: 0px 0px 0 0; padding: 0.2em 0.4em 0.1em 0.4em;}

#cart-panel {
clear: both;
width: auto; width: 300px; width: 100%;
padding: 0.25em 0 0.25em 0;
padding: 0;
margin: 10px 0 0 0;margin: 0px 0 0 0;
/*font-family: Tahoma, Arial, sans-serif;*/
border: 0px dotted red;
background: #DDDDDD;
}
#cart-panel form
{
border: 0px dotted red;
float: right;
background: none;
margin: 0;
}
#cart-panel input[type='submit'] {margin: 2px 0px 0 0; padding: 0.5em 0.3em 0.3em 0.3em;}
#cart_box
{
border: 0px dotted navy;
width: auto;
float: right;
text-align: right;
cursor: pointer;
}
#cart_info
{
border: 0px dotted green;
float: left;
text-align: left;
font-size: 1em;
margin: 0 10px 0 0;
padding-left: 35px;
background: url(../img/cart_32.png) 0px -4px no-repeat;
}
#cart_info span {font-weight: bold;}
#cart_info span span {font-size: 0.9em; font-weight: normal; margin-left: 3px;}
.cart_empty
{
padding: 3px 0 5px 0;
text-align: center;
font-size: 1em !important;
}

#content_box {float: left; width: auto;}

.rounded-bottom {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}

.metki
{

}
.metki span a
{
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 1px 1px #666666;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 5px 0;
font-size: 1em;
font-weight: bold;
color: #000000;
line-height: 200%;
}
.metki span a:hover
{
border: 1px solid #000000;
box-shadow: none;
color: #990000;
text-decoration: none;
}

#color {padding-top: 0.5em;}
#color span {font-weight: bold;}

#post_tags {padding: 0.5em 0;}
#post_tags span {font-weight: bold;}
#post_tags a {background: url(../img/icons/metki_24x24.png) no-repeat; padding-left: 30px;}

#podbor
{
background: #EEEEEE;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #EEEEEE), color-stop(1, #DDDDDD));
background-image: -o-linear-gradient(top, #EEEEEE, #DDDDDD);
background-image: -moz-linear-gradient(top, #EEEEEE, #DDDDDD);
background-image: -webkit-linear-gradient(top, #EEEEEE, #DDDDDD);
background-image: linear-gradient(to bottom, #EEEEEE, #DDDDDD);
border: 1px solid #CCCCCC;
text-align: center;
}
#podbor div.dop_parametr
{
width: 100%;
float: left;
margin: 0 10px 5px 0;
padding: 0em 0em 0em 0em;
}
#podbor div.dop_parametr span {font-size: 0.85em; font-style: italic;}
#podbor div.dop_parametr input, #podbor div.dop_parametr select {width: 100%;}
#podbor div.dop_parametr input[type="submit"] {margin-bottom: 0;}
#podbor div.dop_parametr.submit {margin: 0; padding-top: 0em;}

#contact-sidebar {margin: 1em 0;}

#phone
{
border: 0px dotted red !important;
margin: 0; padding: 0.5em 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#phone form
{
border: 0px dotted red;
margin: 0; padding: 0;
background: none;
}
/*#phone form button
{
border: 0px dotted red;
margin: 0; padding: 0;
background: none;
}*/
#phone form.tel button
{
border: 0px dotted navy;
margin: 0; padding: 0;
font-size: 1.1em;
/*font-family: Arial, Helvetica, sans-serif;*/
background: none;
cursor: pointer;
}
#phone form.whatsapp
{
border: 0px dotted green;
margin: 0; padding: 0;
width: 36px; height: 30px;
}
#phone form.whatsapp button
{
border: 0px dotted green;
margin: 0; padding: 0;
width: 100%; height: 100%;
/*background: url(../img/icons/whatsapp_28x28_dark_navy.png) top right no-repeat;*/
background: url(../img/icons/whatsapp_28x28_green.png) top right no-repeat;
display: block;
cursor: pointer;
}

@media only screen and (max-width: 239px)
{
body {font-size: 1.1em;}
#box {margin: 0; padding: 0;}
#content h1, #content h2, #content h3, #content h4 {padding: 0.25em 0;}
h1 {font-size: 1.35em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.15em;}
#header {
text-align: center;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F2F2F2), color-stop(1, #DDDDDD));
background-image: -o-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -moz-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -webkit-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: linear-gradient(to bottom, #F2F2F2, #DDDDDD);
}
#logo {width: 100%;}
#logo img {width: 90%; margin: 10px auto;}
#phone
{
width: 100%;
margin: 0px 5px 0px 5px;
text-align: center;
font-size: 1.3em;
clear: both;
float: none;
}
#slogan
{
padding: 0;
margin: 10px 10px 10px 10px;
font-size: 1.1em;
text-align: center;
font-weight: normal;
}
#footer_left #phone_footer {width: 100%; font-size: 1em; clear: both;}
#footer_left #work_time {width: 100%; font-size: 1em;}
#calculator {clear: both; padding: 0.5em;}
#content {background: #FFFFFF;}
/*#content .fm {margin: 5px 0;}*/
.products .product, #hits .product {border: 0px solid #DDDDDD;}
}


@media only screen and (min-width: 240px)
{
body {font-size: 1em;}
/*#content h1, #content h2, #content h3, #content h4 {padding: 0.25em 0;}*/
h1 {font-size: 1.35em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.15em;}
.fm {margin: 7px;}
#header {
text-align: center;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F2F2F2), color-stop(1, #DDDDDD));
background-image: -o-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -moz-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: -webkit-linear-gradient(top, #F2F2F2, #DDDDDD);
background-image: linear-gradient(to bottom, #F2F2F2, #DDDDDD);
}
#left_header_block {border: 0px dotted red; float: none; text-align: center; }
#logo {width: 100%; margin: 0;}
#logo img {width: 90%;}
#slogan
{
width: auto;
padding: 0;
margin: 0px 5px 0px 5px;
font-size: 1em;
text-align: center;
font-weight: normal;
float: none;
}
#phone
{
width: auto; width: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
font-size: 1.15em;
clear: both;
float: none;
}
#cart-panel
{
border: 0px dotted red;
float: right;
padding: 5px 0px 5px 0;
font-size: 0.95em;
}
#cart_box {margin: 0 10px 0 0;}
#cart-panel form
{
border: 0px dotted red;
float: right;
margin: 0 0px 0 0;
}
#cart_info
{
border: 0px dotted green;
float: left;
background: url(../img/cart.png) 0px -4px no-repeat;
padding-left: 50px;
margin: 4px 10px 0 0;
}
#sitename {font-size: 1.6em;}
#sidebar_left
{
display: none;

}
#footer {font-size: 1em; line-height: 140%;}
#footer_left #phone_footer {width: 100%;}
#footer_left #work_time {width: 100%; margin-top: 0.7em;}
#calculator {clear: both;}
.products .product, #hits .product {text-align: center; height: 445px; height: 465px;}
.products .product img, #hits .product img {float: none;}
.product_content {clear: both; /*width: 100%;*/ text-align: center; font-size: 1em;}
.product_content p {font-size: 1.1em; font-size: 1em;}
#vitrina {overflow: hidden; text-align: center;  margin-right: 0;}
#content {background: #FFFFFF; font-size: 1.2em;}
/*#content .fm {margin: 5px 0;}*/
.products .product, #hits .product {border: 0px solid #DDDDDD;}
/*#content section {margin: 0 7px;}*/
}


@media only screen and (min-width: 320px)
{
body {font-size: 1em;}
#logo img {width: 90%;}
#phone {font-size: 1.35em; width: auto;}
#slogan
{
padding: 0;
margin: 0px 7px 0px 7px;
font-size: 1em;
text-align: center;
font-weight: bold;
}
#content {overflow: hidden;}
#footer {font-size: 1.1em;}
.products .product, #hits .product {height: 460px;}
#vitrina {
width: 310px; width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
/*align-items: center;*/
justify-content: center;
}
#vitrina img {}
#vitrina img.first {width: auto; max-width: 310px;}
#content {background: #FFFFFF;}
#content .post img {min-width: 100%;}
/*#content .fm {margin: 5px 0;}*/
}


@media only screen and (min-width: 360px)
{
#vitrina {/*width: 310px; margin: 0px 10px 5px 0;*/}
#vitrina img {max-width: 310px;}
.tumb, .tumbhit {width: 48.4%; width: 48.2%; float: left; font-size: 0.9em;}
.tumb:nth-child(2n), .tumbhit:nth-child(2n) { margin-right: 0;}
/*.tumb:nth-child(2n+1), .tumbhit:nth-child(2n+1) {clear: both; background: #669933;}*/
.product_content {width: auto; padding: 5px 0px 0px 0px;}
}


@media only screen and (min-width: 400px)
{

}

@media only screen and (min-width: 440px)
{
.products .product, #hits .product {border: 0px solid #CCCCCC; width: 49%; height: 455px; height: 490px; float: left; margin: 0 2% 10px 0;}
.products .product:nth-child(2n), #hits .product:nth-child(2n) {margin-right: 0%;}
.products .product img {max-width: 88%;}
}


@media only screen and (min-width: 480px)
{
.fm {margin: 10px;}
#phone {margin: 0 10px; text-align: right;}
#slogan {font-weight: bold;}
h1 {font-size: 1.45em;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.25em;}
#footer_left #phone_footer {/*width: 50%;*/}
#sidebar_left
{
width: 50%;
float: left;
}
#sidebar_right
{
width: 50%;
float: right;
}
.tumb, .tumbhit {width: 47.5%; width: 48.8%; font-size: 0.9em;}
.products .product {height: 500px;}
.products .product img {/*max-width: 200px;*/ }
/*.tumb:nth-child(2n), .tumbhit:nth-child(2n) {background: #669933; margin-right: 0;}*/
/*.tumb:nth-child(2n+1), .tumbhit:nth-child(2n+1) {clear: both; background: #669933;}*/
.product_content p {font-size: 1.05em;}
#cart-panel {margin: 5px 0px 0 0;/* font-size: 0.95em;*/}
}


@media only screen and (min-width: 510px)
{
h1 {font-size: 1.5em;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.25em;}
#logo {margin: 0 10px; padding: 0; text-align: left;}
#logo img {width: 100%; max-width: 340px;}
#slogan
{
border: 0px dotted navy;
padding: 0 10px;
margin: 0px 0px 10px 0px;
width: auto;
text-align: left;
}
#phone {border: 0px dotted blue; margin: 0 10px 0 0px; padding: 0; font-size: 1.3em;}
#cart_info
{
border: 0px dotted red;
background: url(../img/cart.png) 0 -4px no-repeat;
padding-left: 50px;
font-size: 0.9em;
}
.products .product {height: 475px;}
.products .product img {/*max-width: 216px;*/ }
.product_content p {font-size: 1.1em;}
}

@media only screen and (min-width: 550px)
{
#cart_info {border: 0px dotted red; padding-left: 48px;}
.products .product {height: 475px;}
.products .product img {/*max-width: 240px;*/}
}

@media only screen and (min-width: 595px)
{
#left_header_block {border: 0px dotted red; width: 340px; width: 54%; float: left;}
#right_header_block {border: 0px dotted green; width: 45.5%; float: right; margin: 7px 0px 0 0;}
#logo {width: auto;}
#slogan {font-size: 1em;}
#phone
{
border: 0px dotted red !important;
/*margin: 0; padding: 0.5em 0;*/
justify-content: flex-end;
font-size: 1.4em;
}
#cart-panel {width: auto; margin: 0px 0px 0px 0px; padding: 0; background: none; font-size: 1em;}
#cart-panel input[type='submit'] {margin: 2px 0px 0 0; padding: 0.5em 0.3em 0.3em 0.3em; font-size: 1em;}
#cart_info
{
border: 0px dotted red;
background: url(../img/cart_32.png) 0 0px no-repeat;
padding-left: 35px;
line-height: 110%;
width: 100%;
margin: 0px 10px 0px 0px;
}
.tumb, .tumbhit {width: 31.5%; width: 31.5%; width: 32.1%; font-size: 0.9em;}
.tumb:nth-child(2n), .tumbhit:nth-child(2n) {margin-right: 10px;}
.tumb:nth-child(3n), .tumbhit:nth-child(3n) { margin-right: 0px;}
/*.tumb:nth-child(2n+1), .tumbhit:nth-child(2n+1) {clear: both; clear: none; float: left; background: #669933;}*/

.products .product, #hits .product {/*width: 48%;*/height: 455px;}
.products .product img {width: auto; /*max-width: auto;*/ max-width: none;}
#calculator {float: left; clear: none; margin-bottom: 1em;}
#product_content {margin-left: 320px;}

#podbor div.dop_parametr {width: auto;}
#podbor.dpc_3 div.dop_parametr {width: 31.6%;}
#podbor.dpc_4 div.dop_parametr {width: 23.3%; width: 23.1%;}
#podbor.dpc_5 div.dop_parametr {width: 18.5%;}
#podbor div.formargin {margin: 10px 10px 5px 10px;}
#podbor div.dop_parametr.submit {margin: 0; padding-top: 0em;}
#podbor div.dop_parametr.submit input {margin: 0.4em 0 0 0;}
#vitrina {
 width: 100%;width: 310px; display: block; float: left; margin-right: 10px;
}
#content .post img {min-width: 350px;}

}

@media only screen and (min-width: 640px)
{
#logo {}
#phone
{
clear: none;
float: right;
text-align: right;
font-size: 1.55em;
}
#slogan {font-size: 1.05em;}
#cart-panel {}
#cart_info
{
border: 0px dotted red;
background: url(../img/cart.png) 0 -6px no-repeat;
padding-left: 50px;
line-height: 120%;
}
.tumb, .tumbhit {width: 31.6%; width: 32.2%; font-size: 0.9em;}
#content .post img {min-width: 400px;}
}

@media only screen and (min-width: 720px)
{
#phone {font-size: 1.66em;}
#slogan {font-size: 1.2em;}
#cart-panel input[type='submit'] {padding: 0.5em 0.4em 0.3em 0.4em; font-size: 1.05em;}
#cart_info {font-size: 1em;}
.products .product, #hits .product {height: 440px;}
}

@media only screen and (min-width: 768px)
{
#cart-panel {font-size: 1em;}
#footer_left {width: 50%; float: left;}
#footer_center {width: 50%; float: left; padding-top: 0.75em;}
#footer_right {width: 100%; float: right;}
.tumb, .tumbhit {width: 31.4%; width: 32.1%; font-size: 0.9em;}
.products .product, #hits .product {height: 460px;}
#content h1, #content h2, #content h3, #content h4, #content .h1, #content .h2, #content .h3, #content .h4 {
/*
background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);
color: #FFFFFF;
text-shadow: 1px 1px 1px #000024;
padding: 0.25em 0.25em;*/
margin-top: 0.25em;
margin-bottom: 0.25em;
}
}


@media only screen and (min-width: 800px)
{
#sidebar_left {width: 25%; float: left;}
#sidebar_right {width: 25%; float: left;}
/*#content {width: 75%; float: right;}*/
#podbor {width: auto;}
#podbor div.dop_parametr {font-size: 1.1em;}
#content .fm {margin: 10px;}
#content section {margin: 0px;}
#content h1, #content h2, #content h3, #content h4 {padding: 0.2em 0.4em; padding: 0.2em 0;}
/*#content h1.home {margin: 10px;}
.slider {margin: 0 10px;}*/

.products .product, #hits .product {width: 32%; float: left; margin-right: 2%; height: 475px;}
.products .product:nth-child(2n), #hits .product:nth-child(2n) {/*clear: none; background: navy;*/ margin-right: 2%;}
.products .product:nth-child(3n), #hits .product:nth-child(3n) {/*clear: none; background: navy;*/ margin-right: 0%;}
.products .product:nth-child(3n+2), #hits .product:nth-child(3n+2) {/*clear: both;*/ float: left; /*background: #FFCC66;*/ margin-right: 2%;}
.products .product img {max-width: 90%;}
}

@media only screen and (min-width: 860px)
{
.products .product, #hits .product {height: 450px;}
}

@media only screen and (min-width: 900px)
{
.products .product, #hits .product {height: 440px;}
}

@media only screen and (min-width: 970px)
{

}

@media only screen and (min-width: 1000px)
{
#left_header_block {width: 65%;}
#right_header_block {width: 30%;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.45em;}
h3 {font-size: 1.3em;}
/*#footer_left {width: 45%;}
#footer_right {width: 55%;}*/
#footer_left {width: 40%; float: left;}
#footer_center {width: 30%; float: left; padding-top: 0.5em;}
#footer_right {width: 30%; float: right;}
.tumb, .tumbhit {width: 32.4%; font-size: 1em;}
.products .product, #hits .product {width: 32%; float: left; margin-right: 2%; height: 475px;}
.products .product:nth-child(2n), #hits .product:nth-child(2n) {/*clear: none; background: navy;*/ margin-right: 2%;}
.products .product:nth-child(3n), #hits .product:nth-child(3n) {/*clear: none; background: navy;*/ margin-right: 0%;}
.products .product:nth-child(3n+2), #hits .product:nth-child(3n+2) {/*clear: both;*/ float: left; /*background: #FFCC66;*/ margin-right: 2%;}
.products .product img {/*max-width: 200px;*/ max-width: 90%;}
/*.product:nth-child(4n+4) {margin-right: 2%;}*/
#inbox {
border: 0px dotted red;
display: flex;
flex-direction: row;
}
#sidebar_left {
border: 0px dotted red;
visibility: visible;
display: block;
width: 25%;
order: 0;
}
#content {
border: 0px dotted red;
width: 75%;
order: 1;
}
}

@media only screen and (min-width: 1050px)
{
.products .product img {/*max-width: 225px;*/}
}

@media only screen and (min-width: 1100px)
{
.products .product {height: 460px;}
.products .product img {/*max-width: 235px;*/}
}

@media only screen and (min-width: 1200px)
{
#sidebar_left {
border: 0px dotted red;
width: 20%;
}
#content {
border: 0px dotted red;
width: 80%;
font-size: 1.15em;
}
.products .product, #hits .product {width: 24.25%; float: left; margin-right: 1%; height: 490px;}
.products .product:nth-child(2n), #hits .product:nth-child(2n) {margin-right: 1%;}
.products .product:nth-child(3n), #hits .product:nth-child(3n) {margin-right: 1%;}
.products .product:nth-child(3n+1), #hits .product:nth-child(3n+1) {margin-right: 1%;}
.products .product:nth-child(3n+2), #hits .product:nth-child(3n+2) {clear: none;margin-right: 1%;}
.products .product:nth-child(4n), #hits .product:nth-child(4n) {margin-right: 0%;}
.products .product:nth-child(4n+1), #hits .product:nth-child(4n+1) {clear: both; margin-right: 1%;}
.products .product img {/*max-width: 190px;*/}
}

@media only screen and (min-width: 1280px)
{
h1, .h1 {font-size: 1.8em;}
h2, .h2 {font-size: 1.55em;}
h3, .h3 {font-size: 1.35em;}
h4, .h4 {font-size: 1.2em;}
/*.product {width: 24.2%; float: left;}*/
.products .product {height: 480px;}
.products .product img {/*max-width: 200px;*/}
.product_content {width: auto; margin: 0px 10px 5px 10px;}
.tumb, .tumbhit {width: 23.9%;}
/*.tumb:nth-child(3n), .tumbhit:nth-child(3n) {margin-right: 10px;}
.tumb:nth-child(3n+1), .tumbhit:nth-child(3n+1) {clear: none;}*/
/*.tumb:nth-child(4n), .tumbhit:nth-child(4n) {margin-right: 0px;}*/
/*.tumb:nth-child(4n+1), .tumbhit:nth-child(4n+1) {clear: both;}*/
}

@media only screen and (min-width: 1366px)
{
#box {width: 1349px;}
#sidebar_left {width: 20%; float: left;}
#sidebar_right {width: 20%; float: left;}
/*#content {width: 80%; float: right;}*/
.products .product img {max-width: auto; max-width: 235px;}
}


/* slider on home */
/*
.slider {
border: 0px dotted red;
padding: 0em;
width: 100%;
height: auto;
margin: 10px auto 10px auto;
overflow: hidden;
text-align: center;
display: flex;
}
.slider img {max-width: 100%;}
.slider .sl_img {
width: 100%;
float: left;
margin: auto 0 auto -75px;
text-align: center;
position: relative;
z-index: 0;
}
.slider .strelka_left, .slider .strelka_right
{
width: 75px;
height: 80px;
overflow: hidden;
position: relative;
cursor: pointer;
margin-top: auto;
margin-bottom: auto;
}
.slider .strelka_left
{
border: 0px dotted red;
background: url(../img/strelki_3.png) 10px no-repeat;
float: left;
z-index: 1;
}
.slider .strelka_right
{
border: 0px dotted green;
background: url(../img/strelki_3.png) -37px no-repeat;
margin: auto 0 auto -75px;
float: right;
z-index: 2;
}
*/

@-webkit-keyframes slide-animation {
1% {left: 0%; opacity: 1;}
18% {left: 0%; opacity: 1}
19% {opacity: 0.2;}
20% {left: -100%; opacity: 1;}
58% {left: -100%; opacity: 1;}
59% {opacity: 0.2;}
60% {left: -200%; opacity: 1;}
98% {left: -200%; opacity: 1;}
99% {opacity: 0.5;}
100% {left: 0%;}
}
@-moz-keyframes slide-animation {
1% {left: 0%; opacity: 1;}
18% {left: 0%; opacity: 1}
19% {opacity: 0.2;}
20% {left: -100%; opacity: 1;}
58% {left: -100%; opacity: 1;}
59% {opacity: 0.2;}
60% {left: -200%; opacity: 1;}
98% {left: -200%; opacity: 1;}
99% {opacity: 0.5;}
100% {left: 0%;}
}

/* Слайдер */
.slides {
height: 300px; /*height: auto;*/
margin: 10px auto 10px auto;
overflow:hidden;
position:relative;
width: auto;
}
.slides ul {list-style:none; position:relative;}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
  0% {opacity:0;}
  6% {opacity:1;}
  24% {opacity:1;}
  30% {opacity:0;}
  100% {opacity:0;}
}
@-moz-keyframes anim_slides {
  0% {opacity:0;}
  6% {opacity:1;}
  24% {opacity:1;}
  30% {opacity:0;}
  100% {opacity:0;}
}

.slides ul li {
opacity:0;
position:absolute;
top:0;
border: 1px dotted red;
/* анимация css3 */
-webkit-animation-name: anim_slides;
-webkit-animation-duration: 14.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_slides;
-moz-animation-duration: 14.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
-webkit-animation-delay: 5.0s;
-moz-animation-delay: 5.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
-webkit-animation-delay: 10.0s;
-moz-animation-delay: 10.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
-webkit-animation-delay: 15.0s;
-moz-animation-delay: 15.0s;
}
.slides ul li:nth-child(5), .slides ul li:nth-child(5) div {
-webkit-animation-delay: 20.0s;
-moz-animation-delay: 20.0s;
}
.slides ul li img {display:block;}

/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
  0% {left:100%; opacity:0;}
  5% {left:10%; opacity:1; }
  20% {left:10%; opacity:1;}
  25% {left:100%; opacity:0;}
  100% {left:100%; opacity:0;}
}
@-moz-keyframes anim_titles {
  0% {left:100%; opacity:0;}
  5% {left:10%; opacity:1;}
  20% {left:10%; opacity:1;}
  25% {left:100%; opacity:0;}
  100% {left:100%; opacity:0;}
}
/*
.slides ul li div {
background-color:#000000;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 5px #FFFFFF inset;
color:#FFFFFF;
font-size:26px;
left:10%;
margin:0 auto;
padding:20px;
position:absolute;
top:50%;
width:200px;

Анимация css3
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}*/

/* search */
#search {border: 0; background: none; margin: 0.5em 0 0.5em 0;}
#search label {margin: 0 0 0 0; font-size: 0.9em;}
#search_str {width: 68%; padding: 4px; font-size: 1.2em; font-weight: bold; margin-bottom: 0;}
#search_submit {width: 31%; width: auto; margin: 0; padding: 0.4em 0.4em 0.3em 0.4em;}