/* cyrillic-ext */
@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(../../../s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@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(../../../s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@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(../../../s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@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(../../../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%;
margin: 0;
padding: 0;
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);
}
body {
min-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%;
}
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%;}
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;}
.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;}
.justify {text-align: justify;}
.automargin {margin-left: auto; margin-right: auto;}
.flex {display: flex; flex-wrap: wrap; flex-direction: row; align-content: space-between; justify-content: space-around;}
.wide {width: 100%; height: auto;}
.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: 2px solid #003399;}*/
.podrobnee a {border: 0px solid #003399; /*display: block;*/ padding: 0.5em 0.5em;}
hr {margin: 15px 0; padding: 0; height: 0; border: none; border-top: 2px dashed #ddd;}
img, .offer img {height: auto;}
.fm {margin: 10px;}
.fm_5 {margin: 5px;}
.fm_5x10 {margin: 5px 10px;}
.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;}
.noborder {border: 0;}
.hidden {visibility: hidden;}
.visible {visibility: visible;}

#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%;}

#box {border: 0px dotted red; text-align: center; margin: 0 auto;}

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

.box
{
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
{
padding: 10px 0 7px 0;
margin: 0 0 0 0;
overflow: hidden;
color: #000000;
border: 0px solid #002775;
background: #FFFFFF;
}
#left_header_block
{
float: left;
width: auto;
margin: 10px 0 0px 0px;
padding: 0;
}
#center_header_block
{
float: right;
width: auto;
margin: 0px 10px 0px 0px;
padding: 0;
}
#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.65em;
text-shadow: 0px 1px 1px #000000;
}
#center_header_block div:nth-child(1)
{
/*font-size: 1.75em;*/
}
#center_header_block div form
{
margin-left: 10px;
}
#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, #right_header_block .fm div div
{
/*width: 40%; max-width: 170px;*/
/*margin: 0px 5px 0px 5px;*/
height: 48px;
}
#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: 1px 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: 1px 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
{
width: auto;
cursor: pointer;
margin: 0px 0px 0em 0px;
padding: 0;
overflow: hidden;
text-align: center;
}
#logo a
{
display: block;
padding: 0;
margin: 0;
}
#logo a img
{
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
{
width: auto;
float: left;
font-weight: bold;
font-style: italic;
font-size: 1.2em;
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;
}
#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%;}
#header .work_time
{
width: 100%;
margin: 0em 0px 0 0;
padding: 0;
color: #000000;
font-size: 1.8em;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-weight: normal;
text-shadow: 1px 1px 1px #111111;
}
#header .work_time sup {font-size: 0.8em;}

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

#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: linear-gradient(to bottom, #0066CC, #003366);
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1em;
padding: 0.5em 0 1em 0;
text-shadow: 1px 1px 2px #000000;
color: #FFFFFF;
line-height: 150%;
}
#footer a
{
border: 0px solid #FFFFFF; border-radius: 8px;
display: inline-block;
width: auto;
/*padding: 0.25em 0em;*/
margin: 0.2em 0.5em 0.2em 0em;
color: #FFCC66;
text-decoration: none;
/*text-shadow: 1px 1px 1px #000000;*/
font-weight: normal;
/*background: url(../img/fon/overley_white_30.png);
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);*/
}
#footer a:hover {color: #FFFFFF; text-decoration: underline; /*text-shadow: 1px 1px 1px #EEEEEE;*/}
#footer_left {float: left; word-break: normal;}
#footer_left #footer_adres {font-size: 1.25em; line-height: 160%;}
#footer_left #phone_footer {float: left; width: 50%; font-size: 1.6em; line-height: 130%;}
#footer_left #phone_footer a {color: #FFFFFF;}
#footer_left #phone_footer a:hover {color: #FFCC66; text-decoration: none;}
#footer_left #work_time {/*float: left; width: 50%;*/ font-size: 1.25em; line-height: 130%;}
#footer_left #work_time sup {font-size: 0.8em;}
#footer_left #footer_email {font-size: 1.15em; line-height: 130%; /*margin-top: 0.5em;*/}
#footer_right {float: right; word-break: normal; line-height: 160%; font-size: 1.15em;}
#footer_right p {margin: 0.5em 0;}

.col_20 {width: auto;}
.col_25 {width: auto;}
.col_30 {width: auto;}
.col_33 {width: auto;}
.col_40 {width: auto;}
.col_50 {width: auto;}
.col_60 {width: auto;}
.col_66 {width: auto;}
.col_70 {width: auto;}
.col_75 {width: auto;}
.col_80 {width: auto;}

/*.min_300 {min-width: 300px; max-width: 100%;}*/

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

.megafon
{
border: 0px dotted red;
background: #EEEEEE;
min-height: 130px;
padding: 0.3em 0 0.3em 170px;
font-weight: bold;
font-size: 1.1em;
}

.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 {}
#vidget_vk_group {
background: #FFFFFF;
padding: 0px 0 0px 0;
margin: 10px 0 15px 0;
border-radius: 10px;
box-shadow: 0px 4px 10px #9d9d9d;
font-size: 1em;
}

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

#inbox
{
-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;}

#description {margin: 1em 0;}

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

.posts {margin: 0; padding: 0;}
.posts .post .post_title {font-size: 1.5em;}
.posts .post img {border: 0; float: left; margin: 6px 10px 6px 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 {padding: 0.5em 0 0 0;}
.last_posts .post {border: 0px dotted red; margin: 0 0 0.5em 0; padding: 0em 0 0 0;}
.last_posts .post a {font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif; font-size: 1.2em; display: block;}
.last_posts .post a:hover {text-decoration: none;}
.last_posts .post img {border: 0px dotted red; clear: both; margin: 0.5em 0 0em 0;}

.items
{
display: flex;
flex-direction: column;
}
.items .item
{
border: 1px dotted red;
margin: 0 auto 1em auto;
}
.items.dopuslugi .item
{
border: 1px dotted red;
width: 100%;
margin: 0 auto 1em auto;
}
.items.dopuslugi .item a
{
display: block;
padding: 0;
margin: 0;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.2em;
text-transform: uppercase;
}
.items.dopuslugi .item a:hover {text-decoration: none;}
.items.dopuslugi .item img
{
border: 0px dotted red;
width: 100%;
height: auto;
margin: 0 0 0.25em 0;
}
.items.dopuslugi .item span
{
border: 0px dotted red;
display: block;
padding: 0 0 0.5em 0;
}

/* home */
#offers_home {
border: 0px dotted red;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
}
#offers_home .offer {border: 0px dotted red; margin: 0 0px 1em 0;}
#offers_home .offer:hover {cursor: pointer;}
#offers_home .offer a
{
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.3em;
text-transform: uppercase;
display: block;
text-decoration: none;
}
#offers_home .offer a img {border: 1px solid #000000; margin: 0.5em 0 0.35em 0; width: 100%; max-width: 600px; height: auto;}

#why {margin: 0em 0 1.75em 0;}
#why h2, #why .h2 {text-transform: uppercase; text-align: center; margin: 1em 0 0.5em 0;}
.grey
{
border: 1px solid #DDDDDD;
margin: 0;
padding: 0.75em 0;
background: #EEEEEE;
}
#preim
{
border: 1px solid #DDDDDD;
width: 100%;
margin: 0em 0 1em 0;
padding: 0.75em 0;
background: #EEEEEE;
}
#how_we_work
{
border: 1px solid #DDDDDD;
width: 100%;
margin: 0;
padding: 1em 0 0.5em 0;
background: #EEEEEE;
}
#how_we_work .h2 {text-transform: uppercase; text-align: center; margin: 1em 1% 0.5em 1%;}
#how_we_work .item
{
float: left;
width: 96%;
margin: 0.5em 2% 1em 2%;
text-align: center;
}
@media only screen and (min-width: 480px)
{
#how_we_work .h2 {margin: 0em 1% 0.5em 1%; margin: 0.5em 2% 0.5em 2%;}
#how_we_work .item {width: 48%; margin: 0 1% 1em 1%;}
.items.dopuslugi {flex-direction: row; flex-wrap: wrap;}
.items.dopuslugi .item {width: 48%;}
}
@media only screen and (min-width: 800px)
{
#how_we_work .item {width: 23%; margin: 0 1% 1em 1%;}
.items.dopuslugi .item {width: 32%;}
}
@media only screen and (min-width: 1000px)
{
#how_we_work .item {width: 21%; margin: 0 2% 1em 2%;}
.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%;}
}
/* 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;
}

/* Создание сайта */
#offers_sozdanie
{
width: 100%;
margin: 1.25em 0 0 0;
padding: 0px 0 5px 0;
background: #0066CC;
background: url(../img/fon/az_subtle.png);
color: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
}
#offers_sozdanie h2
{
width: 100%;
margin: 0;
padding: 20px 0 20px 0;
color: #000000;
text-shadow: 0 2px 2px #000000;
text-align: center;
text-transform: uppercase;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
#offers_sozdanie .offers_flex
{
display: flex;
flex-wrap: wrap;
padding-left: 0%;
margin: 0 10px 0 15px; margin: 0 10px 0 10px;
}
#offers_sozdanie .offer
{
border: 1px solid #000000;
border-radius: 8px;
margin: 0 1% 15px 1%;
text-align: left;
color: #000000;
background: #FFFFFF;
box-shadow: 1px 3px 3px 1px #262626;
display: flex;
width: 31.33%;
padding: 0px 0;
font-size: 1em;
line-height: 135%;
}
#offers_sozdanie .offer:hover {box-shadow: none;}
#offers_sozdanie .offer h3, #offers_sozdanie .offer .h3
{
border-bottom: 1px solid #8F8F8F;
border-top-left-radius: 6px; border-top-right-radius: 6px;
background: #DDDDDD;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #EEEEEE), color-stop(1, #CCCCCC));
background-image: -o-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: -webkit-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: linear-gradient(to bottom, #EEEEEE, #CCCCCC);
text-transform: uppercase;
text-align: center;
text-shadow: 0 1px 1px #000000;
color: #FFFFFF !important;
font-size: 1.2em;
font-weight: bold;
line-height: 170%;
padding: 0.75em 0.75em 0.6em 0.75em;
margin: 0 0 0.6em 0;
}
#offers_sozdanie .offer:nth-child(1) h3, #offers_sozdanie .offer:nth-child(1) .h3
{
border-bottom: 1px solid #550C17;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #A81A32), color-stop(1, #6C1323));
background-image: -o-linear-gradient(top, #A81A32, #6C1323);
background-image: -moz-linear-gradient(top, #A81A32, #6C1323);
background-image: -webkit-linear-gradient(top, #A81A32, #6C1323);
background-image: linear-gradient(to bottom, #A81A32, #6C1323);
}
#offers_sozdanie .offer:nth-child(2) h3, #offers_sozdanie .offer:nth-child(2) .h3
{
border-bottom: 1px solid #182D3E;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #3F7297), color-stop(1, #1C3445));
background-image: -o-linear-gradient(top, #3F7297, #1C3445);
background-image: -moz-linear-gradient(top, #3F7297, #1C3445);
background-image: -webkit-linear-gradient(top, #3F7297, #1C3445);
background-image: linear-gradient(to bottom, #3F7297, #1C3445);
}
#offers_sozdanie .offer:nth-child(3) h3, #offers_sozdanie .offer:nth-child(3) .h3
{
border-bottom: 1px solid #8F6809;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F5CC5C), color-stop(1, #BA8D12));
background-image: -o-linear-gradient(top, #F5CC5C, #BA8D12);
background-image: -moz-linear-gradient(top, #F5CC5C, #BA8D12);
background-image: -webkit-linear-gradient(top, #F5CC5C, #BA8D12);
background-image: linear-gradient(to bottom, #F5CC5C, #BA8D12);
}
#offers_sozdanie .offer:nth-child(4) h3, #offers_sozdanie .offer:nth-child(4) .h3
{
border-bottom: 1px solid #4A5837;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #97AB73), color-stop(1, #596840));
background-image: -o-linear-gradient(top, #97AB73, #596840);
background-image: -moz-linear-gradient(top, #97AB73, #596840);
background-image: -webkit-linear-gradient(top, #97AB73, #596840);
background-image: linear-gradient(to bottom, #97AB73, #596840);
}
#offers_sozdanie .offer:nth-child(5) h3, #offers_sozdanie .offer:nth-child(5) .h3
{
border-bottom: 1px solid #1A505A;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #3AA3BB), color-stop(1, #1E5C6B));
background-image: -o-linear-gradient(top, #3AA3BB, #1E5C6B);
background-image: -moz-linear-gradient(top, #3AA3BB, #1E5C6B);
background-image: -webkit-linear-gradient(top, #3AA3BB, #1E5C6B);
background-image: linear-gradient(to bottom, #3AA3BB, #1E5C6B);
}
#offers_sozdanie .offer:nth-child(6) h3, #offers_sozdanie .offer:nth-child(6) .h3
{
border-bottom: 1px solid #303356;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #7F85C7), color-stop(1, #3F436E));
background-image: -o-linear-gradient(top, #7F85C7, #3F436E);
background-image: -moz-linear-gradient(top, #7F85C7, #3F436E);
background-image: -webkit-linear-gradient(top, #7F85C7, #3F436E);
background-image: linear-gradient(to bottom, #7F85C7, #3F436E);
}
#offers_sozdanie .offer .flex_box_button_parent
{
border: 0px dotted red;
display: flex;
flex-direction: column;
align-content: space-between;
justify-content: space-between;
height: 100%;
width: 100%;
}
#offers_sozdanie .offer .flex_box_button_child
{
border: 0px dotted green;
margin: 0px 0 0px 0;
text-align: center;
}
#offers_sozdanie .offer .flex_box_button_child .price
{
border: 0px dotted red; border-top: 1px solid #70B8FF; border-bottom: 1px solid #70B8FF;
background: #99CCFF;
margin: 0px 0 0px 0;
padding: 0.5em;
text-align: center;
font-size: 1.2em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
#offers_sozdanie .offer ul
{
border: 0px dotted green;
margin: 5px 0px 5px 0px;
padding: 0 0 0 0px;
list-style-position: outside;
list-style-image: url(../img/icons/galka_blue.png);
}
#offers_sozdanie .offer ul li
{
border-top: 2px dotted #EEEEEE;
text-align: left;
padding: 0.25em 0 0.35em 0;
margin: 0em 0 0em 0em;
}
#offers_sozdanie .offer ul li:nth-child(1) {border-top: 0px dotted #EEEEEE;}
#offers_sozdanie .offer .flex_box_button_child .button_box
{
border: 0px dotted black; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
padding: 29px 0 25px 0;
background: #DDDDDD;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #EEEEEE), color-stop(1, #CCCCCC));
background-image: -o-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: -webkit-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: linear-gradient(to bottom, #EEEEEE, #CCCCCC);
}

.aktsii_offer
{
border-bottom: 3px dotted #DDDDDD;
margin-bottom: 1.2em;
cursor: pointer;
}
.aktsii_offer_img_box
{
border: 1px dotted red;
float: left;
width: auto;
}
.aktsii_offer_content
{
border: 1px dotted red;
display: block;
float: right;
width: auto; min-width: 200px;
}

.razrabotka_poetapno_box
{
border: 1px solid #999999;
border-left: 0; border-right: 0;
background: url(../img/fon/razrabotka.jpg) no-repeat;
background-size: cover;
background-origin: content-box;
width: 100%;
margin: 0em 0 1em 0;
padding: 0em 0em 0em 0em;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
}
.razrabotka_poetapno_box h2 {margin: 1em 0 0.5em 0; padding: 0em 0em 0em 0em;}
.razrabotka_poetapno
{
border: 0px dotted green;
margin: 0em 0 0.5em 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
width: 100%;
}
.razrabotka_poetapno div
{
border: 2px solid #FFFFFF;
border-radius: 8px;
background: #0066CC url(../img/fon/overley_blue_50_2.png);
box-shadow: 0px 4px 10px #333333;
width: 30%;
margin: 5px auto 10px auto;
padding: 0.75em 0.75em 0.5em 0.75em;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
text-transform: uppercase;
line-height: 140%;
font-size: 1.2em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
.razrabotka_poetapno div:hover
{
background: #FFCC00;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #F5B800), color-stop(1, #FFCC33));
background-image: -o-linear-gradient(top left, #F5B800, #FFCC33);
background-image: -moz-linear-gradient(top left, #F5B800, #FFCC33);
background-image: -webkit-linear-gradient(top left, #F5B800, #FFCC33);
background-image: linear-gradient(to bottom right, #F5B800, #FFCC33);
}
.razrabotka_poetapno div a {display: block;}
.razrabotka_poetapno div:hover a {color: #990000; text-decoration: none;}

.dop_uslugi_box
{
background: #003399 url(../img/fon/numeric.jpg);
background-size: cover;
background-origin: content-box;
width: 100%;
margin: 1.5em 0 0em 0;
padding: 0em 0em 0em 0em;
color: #FFFFFF; color: #990000;
text-shadow: 1px 1px 2px #000000;
font-family: 'Open Sans Condensed Bold', Tahoma, Arial, sans-serif;
font-weight: bold;
}
.dop_uslugi_box .h2
{
color: #FFFFFF;
margin: 1em 0 0.5em 0;
padding: 1em 0em 0.25em 0em;
}
.dop_uslugi
{
border: 0px dotted green;
margin: 0em 0 0.5em 0;
padding: 0em 0em 0.75em 0em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around; justify-content: space-evenly;
width: 100%;
}
.dop_uslugi div
{
border: 2px solid #FFFFFF;
background: #FFFFFF url(../img/fon/overley_white_60.png);
width: 22%;
margin: 5px auto 10px auto;
padding: 0.75em 0.75em 0.5em 0.75em;
box-shadow: 0px 4px 10px #222222;
text-transform: uppercase;
line-height: 140%;
font-size: 1.2em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
.dop_uslugi div:hover
{
background: #FFCC00;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #F5B800), color-stop(1, #FFCC33));
background-image: -o-linear-gradient(top left, #F5B800, #FFCC33);
background-image: -moz-linear-gradient(top left, #F5B800, #FFCC33);
background-image: -webkit-linear-gradient(top left, #F5B800, #FFCC33);
background-image: linear-gradient(to bottom right, #F5B800, #FFCC33);
}
.dop_uslugi div a {display: block;}
.dop_uslugi div:hover a {color: #990000; text-decoration: none;}
.dop_uslugi div:hover span {color: #000000; text-shadow: none;}
.dop_uslugi div span, .dop_uslugi_offers div a span
{
color: #000000;
font-weight: bold;
text-transform: none;
margin-top: 1.5em;
line-height: 200%;
text-shadow: none;
}
.dop_uslugi div span span, .dop_uslugi_offers div a span span {margin-top: 0em;}
.dop_uslugi div span span
{
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
border-bottom: 2px solid;
line-height: 4px;
display: inline-block;
width: 0.6em;
}

.knopki {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
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;
margin-left: 8px;
background: url(../img/icons/telegram_48.png) no-repeat;
}
form.button.viber
{
border: 0px dotted green;
/*float: right;*/
width: 48px; height: 48px;
margin-left: 8px;
background: url(../img/icons/viber_48_2.png) no-repeat;
}
form.button.whatsapp
{
border: 0px dotted green;
/*float: right;*/
width: 48px; height: 48px;
margin-left: 8px;
background: url(../img/icons/whatsapp_48.png) no-repeat;
}
#toogle_menu
{
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 !important; height: 48px !important; padding: 0; 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;}
.social a img {margin: 0;}
#phone_social_footer {margin: 0 0 10px 0; display: flex; flex-wrap: nowrap; flex-direction: row;}
#phone_footer {width: auto !important; min-width: 190px;}
#footer .fm .social {width: 180px;}
#footer .fm .social a {border: 2px solid #FFFFFF; border-radius: 8px; background: #FFFFFF; margin: 8px 8px 0 0; padding: 0;}
#footer .fm .social a:nth-child(3) {margin: 8px 0px 0 0;}
#footer .social a.whatsapp {background: url("../img/icons/social.png") no-repeat scroll -290px -1px transparent;}
#footer .social a.telegram {background: url("../img/icons/social.png") no-repeat scroll -146px -1px transparent;}
#footer .social a.vkontakte {background: url("../img/icons/vk_48.png") no-repeat; background-size: contain;}

@media only screen and (min-width: 240px)
{
  #phone_social_footer {flex-direction: column;}
  #offers_sozdanie {background: none;}
  #offers_sozdanie .offers_flex {margin: 0;}
  #offers_sozdanie .offer {width: 99%; margin: 0 0.5% 15px 0.5%;}
  #offers_sozdanie .offer .flex_box_button_child ul {border: 0px dotted red; margin: 3px 0px 7px 0px;}
  .dop_uslugi div {width: 96%;}
}

@media only screen and (min-width: 320px)
{
  #offers_sozdanie .offer .flex_box_button_child ul {margin: 3px 3px 7px 3px;}
}
@media only screen and (min-width: 380px)
{
  #phone_social_footer {flex-direction: row;}
}
@media only screen and (min-width: 440px)
{
  #offers_sozdanie .offer .flex_box_button_child ul {margin: 3px 0px 7px 0px;}
  .dop_uslugi div {width: 48%;}
}
@media only screen and (min-width: 1000px)
{
  #offers_sozdanie {background: url(../img/fon/body-bg.png);}
  #offers_sozdanie .offers_flex {margin: 0 5px 0 5px;}
  #offers_sozdanie .offer {width: 48%; margin: 0 1% 15px 1%;}
}
@media only screen and (min-width: 1200px)
{
  .aktsii_offer img {float: left; margin: 0.5em 1em 0.5em 0; max-width: 60%;}
  .dop_uslugi div {justify-content: space-around;}
  .dop_uslugi div {width: 23.5%;}
}
@media only screen and (min-width: 1280px)
{
  #offers_sozdanie {background: url(../img/fon/body-bg.png);}
  #offers_sozdanie .offers_flex {margin: 0 5px;}
  #offers_sozdanie .offer {width: 31.33%; margin: 0 1% 15px 1%;}
  .aktsii_offer img {float: left; margin: 0.5em 1em 0.5em 0; max-width: 50%;}
}
/* #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-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);
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: 31px;
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; font-size: 1em;}

#topbar form
{
border: 0px dotted green;
margin: 0;
padding: 0;
font-size: 0.9em;
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: 4px 10px 4px 10px;
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;
padding-top: 15px;
}
#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: 3px;
box-shadow: 1px 1px 2px 0px #FFFFFF;
}
#inout ul.right {width: 105px; float: right;}

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

#menug .box {width: 96%;}

#main_menu
{
border: 0px dotted red;
width: 100%;
height: 100%;
padding-left: 0;
margin: 0 0 7px 0;
overflow: hidden;
text-align: center;
}
#main_menu li
{
font-family: Tahoma,Arial,sans-serif;
display: block;
width: 100%;
margin: 5px 0px 0px 0;
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;
padding: 0.75em 0.6em 0.6em 0.6em;
font-size: 1.1em;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 2px 2px 2px #333333;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
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);
}
#main_menu li a:hover, #main_menu li.current a
{
color: #FFFFFF;
text-shadow: 1px 1px 1px #333333;
border: 1px 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);
}

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

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

form#mess #site {display: none;}

/* form end */

/* adaptive */

@media only screen and (max-width: 239px)
{
  .fm {margin: 5px;}
  img {max-width: 100%;}
  #left_header_block {width: 100%; margin: 0px 0 0 0px; text-align: center;}
  #logo {margin: 0px 5px 0 5px;}
  #logo a {display: block;}
  #logo a img {width: 100%; height: auto; margin: 0px 0px 0 0px;}
  #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;
  }
  #center_header_block .work_time
  {
  border: 0px dotted red;
  width: auto;
  margin: 0px 10px 5px 10px;
  font-size: 1.2em;
  }
  #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;}
  #vitrina {width: 310px;}
  #vitrina img {margin: 5px 10px 5px 0px;}
  #vitrina img.first {width: auto; max-width: 100%;}
  #sidebar_left, #sidebar_right {width: 100%;}
  #footer_left, #footer_right, #footer_left #phone_footer, #footer #work_time {width: 100%;}
  .raskrutka_chto_dalee {width: 100%; margin: 0 0 1em 0;}
  .vrezka {width: 100%;}
}

@media only screen and (min-width: 240px)
{
  .fm {margin: 5px;}
  img {max-width: 100%;}
  #left_header_block {width: 100%; height: auto; margin: 0px 0 0 0px; text-align: center;}
  #logo {margin: 0px 5px 0 5px;}
  #logo a img {width: 100%; margin: 0px 0px 0 0px;}
  #center_header_block {width: 100%; height: auto; margin: 0em 0 0 0; text-align: center; display: none;}
  #center_header_block div {margin: 0em 10px 0 0; text-align: center; display: none;}
  #phone
  {
  width: auto;
  margin: 0px 10px 0px 10px;
  font-size: 1.5em;
  }
  #center_header_block .work_time
  {
  border: 0px dotted red;
  width: auto;
  margin: 0px 10px 5px 10px;
  font-size: 1.2em;
  }
  #right_header_block {width: 100%; margin: 5px 0 0 0px; text-align: center;}
  #right_header_block .fm {margin: 0 0px;}
  .knopki #toogle_menu
  {
  border: 3px solid #FFFFFF; border-radius: 8px;
  width: 48px; height: 48px;
  background: url(../img/icons/menu_48_2.png);
  background-position: center;
  }
  #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;}
  #vitrina {width: 310px;}
  #vitrina img {margin: 5px 10px 5px 0px;}
  #vitrina img.first {width: auto; max-width: 100%;}
  #sidebar_left, #sidebar_right {width: 100%;}
  #footer_left, #footer_right, #footer_left #phone_footer, #footer #work_time {width: 100%;}
  .raskrutka_chto_dalee {width: 100%; margin: 0 0 1em 0;}
  .vrezka {width: 100%;}
}


@media only screen and (min-width: 320px)
{
  #left_header_block {width: 100%; height: auto; margin: 0px 0 0 0px; text-align: center;}
  #logo a img {width: 100%;}
  #slogan
  {
  clear: both;
  padding: 0;
  margin: 7px 10px 0px 10px;
  font-size: 1.8em;
  font-weight: bold;
  }
  #center_header_block {width: 100%; height: auto; margin: 0em 0 0 0; text-align: center; display: none;}
  #center_header_block div {margin: 0em 10px 0 0;}
  #phone
  {
  width: auto;
  margin: 0px 10px 0px 10px;
  font-size: 1.5em;
  }
  #center_header_block .work_time
  {
  border: 0px dotted red;
  width: auto;
  margin: 0px 10px 5px 10px;
  font-size: 1.2em;
  }
  #header_social_buttons
  {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 0;
  }
  #toogle_menu_button {border-radius: 9px; height: 48px;}
  .knopki #toogle_menu
  {
  border: 3px solid #FFFFFF; border-radius: 8px;
  width: 48px; height: 48px;
  background: url(../img/icons/menu_48_2.png);
  background-position: center;
  }
  #toogle_menu_button div {border: 1px solid #002775; height: 48px; padding: 0em 0em 0em 0em; margin: 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;}
  #vitrina {width: 310px;}
  #vitrina img {margin: 5px 10px 5px 0px;}
  #vitrina img.first {width: auto; max-width: 100%;}
}

@media only screen and (min-width: 360px)
{
  #left_header_block {width: 100%;}
  #logo {width: auto; margin: 0px auto 0 auto; margin: 0px 7px 0 7px; padding: 0; text-align: center;}
  #logo a img {margin: 0; width: 100%; width: auto;}
  #sitename
  {
  padding: 0;
  font-size: 1.7em;
  }
  #right_header_block div.fm
  {
  display: flex;
  flex-direction: row;
  height: 100%; height: auto;
  align-items: stretch;
  justify-content: space-between; justify-content: center;
  margin: 3px;
  }
  #right_header_block div div {
  border: 3px 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;
  }
  #vitrina {width: 310px; margin: 0px 10px 5px 0;}
  #vitrina img {max-width: 310px;}
  .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: 400px)
{
  h1 {font-size: 1.7em;}
  #right_header_block div {margin: 0px 10px 0px 10px;}
  .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)
{
  #slogan {font-weight: bold;}
  .products .product, #hits .product {height: 385px;}
  .tumb, .tumbhit {width: 47.5%; width: 48.8%; font-size: 0.9em;}
}


@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;*/}
  #sitename {width: 167px; float: left; margin: 4px 0 0 10px;}
  #slogan {text-align: left; margin: 0px 0px 0px 10px;}
  h1 {font-size: 1.8em;}
  .products .product, #hits .product {height: 400px;}
}

@media only screen and (min-width: 550px)
{
  #header {display: flex; flex-wrap: wrap; align-items: center;  }

  #left_header_block {border: 0px dotted red; width: 340px; width: 315px; float: left; margin: 0 0px 0 0px;}
  #center_header_block {border: 0px dotted green; display: block; width: 255px; width: auto; margin: 0 8px 0 auto; margin: 0 0 0 auto;}
  #center_header_block div {border: 0px dotted red; display: block; /*font-size: 1.6em;*/ margin: 0 10px 0px 0; padding: 0;}
  #center_header_block div:nth-child(1) {/*font-size: 1.6em;*/ margin: 0px 10px 0px 0; line-height: 100%;}
  #center_header_block .knopki {border: 0px dotted red; display: flex; flex-direction: row; justify-content: flex-end; margin: 10px 10px 0px 0;}
  #center_header_block .knopki form {border: 0px dotted red; margin: 0 0px 0 8px;}
  #center_header_block .knopki form:nth-child(1) {border: 0px dotted red; margin: 0 0px 0 0px;}
  #center_header_block .work_time
  {
  width: auto;
  text-align: right;
  margin: 0 10px 0 0px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.1em;
  text-shadow: none;
  font-weight: bold;
  /*display: none;*/
  }
  .products .product, #hits .product {height: 400px;}
}

@media only screen and (min-width: 595px)
{
  #header {display: flex; flex-direction: row; justify-content: space-between;}
  #left_header_block {border: 0px dotted red; /*width: 340px; width: 315px;*/ /*float: left; margin: 0 0px 0 0px;*/}
  #logo {width: auto; height: auto; margin: 0 0px 0 8px; padding: 0;}
  #logo a img {/*width: auto;*/ width: 100%; height: 100%; margin: 0 0px 0 0px;}
  #sitename {width: 167px; float: left; margin: 4px 0 0 10px;}
  #slogan
  {
  width: auto;
  padding: 0;
  text-align: left;
  }
  #phone
  {
  font-size: 1.6em;
  text-align: right;
  }
  #header .work_time
  {
/*  font-size: 1.45em;
  text-align: right;*/
  }
  #right_header_block {border: 0px dotted red; /*display: inline-block; float: right; width: 230px; width: 178px;*/ width: 58px; height: 104px; margin: 0px 8px 0 0px; /*display: none; visibility: hidden;*/}
  #right_header_block div.fm {flex-direction: column; margin: 8px 0px 0 0px; height: 100%; }
  #right_header_block .fm div {border: 0; margin: 0 0 8px 0; width: auto;}
  #right_header_block div.fm:nth-child(1) {margin: 0px 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 #header_contact_button {border: 0; margin: 0 5px 5px 5px; width: 60px; order: 2;}
  #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: 1px 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; 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: 50%; float: left;}
  #footer_right {width: 50%; float: right;}
}

@media only screen and (min-width: 640px)
{
  #left_header_block {/*width: 350px; float: left; margin: 0 0px 0 0px;*/}
  #logo {margin: 0 0px 0 8px;}
  #right_header_block {border: 0px dotted red; /*width: 240px;*/}
  #header .work_time {display: block;}
  #header .knopki {/*margin: 5px 10px 5px 5px;*/}
  .tumb, .tumbhit {width: 32.1%; font-size: 0.9em;}
}

@media only screen and (min-width: 680px)
{
  #center_header_block {margin: 0 auto; margin: 0 0 0 auto; width: auto; }
  #center_header_block .fm {text-align: center; text-align: right;}
  .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; order: 2;*/}
  #right_header_block {/*clear: none; float: right; margin: 2px 5px 0 5px; margin: 0px 0px 0 0px;*/}
  #right_header_block div {/*margin: 0 10px 0px 10px; margin: 0 10px 10px 10px;*/}
  #sitename {font-size: 1.8em;}
  #phone {font-size: 1.3em; margin: 0 0px;}
  #header .work_time {/*font-size: 1.2em; margin: 0 10px;*/}
  #footer_left {width: 60%; float: left;}
  #footer_right {width: 40%; float: right;}
}

@media only screen and (min-width: 768px)
{
  #header {display: flex; justify-content: space-between;}
  #logo {margin: 0 10px 0 10px;}
  #left_header_block {/*width: 360px;*/}
  #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 auto 0 auto;*/}
  #right_header_block div.fm {/*margin: 0 10px 0 5px;*/}
  #header #phone, #header .work_time {/*text-align: center;*/}
  #sidebar_left {width: 33%; float: left;}
  #sidebar_right {width: 33%; float: right;}
  #content {width: 67%; float: left;}
}

@media only screen and (min-width: 800px)
{
  #footer_left {width: 51%; float: left;}
  #footer_right {width: 49%; float: right;}
}

@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;}
  #header .work_time {/*font-size: 1.2em; line-height: 120%; padding-bottom: 10px;*/}
}

@media only screen and (min-width: 900px)
{
  #offers_home .offer
  {
  width: 32%;
  }
}

@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;}
  #header .work_time {/*border: 0px dotted red; font-size: 1.4em; padding-bottom: 7px;*/}
}

@media only screen and (min-width: 1000px)
{
  #footer_left {width: 45%;}
  #footer_right {width: 55%;}
  .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 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;}
}

@media only screen and (min-width: 1100px)
{
  .products .product, #hits .product {height: 400px;}
  #phone {font-size: 1.7em; }
  #header .work_time {/*font-size: 1.4em;*/ }
  #sidebar_left {width: 29%; float: left;}
  #sidebar_right {width: 29%; float: right;}
  #content {width: 71%; float: left;}
  #footer_left {width: 50%; float: left;}
  #footer_right {width: 50%; float: right;}
  .raskrutka_chto_dalee {width: 49.5%; float: left; margin: 0 0 1em 0;}
  .vrezka {width: 49%; float: right; margin: 0.5em 0 0 1%;}
}

@media only screen and (min-width: 1200px)
{
  #box {width: 1170px;}
  .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 {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_left {width: 38%; float: left;}
  #footer_right {width: 62%; float: right;}
}

@media only screen and (min-width: 1366px)
{
  #box {width: 1336px;}
  #sidebar_left {width: 24%; float: left;}
  #sidebar_right {width: 24%; float: right;}
  #content {width: 76%; float: left;}
}

/* adaptive end */

/* slider */
/* slider on home */
.slider_box {
border: 0px dotted red;
width: 100%;
height: auto;
float: left;
padding: 0em;
margin: 0px auto 0em auto; margin: 0px;
overflow: hidden;
text-align: center;
/*display: flex;*/
}
.slider {
border: 0px dotted maroon;
width: 66.66%; width: 100%;
height: auto;
margin: 0px auto 0em auto; margin: 0px;
overflow: hidden;
text-align: center;
display: flex;
}
.slider .fm {
border: 0px dotted red;
padding: 0em;
margin: 0px 0px;
width: 100%;
height: auto;
overflow: hidden;
text-align: center;
display: flex;
}
.slider img {max-width: 100%; /*float: left;*/ height: auto;}
.slider .sl_img {
width: 100%;
float: left;
margin: auto 0 auto -75px; margin: 0 0 0 -75px;
text-align: center;
position: relative;
z-index: 0;
}
.slider .strelka_left, .slider .strelka_right
{
border: 0px dotted red;
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;
}

#slider_sidebar {
border: 3px dotted navy;
width: 100%;
float: right;
padding: 0em;
height: auto;
margin: 0px auto 0em auto; margin: 0px 0em;
overflow: hidden;
text-align: center;
/*display: flex;*/
}
#slider_sidebar .fm {margin: 5px 5px;}

.slider_box_aktsii {border: 3px dotted green; text-align: center; margin: 0.5em 0 0em 0;}

/* Кнопки рядом со слайдером */

.banner_knopki
{
border: 0px dotted green;
width: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
}
.banner_knopki .b_1_3
{
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);
width: 31.3%;
height: 80px;
float: left;
margin: 0 1%;
border-radius: 10px;
display: table;
}
.banner_knopki .b_1_3 div
{
border: 0px dotted red;
margin: 0 0em;
padding: 0em 0;
text-align: center;
font-size: 1.2em;
color: #FFFFFF;
text-transform: uppercase;
text-shadow: 1px 1px 2px #000000;
display: table-cell;
vertical-align: middle;
}
.banner_knopki .b_1_3 div span {font-size: 0.85em; text-transform: none;}
.banner_knopki .b_1_3 div a {color: #FFFFFF; font-weight: normal; display: block;}
.banner_knopki .b_1_3 div a:hover {text-decoration: none; color: #FFCC00;}

#slider_sidebar .banner_knopki
{
border: 0px dotted green;
width: 100%;
text-align: center;
margin: 5px 0px 0px 0px;
}
#slider_sidebar .banner_knopki .item
{
border: 1px solid #002775;
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);
width: 100%;
/*height: 80px;*/
float: left;
margin: 0 0px 5px 0;
border-radius: 6px;
/*display: table;
display: flex;*/
text-align: center;
}
#slider_sidebar .banner_knopki .item:hover
{
border: 1px 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;
}

#slider_sidebar .banner_knopki .item div
{
border: 0px dotted red;
margin: 0 0em;
padding: 0em 0;
text-align: center;
font-size: 1.1em;
color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-shadow: 1px 1px 2px #000000;
vertical-align: middle;
}
#slider_sidebar .banner_knopki .item div a
{
border: 0px dotted red;
color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 2px #000000;
display: block;
margin: 0 5px;
padding: 0.6em 0 0.4em 0;
}
#slider_sidebar .banner_knopki .item div a:hover {text-decoration: none;}
#slider_sidebar .banner_knopki .nohref
{
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);
}
#slider_sidebar .banner_knopki .nohref div
{
border: 0px dotted #002775;
margin: 0 10px;
padding: 0.6em 0 0.4em 0;
}
#slider_sidebar .banner_knopki .nohref:hover
{
border: 0px dotted #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);
}

#aktsii
{
border: 0px dotted green;
width: 33.33%; width: 100%;
float: right;
background: #EEEEEE;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.15em;
padding-bottom: 5px;
margin: 0 0 10px 0;
}
#aktsii .fm {margin: 0px 5px;}
#aktsii .fm div a {display: block; text-decoration: none; line-height: 100%; padding: 0.5em 0 0 0;}
#aktsii .fm div a img {border: 0px dotted red; margin: 10px 0px 0px 0px; width: 100%; height: auto;}
#aktsii .h3 {margin-bottom: 0;}

@media only screen and (min-width: 440px)
{
  #aktsii {padding-bottom: 10px;}
  #aktsii .fm {margin: 0px 10px;}
}

@media only screen and (min-width: 510px)
{
  #slider_sidebar .fm {border: 0px dotted red; margin: 7px 10px 10px 10px; margin: 7px auto 10px auto;}
  #slider_sidebar .banner_knopki
  {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  }
  #slider_sidebar .banner_knopki .item
  {
  float: none;
  width: 32%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  }
  #slider_sidebar .banner_knopki .item div
  {
  float: none;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  display: flex;
  }
  #slider_sidebar .banner_knopki .item div a
  {
  display: block;
  margin: auto 10px;
  text-align: center;
  width: 100%;
  height: 100%;
  }
}


@media only screen and (min-width: 600px)
{
  #aktsii .fm .aktsii_item {width: 49%; float: left; margin: 0 0 0 2%;}
  #aktsii .fm .aktsii_item:nth-child(2) {margin: 0 0 0 0;}
}


@media only screen and (min-width: 900px)
{
  .slider_box .slider {width: 66.66%; float: left;}
  .slider_box .slider .fm {margin: 5px 10px 10px 10px;}
  #aktsii {width: 33.33%; float: right; background: none; padding: 0px;}
  #aktsii .fm .aktsii_item {width: 100%; margin: 0 0 0 0;}
  #aktsii .fm .h3 {margin-top: 0; padding-top: 0; line-height: 100%;}
}


@media only screen and (min-width: 1100px)
{
  #aktsii .fm .h3 {line-height: 120%;}
  #aktsii .fm .aktsii_item {padding: 7px 0px 0px 0px;}
}
/* slider end */