@font-face {
    font-family: PF_Regular;
    src: url(../fonts/PFSquareSansPro-Regular.ttf);
   }
   
 @font-face {
    font-family: PF_Bold;
    src: url(../fonts/PFSquareSansPro-Bold.ttf);
   }   


html, body {height: 100%}

body {
margin: 0;
background: #fff;
font-family: PF_Regular, Arial,sans-serif;
color: #0d0909;
/*border-top:2px solid #505050;*/
}

.clear {clear: both;}

.block {min-height: 1px; float: left;}

.span0 {width: 98px}
.span1 {width: 196px}
.span11 {width: 294px}
.span2 {width: 392px}
.span20 {width: 356px}
.span22 {width: 490px}
.span3 {width: 588px}
.span4 {width: 784px}
.span5 {width: 980px}

.span4 li {margin-bottom: 5px; list-style: disc; text-align: justify;}
.span4 ul {margin: 0px -30px 0px 20px; padding: 9px;}

.span5 a {color:#12a04c; }

.span20 li {margin-bottom: 20px; list-style: disc; padding-right: 35px;}
.span20 ul {margin: 0px -30px 0px 20px; padding: 9px;}
.span2 p {text-align: justify; margin: 10px;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

p {margin: 0 0 10px;}
ul {margin: 0; padding: 0;}
li {list-style: none}

h1, h2, h3 {line-height: 30px}
h1 {font-size: 20px; margin-bottom: 30px;}
h1, .bb {text-transform: uppercase;font-family: PF_Bold, Arial,sans-serif; color:#505050}
.bb {font-size: 20px;} 

.span11 .bb {margin-bottom: 54px; font-size: 27px;}
.span11 a {color:#12a04c; font-size: 20px; }

.cont p {padding-left: 40px;}
.ofis {margin-top: 35px;}

hr {margin-bottom:25px}

.container {width: 980px; margin: auto; margin-top: -2px;}

.big {font-size: 20px;}
.small {font-size: 13px; }

.bread {font-size: 12px; color:#333;}

header {color: #505050; height: 133px;}
header .green {color:#029144;}
header .big {font-family: PF_Bold, Arial,sans-serif; margin: 0px}
header .small {text-shadow: 0px 1px 0px #eee;}
header a.small { text-shadow:none; text-decoration: none;}
header .phone a.small { 
text-shadow:none; 
text-decoration: none; 
border-bottom: 1px dotted #029144;
position: relative;
z-index: 1100;
}

.call a, header a {cursor: pointer} 

header .button { 
background: #119e4b; 
padding-bottom: 12px; 
padding-top: 10px;

}

header .button a {color: #fff; text-decoration: none; font-size: 16px;}
header .button img {float: left; margin-left: 20px;} 

.phone  {margin-top: 50px;}
.address {margin-top: 51px;}
.logo {margin-top: 30px}
.call .small {margin-top: 29px; display: block;}

.navbar1 {background:#f8f8f8; height: 90px; border: 1px solid #dadada; border-bottom: none; outline: 1px solid #fff; position: relative; }
.navbar1 ul {margin: 0; padding: 0;}

.navbar1 li {
list-style: none; 
width: 164px; 
float: left; 
border-left: 1px solid #fff; 
border-right: 1px solid #ececec;
height: 60px;
padding: 30px 0 0 30px;
background: url(../img/bb.png) no-repeat 88% 42%;
}


.nvb {border-bottom: 1px solid #dadada; margin-bottom: 30px;}

.navbar1 li:first-child {border-left:none}
.navbar1 li:last-child  {border-right:none}
.navbar1 li a {font-size: 15px; color: #12a04c; text-decoration: none; text-transform: uppercase; font-family: PF_Bold, Arial,sans-serif;}

.navbar1 li.item2 {background:url(../img/bb.png) no-repeat 88% 42% #f3f3f3}
.navbar1 li.item3 {background:url(../img/bb.png) no-repeat 88% 42% #efefef}
.navbar1 li.item4 {background:url(../img/bb.png) no-repeat 88% 42% #eaeaea}
.navbar1 li.item5 {background:url(../img/bb.png) no-repeat 88% 42% #e6e6e6}

.navbar1 li:hover, .navbar1 li.item2:hover, .navbar1 li.item3:hover, .navbar1 li.item4:hover, .navbar1 li.item5:hover {
background: url(../img/bb1.png) no-repeat 88% 42% #119e4b;
border-bottom:1px solid #119e4b;
}

.navbar1 li:hover a {color: #fff; text-shadow:1px 1px 1px #0b6530;}


.navbar1 li ul {
    
    margin:0;
    padding:19px 3px;
    width: 270px;
    list-style:none;
    zoom:1;
    position: absolute;
    display:none;
    background:#119e4b;
    top: 100%;
    margin-left: -30px;
  }
  
.navbar1 li:hover ul {display:block;z-index:99999}
.navbar1 li li, .navbar1 li.item1 li, .navbar1 li.item2 li, .navbar1 li.item3 li, .navbar1 li.item4 li, .navbar1 li.item5 li  {border:none; background:none; height: auto; padding:5px 25px;}
.navbar1 li li a {color: #fff; text-shadow:1px 1px 1px #0b6530; font-size: 15px; text-transform: none; font-family: PF_Regular, Arial,sans-serif  }
.navbar1 li li a:hover {opacity:0.8}	
	



/* .intro img {box-shadow: 0 0 40px #ededed; outline: 1px solid #fff;}  */

.intro {
background:url(../img/main.jpg); 
height: 414px; 
box-shadow: 0 0 40px #ededed; 
outline: 1px solid #fff;
position: relative;
width: 100%;
}

.intro h2 {margin-top:0; font-size: 20px; font-weight: normal; margin-bottom: 8px;}
.introtext {
background: #fff;
padding: 40px;
width: 312px;
position: absolute;
bottom: 0;
border: 1px solid #dadada;
}

.introtext p {color: #666; font-size: 14px;}

.introtext .button {
 border: 1px solid #019445;
 color:#0e994e; 
 font-size: 14px; 
 padding: 10px 45px 10px 35px; 
 border-radius: 4px;
 text-decoration: none;
 margin-top: 35px;
 display: inline-block;
 background: url(../img/ff.png) no-repeat 85% center;
   }

.head_pre {
position: absolute; 
bottom: 0; right:0; 
background: #505050; 
color:#fff; 
padding-top: 20px;
padding-bottom: 10px;
}

.head_pre h2 {text-transform: uppercase; font-size: 16px;}

.uslugi {clear: both; float: left; width: 100%;}

.news p {color:#777; font-size: 14px;}
.news a {color:#038f43; text-shadow: 1px 0px 0 #59F7A1;  text-decoration: none; }

.nav_page {text-align: right; padding: 30px; padding-bottom: 0; margin-bottom: 20px;}
.nav_page img {margin: 0 10px;}
.new p {padding-right: 30px;}
.new a {color:#038f43; font-size: 12px; text-shadow: 1px 0px 0 #59F7A1;  text-decoration: none; }
.new .date {color:#707070; font-size: 13px;} 

.allnews .new {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; background: url(../img/ff.png) no-repeat 99% center;}
.allnews .new p, .allnews .new a {font-size: 14px}
.allnews .new p {color:#777;} 
.allnews .new p.date {font-size: 16px; color:#333;}


.preim, .news {float: left;}
.preim {position: relative;}
.preim  h4 { font-weight: normal; padding: 0 25px; margin-top: 28px; }
.preim  h4  a {font-size: 16px; color: #fff; text-decoration: none; text-shadow: 0px -1px 1px #178042;}
.pr-1, .pr-2, .pr-3 {height:174px;}
.pr-1 {background: url(../img/pr-1.jpg)}
.pr-2 {background: url(../img/pr-2.jpg)}
.pr-3 {background: url(../img/pr-3.jpg)}

.partners {margin: 50px 0; float: left; width: 100%;}
.partners table {border-collapse: collapse;}
.partners table td {border: 1px solid #e9e9e9; padding: 0; width: 98px; }
.partners table td a {opacity: 0.3; width: 98px; height:84px; display: block; }
.partners table td a:hover {opacity: 1}

.p1 {background: url(../img/p01.png);}
.p1:hover {background: url(../img/p1.png);}
.p2 {background: url(../img/p02.png);}
.p2:hover {background: url(../img/p2.png);}
.p3 {background: url(../img/p03.png);}
.p3:hover {background: url(../img/p3.png);}
.p4 {background: url(../img/p04.png);}
.p4:hover {background: url(../img/p4.png);}
.p5 {background: url(../img/p05.png);}
.p5:hover {background: url(../img/p5.png);}
.p6 {background: url(../img/p06.png);}
.p6:hover {background: url(../img/p6.png);}
.p7 {background: url(../img/p07.png);}
.p7:hover {background: url(../img/p7.png);}
.p8 {background: url(../img/p08.png);}
.p8:hover {background: url(../img/p8.png);}
.p9 {background: url(../img/p09.png);}
.p9:hover {background: url(../img/p9.png);}
.p10 {background: url(../img/p010.png);}
.p10:hover {background: url(../img/p10.png);}
.p11 {background: url(../img/p011.png);}
.p11:hover {background: url(../img/p11.png);}
.p12 {background: url(../img/p012.png);}
.p12:hover {background: url(../img/p12.png);}
.p13 {background: url(../img/p013.png);}
.p13:hover {background: url(../img/p13.png);}
.p14 {background: url(../img/p014.png);}
.p14:hover {background: url(../img/p14.png);}
.p15 {background: url(../img/p015.png);}
.p15:hover {background: url(../img/p15.png);}
.p16 {background: url(../img/p016.png);}
.p16:hover {background: url(../img/p16.png);}
.p17 {background: url(../img/p017.png);}
.p17:hover {background: url(../img/p17.png);}
.p18 {background: url(../img/p018.png);}
.p18:hover {background: url(../img/p18.png);}
.p19 {background: url(../img/p019.png);}
.p19:hover {background: url(../img/p19.png);}
.p20 {background: url(../img/p020.png);}
.p20:hover {background: url(../img/p20.png);}



.footer { 
background: url(../img/footer.png);  
height:230px;
padding: 50px 0; 
float: left; 
width: 100%; 
color: #d1d1d1;
text-shadow: 1px 1px 1px #222;
font-size: 11px;
}

.footer h5 {
font-size: 13px;
font-weight: normal;
margin-top: 0;
margin-bottom: 10px;
}

.footer h5, .footer a {text-shadow: 1px 1px 1px #000;}
.footer li {list-style: none; margin-bottom: 5px;}
.footer a {font-size: 11px; color:#d1d1d1; text-decoration: none;}

.vk, .tw, .fb {width: 19px; height:17px; margin: 0 18px; float:left; dispaly:block; }
.vk {background: url(../img/vk.png);}
.vk:hover {background: url(../img/vk1.png);}
.tw {background: url(../img/tw.png);}
.tw:hover {background: url(../img/tw1.png);}
.fb {background: url(../img/fb.png);}
.fb:hover {background: url(../img/fb1.png);}


.search a.small {font-size: 13px;}
.search input {
border-radius: 4px;
border: none;
border: 1px solid #606060;

background: url(../img/find.png) no-repeat center right 10px #434242;

height: 28px; 
width: 196px;
color: #d1d1d1;
margin: 20px 0;
margin-top: 10px;
}


.modal {width: 640px; text-align: center; background: url(../img/spec.png); color:#fff; margin-left: -320px; }
.modal h3 {text-shadow: 0px -1px 1px #0d7237; font-size: 20px; margin-bottom: 30px; }
.modal-content {margin: 40px 0;}
.modal input, .feedback input  {width: 190px; }

.modal input, .modal textarea, .feedback input, .feedback textarea  {
margin-bottom: 25px;
padding: 7px 20px; 
border-radius: 2px; 
color:#333; 
font-family: PF_Regular, Arial,sans-serif; 
font-size: 14px;
}

input::-webkit-input-placeholder {color:#333}
input::-moz-placeholder {color:#333}
input:-ms-input-placeholder {color:#333}


.modal input.big1, .big1, .feedback input.big1 {width: 440px;color:#333;}
.modal form, .feedback form  {width: 482px; margin: auto}

.close {opacity:1; margin-right: 20px; margin-top: 20px;}

.modal button.otp {
border: none;
color: #fff;
font-size: 16px;
padding: 10px 20px;
width: 480px;
background: none;
border: 1px solid #fff;
border-radius: 3px;
text-shadow: 0px -1px 1px #0d7438;
box-shadow:  0px -1px 1px #0d7237;
}

.feedback button.otp {
border: none;
color: #109a49;
font-size: 16px;
padding: 10px 20px;
width: 480px;
background: none;
border: 1px solid #019445;
border-radius: 3px;
}

#center .feedback2 {background:#f8f8f8; width: 784px; border: 2px solid #109a49; height: auto;}

.modal form .otp img, .feedback form .otp img  {margin-top: -2px; margin-left: 15px;}


.phone .modal form {width: 440px; }
.phone .modal {width: 440px; margin-left: -220px;}
.phone .modal input, .phone .modal select  {width: 260px}
.phone .modal button.otp, .phone .modal select {width: 300px; }
.phone .modal button.otp {margin: 10px 0;}
.phone .modal select {
padding: 0px 20px; 
color:#333; color:#333; 
font-family: PF_Regular, Arial,sans-serif; 
font-size: 14px;
height: 40px;
}

.phone .modal input {margin-bottom: 10px;}

.trubka {margin-bottom: 15px;}

.map {margin: 50px 0; float: left;}

.rekv {width: 350px; float:right}
.rekv td {vertical-align: top; color:#666;  padding: 3px 0}
.rekv, .feedback {padding-top: 30px;}
/*.feedback {background: url(../img/feedback.jpg) no-repeat; width: 581px; height: 426px; margin-bottom: 100px; }*/

.feedback {
background: #f8f8f8;
width: 581px;
border: 2px solid #109a49;
height: auto;
margin-bottom: 50px;
}

.begin, .begin2 {font-size: 16px; text-shadow: 0px 1px 0px #ECECEC; margin-bottom: 30px; text-align: justify;}
.begin2 {font-size: 20px;}
.begin a, .begin2 a {color:#12a04c;}
#center .span2 p {color:#555;}
#center .partners{margin-top: 0}

/*.akcent {background: url(../img/spec.png); color: #fff; padding: 40px; width: 704px; margin-top: 40px; border-bottom: 1px solid #fff;}*/
.akcent {background: url(../img/spec.png); color: #fff; padding: 30px; width: 724px; margin-top: 20px; border-bottom: 1px solid #fff;}
.akcent p {font-size: 16px; text-shadow: 0px 1px 0px #096d32; opacity: 0.95; text-align: justify;}
.akcent a {color: #fff; text-decoration: none;}

#left li {margin-bottom: 20px;}
#left li a {color:#12a04c;font-weight: bold; padding: 5px; display:inline-block}

#left li a.active, #left li a:hover {color:#fff; background: #119e4b;  position: relative; text-decoration: none; }
#left li a.active::after, #left li a:hover::after {
    content: ''; 
    position: absolute;
border: 15px solid transparent;
border-left: 10px solid #119e4b;
top: 0px;
right: -25px;
}

.pg {font-size: 16px; color:#505050; margin: 0 7px; font-weight: bold;}
.nav_page .active {color:#12a04c}
#center .nav_page {text-align: left; padding-left:0}
#center .nav_page img {margin-top: -4px; }

.otziv {margin-bottom: 60px;}
.otziv_left p {color:#555; margin-left: 50px}

.otzivi .last {margin-bottom:0}

/*.otziv_right p {color:#555; text-align: right; margin-right: 50px; margin-top: 10px;}*/
.otziv_right p {color:#555; text-align: right; margin-right: 50px;}

.man {color:#000; font-size: 16px; text-shadow: 0px 1px 0px #eee;}

.blago_img, .blago_img img {width: 200px;}
.blago_shadow {margin-top: -15px;}

/*.otziv blockquote {width: 480px; border: 1px solid #e0e0e0; padding: 70px 35px;
background: url(../img/kl.png) no-repeat left 15px top 15px , url(../img/kr.png) no-repeat right 15px bottom 15px; 
margin-bottom: 0;
font-size: 16px; text-shadow: 0px 1px 0px #eee;
}*/
.otziv blockquote {width: 480px; height: 135px; border: 1px solid #e0e0e0; padding: 70px 35px;
background: url(../img/kl.png) no-repeat left 15px top 15px , url(../img/kr.png) no-repeat right 15px bottom 15px; 
margin-bottom: 0;
font-size: 16px; text-shadow: 0px 1px 0px #eee;
}


blockquote .kav {color:#505050; opacity:0.07; font-size: 128px; font-family: PF_Bold, Arial,sans-serif;}

.tl {margin-top: -9px; position: relative; margin-left: 20px;}
.tr {float: right; margin-right: 20px; margin-top: -2px;}

.sertif {width: 241px; float:left; margin:0 30px 30px 0; position: relative;
 background: url(../img/blago_shadow.png) no-repeat center bottom;
 padding-bottom: 10px;  
}
.last {margin-right:0}

.sertif a {width: 241px; position: relative; display: block;}



.sertif a:hover:after {
  content: ' ';
	background: url(../img/zoom.png) no-repeat center center #2ea763;
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 100%;
  } 
  
/* LIS orig version
#left .dst a , #left .ost a {margin-left: -15px; padding-left: 15px; width: 166px;} 
*/
#left .dst a , #left .ost a {margin-left: 0px; padding-left: 5px; width: 166px;}

#left .dst a.active::after, #left .dst a:hover::after {
content: '';
position: absolute;
border: 25px solid transparent;
border-left: 10px solid #119e4b;
top: 0px;
right: -35px;
} 

.razdely {margin-bottom: 110px; float: left;}

.greenfon {width:254px; height: 254px; opacity:0.75; background:#12a04c; display:none; position: absolute;}

.usl {
float:left;
border: 6px solid #12a04c;
margin-right: 1px;
margin-bottom: 1px;
position: relative;
width: 248px;
height: 248px;
} 

.usl:hover .greenfon {display:block; }

.usl img {width: 248px;}

.usl  p {
margin-left: 5px;
font-size: 20px;
font-weight: bold;
position: absolute;
bottom: 20px;
text-align: left;
}

.usl  p a {color: #fff; text-decoration: none; }

/*.usl  p span {background: #12a04c; text-transform: uppercase; padding-bottom: 5px; padding-top: 5px;}*/
.usl  p span {background: #12a04c; text-transform: uppercase; padding-bottom: 5px; padding-top: 5px; line-height: 1.5;}
.usl:hover p span {background:none;} 

.span11 .big_phone {font-size: 35px;}

.garant_text {width: 670px; margin-top: 10px; text-align: justify;}
.garant_text a {color:#12a04c;}

.unit {border: 1px solid #ededed; 
float: left; 
width: 208px; 
height: 300px;
padding:25px 25px 25px 25px; 
position: relative; 
font-weight: bold;
color: #505050;
}

.unit .greenfon {
width: 258px;
height: 100%;
opacity: 0.9;
background: #12a04c;
display: none;
position: absolute;
top: 0;
left: 0;
}

.unit:hover .greenfon {display:block;}
.unit .greenfon a  {
top: 50%; 
position: relative; 
color:#fff; 
text-decoration: none; 
padding: 10px 20px;
border: 1px solid #fff;
border-radius: 3px; 
}

.unit .greenfon a img {margin-top: -2px; margin-bottom:0; width: auto; height: auto;}
.unit .zag{color:#12a04c; font-size: 15px;}
.unit .price{font-size: 16px; }
.unit .price span {font-size: 20px;}
.unit img {margin-bottom: 25px; height: 150px;}
#sort {background: #f8f8f8; border: 1px solid #ededed; padding:15px; width: 748px;margin-bottom: -1px;
font-size: 12px; color:#555; }

#sort a {color:#12a04c; text-shadow: 1px 0px 0 #59F7A1; border-bottom: 1px dotted #029144; margin: 0 15px;}
#sort .check, #sort a:hover {text-decoration: none; color:#222; text-shadow: 0px 1px 0px #ECECEC; border:none;
position: relative;}

#sort .check::after, #sort a:hover::after {
    content: ''; 
    position: absolute;
border: 5px solid transparent; border-top: 5px solid #747474;
top: 5px;
right: -15px;
}

.back {font-size: 16px; color:#12a04c; text-shadow: 1px 0px 0 #59F7A1; }

.foto, .net_har, .work, .har, .fiz_har, .docs {
border: 1px solid #ededed;
float: left;
padding: 35px;
margin-bottom: -1px;
text-align: justify;
}

.foto {padding:0; border:none}
.big_foto {width: 500px;
height: 474px;
border: 1px solid #ededed;
line-height: 474px;}
.big_foto img {max-width: 400px; max-height: 450px;}
.small_foto {width: 280px; border: 1px solid #ededed; }
.small_foto img {
max-height: 85%;
max-width: 85%;
margin: 10px;
}
.pct {
text-align: center;
width: 139px;
float: left;
border: 1px solid #ededed;
height: 139px;
margin-left: -1px;
margin-bottom: -1px;
line-height: 139px;
}

.pct:hover {border: 1px solid #119e4b; position:relative;} 


.tovar .bb {margin-bottom: 20px;}

.docs li {list-style:none}
.docs li img {margin-right: 10px;}
.docs li a {color:#119e4b}

.cena {
font-size: 20px;
padding: 15px 0;
font-family: PF_Bold, Arial,sans-serif;
color: #505050;
padding-left: 20px;
background: #f8f8f8;
border-bottom: 1px solid #efefef;
}

.cena span {font-size: 30px;}

/* Navigation for breadcrumbs */
#breadcrumbs li {display: inline-table; color: #12a04c; font-size: 12px;}
#breadcrumbs a {color: #12a04c;}