body
{
font-family: Tahoma, Geneva, sans-serif;
/*font-size: 1em; font-size: 12pt;*/ font-size: 15px; font-size: 12pt;
text-align: center;
}
p {
padding: 0em 0;
margin: 0.5em 0;
/*line-height: 135%;*/
}
a {color: #003399; text-decoration: none; font-weight: bold; }
a.navy {color: #003399 !important; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline; color: #990000;}
a:active {outline: none; border: 0;}
a img {border: 0;}
.bread-crumbs {border: 0px dotted red; width: 100%; margin: -10px 0 20px 0; font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;}
.bread-crumbs a {color: #003399 !important; text-decoration: none; font-weight: bold; font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;}
.b {font-weight: bold;}
.i {font-style: italic;}
.bi {font-weight: bold;font-style: italic;}
.small {/*font-size: 0.7em;*/ font-size: 12pt;}
/*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.25em 0 0.2em 0;*/ margin: 7px 0 5px 0;
padding: 0;
width: 100%;
}
#content h1, #content h2, #content h3, #content h4, #content .h1, #content .h2, #content .h3, #content .h4 {}
h1, .h1 {/*font-size: 1.8em;*/ font-size: 20pt; font-size: 28px; /*margin: 0.25em 0 0.25em 0;*/ margin: 10px 0 10px 0; padding: 0;}
h2, .h2 {/*font-size: 1.5em;*/ font-size: 17pt; font-size: 24px; /*margin: 0.25em 0 0.25em 0;*/ margin: 10px 0 10px 0; /*line-height: 25pt;*/}
h3, .h3 {/*font-size: 1.35em;*/ font-size: 15pt; /*margin: 0.25em 0 0.25em 0;*/ margin: 10px 0 10px 0;}
h4, .h4 {/*font-size: 1.2em;*/ font-size: 14pt; /*margin: 0.25em 0 0.25em 0;*/ margin: 10px 0 10px 0;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
img {max-width: 100%;}
.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;}
picture {width: auto; margin: 0; padding: 0;}
.galka {list-style-image: url(https://static.tildacdn.com/tild3435-6334-4637-a333-303737656161/galka_red.png);}
.galka_red {list-style-image: url(https://static.tildacdn.com/tild3435-6334-4637-a333-303737656161/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;*/ padding: 7px 7px;}
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;*/ font-size: 11pt !important;}
.bigger {font-size: 120%;}
.clear {height: 0; clear: both;}
.red {color: red;}
.dotted {border-bottom: dotted 1px;}
.noshadow {box-shadow: none;}
.noborder {border: 0;}
.hidden {visibility: hidden;}
.visible {visibility: visible;}
.del {text-decoration: line-through;}
#box
{
border: 0px dotted red;
height: 100%;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
.box
{
border: 0px dotted red;
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
#head, #content, #footer
{
border: 0px dotted green;
}
#head
{
/*background: url(../img/fon/header_bg.jpg);
background: #003399 url(../img/fon/header_bg.webp);
background-size: cover !important;*/
}
#head .fm
{
display: flex;
flex-direction: row;
justify-content: space-between;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
}
#head a {/*color: #FFFFFF;*/ display: block;}
#head a:hover {/*color: #990000;*/ text-decoration: none;}
#head .branding, #footer .branding
{
border: 0px dotted green;
width: 200px;
text-align: left;
/*text-shadow: 0px 1px 1px #000000;*/
/*line-height: 120%;*/
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
align-self: center;
}
#footer .branding a
{
padding: 0 auto 0 0;
}
#head .branding a:hover {text-decoration: none;}
#head .branding a img
{
border: 0px dotted green;
width: 200px;
height: auto;
}
#head .adress
{
border: 0px dotted maroon;
width: 250px; min-width: 270px;
text-align: center;
/*line-height: 130%;*/
display: flex;
flex-direction: column;
align-self: center;
}
#head .adress .contact_form_link a
{
border: 2px solid #003399;
border-radius: 6px;
font-size: 18px;
text-transform: uppercase;
margin: 5px 5px 0 5px;
padding: 4px 0;
display: block;
background: #003399;
color: #FFFFFF;
}
#head .adress .contact_form_link a:hover
{
border: 2px solid #003399;
background: #FFFFFF;
color: #003399;
}
#head .contacts
{
border: 0px dotted maroon;
width: 250px; width: auto;
text-align: right;
/*font-size: 1.5em;*/ font-size: 20px;
font-weight: bold;
/*line-height: 120%;*/
}
#head .contacts a {text-decoration: none;}
#head .contacts a:hover {color: #990000;}
#head .contacts .phone {
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
/*font-size: 1.25em;*/ font-size: 23px;
/*text-shadow: 0px 1px 1px #000000;*/
/*line-height: 120%;*/
margin: 0 0 10px 0;
}
.contacts .buttons a {margin: 0 0 0 7px;}
.contacts .buttons a:nth-child(1) {margin: 0 0 0 0px;}

.contact_form_button, a.contact_form_button
{
border: 2px solid #003399;
border-radius: 6px;
width: 180px;
text-align: center;
font-size: 18px;
text-transform: uppercase;
margin: 7px auto 0 auto;
padding: 6px 0;
display: block;
text-decoration: none;
background: #003399;
color: #FFFFFF !important;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
}
.contact_form_button:hover, a.contact_form_button:hover
{
background: none;
color: #003399 !important;
cursor: pointer;
}
#footer .contact_form_button, #footer a.contact_form_button
{
margin: 10px 0 0 auto; margin: 10px auto 0 auto;
width: 160px;
}
#footer a.contact_form_button:hover
{
text-decoration: none;
}

#footer {background-size: cover !important;}
#footer .main_menu {border-bottom: 1px dotted #FFFFFF; background: none;}
#footer .contacts .buttons a {margin: 0 7px 0 0;}
#footer .contacts a {/*font-size: 23px;*/ text-decoration: none;}
#footer a {color: #003399; text-decoration: none; /*padding: 14px 0;*/}
#footer a:hover {/*color: #FFCC00;*/ text-decoration: underline;}
#footer .main_menu a {text-decoration: none;}

#sitename
{
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
color: #FFFFFF;
margin: auto 0 5px 0;
line-height: 100%;
}
#slogan
{
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
/*font-size: 1.48em;*/ font-size: 20pt;
font-weight: bold;
color: #FFCC00;
line-height: 100%;
margin: 5px 0 auto 0;
}

#main_box
{
border: 0px dotted red;
height: 100%;
display: flex;
}
#main_box .box
{
border: 0px dotted red;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
height: 100%;
}

#content
{
border: 0px dotted navy;
width: 100%;
height: 100%;
display: flex;
text-align: left;
align-self: stretch;
}
#content .box
{
border: 0px dotted navy;
height: 100%;
display: flex;
}
#content ul, #content ol {margin: 0; padding: 0;}
#content ul li, #content ol li {
/*margin: 0.7em 0 0.7em 0em;*/ margin: 10px 0 10px 0;
text-align: left;
padding-left: 0;
list-style-position: inside;
}

.oglavlenie
{
border: 1px solid #DDDDDD; border-radius: 8px;
background: #F5F5F5;
width: auto; max-width: 450px;
float: right;
margin: 5px 0 14pt 14pt;
}
.oglavlenie a {font-weight: normal; /*font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;*/}
#content .oglavlenie ul li ul, #content .oglavlenie ul li ol, #content .oglavlenie ol li ul, #content .oglavlenie ol li ol
{
border: 0px solid #DDDDDD;
margin: 0 0 0 16pt;
list-style-type: disc;
}

.main_menu
{
border-top: 1px solid #003366;
width: 100%;
/*background: url(../img/fon/overley_3.png);*/
background: #003399;
background-image: linear-gradient(to bottom, #0066CC, #003366);
margin: 0 0 5px 0;
}
.main_menu ul
{
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.main_menu ul li
{
margin: 0;
padding: 0;
display: inline-block;
align-self: center;
}
.main_menu ul li a, .main_menu ul li span
{
display: block;
margin: 0;
padding: 15px 10px;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
/*font-size: 1.1em; font-size: 17px;*/ font-size: 13pt;
color: #FFFFFF;
}
.main_menu ul li a:hover
{
color: #66CCFF;
}
.main_menu .submenu
{
/*visibility: hidden;*/
opacity: 0;
display: none;
}
.main_menu li:hover > .submenu {
  visibility: visible;
  display: block;
  opacity: 1;
  position: absolute;
  background: #003366; background: #004A94;
  width: auto;
  max-width: 250px;
  }
.main_menu .submenu li
{
border: 1px solid #FFFFFF; border-top: 0px solid #FFFFFF;
width: 100%;
}
.main_menu .submenu li a
{
display: block;
padding: 8px 10px;
/*font-size: 17px;*/ font-size: 12pt;
}

#footer
{
border: 0px dotted green;
/*background: url(../img/fon/header_bg.jpg);
background: #003399 url(../img/fon/header_bg.webp);
background: #003399 url(../img/fon/header_bg.webp);
background-image: -webkit-linear-gradient(top, #0000ad, #00003d);
background-image: linear-gradient(to bottom, #0000ad, #00003d);*/
background: #e4effc;
font-family: Tahoma, Arial, sans-serif;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-weight: normal;
/*color: #FFFFFF;*/
/*font-size: 1em;*/ font-size: 16px;
/*line-height: 130%;*/
padding: 10px 0;
text-align: left;
}
#footer .box .fm {
display: flex;
flex-direction: row;
justify-content: space-between;
}
/*#footer_left
{
border: 2px dotted red;
width: 24%;
}*/

#footer .branding
{
width: 100%;
}
/*#footer .contacts {
border: 0px dotted red;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
width: 40%;
}*/
#footer .contacts .phone {
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
/*font-size: 1.8em;*/ font-size: 23px;
/*color: #FFFFFF;*/
/*text-shadow: 0px 1px 1px #000000;*/
line-height: 130%;
margin: 0 0 10px 0;
}
#footer .contacts .phone a {/*color: #FFFFFF; color: #003399;*/}
#footer .contacts .phone a:hover {/*color: #FFCC00;*/ text-decoration: none;}
/*#footer .contact_form_link
{
border: 2px solid #003399;
border-radius: 6px;
margin: 14px 0px 0 0px;
padding: 0;
width: 180px;
text-align: center;
}
#footer .contact_form_link a
{
font-size: 18px;
text-transform: uppercase;
margin: 0px 0px 0 0px;
padding: 7px 0;
display: block;
text-decoration: none;
background: #003399;
color: #FFFFFF;
}
#footer .contact_form_link a:hover
{
background: none;
color: #003399;
}*/
#copyright
{
border: 0px dotted red;
width: 59%;
/*font-size: 1em;*/ font-size: 16px;
text-align: right;
}
#copyright span {display: inline-block; /*padding: 0.5em 0;*/ padding: 7px 0;}

#sidebar
{
border: 0px dotted red;
width: 20%;
text-align: left;
}
#sidebar_box {border: 1px solid #99CCFF; background: #E0F0FF; margin: 10px 10px 10px 10px;}
#sidebar .fm .fm
{
border: 0px solid #DDDDDD;
}
#sidebar hr {border-top: 2px dashed #FFFFFF; border-top: 2px dashed #99CCFF;}
#sidebar ul
{
border: 0px dotted green;
list-style: none;
margin: 0;
padding: 0 0 0 0;
}
#sidebar ul li
{
border: 0px dotted red;
/*margin: 0.25em 0 0.25em 0;*/ margin: 7pt 0 7pt 0;
/*padding: 0.2em 0;*/ padding: 5px 0;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 16pt;
}

.items
{
border: 1px solid #DDDDDD;
background: #EEEEEE;
border: 1px solid #DDDDDD;
/*background: #EEEEEE  url(../img/fon/bgnoise_lg.jpg);*/
background: #EEEEEE  url(https://static.tildacdn.com/tild3064-3136-4366-b138-623032383533/bg-grey.jpg);
}
.items.noborder {border: 0;}
.items .fm
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.items .fm .item
{
border: 0px dotted red;
text-align: left;
/*font-size: 1em;*/
margin-bottom: 10px;
}
.items .fm .item.x2 {border: 0px dotted red; margin: 0;}
.items .fm .item.x2 img
{
border: 0px dotted red;
width: 100%; height: auto;
margin: 0;
}
.items .fm .item div p {border: 0px dotted red; /*margin: 0.5em 0;*/ margin: 8px 0;}
.items .fm .item:nth-child(3)
{
border: 0px dotted red !important;
}


#cases #cases_box
{
border: 0px solid #CCCCCC;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
#cases .item
{
border: 1px solid #CCCCCC;
width: 49%;
/*margin: 0.5em 0em 0 0;*/ margin: 8px 0 0 0;
background: url(../img/fon/az_subtle.png);
}
#cases .item div {margin: 10px 10px 10px 10px;}
#cases .item div div {margin: 0px 5px 0 5px;}
#cases .item img
{
border: 1px solid #CCCCCC;
width: 100%;
height: auto;
}

.grey
{
border: 1px solid #CCCCCC;
background: #EEEEEE;
padding: 10px;
}

.sovet
{
border: 1px solid #99CCFF; border-radius: 8px;
padding: 10px 10px 10px 60px;
margin: 5px 0 10px 0;
color: #000033;
/*background: #E0F0FF url(../img/icons/info.png) 7px 7px no-repeat;*/
background: #E0F0FF url(https://static.tildacdn.com/tild6436-3837-4533-a330-616232356138/info.png) 7px 7px no-repeat;
}

#nozh {width: 100%; text-align: center;}
#nozh img
{
width: 90%;  max-width: 460px;
height: auto;
float: left;
margin: auto;
}

br.clear {height: 3px; line-height: 0; clear: both;}

#contact
{
border: 1px solid #CCCCCC;
/*background: url(../img/fon/bgnoise_lg.jpg);*/
background: #EEEEEE  url(https://static.tildacdn.com/tild3064-3136-4366-b138-623032383533/bg-grey.jpg);
width: 100%;
}
#contact .h2
{
/*margin: 0.75em 0 0.2em 0;*/ margin: 12px 0 5px 0; font-size: 24px;
/*font-family: Tahoma, Geneva, sans-serif;*/
}
#contact form
{
border: 0px dotted red;
width: 100%;
margin: 0 auto;
/*font-size: 1.2em;*/ font-size: 20px;
text-align: left;
}
#contact form .fm {margin: 0px 0px 0px 0px;}
#contact form input[type='text'], #contact form input[type='email'], #contact form input[type='tel'], #contact form input[type='url']
{
width: 100%;
margin: 0 auto; margin: 0 6px 0 0;
/*padding: 0.3em 0.3em;*/ padding: 5px 5px;
/*font-size: 1.05em;*/ font-size: 22px;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
}
#contact .row
{
border: 0px dotted green;
width: 98%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 0 0 10px 0;
}
#contact label {
border: 0px dotted red;
width: 130px;
text-align: left;
/*padding: 0.3em 0.3em;*/ padding: 5px 5px;
/*font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;*/
font-size: 18px;
}
#contact label.empty {height: 8px; padding: 0;}
#contact .field {width: 70%; font-size: 22px;}
#contact .field textarea {width: 100%; /*padding: 0.3em 0.3em;*/ padding: 5px 5px; /*font-size: 1.05em;*/ font-size: 20px; font-family: Tahoma, Geneva, sans-serif;}
#contact input[type='submit']
{
border: 1px solid #FF9900;
border-radius: 4px;
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;
/*padding: 0.4em 0.8em 0.35em 0.8em;*/ padding: 5px 10px;
/*margin-bottom: 0.2em;*/ margin-bottom: 5px;
/*font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;*/
/*font-family: Verdana, Geneva, sans-serif;*/
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
/*font-size: 1.1em;*/ font-size: 22px;
text-shadow: 1px 1px 3px #FFCC00;
text-transform: uppercase;
font-weight: bold;
}
#contact input[type='submit']:hover {border: 1px solid #000000; box-shadow: none;}
#contact #site {display: none;}
::placeholder {color: #CCCCCC;}

.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;*/ font-size: 11pt;
width: 100%;
text-align: left;
float: left;
display: flex;
align-items: center;
box-sizing: border-box;
}
.err {background: #FFCCCC url(../img/icons/err.png) no-repeat; border: 1px solid red;}
.mess {background: #EEEEEE url(../img/icons/mess.png) no-repeat; border: 1px solid #B0C4DE;}
.info {background: #D6EBFF url(../img/icons/info.png) no-repeat; border: 1px solid #99CCFF;}
.ok {background: #EBFFEB url(../img/icons/ok.png) no-repeat; border: 1px solid #ADD65C;}

.flex {/* display: flex; flex-wrap: nowrap;flex-direction: row;*/}
#why_seo
{
border: 0px solid #000066;
background: #003399 url(https://static.tildacdn.com/tild3437-6234-4530-b937-616436343366/dark_blue_fon_600x40.jpg);
background-position: top left;
background-size: cover;
color: #FFFFFF;
text-shadow: 0px 1px 1px #000000;
margin: -10px 0 15px 0;
padding: 1px 0 1px 0; width: 100%;
}
#why_seo .flex {border: 0px dotted red; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; margin: 0px 0 0px 0; padding: 0;}
#why_seo .flex .item {border: 0px dotted yellow; width: 50%; /*min-width: 360px;*/ margin: 0px 0 0px 0;}
#why_seo .flex .item:nth-child(2) {border: 0px dotted yellow; /*width: 50%;*/ margin: 0px 0 0px 0; padding: 10px 0 10px 0;}
#why_seo .flex .item:nth-child(2) div  {border: 0px dotted yellow; margin: 20px 0 10px 0; padding: 0px 0 0px 0;}
#why_seo ul
{
border: 0px dotted red;
border-radius: 10px;
/*max-width: 450px;*/
background: url(https://static.tildacdn.com/tild3033-3962-4965-b863-306135323866/overley_wight_30.png);
/*margin: 0 0 10px 0;*/
}
#why_seo .flex
{
border: 0px dotted red;
border-radius: 10px;
/*background: url(../img/fon/overley_wight_30.png);*/
}
#why_seo .flex ul
{
/*width: 100%;*/
/*max-width: 580px;*/
background: url(https://static.tildacdn.com/tild3033-3962-4965-b863-306135323866/overley_wight_30.png);
/*margin: 0 0 10px 0;*/
margin: 0 0px 0 0;
padding: 10px;
}

a.yellow_button
{
border: 1px solid #FF9900;
border-radius: 6px;
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;
/*padding: 0.4em 0.8em 0.35em 0.8em;*/ padding: 10px 10px;
/*margin-bottom: 0.2em;*/ margin: 30px 0;
/*font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;*/
/*font-family: Verdana, Geneva, sans-serif;*/
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
/*font-size: 1.1em;*/ font-size: 22px;
text-shadow: 1px 1px 3px #FFCC00;
text-transform: uppercase;
font-weight: bold;
color: #000000 !important;
}
a.yellow_button.big
{
/*font-size: 1.1em;*/ font-size: 26px;
text-transform: none;
font-weight: bold;
}
a.yellow_button:hover {border: 1px solid #000000; box-shadow: none; text-decoration: none;}

.img {border: 0px dotted grey; width: auto; padding: 0; height: auto;}
.img.left {margin: 0 20px 10px 0; float: left;}
.img.right {margin: 0 0 20px 10px; float: right;}
.img.w_1_2 {width: 49%;}
.img.w_1_3 {width: 33%;}
.img.w_2_3 {width: 66%;}


@media only screen and (max-width: 279px)
{
#head .box .fm {flex-direction: column;}
#head .box .fm .branding, #head .box .fm .contacts {width: 100%; text-align: center;}
#head .box .fm .contacts, #head .box .fm .buttons  {/*margin: 0.5em 0 0em 0;*/ margin: 10px 0 0 0;}
#sidebar {width: 100%;}
#footer .box .fm {flex-direction: column;}
#footer .contacts, #footer #copyright {width: 100%; text-align: center;}
#footer #copyright {margin: 10px 0 0 0;}
#cases_box .item {width: 100%;}
.items .item img {width: 50%; max-width: 150px;}
img {width: 100%; height: auto; margin: auto;}
img .img_l, img .img_r {margin: 10px auto;}
.buttons {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.buttons a {display: block; width: 48px; height: 48px; padding: 0;}
.buttons img {width: 48px; height: 48px; margin: 0;}
#contact label {width: 100%;}
#contact .field {width: 100%; /*margin-right: 0.6em;*/ margin-right: 8px;}
.oglavlenie {width: 100%; max-width: 100%; margin: 5px 0 10px 0;}
}


@media only screen and (min-width: 280px)
{
#head .box .fm {flex-direction: column;}
#head .box .fm .branding, #head .box .fm .contacts {width: 100%; text-align: center;}
#head .box .fm .contacts, #head .box .fm .buttons  {/*margin: 0.5em 0 0em 0;*/ margin: 10px 0 0 0;}
#sidebar {width: 100%;}
#footer .box .fm {flex-direction: column; text-align: center; }
#footer .contact_form_link
{
margin: 14px auto 0 auto;
}
#footer .contacts, #footer #copyright {/*width: 100%;*/ text-align: center;}
#footer #copyright {/*margin: 0.5em 0 0em 0;*/ margin: 7px 0 7px 0;}
#footer .h4 {text-align: center;}
#cases_box .item {width: 100%;}
.items .item img {width: 50%; max-width: 150px;}
img {width: 100%; height: auto; margin: auto;}
img .img_l, img .img_r {margin: 10px auto;}
.buttons {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.buttons a {display: block; width: 48px; height: 48px; padding: 0;}
.buttons img {width: 48px; height: 48px; margin: 0;}
#contact label {width: 100%;}
#contact .field {width: 100%; /*margin-right: 0.6em;*/ margin-right: 7px;}
.oglavlenie {width: 100%; max-width: 100%; margin: 5px 0 10px 0;}
#why_seo
{
/*background: #003399 url(../img/fon/dark_blue_fon_3.webp);*/
/*background: #003399 url(../img/fon/dark_blue_fon_600x400.jpg);*/
background-image: linear-gradient(to bottom left, #002266, #000042);
}
#why_seo ul {padding: 5px 10px;}
#why_seo .flex {border: 0px dotted red; flex-direction: column; justify-content: space-between; margin: 0px 0 0px 0; padding: 0;}
#why_seo .flex .item {border: 0px dotted yellow; width: 100%; margin: 0px 0 0px 0;}
a.yellow_button
{
border: 1px solid #FF9900;
border-radius: 6px;
padding: 10px 10px;
margin: 20px 0;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 21px;
text-transform: uppercase;
font-weight: bold;
color: #000000;
}
a.yellow_button.big {font-size: 16px;}
}


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

}


@media only screen and (min-width: 360px)
{
a.yellow_button.big {font-size: 18px;}
}


@media only screen and (min-width: 375px)
{
a.yellow_button.big {font-size: 20px;}
}


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

}


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

}


@media only screen and (min-width: 550px)
{
#head .box .fm {flex-direction: row;}
#head .box .fm .branding {text-align: left; /*justify-content: flex-start; align-items: flex-start; max-width: 200px;*/ align-self: stretch;}
#head .box .fm .contacts {margin-top: 0; text-align: right; /*width: 25%;*/}
.buttons {justify-content: flex-end;}
#footer .buttons {justify-content: flex-start;}
#footer {padding: 0;}
#footer .h4 {text-align: left;}
#footer .box .fm {flex-direction: row; flex-wrap: wrap;}
#footer .box .fm .services {text-align: left; width: 48%;}
#footer .box .fm .footer_left,  #footer .box .fm .links, #footer .box .fm .contacts
{
border: 0px dotted red;
width: 48%;
height: 100%;
text-align: left;
align-self: stretch;
margin-bottom: 10px;
}
#footer .box .fm .footer_left {display: flex; flex-direction: column; width: 48%;}
#footer .box .fm .branding {width: 100%; order: 0; display: flex; justify-content: flex-start; order: 0; padding-top: 10px;}
#footer .box .fm .branding a {margin: 0 auto 0 0;}
#footer .box .fm .footer_left .branding a img {max-width: 200px; margin: 0 auto;}
#footer .box .fm .adress {width: 100%; order: 1;order: 2;}
#footer .box .fm .links {order: 3;}
#footer .contact_form_link {margin-left: 0;}
#footer .contact_form_button, #footer a.contact_form_button {margin: 10px auto 0 0; width: 160px;}
#footer .box .fm .contacts {text-align: left; align-items: left; align-items: flex-start; /*width: 49%; order: 1;*/}
#footer .box .fm .buttons {text-align: left; align-items: ledt; align-items: flex-start; justify-content: flex-start;}
#footer .box .fm .buttons a {margin: 0 0 0 7px;}
#footer .box .fm #copyright {margin: 0; text-align: left;}
}


@media only screen and (min-width: 600px)
{
#head .box .fm {flex-direction: row; /*flex-wrap: wrap;*/}
#why_seo
{
background: #003399 url(https://static.tildacdn.com/tild6438-3666-4739-b365-393937343335/dark_blue_fon_3.jpg) center; background-size: cover;
}
#footer .box .fm .footer_left, #footer .box .fm .services, #footer .box .fm .links, #footer .box .fm .contacts {width: 49%;}
.items .fm .item {border: 0px solid #CCCCCC; width: 49%;}
.items .fm .item.x2 {border: 0px solid #CCCCCC; width: 100%;}
/*.items .fm .item:nth-child(3) {border: 0px solid #CCCCCC; width: 100%;}*/
#nozh {width: 100%; max-width: 100%;}
.items .fm .item.x2 div {border: 0px solid #CCCCCC; width: 100%; max-width: 100%;}
.items .fm #nozh div img
{
border: 0px solid #CCCCCC;
float: none;
max-width: 600px;
}
.items .fm .item img {border: 0px solid #CCCCCC; width: 150px; height: 150px;}
}


@media only screen and (min-width: 720px)
{
#head .box .fm .branding {width: 30%; max-width: none; align-items: flex-start;}
#head .box .fm .branding a img {/*max-width: 200px;*/}
#head .box .fm .contacts {width: 25%;}
}

@media only screen and (min-width: 800px)
{
#head .box .fm .branding {width: 30%; max-width: none; align-items: flex-start;}
#head .box .fm .branding a img {/*max-width: 200px;*/}
#head .box .fm .contacts {width: 25%;}
/*img {width: auto; width: 49%;}*/
#cases_box .item {width: 49%;}
#footer .box .fm .contacts {/*width: 35%;*/}
#footer .box .fm #copyright {width: 63%;}
#contact form .fm
{
border: 0px dotted red;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly; justify-content: space-around;
}
#contact form .row {width: 48%;}
#contact form .row.x2 {width: 98%;}
.oglavlenie {width: 48%; max-width: 390px; margin: 5px 0 10px 10px;}
#why_seo .flex {border: 0px dotted red; flex-direction: row; justify-content: space-between; margin: 0px 0 0px 0; padding: 0;}
#why_seo .flex .item {border: 0px dotted yellow; width: 60%; margin: 0px 0 0px 0;}
#why_seo .flex .item:nth-child(2) {border: 0px dotted yellow; width: 38%; margin: 0px 0 0px 0; display: flex; flex-direction: column;justify-content: flex-end;}
a.yellow_button.big {font-size: 18px;}
}


@media only screen and (min-width: 900px)
{
#contact form
{
border: 0px dotted red;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly; justify-content: space-around;
}
#contact form .row {width: 48%;}
#contact form .row.x2 {width: 98%;}
#footer .box .fm .footer_left {width: 25%;}
#footer .box .fm .branding {/*width: 24%;*/}
#footer .box .fm .services {width: 25%;}
#footer .box .fm .links {width: 25%;}
#footer .box .fm .contacts {order: 3; text-align: right; width: 19%;}
#footer .box .fm .contacts .buttons {justify-content: right;}
#footer .box .fm .contacts .buttons a {margin: 0 0 0 8px;}
#footer .contact_form_button, #footer a.contact_form_button {margin: 10px 0 0 auto; width: 160px;}
#why_seo a.yellow_button {margin-right: 7px; font-size: 20px;}
}


@media only screen and (min-width: 1000px)
{
#content {width: 80%;}
#content.wide {width: 100%;}
#sidebar {border: 0px dotted red; width: 20%;}
#sidebar_box {border: 0px solid #99CCFF; margin: 10px 10px 10px 10px; background: #E0F0FF; margin: 10px 10px 10px 0;}
#why_seo ul {width: 48%; padding: 5px 10px;}
#why_seo .flex ul {width: 90%; padding: 5px 10px;}
#why_seo a.yellow_button.big {font-size: 22px;}
#cases_box .item {width: 49%;}
.items .fm .item {border: 0px solid #CCCCCC; width: 32%;}
.items .fm .item.x2, #nozh {border: 0px solid #CCCCCC; width: 32%;}
.items .fm .item:nth-child(3) {border: 0px solid #CCCCCC; width: 32%;}
#footer .box .fm .footer_left {width: 26%; flex-direction: column; text-align: left;}
#footer .box .fm .branding {width: 100%; text-align: left; order: 0;}
#footer .box .fm .adress {width: 100%; text-align: left; order: 1;}
#footer .box .fm .services {width: 26%; text-align: left; order: 0;}
#footer .box .fm .links {width: 26%; text-align: left; order: 0;}
#footer .box .fm .contacts {width: 18%; text-align: right; order: 0; margin-top: 8px;}
#footer .box .fm .footer_left .branding a {padding: 0 auto 0 0;}
}

@media only screen and (min-width: 1100px)
{
img {width: auto;}
#cases_box .item {width: 49.2%;}
#why_seo a.yellow_button.big {font-size: 23px;}
}


@media only screen and (min-width: 1200px)
{
#content {width: 80%;}
#content.wide {width: 100%;}
#sidebar {border: 0px dotted red; width: 20%;}
#sidebar_box {border: 1px solid #99CCFF; border-radius: 8px; margin: 10px 10px 10px 10px; background: #E0F0FF; margin: 10px 10px 10px 0;}
#sidebar_box .fm {}
#cases_box .item {width: 49.2%;}
.items .fm .item {width: 49.2%; width: 24%; width: 32%;}
#why_seo a.yellow_button.big {font-size: 24px;}
}


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

}