html { font-size: 62.5%;}
 
body { background:#464c54;  font-size: 1.2em;  font-family:Tahoma, verdana, Arial, Helvetica, sans-serif; color: #464c54;}
body, input, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, td, p, fieldset, dt, dd, dl{margin:0; padding:0}
table {border-collapse: collapse; }
td {vertical-align: top;}

a {color: #02a3cc;   text-decoration: underline; }
a:hover {color: #02a3cc;  text-decoration: none;}
ul, li {list-style:none;}

img { border:none;}

.tab100 {width:100%;}
.tab1000 {width:1000px;}
.tab50 {width:50%;}

h1 { font: normal 2.4em Arial, Helvetica, sans-serif;color:#676a6d; padding-bottom:15px;}
h2 { font: normal 1.8em Arial, Helvetica, sans-serif;color:#676a6d;}
h3 { font: italic 1.6em Arial, Helvetica, sans-serif;color:#676a6d; padding:15px 0 0px 0;}

.nowrap {white-space:nowrap;}

.td50 {width:50%;}
 
.abs {position:absolute;}
.rel{position:relative;}
.cent{text-align:center;}
.bot{vertical-align: bottom;}
.mid{vertical-align: middle;}
.bold{ font-weight: bold;}
.left{ text-align: left;}
.right{ text-align: right;}
.clear {clear:both; height: 0px;overflow: hidden;}
.red {border:1px solid red;}
.green {border:1px solid green;}
.black {border:1px solid black;}
.flright{ float: right;}

.padt10 {padding-top:10px;}
.padb10 {padding-bottom:10px;}
.padt15 {padding-top:15px;}
.padt20 {padding-top:20px;}
.padt30 {padding-top:30px;}
.padt50 {padding-top:50px;}
.padl20 {padding-left:20px;}
.padl10 {padding-left:10px;}
.padl5 {padding-left:5px;}
.mart20 {margin:20px 0 0 0;}
.marb178 {margin-bottom: 178px}
.mart15 {margin-top:15px;}
.mart10 {margin-top:10px;}
.padl15r20b15 {padding-left:15px; padding-right:20px; padding-bottom:15px;}
.padb5 {padding-bottom:5px;}
.date { color: #000000;  font-weight:bold;}
.padtb15 { padding-top:15px; padding-bottom:15px;}
.padtb10 { padding-top:10px; bottom:10px;} 
.padr20 {padding-right:20px;}

.mainbg { margin:20px auto 0 auto; width:1000px; }

.topcont {height:60px; position:relative;}
.topcont .rostov { float:left; font-style:italic; font-family:Arial, Helvetica, sans-serif; padding:0 00px 10px 20px; width:360px;}
/*.topcont .rostov { float:left; font-style:italic; font-family:Arial, Helvetica, sans-serif; padding:0 00px 10px 20px; width:500px;}*/
.topcont .rostov a.one {color:#feec1c; font-size:1em; border-bottom:1px dashed #feec1c; text-decoration:none; cursor:pointer }
.topcont .rostov a.one.act {color:#feec1c; font-size:1em; border-bottom:0px dashed #feec1c; text-decoration:none; cursor:pointer }
.topcont .rostov a.one:hover { color:#feec1c; font-size:1em; border-bottom:0px dashed #feec1c; cursor:pointer }
.topcont .rostov .tel{ font-size:1.2em; color:#FFFFFF; padding-top:5px;}
.topcont .rostov .tel span{ font-size:1.4em; }

.topcont .rostov .tel1{ font-size:1.2em; color:#FFFFFF; padding-top:11px;}

.topcont .azov { float:left; font-style:italic; font-family:Arial, Helvetica, sans-serif; padding:0 15px 10px 20px; width:110px;}
.topcont .rostov a.one1 {color:#feec1c; font-size:1em; border-bottom:1px dashed #feec1c; text-decoration:none; cursor:pointer}
.topcont .rostov a.one1:hover { color:#feec1c; font-size:1em; border-bottom:0px dashed #feec1c; cursor:pointer }
.topcont .rostov a.one1.act {color:#feec1c; font-size:1em; border-bottom:0px dashed #feec1c; text-decoration:none; cursor:pointer} 

.topcont .azov a.one1 {color:#feec1c; font-size:1em; border-bottom:1px dashed #feec1c; text-decoration:none; cursor:pointer}
.topcont .azov a.one1.act {color:#feec1c; font-size:1em; border-bottom:0px dashed #feec1c; text-decoration:none; cursor:pointer} 
.topcont .azov a.one1:hover { color:#feec1c; font-size:1em; border-bottom:1px dashed #feec1c; cursor:pointer }

.topcont .azov .tel1{ font-size:1.2em; color:#FFFFFF; padding-top:11px;}

.topcont .callme { float:left; font-style:italic; font-family:Arial, Helvetica, sans-serif; padding:0 30px 10px 20px; width:70px;}
.topcont .rostov a.one2 {color:#feec1c; font-size:1em; border-bottom:1px dashed #feec1c; text-decoration:none; cursor:pointer}
.topcont .rostov a.one2.act {color:#feec1c; font-size:1em; border-bottom:0px dashed #feec1c; text-decoration:none; cursor:pointer}
.topcont .rostov a.one2:hover { color:#feec1c; font-size:1em; border-bottom:1px dashed #feec1c; cursor:pointer}

.topcont .callme .tel2{ font-size:1.2em; color:#FFFFFF;  width:200px; height:130px; padding:20px; position:absolute; border:1px solid #cccccc; 
margin:25px 0 0 0px; background:#FFFFFF; left:20px;}

.topcont .callme .tel2 input.name {  font-style:italic; color:#464C54; height:20px; width:99%; }
.topcont .callme .tel2 input.numberc {  font-style:italic; color:#464C54;  height:20px; width:99%; margin:10px 0 0 0;}
.topcont .callme .tel2 select.timecall {  font-style:italic; color:#464C54;  height:24px; width:100%; margin:10px 0 0 0;}
.topcont .callme .tel2 input.butt { height:24px; background:#464C54; color:#ffffff; border:0; padding:2px 5px 4px 5px; width:130px; margin:15px auto 0px 40px; cursor:pointer}
.topcont .callme .tel2 input.butt:hover { height:24px; background:#464C54; color:#dcdcdc; border:0; padding:2px 5px 4px 5px; width:130px; margin:15px auto 0px 40px; cursor:pointer}


.topcont .prod { font-style:italic; font-family:Arial, Helvetica, sans-serif; padding:15px 0 0px 20px;}
.topcont .prod .tel{ font-size:1.3em; color:#FFFFFF; padding-top:5px;}
.topcont .prod .tel span{ font-size:1.5em; }
.topcont .prod .under{ font-size:1.1em; color:#FFFFFF;}

.whitepart { background-color:#FFFFFF; }

.toplogo { padding:10px 45px 0px 20px;}
.toplogo .logo {float:left; padding:65px 0 0 20px;}
.toplogo .rightpart { float:right;}
.toplogo .rightpart .nav { text-align:right; padding-bottom:10px;}
.toplogo .rightpart .nav img { padding:0 0 0 5px;}
.toplogo .rightpart .deviz{ font: italic 1.2em Arial, Helvetica, sans-serif; color:#969692; /*width:380px;*/ text-align:right;}
.toplogo .rightpart .menu { padding:30px 0 0 0;text-align:right; font-size:1.3em;}
.toplogo .rightpart .menu ul li{ display:inline; padding:0 0 0 35px;}
.toplogo .rightpart .menu ul li a{ color:#02a3cc; text-decoration:underline;}
.toplogo .rightpart .menu ul li a:hover{ color:#02a3cc; text-decoration:none;}
.toplogo .rightpart .menu ul li img { vertical-align:top;}

.mainicons {padding:40px 45px;}
.bigtext .onecol{ width:300px; float:left;}
.bigtext .twocol{ float:left;}
.bigtext .threecol{  float:right; width:300px;}
.bigtext a{ color:#02a3cc; text-decoration:underline;}
.bigtext a:hover {color:#02a3cc; text-decoration:none;}
.smtext{ padding-top:5px; line-height:1.5;}
.bigtext h1 { font: normal 2.2em Arial, Helvetica, sans-serif;color:#676a6d; padding:0px;}
.bigtext h1.akt { color:#fe42a1;}
.smtext .onecol{ width:270px; float:left; padding-right:30px; }
.smtext .twocol{ width:270px; float:left; padding-right:30px;}
.smtext .threecol{  float:right; width:300px;}

.ourworks { padding:30px 0 0 0;}
.ourworks .zag .nashi{width:175px; float:left;}
.ourworks .zag h1 { font: normal 2.2em Arial, Helvetica, sans-serif; color:#676a6d; padding:0px; margin:0px;}
.ourworks .pics{padding-top:20px;}
.ourworks .pics .one { float:left; width:285px; text-align:center;}
.ourworks .pics .two { float:left; width:285px; text-align:center; margin:0 23px 0 22px;}
.ourworks .pics .one img, .ourworks .pics .two img { border:1px solid #ffffff; margin-bottom:5px;}
.ourworks .pics .one img:hover, .ourworks .pics .two img:hover { border:1px solid #02a3cc;}
.ourworks .zag .all { text-align:right; padding:35px 10px 0 0; position:relative; font-size:1.6em;}

.blogstat { padding:40px 0 0 0;}
.blogstat .blog {/* float:left; width:560px;*/}
.blogstat .blog .zag h1 { font: normal 2.2em Arial, Helvetica, sans-serif; color:#676a6d; padding:0px; margin:0px;}
.blogstat .blog .zag h1 div { font:normal 0.4em Tahoma, Arial, Helvetica, sans-serif;}
.blogstat .blog .text{ font: normal 1.1em Arial, Helvetica, sans-serif; padding:10px 300px 30px 20px; line-height:1.4;}
.blogstat .blog .text div { padding:8px 0 0 0;}
.blogstat .blog .text ul{ padding: 5px 0 10px 0;}
.blogstat .blog .text ul li { padding:0 0 0 20px; background:none;}

.blogstat .stat { float:right; width:290px; padding: 0 0 20px 20px; }
.blogstat .stat .zag h1 { font: normal 2.2em Arial, Helvetica, sans-serif; color:#676a6d; padding:0px; margin:0px; position:relative;}
.blogstat .stat .zag h1 div { font:normal 0.4em Tahoma, Arial, Helvetica, sans-serif;}
.blogstat .stat .text { position:relative; padding:10px 0px 0 0;}
.blogstat .stat .text div { font-size:1.2em;padding:3px 0;}
.blogstat .stat .text div .tooltip { position:relative; z-index:24;}
.blogstat .stat .text div .tooltip span { display:none;}
.blogstat .stat .text div .tooltip:hover {z-index:25;}
.blogstat .stat .text div .tooltip:hover span {display:block;position:absolute;width:280px;top:25px;left:20px;background-color:#ecedef;padding:7px;font-size:11px;color:#333333;text-decoration:none;
}

.foot {  padding:40px 0 50px 350px;}
.foot .adr { float:left; padding:20px 0 0 0;}
.foot .adr div.one { padding:5px 0 0 0; width:160px; font-size:0.85em;}

/*vnutr*/
.mainicons_v { padding:40px 45px 40px 45px;}
.mainicons_v .osntext { padding:20px 0; line-height: 1.6;}
.mainicons .osntext { padding:0px 0 20px 0; line-height: 1.6;}

.opis {padding:20px 0 5px 0;}
.opis #rounded-box-5 { width:910px; font-size:1.2em;}
.opis #rounded-box-5 a{ color:#ff3399; text-decoration:underline;}
.opis #rounded-box-5 a:hover{ color:#ff3399; text-decoration:none;}
.opis #rounded-box-5 .site { padding-top:6px;}
.opis #rounded-box-5 .site a{ color:#029fca; text-decoration:underline;}
.opis #rounded-box-5 .site a:hover{ color:#029fca; text-decoration:none;}
.opis .inner-box{ padding:15px 25px 5px 25px; text-align:left;}
.opis .inner-box, .opis b {background-color:#ecedef;}
.opis .r1, .opis .r2, .opis .r3, .opis .r5 {	display: block;	height: 1px;	overflow: hidden;}
.opis .hre { padding-left:550px;}

.opis .r5 { margin: 0 5px; }
.opis .r3 { margin: 0 3px; }
.opis .r2 { margin: 0 2px; }
.opis .r1 { margin: 0 1px; }

.works img { border:1px solid #000000;}

.razdels {padding:40px 45px;}

.greybot{ padding:10px 0 40px 0; color:#FFFFFF; font-size:0.9em;}
.greybot .sch { float:left;}
.greybot .copy { float:right; padding:10px 0px 0 0;}

.submenu { text-align:right; padding:0 50px 0 0;}
.submenu a { margin:0 0 0 20px;}
.submenu a.akt { color:#ff41a0; text-decoration:underline;}
.submenu a.akt:hover { color:#ff41a0; text-decoration:none;}

.breadcrumbs { font-size:0.8em ; color:#999999; padding:10px 0 0 0;}

.cl {clear:both;}



.osntext p { padding: 6px 0 0 0;}
.osntext h2 {margin:15px 0 0 0;}

.conttable {border-top:1px solid #dadada; border-left:1px solid #dadada; margin:10px 0 0 0}
.conttable td {padding:10px; border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:center }
.conttable th {padding:10px; border-bottom:1px solid #dadada; border-right:1px solid #dadada; background:#ededed; }

.tabport td { text-align:center; background: #ededed; padding:10px 0px 0 0px} 
/*.tabport td.space {background:#ffffff; width:30%}*/
.tabport td.space {background:#ffffff; width:28px}

.mainicons ul { padding: 10px 0 20px 0;}
.mainicons ul li{ padding: 3px 0 3px 15px;background: url(/images/mar1.gif) no-repeat left 10px;}
.webfront-sm {padding: 0 10px 3px 5px; overflow:auto}
.webfront-sm img {float:right}
.marr20 {margin-right:20px;}
.osntext p.padt30 {padding-top:30px;}
.banner_webfront { float:right; margin:-10px 0 0 0 ;}
.infoba {margin:10px 0 0 0;}
.infoba img {border:1px solid #e2e2e2;}

.what { width:500px; border:1px solid #cccccc; }
.what td, .what th { padding:2px 5px; border-left:1px solid #cccccc}
.what th { padding:2px 5px; border-bottom:1px solid #cccccc}
.talright {text-align:right;}

.them td {border-bottom:2px solid #cccccc; padding:2px 5px 8px 5px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%;} .clearfix { display: block; }

.osntext h4 {font: bold 13px tahoma; padding:15px 0 5px 0; margin:0px;}
.mainicons .osntext ul.tolko {padding: 0px 0 10px 0px;}
.mainicons .osntext ul.tolko li { padding:1px 0 2px 15px;background: url(/images/mar1.gif) no-repeat left 7px; line-height:1.4;}

.packets {margin:5px 0 20px 0;}
.packets td {padding:10px;}
.packets h4 { color:#ff42a0; padding:10px 0 0 0;}
.packets h4 span{ color:#3e424b; }
.packets p {font-size:11px;}

.google {float:left;}
#vk_like {float:left;}
.webfront-sm img {top:20px; position:relative;}
h5 {font-size:14px; padding:5px 0; font-style:italic;}

.oneblockgrey { background:#eaecef; border-radius:20px; moz-border-radius:20px; margin:0 0 20px 0; padding:0 10px;}
.rel .pozic {position:absolute; width:103px; height:102px; top:-50px; left:-110px;}
.oneblockgrey h3 {padding:15px 0 0 80px;}
.mainicons .oneblockgrey .osntext       {padding:0 0 15px 80px;}

h4 span.rek {font-size:13px; position:relative; top:0px;}