Results of the CSS crunched for 15n.ru

Let's see what we've done for 15n.ru

CSSCruncher.com has crunched this CSS to
10.17 %Less Size! Nice!

Crunched CSS code:

@font-face{font-family:'Open Sans Condensed';font-display:swap;font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Open Sans Condensed';font-display:swap;font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans Condensed';font-display:swap;font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_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}
@font-face{font-family:'Open Sans Condensed';font-display:swap;font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html{min-height:100%}
body{display:flex;flex-direction:column;min-height:100%;padding:0;margin:0;font-family:Tahoma,Geneva,sans-serif;font-size:1em;text-align:center}
p{padding:0em 0;margin:0.5em 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.25em 0 0.2em 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;margin:0.25em 0 0.25em 0;padding:0}
h2,.h2{font-size:1.5em;margin:0.25em 0 0.25em 0}
h3,.h3{font-size:1.35em;margin:0.25em 0 0.25em 0}
h4,.h4{font-size:1.2em;margin:0.25em 0 0.25em 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}
.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 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}
.fm{margin:10px}
.fm_5{margin:5px}
.fp{padding:10px 0}
.smaller{font-size:85% !important}
.bigger{font-size:120%}
.clear{height:0;clear:both}
.red{color:red}
.noshadow{box-shadow:none}
.noborder{border:0}
.hidden{visibility:hidden}
.visible{visibility:visible}
#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)}
#head .fm{display:flex;flex-direction:row;justify-content:space-between}
#head a{color:#FFFFFF}
#head a:hover{color:#FFCC00;text-decoration:none}
#head .branding{border:0px dotted green;width:auto;text-align:left;text-shadow:0px 1px 1px #000000;line-height:120%;display:flex;flex-direction:column;align-items:center}
#head .branding a:hover{text-decoration:none}
#head .contacts{border:0px dotted maroon;width:250px;width:auto;text-align:right;font-size:1.5em;font-weight:bold;line-height:120%}
#head .contacts a{text-decoration:none}
#head .contacts a:hover{color:none}
#head .contacts .phone{font-family:"Open Sans Condensed",Tahoma,Arial,sans-serif;font-size:1.25em;text-shadow:0px 1px 1px #000000;line-height:120%;margin:0 0 7px 0}
.contacts .buttons a{margin:0 0 0 7px}
.contacts .buttons a:nth-child(1){margin:0 0 0 0px}
#footer .contacts .buttons a{margin:0 7px 0 0}
#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-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;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;text-align:left;padding-left:0em;list-style-position:inside}
#main_menu{border-top:1px solid #003366;width:100%;background:url(../img/fon/overley_3.png)}
#main_menu ul{width:100%;margin:0;padding:0;list-style-type:none;text-align:left}
#main_menu ul li{margin:0;padding:0;display:inline-block}
#main_menu ul li a{display:block;margin:0;padding:0.5em 0.7em;font-family:"Open Sans Condensed",Tahoma,Arial,sans-serif;text-transform:uppercase;font-size:1.1em}
#footer{border:0px dotted green;background:url(../img/fon/header_bg.jpg);font-family:Tahoma,Arial,sans-serif;font-family:"Open Sans Condensed",Tahoma,Arial,sans-serif;font-weight:normal;color:#FFFFFF;font-size:1em;padding:10px 0;text-align:left}
#footer .box .fm{display:flex;flex-direction:row;justify-content:space-between}
#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.5em;color:#FFFFFF;text-shadow:0px 1px 1px #000000;line-height:120%;margin:0 0 10px 0}
#footer .contacts .phone a{color:#FFFFFF}
#footer .contacts .phone a:hover{color:#FFCC00;text-decoration:none}
#copyright{border:0px dotted red;width:59%;font-size:1em;text-align:right}
#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}
.items{border:1px solid #DDDDDD;background:#EEEEEE;border:1px solid #DDDDDD;background:#EEEEEE url(../img/fon/bgnoise_lg.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}
#why_seo{border:1px solid #000066;background:#003399 url(../img/fon/kosmos_dark.jpg);background-position:middle right;background-size:cover;color:#FFFFFF;text-shadow:0px 1px 1px #000000;margin:10px 0 15px 0}
#why_seo ul{border:0px dotted red;border-radius:8px;max-width:450px;background:url(../img/fon/overley_wight_30.png);margin-top:10px}
#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;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;padding:10px 10px 10px 60px;margin:5px 0 10px 0;color:#000033;background:#E0F0FF url(../img/icons/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);width:100%}
#contact form{border:0px dotted red;width:100%;margin:0 auto;font-size:1.2em;text-align:left}
#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;font-size:1.05em;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;font-family:"Open Sans Condensed",Tahoma,Arial,sans-serif}
#contact .label.empty{height:8px;padding:0}
#contact .field{width:70%}
#contact .field textarea{width:100%;padding:0.3em 0.3em;font-size:1.05em;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;margin-bottom:0.2em;font-family:"Open Sans Condensed",Tahoma,Arial,sans-serif;font-size:1.1em;text-shadow:1px 1px 3px #FFCC00;text-transform:uppercase}
#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;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;font-size:1em}
.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:#E6E6FA url(../img/icons/ok.png) no-repeat;border:1px solid #B0C4DE}

» Show original CSS code

« Hide original CSS code

/* 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(https://fonts.gstatic.com/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(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* 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(https://fonts.gstatic.com/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(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html
{
min-height: 100%;
}
body
{
display: flex;
flex-direction: column;
min-height: 100%;
padding: 0;
margin: 0;
font-family: Tahoma, Geneva, sans-serif;
font-size: 1em;
text-align: center;
}
p {
padding: 0em 0;
margin: 0.5em 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.25em 0 0.2em 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; margin: 0.25em 0 0.25em 0; padding: 0;}
h2, .h2 {font-size: 1.5em; margin: 0.25em 0 0.25em 0;}
h3, .h3 {font-size: 1.35em; margin: 0.25em 0 0.25em 0;}
h4, .h4 {font-size: 1.2em; margin: 0.25em 0 0.25em 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;}
.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;}
.fm {margin: 10px;}
.fm_5 {margin: 5px;}
.fp {padding: 10px 0;}
.smaller {font-size: 85% !important;}
.bigger {font-size: 120%;}
.clear {height: 0; clear: both;}
.red {color: red;}
.noshadow {box-shadow: none;}
.noborder {border: 0;}
.hidden {visibility: hidden;}
.visible {visibility: visible;}
#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);
}
#head .fm
{
display: flex;
flex-direction: row;
justify-content: space-between;
}
#head a {color: #FFFFFF;}
#head a:hover {color: #FFCC00; text-decoration: none;}
#head .branding
{
border: 0px dotted green;
width: auto;
text-align: left;
text-shadow: 0px 1px 1px #000000;
line-height: 120%;
display: flex;
flex-direction: column;
align-items: center;
}
#head .branding a:hover {text-decoration: none;}
#head .contacts
{
border: 0px dotted maroon;
width: 250px; width: auto;
text-align: right;
font-size: 1.5em;
font-weight: bold;
line-height: 120%;
}
#head .contacts a {text-decoration: none;}
#head .contacts a:hover {color: none;}
#head .contacts .phone {
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.25em;
text-shadow: 0px 1px 1px #000000;
line-height: 120%;
margin: 0 0 7px 0;
}
.contacts .buttons a {margin: 0 0 0 7px;}
.contacts .buttons a:nth-child(1) {margin: 0 0 0 0px;}
#footer .contacts .buttons a {margin: 0 7px 0 0;}
#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-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;
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;
text-align: left;
padding-left: 0em;
list-style-position: inside;
}

#main_menu
{
border-top: 1px solid #003366;
width: 100%;
background: url(../img/fon/overley_3.png);
}
#main_menu ul
{
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#main_menu ul li
{
margin: 0;
padding: 0;
display: inline-block;
}
#main_menu ul li a
{
display: block;
margin: 0;
padding: 0.5em 0.7em;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
text-transform: uppercase;
font-size: 1.1em;
}

#footer
{
border: 0px dotted green;
background: url(../img/fon/header_bg.jpg);
font-family: Tahoma, Arial, sans-serif;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-weight: normal;
color: #FFFFFF;
font-size: 1em;
padding: 10px 0;
text-align: left;
}
#footer .box .fm {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#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.5em;
color: #FFFFFF;
text-shadow: 0px 1px 1px #000000;
line-height: 120%;
margin: 0 0 10px 0;
}
#footer .contacts .phone a {color: #FFFFFF;}
#footer .contacts .phone a:hover {color: #FFCC00; text-decoration: none;}
#copyright
{
border: 0px dotted red;
width: 59%;
font-size: 1em;
text-align: right;
}

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

.items
{
border: 1px solid #DDDDDD;
background: #EEEEEE;
border: 1px solid #DDDDDD;
background: #EEEEEE  url(../img/fon/bgnoise_lg.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;}

#why_seo
{
border: 1px solid #000066;
background: #003399 url(../img/fon/kosmos_dark.jpg);
background-position: middle right;
background-size: cover;
color: #FFFFFF;
text-shadow: 0px 1px 1px #000000;
margin: 10px 0 15px 0;
}
#why_seo ul
{
border: 0px dotted red;
border-radius: 8px;
max-width: 450px;
background: url(../img/fon/overley_wight_30.png);
margin-top: 10px;
}

#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;
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;
padding: 10px 10px 10px 60px;
margin: 5px 0 10px 0;
color: #000033;
background: #E0F0FF url(../img/icons/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);
width: 100%;
}
#contact form
{
border: 0px dotted red;
width: 100%;
margin: 0 auto;
font-size: 1.2em;
text-align: left;
}
#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;
font-size: 1.05em;
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; font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;}
#contact .label.empty {height: 8px; padding: 0;}
#contact .field {width: 70%;}
#contact .field textarea {width: 100%; padding: 0.3em 0.3em; font-size: 1.05em; 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;
margin-bottom: 0.2em;
font-family: "Open Sans Condensed", Tahoma, Arial, sans-serif;
font-size: 1.1em;
text-shadow: 1px 1px 3px #FFCC00;
text-transform: uppercase;
}
#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;
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; font-size: 1em;}
.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: #E6E6FA url(../img/icons/ok.png) no-repeat; border: 1px solid #B0C4DE;}

Some information about this website: