@font-face {
  font-family: 'Open Sans Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
min-height:100%; height:100%;
margin: 0;
padding: 0;
background: #FFFFFF;
/*
background: #003399;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #5CC3FF), color-stop(1, #004A94));
background-image: -o-linear-gradient(top left, #5CC3FF, #004A94);
background-image: -moz-linear-gradient(top left, #5CC3FF, #004A94);
background-image: -webkit-linear-gradient(top left, #5CC3FF, #004A94);
background-image: linear-gradient(to bottom right, #5CC3FF, #004A94);
*/
display: flex;
flex-direction: column;
}
body {
min-height:100%; height:100%;
margin: 0;
padding: 0;
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center;
word-break: normal;
/*height: 100%;*/
display: flex;
flex-direction: column;
}
header, footer, section, article, nav, aside {display: block;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*font-size: 1.025em;*/}
p {margin: 0.65em 0; line-height: 135%;}
img {border: 0; max-width: 100%;}
a {color: #003399; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: none; color: #990000;}
a:active {outline: none; border: 0;}
a img {border: 0;}
.b {font-weight: bold;}
.i {font-style: italic;}
.bi {font-weight: bold;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: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
line-height: 120%;
text-align: left;
margin: 0.3em 0 0.2em 0;
}
#content h1, #content h2, #content h3, #content h4, #content .h1, #content .h2, #content .h3, #content .h4 {}
h1, .h1 {font-size: 1.8em; margin: 0.5em 0 0.25em 0; padding: 0;}
h2, .h2 {font-size: 1.5em; margin: 0.5em 0 0.25em 0;}
h3, .h3 {font-size: 1.35em; margin: 0.5em 0 0.25em 0;}
h4, .h4 {font-size: 1.2em; margin: 0.5em 0 0.25em 0;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.img_l, img.left {margin: 10px 10px 10px 0px; float: left; display: inline;}
.img_r, img.right {margin: 10px 0px 10px 10px; float: right; display: inline;}
.galka {list-style-image: url(../img/icons/galka_red.png);}
.galka_red {list-style-image: url(../img/icons/galka_red.png);}
.galka_blue {list-style-image: url(../img/icons/galka_blue.png);}
.galka_green {list-style-image: url(../img/icons/galka_green.png);}
.dalee {background: url(../img/dalee.png) no-repeat;}
.podrobnee
{
border: 0px solid #003399;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-align: right;
font-style: italic;
text-transform: uppercase;
padding: 0;
margin: 0 0 0em 0;
}
.podrobnee a {border: 0px solid #003399; display: block; padding: 0.25em 0.5em 0.5em 0.5em; }
hr {margin: 15px 0; padding: 0; height: 0; border: none; border-top: 2px dashed #ddd;}
.fm {margin: 10px;}
.fm_5 {margin: 5px;}
.fp {padding: 10px 0;}
.smaller {font-size: 85% !important;}
.bigger {font-size: 120%;}
.clear {height: 0; clear: both;}
.red {color: red;}
.noshadow {box-shadow: none !important;}
.noborder {border: 0;}
.nobg {background: none;}
.hidden {visibility: hidden;}
.visible {visibility: visible;}
.thumb-wrap, .video {width: 100%; margin: 1em 0; text-align: center;}


.thumb-wrap, .video
{
position: relative;
padding-bottom: 56.25%; задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%)
height: 0;
overflow: hidden;
}
.thumb-wrap iframe, .video iframe, .video div
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
background-position: center;
}


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

.wide_box {
border: 0px dotted red;
width: 100%;
/*display: flex;*/
/*flex-direction: column;*/
/*flex-grow: 1;*/
margin: 0;
padding: 0;
background: #FFFFFF;
}
.wide_box.dark
{
border: 0px dotted red;
background: url(../img/fon/bg-dark-4782.jpg);
color: #FFFFFF;
}

#box {
border: 0px dotted red;
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-grow: 1;
/*justify-content: space-between;
align-content: space-between;
text-align: center;*/
margin: 0 auto;
}

/*#inbox {border: 0px dotted red; min-height:100%; background: #FFFFFF;}*/

.box
{
border: 0px dotted red;
margin: 0 auto 0 auto;
/*min-height: 100%;*/
display: block;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
box-orient: vertical;
}

#header
{
border-bottom: 1px solid #6500A8;
padding: 0px 0 0px 0;
margin: 0 0 0 0;
overflow: hidden;
color: #000000;

background: #330099;
/*
background: url(../img/fon/site_top_bg.jpg);
background: url(../img/fon/bg_header_violet.jpg) bottom right;
background: url(../img/fon/header_violet.jpg) bottom center;
background: url(../img/fon/bg_header_violet_2.jpg) bottom center;
background: url(../img/fon/bg_header_violet_2.jpg) bottom left;
background: url(../img/fon/bg_header_violet_3.jpg) bottom left;
background: url(../img/fon/bg_header_violet_4.jpg) bottom left;
background: url(../img/fon/bg_header_violet_5.jpg) bottom left;*/
background: url(../img/fon/bg_header_violet_6.jpg) top left;

  background-image: -webkit-linear-gradient(top, #580085, #2B0057);
  background-image: linear-gradient(to bottom, #580085, #2B0057);

/*background: url(../img/fon/bg_header_violet_3.jpg) bottom left;*/
/*background-origin: padding-box;
background-origin: content-box;*/
/*background: #6600CC;*/
display: flex;
flex-direction: column;
}
#top
{
margin: 0px auto 0 auto;
padding: 7px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

#left_header_block
{
float: left;
width: auto;
margin: 10px 0 0px 0px;
padding: 0;
display: flex;
flex-direction: row;
}
#center_header_block
{
border: 0px dotted red !important;
float: right;
width: auto;
margin: 0px 10px 0px 0px;
padding: 0;
display: flex;
justify-content: flex-end;
flex-direction: row;
color: #FFFFFF;
}
#center_header_block a
{
color: #FFFFFF;
}
#center_header_block a:hover, #center_header_block a:active
{
color: #FFCC00; text-decoration: none;
}
#center_header_block div
{
border: 0px dotted red;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
/*text-transform: uppercase;*/
font-size: 1.75em;
text-shadow: 0px 1px 1px #000000;
}
#center_header_block div div
{
width: 116px;
}
#center_header_block div:nth-child(1)
{
font-size: 1.2em;
}
#center_header_block div form
{
margin-left: 0px; margin: 0px; margin: 0 0 0 7px;
}
#center_header_block div form:nth-child(1)
{
margin: 0 0 0 0px;
}
#center_header_block div
{
border: 0px dotted red;
width: auto;
margin: 0px;
padding: 0;
font-size: 1.75em;
}
#center_header_block div div
{
border: 0px dotted red;
width: auto;
margin: 0px 10px;
padding: 0;
font-size: 1em;
}
#center_header_block #contact_buttons div .zakaz_zvonka
{
border: 1px solid #002775;
border-radius: 6px;
width: auto; width: 100%;
margin: 0px 0 7px 0;
padding: 0.5em 0.5em;
font-size: 0.9em;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 2px 2px 2px #333333;
font-weight: bold;
color: #FFFFFF;
background: #003399;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0066CC), color-stop(1, #003366));
background-image: -o-linear-gradient(top, #0066CC, #003366);
background-image: -moz-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: linear-gradient(to bottom, #0066CC, #003366);
}
#center_header_block #contact_buttons, #contact_buttons_footer
{
border: 0px dotted maroon;
/*float: right;*/
width: 178px; width: auto;
text-align: center;
font-size: 1em;
display: block;
margin: auto 0;
}
#center_header_block #contact_buttons div
{
border: 0px dotted green;
float: right;
width: 158px;
text-align: center;
display: flex;
justify-content: space-between;
}
#center_header_block #contact_buttons form, #contact_buttons_footer form
{
border: 0px dotted red;
float: left;
margin: 0px;
padding: 0;
}
#contact_buttons_footer form
{
border: 0px dotted red;
margin: 0px 8px 8px 0;
}
#center_header_block #contact_buttons form.zakaz_zvonka
{
border: 0px dotted red;
width: auto; width: 99%;
margin: 0px auto 7px auto;
padding: 0;
}
#center_header_block #contact_buttons button, #contact_buttons_footer button
{
border: 1px solid #002775;
border-radius: 6px;
width: auto; width: 100%; /*max-width: 150px;*/
height: auto;
margin: 0px;
padding: 0.6em 0.3em;
font-size: 1em;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 2px 2px 2px #333333;
font-weight: bold;
color: #FFFFFF;
background: #003399;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0066CC), color-stop(1, #003366));
background-image: -o-linear-gradient(top, #0066CC, #003366);
background-image: -moz-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: linear-gradient(to bottom, #0066CC, #003366);
cursor: pointer;
width: auto; width: 99%;
margin: 0px auto 7px auto;
padding: 0;
}
#center_header_block #contact_buttons form.whatsapp button, #contact_buttons_footer form.whatsapp button
{
border: 0px dotted green; /*border-radius: 8px;*/
float: right;
width: 48px; height: 48px;
margin: 0px;
padding: 0;
background: url(../img/icons/whatsapp_48.png) no-repeat;
cursor: pointer;
}
#center_header_block #contact_buttons form.viber button, #contact_buttons_footer form.viber button
{
border: 0px dotted #FFFFFF;
float: right;
width: 48px; height: 48px;
margin: 0px;
padding: 0;
background: url(../img/icons/viber_48_2.png) no-repeat;
cursor: pointer;
}
#center_header_block #contact_buttons form.telegram button, #contact_buttons_footer form.telegram button
{
border: 0px dotted green;
float: right;
width: 48px; height: 48px;
margin: 0px;
padding: 0;
background: url(../img/icons/telegram_48.png) no-repeat;
cursor: pointer;
}
#center_header_block #contact_buttons form.skype button, #contact_buttons_footer form.skype button
{
border: 0px dotted green;
float: right;
width: 48px; height: 48px;
margin: 0px;
padding: 0;
background: url(../img/icons/skype_48.png) no-repeat;
cursor: pointer;
}
#center_header_block #phones
{
border: 0px dotted maroon;
float: right;
width: auto;
text-align: center;
display: flex;
flex-direction: column;
}
#center_header_block #phones div
{
border: 0px dotted maroon;
font-size: 1.3em;
}
#center_header_block #phones div.time
{
border: 0px dotted maroon;
font-size: 1.1em;
}
#right_header_block
{
float: right;
width: auto;
margin: 15px 15px 0 0;
padding: 0;
}
#right_header_block .fm
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: center;
}
#right_header_block .fm div
{
/*width: 47.5%; max-width: 170px;
margin: 0px 5px 0px 5px;*/
}
#right_header_block .fm div a, #right_header_block .fm div span
{
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
color: #FFFFFF;
font-size: 1.45em;
text-shadow: 1px 1px 1px #000000;
margin: 0;
padding: 0.25em;
}
#right_header_block a, #right_header_block span
{
clear: both;
border: 0px solid #002775;
border-radius: 6px;
width: auto;
margin: 0px 0px 5px 0px;
padding: 0.75em 0.5em 0.6em 0.5em;
display: block;
color: #FFFFFF;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 1px 1px 2px #000000;
background: #003399;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0066CC), color-stop(1, #003366));
background-image: -o-linear-gradient(top, #0066CC, #003366);
background-image: -moz-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: linear-gradient(to bottom, #0066CC, #003366);
}
#right_header_block a:hover, #right_header_block span:hover
{
border: 0px solid #750000;
background: #990000;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC3333), color-stop(1, #660000));
background-image: -ms-linear-gradient(top left, #CC3333, #660000);
background-image: -o-linear-gradient(top left, #CC3333, #660000);
background-image: -moz-linear-gradient(top left, #CC3333, #660000);
background-image: -webkit-linear-gradient(top left, #CC3333, #660000);
background-image: linear-gradient(to bottom right, #CC3333, #660000);
text-shadow: 1px 1px 3px #000000;
text-decoration: none;
cursor: pointer;
}

#header_social_buttons
{
width: auto;
height: 48px;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0 auto;
padding: 0;
}
#header_social_buttons a
{
display: block;
margin: 0px 2px 0 2px;
padding: 0;
background: none;
}
#header_social_buttons a img {border: 0px dotted green; margin: 0;}

#logo
{
border: 0px dotted red;
/*width: 105px; width: auto; max-width: 94%;*/
cursor: pointer;
margin: 0px 0px 0em 0px;
padding: 0;
overflow: hidden;
text-align: left;
float: left;
}
#logo a
{
display: block;
padding: 0;
margin: 0;
}
#logo a img
{
/*width: 105px; width: 100%;*/ width: auto; max-width: 100%;
height: auto;
margin: 0;
}
#sitename
{
text-align: left;
margin: 0px 10px 0px 10px;
padding: 0;
float: left;
cursor: pointer;
}
#sitename a {color: #000000; text-decoration: none;}
#sitename a:hover {text-decoration: none;}
#sitename a img { /*float: left; margin: 0px 0px 0px 0px;*/}
#slogan
{
border: 0px dotted green;
width: auto;
float: left;
/*font-weight: bold;
font-style: italic;*/
font-size: 1.3em;
/*color: #FFFFFF;*/
text-shadow: 1px 1px 1px #000024;
margin: 0px 10px 0px 10px;
/*clear: both;*/
text-align: left;
/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
}
#phone
{
width: 100%;
margin: 0em 0px 0 0;
padding: 0;
color: #000000;
font-size: 1.8em;
font-family: Tahoma, Arial, sans-serif;
text-shadow: 1px 1px 1px #000024;
}
#phone a {color: #FFFFFF; color: #000000; font-weight: normal;}
#phone a:hover {text-decoration: none;}
#phone span {font-size: 100%;}

.wide {width: 100%; background-size: cover; text-align: center;}

#big_board
{
border: 0px dotted red;
width: 100%;
height: 445px;
/*background-size: cover;
background-size: contain;*/
background-position: center;
background-image: url(../img/metallolom-3.jpg);
}
.review
{
border: 2px solid #FFFFFF;
border-radius: 8px;
width: 300px;
height: auto;
float: right;
margin: 10px 10px;
}

#offer_home
{
border: 0px dotted green;
color: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
text-shadow: 2px 2px 2px #000024;
text-transform: uppercase;
}
#offer_home .box
{
border: 0px dotted green;
height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
}
#offer_home .box .cont
{
border: 1px solid #FFFFFF;
border-radius: 30px;
background: url(../img/fon/overley_3.png);
margin: auto;
padding: 25px;
width: auto;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#offer_home .main_offer {border: 0px dotted navy; font-size: 3.5em;}
#offer_home .offer_description {border: 0px dotted navy; font-size: 2em; line-height: 170%;}

#page_anons {margin: 1em 0 1em 0; border: 0px dotted red;}

#oferta {
width: 100%;
text-align: center;
padding: 0em 0;
margin: 0 0 0 0;
font-size: 0.9em;
color: #888888;
font-style: italic;
font-weight: normal;
text-shadow: none;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
background: #EEEEEE;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}

#footer
{
clear: both;
border-top: 1px solid #002775;
border-bottom: 1px solid #001642;
background: #003399;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0066CC), color-stop(1, #003366));
background-image: -o-linear-gradient(top, #0066CC, #003366);
background-image: -moz-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #580085, #2B0057);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #580085, #2B0057);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: linear-gradient(to bottom, #0066CC, #003366);

  background-image: -webkit-linear-gradient(top, #580085, #2B0057);
  background-image: linear-gradient(to bottom, #580085, #2B0057);

font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1em;
padding: 0.5em 0 0.5em 0;
text-shadow: 1px 1px 2px #000000;
color: #FFFFFF;
line-height: 150%;
display: flex;
/*flex-grow: 0;*/
}
#footer a {color: #FFFFFF; text-decoration: underline; text-shadow: 1px 1px 1px #000000; font-weight: normal; }
#footer a:hover {color: #FFCC00; text-decoration: none; /*text-shadow: 1px 1px 1px #EEEEEE;*/}
#footer_left {word-break: normal;}
#footer_left #footer_adres {font-size: 1.2em; line-height: 160%;}
#footer_left #phone_footer {font-size: 1.5em; line-height: 130%; margin: 0 0 0.5em 0;}
#footer_left #phone_footer a {color: #FFFFFF; text-decoration: none;}
#footer_left #phone_footer a:hover {color: #FFCC66;}
#footer_left #footer_email {font-size: 1.15em; line-height: 130%; margin-top: 0.5em;}
#footer_left #contact_buttons_footer {margin: 0 0 0.5em 0;}
#footer_left .h3 {font-size: 1.2em; margin: 0.2em 0 0.5em 0;}

#footer_center {font-size: 1.1em;}
#footer_center ul {border: 0px dotted red; list-style: none; margin: 0.3em 0 0 0; padding: 0;}
#footer_center ul li
{
border: 1px solid #FFFFFF; border-radius: 6px;
display: inline-block;
list-style: none;
margin: 0em 0.3em 0.5em 0;
padding: 0;
width: auto;
}
#footer_center ul li a
{
border: 0px dotted red;
display: block;
margin: 0em 0 0em 0;
padding: 0.3em 0.4em;
width: auto;
/*background: url(../img/fon/overley_2.png);*/
text-decoration: none;
}
#footer_center ul li a:hover
{
border: 0px dotted red;
text-decoration: none;
}
#footer_right {word-break: normal; line-height: 160%; /*font-size: 1.15em;*/}
#footer_right p {margin: 0.5em 0;}

.col_20 {width: 20%;}
.col_25 {width: 25%;}
.col_30 {width: 30%;}
.col_33 {width: 33.33%;}
.col_40 {width: 40%;}
.col_50 {width: 50%;}
.col_60 {width: 60%;}
.col_66 {width: 66.66%;}
.col_70 {width: 70%;}
.col_75 {width: 75%;}
.col_80 {width: 80%;}

.vrezka {border: 1px solid #DDDDDD; border-radius: 8px; background: #EEEEEE; padding: 0em 0;}

.vidget {
padding: 0px 0 0px 0;
margin-bottom: 15px;
border: 1px solid #FFAD33;
border-radius: 10px;
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FFAD33));
background-image: -ms-linear-gradient(top, #FFCC33, #FFAD33);
background-image: -o-linear-gradient(top, #FFCC33, #FFAD33);
background-image: -moz-linear-gradient(top, #FFCC33, #FFAD33);
background-image: -webkit-linear-gradient(top, #FFCC33, #FFAD33);
background-image: linear-gradient(to bottom, #FFCC33, #FFAD33);
box-shadow: 0px 4px 10px #9d9d9d;
color: #330066;
}
.vidget_title {
border-bottom: none;
font-weight: bold;
text-decoration: none;
color: #330066;
text-transform: uppercase;
}
.vidget_content {margin: 0 10px; padding: 0 0px 0 0px;}
.vidget_content a, .vidget_content a img {}

.clickable {cursor: pointer;}

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

.err, .info, .ok, .mess {
margin: 10px 0 10px 0;
padding: 10px 10px 10px 50px !important;
min-height: 50px;
border-radius: 6px;
font-style: italic;
font-size: 0.9em;
width: 100%;
text-align: left;
float: left;
}
.err {background: #FFCCCC url(../img/err.png) no-repeat; border: 1px solid red; font-size: 1em;}
.mess {background: #EEEEEE url(../img/mess.png) no-repeat; border: 1px solid #B0C4DE;}
.info {background: #D6EBFF url(../img/info.png) no-repeat; border: 1px solid #99CCFF;}
.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;}
table td a:hover {text-decoration: none;}
table td a img {border: 0;}
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;}
#soc {border: 0; width: 100%; height: 190px; overflow: hidden;}
/*
#box
{
-moz-box-flex: 1;
-o-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}

#content
{
float: right;
text-align: left;
background: #FFFFFF;
padding: 0 0 1em 0;
}
*/
#content.no_sidebar {width: 100%;}

#content ul, #content ol {margin: 0; padding: 0;}
#content ul li, #content ol li {
margin: 0.7em 0 0.7em 0em;
text-align: left;
padding-left: 0em;
list-style-position: inside;
}

#main_and_sidebar_right {float: right;}

#main_and_sidebar_left {float: left; padding: 0.5em 0 1em 0;}

#sidebar_right {border: 0px dotted red; float: right; padding: 0.5em 0 1em 0;}

#sidebar_left {border: 0px dotted red; float: left;}
#sidebar_left h2, #sidebar_left .h2, #sidebar_right h2, #sidebar_right .h2 {font-size: 1.4em; padding: 0.25em 0.1em 0em 0.1em; font-weight: bold; border-bottom: 2px solid black !important;}
#sidebar_left h3, #sidebar_left .h3, #sidebar_right h3, #sidebar_right .h3 {font-size: 1.25em; padding: 0.25em 0.1em 0em 0.1em; font-weight: bold;  border-bottom: 2px solid #000000 !important;}
#sidebar_left img, #sidebar_right img {max-width: 100%;}

.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;}

.download
{
border: 0;
background: none;
box-shadow: none;
}
.download button.pdf
{
border: 0px dotted red;
display: block;
width: 100%;
height: 48px;
box-shadow: none;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.15em;
font-weight: bold;
/*text-transform: uppercase;*/
color: #003399;
margin: 0 0 0em 0;
padding: 0 0 0 40px;
cursor: pointer;
background: url(../img/icons/pdf.png) -8px bottom no-repeat;
text-align: left;
}

#description {margin: 1em 0;}

#bread_crumbs {border: 0px dotted red; margin: 0.5em 0em; padding: 0em 0 0em 0; font-size: 1em; font-weight: bold;}
#bread_crumbs li {border: 0px dotted green; display: inline; list-style: none; width: auto; padding: 0.25em 0.25em; margin: 0em 0.25em;}
#bread_crumbs li a {border: 0px dotted red; display: inline-block; width: auto; padding: 0em 0em; margin: 0.25em 0;}
#bread_crumbs li a span {border: 0px dotted navy; display: inline-block; padding: 0em 0em; padding: 0.25em 0em 0.25em 0em; margin: 0.25em 0;}

.posts {margin: 0; padding: 0;}
.posts .post .post_title {font-size: 1.5em;}
.posts .post a {display: block;}
.posts .post img {border: 0; float: left; margin: 5px 10px 5px 0; margin: 0.35em 10px 0.7em 0;}

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

.bolshe_menshe {margin: 4px auto 0 auto; text-align: center;}
.bolshe, .menshe {float: left; width: 49%;}

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


.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;}

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


#sidebar_left h3, #sidebar_right h3, #sidebar_left .h3, #sidebar_right .h3
{
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 0.5em 0;
}
#sidebar_left .social, #sidebar_right .social {margin: 0.5em 0 0.75em 0; padding: 0;}


.last_posts {
border: 0px dotted red;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width: 100%;
height: 100%;
margin: 1em 0 0em 0;
}
.last_posts .post {border: 0px dotted red; margin: 0 0 1em 0; float: left; width: 100%;}
.last_posts .post a {display: block; font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif; font-size: 1.2em; margin: 0em 0 0.35em 0;}
.last_posts .post a:hover {text-decoration: none;}
.last_posts .post img {border: 0px dotted red; clear: both; margin: 0.5em 0 0em 0; width: 100%; height: auto;}

@media only screen and (min-width: 600px)
{
.last_posts .post {width: 49%; margin: 0em 2% 0.75em 0;}
.last_posts .post:nth-child(2n) {margin: 0em 0 0.75em 0;}
}
@media only screen and (min-width: 1200px)
{
.last_posts .post {width: 32%; margin: 0em 2% 0.75em 0;}
.last_posts .post:nth-child(2n) {margin: 0em 2% 0.75em 0;}
.last_posts .post:nth-child(3n) {margin: 0em 0 0.75em 0;}
}

#sidebar_right .last_posts .post {border: 0px dotted red; width: 100%; margin: 0em 0 0.5em 0;}




/* home */

.grey
{
border: 1px solid #DDDDDD;
margin: 0;
padding: 0.75em 0;
background: #EEEEEE;
}


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

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

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

}
/* home end */

a.button
{
border: 1px solid #FFA114;
border-radius: 8px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
font-size: 1.25em;
font-weight: bold;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
padding: 12px 24px 10px 24px;
margin: 0px 0px;
box-shadow: 1px 1px 1px 1px #303030;
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC00), color-stop(1, #FFA724));
background-image: -o-linear-gradient(top, #FFCC00, #FFA724);
background-image: -moz-linear-gradient(top, #FFCC00, #FFA724);
background-image: -webkit-linear-gradient(top, #FFCC00, #FFA724);
background-image: linear-gradient(to bottom, #FFCC00, #FFA724);
}
a.button:hover
{
border: 1px solid #000000;
background: #FFCC00;
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFDC52), color-stop(1, #FFB647));
background-image: -o-linear-gradient(top, #FFDC52, #FFB647);
background-image: -moz-linear-gradient(top, #FFDC52, #FFB647);
background-image: -webkit-linear-gradient(top, #FFDC52, #FFB647);
background-image: linear-gradient(to bottom, #FFDC52, #FFB647);
color: #000000;
box-shadow: none;
text-decoration: none;
}

form.button {border: 0px dotted red; border-radius: 0; margin: 0; padding: 0; background: none;}
form.button button
{
border: 0px dotted red;
margin: 0; padding: 0;
float: left;
width: 48px; height: 48px;
background: none;
}
form.button button:hover {cursor: pointer;}
form.button.telegram
{
border: 0px dotted green;
float: right;
width: 48px; height: 48px;
background: url(../img/icons/telegram_48.png) no-repeat;
}
form.button.viber
{
border: 0px dotted green;
float: right;
width: 48px; height: 48px;
background: url(../img/icons/viber_48_2.png) no-repeat;
}
form.button.whatsapp
{
border: 0px dotted green;
float: right;
width: 48px; height: 48px;
background: url(../img/icons/whatsapp_48.png) no-repeat;
}

.social a {border: 0px dotted red; display: block; width: 48px; height: 48px; float: left;}
.social a.facebook {background: url(../img/icons/social.png) no-repeat scroll 0px 0px transparent;}
.social a.vkontakte {background: url("../img/icons/social.png") no-repeat scroll -48px 0px transparent;}
.social a.twitter {background: url("../img/icons/social.png") no-repeat scroll -96px 0px transparent;}
.social a.whatsapp {background: url("../img/icons/social.png") no-repeat scroll -462px 0px transparent;}
.social a.viber {background: url("../img/icons/social.png") no-repeat scroll -630px 0px transparent;}
.social a.telegram {background: url("../img/icons/social.png") no-repeat scroll -84px 0px transparent;}
.social a.skype {background: url("../img/icons/social.png") no-repeat scroll -336px 0px transparent;}

#partners {border: 0px dotted red; width: 100%; text-align: center;}
#partners img {border: 0px dotted red; max-width: 160px; height: auto;}

@media only screen and (min-width: 240px)
{
#box, .box, #content {width: 100%;}
img {max-width: 100%;}

}

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

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

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

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

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

}
/* #offers_sozdanie */

/* Yandex Share */
.ya-share2__list li {margin: 5px 5px 0 0 !important;}
.ya-share2__list li:last-child(1) {margin: 5px 0 0 0px !important;}
.ya-share2__badge {border-radius: 4px !important;}
.ya-share2__container_size_m .ya-share2__icon {width: 42px !important; height: 42px !important; background-size: 42px 42px !important;}

/* main end */


/* menu start */

.paginator
{
border: 0px dotted red;
line-height: 2em;
margin: 0.5em 0;
padding: 0 0.1em;
text-align: center;
}
.paginator a
{
border: 1px solid #002775;
border-radius: 8px;
background: #003399;
background-image: -webkit-linear-gradient(top, #7A00CC, #590094);
background-image: linear-gradient(to bottom, #7A00CC, #590094);
color: #FFFFFF;
text-shadow: 1px 1px 1px #000024;
font-weight: bold;
padding: 0.5em 0.75em;
box-shadow: none;
}
.paginator a:hover, .paginator a.current, .paginator span.current
{
border: 1px solid #750000;
border-radius: 8px;
text-decoration: none;
background: #990000;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC3333), color-stop(1, #660000));
background-image: -ms-linear-gradient(top left, #CC3333, #660000);
background-image: -o-linear-gradient(top left, #CC3333, #660000);
background-image: -moz-linear-gradient(top left, #CC3333, #660000);
background-image: -webkit-linear-gradient(top left, #CC3333, #660000);
background-image: linear-gradient(to bottom right, #CC3333, #660000);
text-shadow: 1px 1px 3px #000000;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
padding: 0.5em 0.75em;
box-shadow: none;
}

#topbar
{
width: 100%;
height: 35px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0px dotted red;
border-bottom: 1px solid #DDDDDD;
text-align: right;
position: fixed;
top: 0;
background: #FFFFFF;
}
#topbar #tel
{
border: 0px dotted orange;
width: 90%;
float: left;
font-weight: bold;
text-align: left;
font-style: italic;
font-size: 18px;
margin: 4px 0px 4px 0px;
padding: 0px;
}
#topbar #admin_menu
{
border: 0px dotted green;
width: 89%;
float: left;
text-align: left;
margin: 0px 0px 4px 0px;
}
#topbar #admin_menu ul {border: 0px grey; width: 100%; float: left; margin: 4px 5px 4px 5px; padding: 0px;}
#admin_menu ul li a {font-family: arial, helvetica, sans-serif; }

#topbar form
{
border: 0px dotted green;
margin: 0;
padding: 0;
font-size: 1em;
background: none;
}
#reg
{
width: 200px;
float: left;
text-align: left;
padding: 0;
margin: 0 0 0 20px;
border: 0px dotted yellow;
}
#reg a {text-decoration: underline; color: #FFFFFF;}
#reg a:hover {text-decoration: none;}
#topbar input {
font-size: 1.1em;
font-weight: bold;
padding: 3px;
margin: 0 5px 0 5px;
background: #555555;
color: #FFFFFF;
border: 1px;
border-radius: 6px;
}
#topbar button {
font-size: 1em;
font-weight: bold;
padding: 6px 10px 5px 10px;
margin: 0px 10px 0px 5px;
border-radius: 4px;
border: 0px solid #000000;
background: none;
}

#inout
{
width: 10%;
margin: 0px 0px 4px 0px;
float: right;
border: 0px dotted green;
}
#inout ul {width: auto; float: left; margin: 4px 5px 4px 5px; padding: 0px 0px 0px 0px;}
#inout ul li, #admin_menu ul li {
display: inline;
margin: 4px 0px 4px 0px;
border-radius: 6px;
-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;
box-shadow: 1px 7px 5px 0px #000000;
}
#inout ul li a, #admin_menu ul li a {
color: #FFFFFF;
padding: 3px 9px 3px 9px;
margin: 0;
border: 0px solid #006600;
border-radius: 4px;
background: #990000;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC3333), color-stop(1, #660000));
background-image: -ms-linear-gradient(top left, #CC3333, #660000);
background-image: -o-linear-gradient(top left, #CC3333, #660000);
background-image: -moz-linear-gradient(top left, #CC3333, #660000);
background-image: -webkit-linear-gradient(top left, #CC3333, #660000);
background-image: linear-gradient(to bottom right, #CC3333, #660000);
text-shadow: 1px 1px 3px #000000;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.1em;
padding-top: 13px;
}
#inout ul li a:hover, #admin_menu ul li a:hover, #admin_menu ul li.current a {
color: #FFFFFF;
text-decoration: none;
border: 0px solid #99CC33;
background: #000066;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #003399), color-stop(1, #000066));
background-image: -ms-linear-gradient(top left, #003399, #000066);
background-image: -o-linear-gradient(top left, #003399, #000066);
background-image: -moz-linear-gradient(top left, #003399, #000066);
background-image: -webkit-linear-gradient(top left, #003399, #000066);
background-image: linear-gradient(to bottom right, #003399, #000066);
position: relative;
top: 2px;
box-shadow: 1px 1px 2px 0px #FFFFFF;
}
#inout ul.right {width: 105px; float: right;}

/* горизонтальное меню */
#menug
{
clear: both;
width: 100%;
border-top: 0px solid #005700;
background: #FFFFFF;
text-align: center;
padding: 0 0;
margin: auto 0; margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
visibility: visible; height: auto;
}
#menug.hidden {visibility: hidden; height: 1px;}

#menug .box {width: 96%;}

#main_menu
{
border: 0px dotted red; border-top: 1px solid #FFFFFF;
width: 100%;
height: 100%;
padding-left: 0; padding: 0.25em 0 0.25em 0;
margin: 0 0 7px 0; margin: 0 0 0px 0;
overflow: hidden;
text-align: center;
}
#main_menu li
{
font-family: Tahoma,Arial,sans-serif;
display: block;
width: 98%;
margin: 5px auto 5px auto;
padding: 0;
box-shadow: none;
}
#main_menu li.first {margin: 0 0px 0px 0; background: none;}
#main_menu li a
{
border-radius: 6px;
width: 100%;
display: block;
margin: 0;
padding: 0.75em 0.6em 0.6em 0.6em; padding: 0.5em 0.5em 0.4em 0.5em;
font-size: 1.2em;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 2px 2px 2px #333333; text-shadow: 1px 1px 1px #333333;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
border: 0px solid #002775;
/*
background: #003399;*/
background-image: -webkit-linear-gradient(top left, #7E29FF, #4B2697);
background-image: linear-gradient(to bottom right, #7E29FF, #4B2697);
}
#main_menu li a:hover, #main_menu li.current a
{
color: #FFCC00;
text-shadow: 1px 1px 1px #333333;
border: 0px solid #750000;
}

.v {list-style-type: none; margin: 1em 0px 1.5em 0px; padding: 0;}
.v li {
font-family: Tahoma,Arial,sans-serif;
list-style: none;
width: 100%;
padding: 0;
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);
margin-bottom: 4px;
text-align: left;
border: 0;
border-radius: 8px;
}
ul.v li.current, .v li.current {color: #000000;}
ul.v li.sub, .v li.sub {font-style: italic; font-size: 0.9em;}
ul.v li.sub a, nav.v li.sub a {padding-left: 1.5em;}
ul.v li a/*, ul.v li.current a, .v li a, .v li.current a*/ {
display: block;
color: #FFCC00; color: #000000;  color: #FFFFFF;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.15em;
text-transform: uppercase;
text-shadow: 1px 1px 1px #333333;
padding: 0.5em 0.5em 0.4em 0.5em;
border: 0;
border-radius: 6px;
border: 1px solid #002775;
background: #003399;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0066CC), color-stop(1, #003366));
background-image: -o-linear-gradient(top, #0066CC, #003366);
background-image: -moz-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: linear-gradient(to bottom, #0066CC, #003366);
}
ul.v li a:hover, ul.v li.current, .v li a:hover, .v li.current {
border: 1px solid #750000;
text-decoration: none;
background: #990000;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC3333), color-stop(1, #660000));
background-image: -ms-linear-gradient(top left, #CC3333, #660000);
background-image: -o-linear-gradient(top left, #CC3333, #660000);
background-image: -moz-linear-gradient(top left, #CC3333, #660000);
background-image: -webkit-linear-gradient(top left, #CC3333, #660000);
background-image: linear-gradient(to bottom right, #CC3333, #660000);
text-shadow: 1px 1px 3px #000000;
}
ul.v li.current a, .v li.current a {
/*color: #000000; color: #FFCC00;*/ color: #FFFFFF;
text-decoration: none;
border: 0px solid #750000;
text-decoration: none;
background: #990000;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC3333), color-stop(1, #660000));
background-image: -ms-linear-gradient(top left, #CC3333, #660000);
background-image: -o-linear-gradient(top left, #CC3333, #660000);
background-image: -moz-linear-gradient(top left, #CC3333, #660000);
background-image: -webkit-linear-gradient(top left, #CC3333, #660000);
background-image: linear-gradient(to bottom right, #CC3333, #660000);
text-shadow: 1px 1px 3px #000000;
}

.menu_home {float: right; width: 235px; margin-left: 0;}
.menu_home ul.menuv li, .menu_home nav.menuv li {margin-bottom: 10px;}

/* Ссылка входа в админку */
#adminka
{
position: absolute;
top: 0;
width: 960px;
height: 1px;
text-align: right;
}
#adminka_link
{
position: relative;
top: 10px;
right: 10px;
width: 200px;
float: right;
border: 0px dotted red;
}
/* menu end */

/* forms start */

form
{
background: #F5F5F5;
border-radius: 10px;
padding: 0.2em 0 0.2em 0;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
border: 1px solid #DDDDDD;
}
form.shadow
{
/*box-shadow: 0px 0px 4px 1px #AAAAAA;*/
border: 1px solid #FFFFFF;
-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;
background: #F5F5F5;
}

form.grey td {background: #EEEEEE;}
input, textarea, textarea.mceEditor, select
{
padding: 2px;
font-size: 1em;
font-family: Arial,Helvetica,sans-serif;
background: #FFFFFF;
}
form.grey table td input, form.grey table td select {background: #EEEEEE !important;}
textarea, textarea.mceEditor {font-size: 1em; font-family: verdana, arial, helvetica, sans-serif;}

.bigger {font-size: 1.1em;}
.smaller {font-size: 0.9em;}

a input.link {font-weight: bold;}

.nodecoration:hover {text-decoration: none;}

label {font-size: 0.9em;font-size: 1em; font-style: italic; color: #555555;}
label span {font-weight: bold !important; color: red !important; font-size: 1.3em;}
fieldset {border: 1px solid #BBBBBB;}

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

#login
{
margin: 2em auto;
width: 300px;
box-shadow: 2px 2px 8px 1px #444444;
background: #003399;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0066CC), color-stop(1, #003366));
background-image: -o-linear-gradient(top, #0066CC, #003366);
background-image: -moz-linear-gradient(top, #0066CC, #003366);
background-image: -webkit-linear-gradient(top, #0066CC, #003366);
background-image: linear-gradient(to bottom, #0066CC, #003366);
font-size: 1.2em;
font-weight: bold;
}
#login table {width: 280px;}
#login table th {font-size: 1.5em;}
#login table td, #login table th {background: none; color: #FFFFFF; text-shadow: 1px 1px 3px #000000;}
#login table td.f {width: 75%;}
#login table tr:hover, #login table tr.hover td {background: none;}
#login input[type=submit] {box-shadow: 2px 2px 8px 1px #1F0000;}
#login input[type=submit]:hover, a input[type=button].link:hover {}
#login input[type=text], #login input[type=password] {
width: 100%;
border: 1px solid #240000;
border-radius: 4px;
padding: 0.3em;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6FA));
background-image: -o-linear-gradient(top, #FFFFFF, #E6E6FA);
background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6FA);
background-image: -webkit-linear-gradient(top, #FFFFFF, #E6E6FA);
background-image: linear-gradient(to bottom, #FFFFFF, #E6E6FA);
box-shadow: inset 1px 1px 0px 0px #1F0000;
}

input[type=submit], a input[type=button].link, 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 0.2em 0.8em;
margin: 10px 0;
font-size: 1.1em;
font-weight: bold;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
}
input[type=submit]:hover, a input[type=button].link:hover, button.link:hover {border: 1px solid #000000; box-shadow: none;}



form#mess #site {display: none;}


#zakaz
{
border: 0px solid #000000;
/*width: 100%;*/ max-width: 92%;
margin: 0 auto;
text-align: center;
display: flex;
justify-content: center;
}
#order
{
border: 0px solid #9400D3;
position: absolute;
top: 20px;
border-radius: 10px;
width: auto;
margin: 0 auto;
background: #EEEEEE url(../img/fon/bgnoise_lg.jpg);
z-index: 5;
/*margin: 0;*/
padding: 0;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
#order input[type="text"], #order textarea
{
/*width: 268px;*/width: 96%;
margin: 0 0 0.5em 0;
background: #FFFFFF;
font-size: 1.1em;
text-align: left;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
color: #000000;
font-weight: bold;
padding: 5px 5px;
}
#order p {border: 0px dotted red; padding: 0.3em 0 0.15em 3px; margin: 0; text-align: center; font-size: 1.1em;}
#order p.center {text-align: center;}
#order p.soglasie {font-family: Tahoma, Arial, sans-serif; font-size: 90%; font-style: italic; text-align: left;}
#order select {width: 100%; width: 97%;}
#order 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);
box-shadow: 1px 1px 3px 1px #333333;
text-shadow: 1px 1px 3px #FFCC00;
border: 1px solid #FF9900;
border-radius: 4px;
padding: 0.45em 0.8em 0.35em 0.8em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
}
#order input[type="submit"]:hover {border: 1px solid #000000; box-shadow: none;}
#order #bar
{
margin: 0 auto;
border-bottom: 1px solid #000000;
border-top-left-radius: 8px; border-top-right-radius: 8px;
width: 100%;
margin: 0 0 1em 0;
background-image: -webkit-linear-gradient(top, #A300F5, #701AC1);
background-image: linear-gradient(to bottom, #A300F5, #701AC1);
}
#order #bar #title
{
border: 0px dotted red;
border-top-left-radius: 8px; border-top-right-radius: 8px;
float: left;
margin: 0 0px 0 0;
padding: 0.5em 0.6em 0.25em 0.6em;
color: #FFFFFF;
font-size: 1.3em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
text-shadow: 1px 1px 2px #444444;
text-transform: uppercase;
text-align: left;
}
#order #bar .button_close
{
border: 0px dotted red;
float: right;
width: 40px;
height: 40px;
margin: 0 0px 0 0;
padding: 0;
background: url(../img/icons/close.png) 8px 12px no-repeat;
cursor: pointer;
}
#order #bar .button_close:hover {cursor: pointer;}
#order #url {display: none;}

#ontopbg
{
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/fon/overlay_2.png);
z-index: 4;
}

/* form end */

/* adaptive */

@media only screen and (max-width: 239px)
{
  .fm {margin: 5px;}
  img {max-width: 100%; height: auto;}
  #left_header_block {width: 100%; height: auto; margin: 0px 0 0 0px; text-align: center;}
  #logo {width: 100%; margin: 0px 0px 0 0px; text-align: center;}
  #logo a img {width: 94%; margin: 0px auto;}
  #center_header_block {width: 100%; height: auto; margin: 0em 0 0 0; text-align: center; display: none;}
  #phone
  {
  width: auto;
  margin: 0px 10px 0px 10px;
  font-size: 1.5em;
  }
  #right_header_block {width: 100%; margin: 5px 0 0 0px; text-align: center;}
  #right_header_block .fm {margin: 0 0px;}
  #menug {
  visibility: hidden;
  border: 0px solid #3E3771;
  height: auto; height: 0px;
  }
  #menug.visible {visibility: visible; height: auto;}
  #menug.hidden {visibility: hidden; height: 0px;}
  h1, .h1 {font-size: 1.5em;}
  h2, .h2 {font-size: 1.35em;}
  h3, .h3 {font-size: 1.2em;}
  #content {overflow: hidden;}
  #content .product .fm {margin: 10px 10px 10px 10px;}
  #content img.icon {min-width: auto;}
  #sidebar_left, #sidebar_right {width: 100%;}
  #footer .flex {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
  #footer_left {border: 0px dotted red; width: 100%; margin: 0;}
  #footer_center {border: 0px dotted red; width: 100%; margin: 0.5em 0 0 0;}
  #footer_right {border: 0px dotted red; width: 100%; margin: 0.25em 0 0 0;}
  .vrezka {width: 100%;}
  #zakaz {width: 90%; max-width: 90%; margin: 0 auto;}
  #order {width: 100%; max-width: 100%; margin: 0;}
}

@media only screen and (min-width: 240px)
{
  .fm {margin: 5px;}
  img {max-width: 100%; height: auto;}
  #left_header_block {width: 100%; height: auto; margin: 0px 0 0 0px; text-align: center;}
  #logo {width: 100%; margin: 0px 0px 0 0px; text-align: center;}
  #logo a img {width: 94%; margin: 0px auto;}
  #center_header_block {width: 100%; height: auto; margin: 0em 0 0 0; text-align: center; display: none;}
  #phone
  {
  width: auto;
  margin: 0px 10px 0px 10px;
  font-size: 1.5em;
  }
  #right_header_block {width: 100%; margin: 3px 0 0 0px; text-align: center;}
  #right_header_block .fm {margin: 0 0px;}
  #menug {
  visibility: hidden;
  border: 0px solid #3E3771;
  height: auto; height: 0px;  background: none;
  }
  #menug.visible {border: 0; visibility: visible; height: auto; background: none;}
  #menug.hidden {visibility: hidden; height: 0px;}
  #main_menu {border: 0;}
  h1, .h1 {font-size: 1.5em;}
  h2, .h2 {font-size: 1.35em;}
  h3, .h3 {font-size: 1.2em;}
  #content {overflow: hidden;}
  #content .product .fm {margin: 10px 10px 10px 10px;}
  #content img.icon {min-width: auto;}
  #sidebar_left, #sidebar_right {width: 100%;}
  #footer .flex {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
  #footer_left {border: 0px dotted red; width: 100%; margin: 0;}
  #footer_center {border: 0px dotted red; width: 100%; margin: 0.5em 0 0 0;}
  #footer_right {border: 0px dotted red; width: 100%; margin: 0.25em 0 0 0;}
  .vrezka {width: 100%;}
  #zakaz {border: 0px dotted red; width: 90%; max-width: 90%; margin: 15px auto;}
  #order {width: 100%; max-width: 100%; margin: 0;}
}


@media only screen and (min-width: 280px)
{
  #top {display: flex; flex-direction: row; flex-wrap: nowrap;}
  #left_header_block {width: auto; height: auto; margin: 0px 0 0 0px; text-align: center;}
  #right_header_block {width: 72px;}

}

@media only screen and (min-width: 320px)
{
  #left_header_block {width: auto; max-width: 270px; height: auto; margin: 0px 0 0 0px; text-align: center;}
  #logo a img {/*width: 100%;*/}
  #center_header_block {width: 100%; height: auto; margin: 0em 0 0 0; text-align: center; display: none;}
  #right_header_block {width: 55px;}
  #right_header_block .fm {margin: 2px 7px 3px 0;}
  #toogle_menu_button {width: 48px; height: 48px;}
  #phone
  {
  width: auto;
  margin: 0px 10px 0px 10px;
  font-size: 1.5em;
  }
  #header_social_buttons
  {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 0;
  }
  #menug {
  visibility: hidden;
  border: 0px solid #3E3771;
  height: 0px;
  }
  #menug.visible {visibility: visible; height: auto;}
  #menug.hidden {visibility: hidden; height: 0px;}
  #content {overflow: hidden;}
  #content .product .fm {margin: 10px 10px 10px 10px;}
  #order {width: 95%; max-width: 95%; margin: 10px auto;}
}

@media only screen and (min-width: 360px)
{
  #left_header_block {width: 100%; max-width: 310px;}
  #logo {/*width: auto; margin: 0px auto 0 auto; margin: 0px 7px 0 7px; padding: 0; text-align: center;*/}
  #logo a img {/*width: 100%; width: auto; max-width: auto;*/}
  #sitename
  {
  padding: 0;
  font-size: 1.7em;
  }
/*  #right_header_block div.fm
  {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: stretch;
  justify-content: space-between; justify-content: center;
  }
  #right_header_block div div {
  border: 0px solid #FFFFFF;
  margin: 0;
  width: auto;
  align-self: stretch;
  }
  #right_header_block div div a, #toogle_menu_button div
  {
  height: 49px;
  margin: 0;
  padding: 0.75em 0.65em 0.6em 0.65em;
  height: 100%;
  display: block;
  align-items: stretch;
  }*/
  #header_social_buttons
  {
  border: 0px dotted red !important;
  width: 180px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 2px 0 0 0;
  }
  #right_header_block #header_social_buttons a
  {
  border: 1px solid #006699;
  background: none;
  padding: 0em 0em 0em 0em;
  margin: 0 3px;
  height: 100%;
  display: block;
  align-items: stretch;
  }
  #right_header_block #header_social_buttons a img
  {
  margin: 0 0px;
  height: 100%;
  display: block;
  align-items: stretch;
  }

  #toogle_menu_button {border-radius: 9px;}
  #toogle_menu_button div {border: 1px solid #002775; padding: 0em 0em 0em 0em; margin: 0;}
  .products .product, #hits .product
  {
  border: 1px solid #CCCCCC;
  width: 48%;
  float: left;
  margin: 0 2% 10px 0;
  text-align: center;
  height: 360px;
  font-size: 1em;
  }
  .tumb, .tumbhit {width: 48.4%; float: left; font-size: 0.9em;}
  .tumb:nth-child(2n), .tumbhit:nth-child(2n) { margin-right: 0;}
  .product_content {width: auto; padding: 5px 0px 0px 0px;}
}


@media only screen and (min-width: 375px)
{
  #left_header_block {width: 100%; max-width: 325px;}
}


@media only screen and (min-width: 400px)
{
  h1 {font-size: 1.7em;}
  /*#right_header_block div {margin: 0px 10px 0px 10px;}*/
  #left_header_block {width: 100%; max-width: 340px;}
  .products .product, #hits .product {height: 345px;}
}

@media only screen and (min-width: 440px)
{
  .fm {margin: 10px;}
  #content .fm {margin: 10px;}
  .products .product, #hits .product
  {
  border: 1px solid #CCCCCC;
  width: 49%;
  float: left;
  margin: 0 2% 10px 0;
  text-align: center;
  height: 370px;
  }
  .products .product:nth-child(2n), #hits .product:nth-child(2n) {margin-right: 0%;}
  .products .product img, #hits .product img {max-height: 250px; max-width: 250px;}
}


@media only screen and (min-width: 480px)
{
  .products .product, #hits .product {height: 385px;}
  .tumb, .tumbhit {width: 47.5%; width: 48.8%; font-size: 0.9em;}
  #footer_left {width: 39%;}
  #footer_center {width: 60%; margin-top: 0;}
  #order {width: 95%; max-width: 460px; margin: 15px auto;}
}


@media only screen and (min-width: 510px)
{
/*  #center_header_block {padding-top: 0;}
  #phone
  {
  border: 0px dotted black;
  font-size: 1.45em;
  text-align: right;
  width: auto;
  margin: 0 5px 0 5px;
  padding-top: 0;
  }
  #center_header_block .work_time
  {
  font-size: 1.15em;
  text-align: right;
  margin: 0 5px 0 5px;
  padding-top: 0;
  }
  #center_header_block span {font-size: 1.1em;}
  #right_header_block {text-align: right;}
  #right_header_block div {text-align: center; margin: 0 5px 0px 5px;}*/
  #header
  {
/*  background: url(../img/fon/bg_header_violet_6.jpg) top left;
  background-image: -webkit-linear-gradient(top left, #8B00D1, #580085);
  background-image: linear-gradient(to bottom right, #8B00D1, #580085);*/
/*
  background: url(../img/fon/bg_header_violet_6.jpg) top left;
  background-image: -webkit-linear-gradient(top, #8b00d1, #580085);
  background-image: linear-gradient(to bottom, #8b00d1, #580085);
*/
  background-image: -webkit-linear-gradient(top, #580085, #2B0057);
  background-image: linear-gradient(to bottom, #580085, #2B0057);
  }
  #sitename {width: 167px; float: left; margin: 4px 0 0 10px;}
  h1 {font-size: 1.8em;}
  #left_header_block {border: 0px dotted red; /*width: 340px; width: 315px; float: left;*/ width: 320px; max-width: auto; margin: 0 0px 0 0px;}
  #logo {width: auto; max-width: auto; margin: 0 0 0 10px;}
  #logo a img {width: auto; max-width: auto; margin: 0 0 0 0px;}
  #center_header_block
  {
  border: 0px dotted green;
  display: flex;
  flex-direction: column;
  width: auto; /*width: 255px; width: auto; margin: 0 8px 0 auto; margin: 0 0 0 auto;*/
  order: 3;
  }
  #center_header_block div:nth-child(1) {/*font-size: 1.6em;*/ margin-bottom: 5px;}
  #center_header_block #phones {align-items: flex-end;}
  #center_header_block #contact_buttons div {border: 0px dotted red; width: auto; margin: 0 10px 3px 10px;}
  #center_header_block #contact_buttons div form {margin: 0 0px 0 10px;}
  #center_header_block #contact_buttons div form:nth-child(1) {margin: 0 0px 0 0px;}
  #right_header_block #toogle_menu_button, #right_header_block #toogle_menu_button div {border: 0; visibility: hidden; height: 0px; margin: 0; padding: 0;}
  #right_header_block {border: 0px dotted red; float: right; width: 230px; width: 165px; margin: 0px 0px 0 0px; display: none; visibility: hidden; order: 2;}
  #right_header_block div.fm {flex-direction: column; margin: 0px 10px 0 0px;}
  #right_header_block .fm div {border: 0; margin: 0 0 5px 0; width: auto;}
  #right_header_block div div:nth-child(1) {border: 0; margin: 0 0 0px 0; background: #FFCC00 !important;}
  #right_header_block #toogle_menu_button, #right_header_block #toogle_menu_button div {border: 0; visibility: hidden; height: 0px; margin: 0; padding: 0;}
  #right_header_block #header_contact_button {border: 0; margin: 0 5px 5px 5px;}
  #menug {
  visibility: visible;
  border: 0px solid #3E3771;
  border-top: 0px solid #DDDDDD;
  border-bottom: 0px solid #000066;
  height: auto;
  /*background: url(../img/fon/body-bg.png);*/
  padding: 3px 0 5px 0;
  }
  #menug.visible, #menug.hidden {visibility: visible; height: auto;}
  #main_menu {display: inline-block; width: auto;}
  #main_menu li {display: inline-block; width: auto;}
  #main_menu li a
  {
  padding: 0.75em 0.6em 0.6em 0.6em; padding: 0.5em 0.3em 0.4em 0.3em; font-size: 1.1em;
  background-image: -webkit-linear-gradient(top, #9900cc, #580085);
  background-image: linear-gradient(to bottom, #9900cc, #580085); background: none;
  }
  #main_menu li a:hover, #main_menu li a:active {color: #FFCC00;}
  .products .product, #hits .product {height: 400px;}
  #contact_buttons_footer {display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 0px 0.5em 0px;}
  #contact_buttons_footer form {width: 48px; height: 48px; margin: 0 10px 10px 0px;}
  #footer_left {width: 37%;}
  #footer_center {width: 62%; margin-top: 0;}
}

@media only screen and (min-width: 550px)
{
  #left_header_block {border: 0px dotted red; /*width: 340px; width: 315px; float: left;*/ width: auto; margin: 0 0px 0 0px;}
  #center_header_block
  {
  border: 0px dotted green;
  display: flex;
  flex-direction: column;
  width: auto; /*width: 255px; width: auto; margin: 0 8px 0 auto; margin: 0 0 0 auto;*/
  order: 3;
  }
  #center_header_block div:nth-child(1) {/*font-size: 1.6em;*/ margin-bottom: 5px;}
  #center_header_block #contact_buttons div {border: 0px dotted red; width: auto; margin: 0 10px 3px 10px;}
  #center_header_block #contact_buttons div form {margin: 0 0px 0 10px;}
  #center_header_block #contact_buttons div form:nth-child(1) {margin: 0 0px 0 0px;}
  #right_header_block #toogle_menu_button, #right_header_block #toogle_menu_button div {border: 0; visibility: hidden; height: 0px; margin: 0; padding: 0;}
  #right_header_block {border: 0px dotted red; float: right; width: 230px; width: 165px; margin: 0px 0px 0 0px; display: none; visibility: hidden; order: 2;}
  #right_header_block div.fm {flex-direction: column; margin: 0px 10px 0 0px;}
  #right_header_block .fm div {border: 0; margin: 0 0 5px 0; width: auto;}
  #right_header_block div div:nth-child(1) {border: 0; margin: 0 0 0px 0; background: #FFCC00 !important;}
  #right_header_block #toogle_menu_button, #right_header_block #toogle_menu_button div {border: 0; visibility: hidden; height: 0px; margin: 0; padding: 0;}
  #right_header_block #header_contact_button {border: 0; margin: 0 5px 5px 5px;}
  #menug {
  visibility: visible;
  border: 0px solid #3E3771;
  border-top: 0px solid #DDDDDD;
  border-bottom: 0px solid #000066;
  height: auto;
  /*background: url(../img/fon/body-bg.png);*/
  padding: 3px 0 5px 0;
  }
  #menug.visible, #menug.hidden {visibility: visible; height: auto;}
  #main_menu li {display: inline-block; width: auto;  }
  #main_menu li a {padding: 0.75em 0.6em 0.6em 0.6em; padding: 0.5em 0.3em 0.4em 0.3em; font-size: 1.1em;}
  .products .product, #hits .product {height: 400px;}
  #footer_left {width: 36%;}
  #footer_center {width: 63%; margin-top: 0;}
}

@media only screen and (min-width: 595px)
{
  #center_header_block div:nth-child(1) {/*font-size: 1.6em;*/ margin-bottom: 5px;}
  #center_header_block #contact_buttons div {border: 0px dotted red; width: auto; margin: 0 10px 5px 10px;}
  #center_header_block #contact_buttons div form {margin: 0 0px 0 10px;}
  #center_header_block #contact_buttons div form:nth-child(1) {margin: 0 0px 0 0px;}
  #sitename {width: 167px; float: left; margin: 4px 0 0 10px;}
  #phone
  {
  font-size: 1.6em;
  text-align: right;
  }
  #right_header_block {border: 0px dotted red; float: right; width: 230px; width: 165px; margin: 0px 0px 0 0px; display: none; visibility: hidden; order: 2;}
  #right_header_block div.fm {flex-direction: column; margin: 0px 10px 0 0px;}
  #right_header_block .fm div {border: 0; margin: 0 0 5px 0; width: auto;}
  #right_header_block div div:nth-child(1) {border: 0; margin: 0 0 0px 0; background: #FFCC00 !important;}
  #right_header_block #toogle_menu_button, #right_header_block #toogle_menu_button div {border: 0; visibility: hidden; height: 0px; margin: 0; padding: 0;}
  #right_header_block #header_contact_button {border: 0; margin: 0 5px 5px 5px;}
  #header_social_buttons
  {
  border: 0px dotted red !important;
  width: 180px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  text-align: right;
  padding: 2px 0 0 0;
  }
  #header_social_buttons a {border: 0px dotted red !important;}
  #menug {
  visibility: visible;
  border: 0px solid #3E3771;
  border-top: 0px solid #DDDDDD;
  border-bottom: 0px solid #000066;
  height: auto;
  /*background: url(../img/fon/body-bg.png);*/
  }
  #menug.visible, #menug.hidden {visibility: visible; height: auto;}
  #main_menu li {display: inline-block; width: auto;  }
  #main_menu li a {padding: 0.75em 0.6em 0.6em 0.6em; padding: 0.5em 0.3em 0.4em 0.3em; font-size: 1.1em;}
  .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;}
  #calculator {float: left; clear: none; margin-bottom: 1em;}
  #product_content {margin-left: 320px;}
  #sidebar_left {width: 50%; float: left;}
  #sidebar_right {width: 50%; float: right;}
  #offers_home {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  #offers_home .offer
  {
  width: 49%;
  }
  #footer_left {width: 41%;}
  #footer_center {width: 58%;}
}

@media only screen and (min-width: 640px)
{
  #right_header_block {border: 0px dotted red; /*width: 240px;*/}
  .tumb, .tumbhit {width: 32.1%; font-size: 0.9em;}
  #order {width: 90%; max-width: 550px;}
}

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

@media only screen and (min-width: 720px)
{
  #left_header_block {margin-right: auto;}
  #center_header_block {/*clear: both; clear: left; width: 340px;*/ /*margin: 0 auto;*/}
  #right_header_block {clear: none; float: right; margin: 2px 5px 0 5px;}
  #right_header_block div {margin: 0 10px 0px 10px;}
  #sitename {font-size: 1.8em;}
  #phone {font-size: 1.3em; margin: 0 0px;}
  #footer_left {width: 33%;}
  #footer_center {width: 66%;}
}

@media only screen and (min-width: 768px)
{
  #center_header_block {/*width: auto; text-align: center;*/}
  #center_header_block div { /*width: 260px; width: auto; margin: 0px 0.25em 0 0; justify-content: right;justify-content: flex-end;*/}
  #right_header_block {width: 170px; text-align: right; margin: 0px 0px 0 auto;}
  #right_header_block div.fm {margin: 0 10px 0 5px;}
  #header #phone {text-align: center;}
  #sidebar_left {width: 33%; float: left;}
  #sidebar_right {width: 33%; float: right;}
  #content {width: 67%; float: right; float: left;}
  #content.wide {width: 100%; float: none;}
}

@media only screen and (min-width: 800px)
{
  #footer_left {width: 23%;}
  #footer_center {width: 36%;}
  #footer_right {width: 39%;}

}

@media only screen and (min-width: 860px)
{
  #center_header_block
  {
  /*width: auto;
  text-align: center;*/
  /*margin: 0 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;*/
  }
  #center_header_block {/*width: 300px;width: 250px; margin: 0 auto;*/}
  #center_header_block div {width: auto; /*text-align: center; width: 260px; margin: 0px 1.5em 0 auto;*/}
  #phone {font-size: 1.4em; line-height: 120%;}
  #phone span {display: inline-block; line-height: 100%; padding: 0;}
}

@media only screen and (min-width: 900px)
{
  #offers_home .offer
  {
  width: 32%;
  }
  #footer_left {width: 21%;}
  #footer_center {width: 35%;}
  #footer_right {width: 43%;}
}

@media only screen and (min-width: 970px)
{
  #left_header_block {}
  #center_header_block {/*width: 360px;*/}
  #right_header_block { float: right; width: 170px;}
  #phone {float: right; width: auto; padding: 0; margin-right: 12px; text-align: right; font-size: 1.6em;}
}

@media only screen and (min-width: 1000px)
{
  .tumb, .tumbhit {width: 32.4%; font-size: 1em;}
  .products .product, #hits .product {width: 32%; float: left; margin-right: 2%; height: 400px;}
  .products .product:nth-child(2n), #hits .product:nth-child(2n) {margin-right: 2%;}
  .products .product:nth-child(3n), #hits .product:nth-child(3n) {margin-right: 0%;}
  .products .product:nth-child(3n+2), #hits .product:nth-child(3n+2) {float: left; margin-right: 2%;}
  #main_menu {padding: 0em 0em;}
  #main_menu li {margin: 0 auto;}
  #main_menu li a {/*padding: 0.75em 0.75em 0.6em 0.75em; font-size: 1.2em;*/}
  #sidebar_left {width: 32%; float: left;}
  #sidebar_right {width: 32%; float: right;}
  #content {width: 68%; /*float: left;*/}
  #footer_left {width: 24%;}
  #footer_center {width: 32%;}
  #footer_right {width: 41%;}
}

@media only screen and (min-width: 1100px)
{
  .products .product, #hits .product {height: 400px;}
  #phone {font-size: 1.7em; }
  #main_menu li a {padding: 0.5em 0.5em 0.4em 0.5em; /*font-size: 1.2em;*/}
  #sidebar_left {width: 29%; float: left;}
  #sidebar_right {width: 29%; float: right;}
  #content {width: 71%;}
  #footer_left {width: 24%;}
  #footer_center {width: 32%;}
  #footer_right {width: 41%;}
  .vrezka {width: 49%; float: right; margin: 0.5em 0 0 1%;}
}

@media only screen and (min-width: 1200px)
{
  /*#box {width: 1170px;}*/
  #main_menu li a {padding: 0.5em 0.75em 0.4em 0.75em; /*font-size: 1.2em;*/}
  .products .product, #hits .product {height: 365px;}
  .products .product, #hits .product {width: 24.25%; float: left; margin-right: 1%;}
  .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%;}
  #gallery_images .thumb
  {
  border: 0px dotted red;
  width: 31.3%;
  height: auto;
  float: left;
  margin: 0 1% 10px 1%;
  }
  #gallery_images .thumb a img {border: 0px dotted red; max-width: 400px;
  }
  #sidebar_left {width: 27%; float: left;}
  #sidebar_right {width: 27%; float: right;}
  #content {width: 73%; /*float: left;*/}
}

@media only screen and (min-width: 1280px)
{
  .box {border: 0px dotted red; width: 1250px;}
  .products .product, #hits .product {height: 400px;}
  .product_content {width: auto; margin: 0px 10px 5px 10px;}
  #sidebar_left {width: 26%; float: left;}
  #sidebar_right {width: 26%; float: right;}
  #content {width: 74%; /*float: left;*/}
  #footer .flex {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
  #footer_left {border: 0px dotted red; width: 20%;}
  #footer_center {border: 0px dotted red; width: 29%;}
  #footer_right {border: 0px dotted red; width: 49%;}
}

@media only screen and (min-width: 1366px)
{
  .box {border: 0px dotted red; width: 1336px;}
  #sidebar_left {width: 24%; float: left;}
  #sidebar_right {width: 24%; float: right;}
  #content {width: 76%; /*float: left;*/}
  #footer_left {border: 0px dotted red; width: 20%;}
  #footer_center {border: 0px dotted red; width: 37%;}
  #footer_right {border: 0px dotted red; width: 41%;}
}

/* adaptive end */