p {margin-bottom:10px;line-height:1.667em}
.p0 {margin:0}
.p1 {margin-bottom:18px}
.price {text-align:center;display:block;font-size:30px;line-height:1.2em;letter-spacing:-1px;padding-bottom:30px;
color: #339999; font-weight: bold;
}
#slogan {background:url(../images/slogan-bg.jpg) no-repeat left top;height:220px;margin:12px 0 0 0;position:relative;left:3px;color:#fff;text-shadow:1px 1px #3e7901;position:relative}
#slogan h2 {font-size:26px;text-transform:uppercase;color:#fff}
#slogan h2 span {color:#262626}
#slogan .inside {position:absolute;left:360px;top:50px;}
address {font-style:normal;line-height:1.667em;display:block;padding-bottom:20px}
address b {float:left;width:73px}
/* txt, links, lines, titles */
a {color:#428301;outline:none}
a:hover {text-decoration:none}
h1 a {text-decoration:none}

h2.extra {padding:30px 0 0 43px}
h3 {font-size:26px;line-height:1.2em;color:#333333;margin-bottom:30px}
h4 {font-size:18px;line-height:1.2em;color:#333333;margin-bottom:27px;}
h4.extra {margin-bottom:12px}
h5 {font-size:1em;line-height:1.667em;margin-bottom:10px}
.link1 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link1-right.png) no-repeat right top;padding-right:7px;letter-spacing:-1px;text-transform:uppercase}
.link1:hover {color:#00b034}
.link1 span {display:block;background:url(../images/link1-left.png) no-repeat left top;padding-left:7px}
.link1 span span {background:url(../images/link1-bgd.png) left top repeat-x;padding:12px 14px}
.link2 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link2-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}
.link2:hover {color:#000}
.link2 span {display:block;background:url(../images/link2-left.gif) no-repeat left top}
.link2 span span {background:url(../images/link2-right.gif) no-repeat right top;padding:10px 22px}
.link3 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link3-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}
.link3:hover {color:#82b704}
.link3 span {display:block;background:url(../images/link3-left.gif) no-repeat left top}
.link3 span span {background:url(../images/link3-right.gif) no-repeat right top;padding:8px 19px}
.link4 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link4-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}
.link4:hover {color:#82b704}
.link4 span {display:block;background:url(../images/link4-left.gif) no-repeat left top}
.link4 span span {background:url(../images/link4-right.gif) no-repeat right top;padding:10px 22px}
.line-ver1 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:336px 0;width:100%}
.line-ver2 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:457px 0;width:100%}
.line-ver3 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:617px 0;width:100%}
.line-ver4 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:777px 0;width:100%}
/* boxes */
.header-box {width:100%;position:relative;}
.header-box .left {height:40px}


/* header */
header nav {float:left; }
header .left{
padding: 5px 30px 0 30px; background-color:#E0F0F5; border-radius: 5px; box-shadow: 0px 1px 3px #333333;height:40px; width: 100%;}


header nav li {float:left;font-size: 0.9em; line-height:2em;text-transform:uppercase;padding-left:31px;margin-left:29px;background:url(../images/divider.gif) repeat-y left top

}
header nav li:first-child {background:none;padding-left:0;margin-left:0}
header nav li a {color:#fff;text-decoration:none}
header nav li.current a, header nav li a:hover {color:#fa5858;}
header .top-info {position:absolute;left:45px;top:17px}
/* content */
#content .inside {padding:0 2px}
#content .inside1 {padding:40px 0 48px 42px}
#content .left-indent {padding-left:39px}
#content .bot-indent {padding-bottom:54px}
#content .bot-indent1 {padding-bottom:12px}
#content .indent {padding:7px 0 18px 0}
#content .indent1 {padding:17px 0 18px 0}
/* Sidebar */
aside .inside {padding:35px 40px 35px 44px}
aside .line-ver1 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:162px 0;width:100%}
aside .line-ver2 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:354px 0;width:100%}
aside .line-ver3 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:547px 0;width:100%}
aside .line-ver4 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:742px 0;width:100%}
#login-form fieldset {position:absolute;right:45px;top:15px}
#login-form span.text {float:left;width:104px;height:23px;margin-left:5px;background:url(../images/input-bg1.gif) no-repeat left top}
#login-form input {border:none;background:none;padding:4px 10px;vertical-align:top;color:#9b9b9b;width:84px}
*+ html #login-form input {padding-top:3px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#login-form a.login {color:#fff;text-decoration:none;text-shadow:1px 1px #295c01;float:left;background:url(../images/button-tail1.gif) repeat-x left top;position:relative;top:-2px;margin-left:3px}
#login-form a.login span {display:block;background:url(../images/button-left1.gif) no-repeat left top}
#login-form a.login span span {padding:5px 22px 6px 22px;background:url(../images/button-right1.gif) no-repeat right top}
#login-form span.links {font-size:.923em;line-height:1.2em;float:left;padding-left:8px;position:relative;top:-2px}
#login-form span.links a {color:#464646}#domain-form {padding-bottom:35px}
#domain-form span.text {display:block;background:url(../images/input-bg2.gif) no-repeat left top;width:217px;height:21px;margin:11px 0 13px 0}
#domain-form label {margin-left:6px;padding-top:0;float:left}
#domain-form span.text input {background:none;border:none;color:#9b9b9b;vertical-align:top;width:197px !important;padding:3px 10px}
#domain-form ul.checkboxes li {float:left;width:100px;padding-bottom:13px}
#domain-form ul.checkboxes li.alt {width:auto}
#domain-form ul.links {padding:9px 0 0 33px}
#domain-form ul.links li {float:left;line-height:1.2em;border-left:1px solid #464646;padding-left:11px;margin-left:11px}
#domain-form ul.links li:first-child {border:none;padding:0;margin:0}
#contacts-form .field {width:100%;overflow:hidden}
#contacts-form .field.text {height:30px}
#contacts-form label {float:left;width:94px}
#contacts-form input,
#contacts-form textarea { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(js/PIE.htc);position:relative; border:1px solid #cbcbcb; background-color:#fff;float:left; color:#464646}
#contacts-form input {width:300px;padding:3px 3px}
#contacts-form textarea {width:549px;height:293px;padding:3px 3px;overflow:auto;margin-bottom:17px}
#contacts-form a {margin-left:6px}
/* slider */
#faded {width:990px;height:350px;margin:7px 0;background:url(../images/slider-bg.jpg) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:350px;background:url(../images/pagination-bg.jpg) no-repeat left top}
#faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(../images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination li.current a {background-position:left top;color:#fff}
#faded ul.pagination li a span {font-size:30px;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination li a small {display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(../images/arrows.gif);padding:0 17px 0 0}
#faded ul.pagination li a span,
#faded ul.pagination li a small {padding-left:40px}
#faded ul.pagination li.current a small {color:#82b704;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:absolute;top:71px;right:35px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:43px;top:217px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(../images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#8ab805}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(../images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(../images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
a {outline:0;border:0}
/* custom forms */
/* Checkboxes */
span.jqTransformCheckboxWrapper {display:block;float:left}
a.jqTransformCheckbox {background:transparent url(../images/checkbox.gif) no-repeat left -30px;vertical-align:middle;height:17px;width:17px;display:block;/*display:-moz-inline-block;*/}
/* Checked - Used for both Radio and Checkbox */
a.jqTransformChecked {background-position:left top}
/* Hidden - used to hide the original form elements */
.jqTransformHidden {display:none}
#logo {
    max-width: 100%;
	 margin: 0px 5px 10px 0px;
}

.navbar {
      margin-bottom: 0px;
   border: 0;
}
#heder_telefon {text-align: right; color:#fa5858;
font-size: 1.2em; line-height: 1.3em;font-family: montserrat;
font-weight: 600;
}
#heder_telefon span {
    font-size: 12px;
	color:#464646;
	font-weight: 300;
}

.navbar-default {
    background-color: transparent; 
    
}
.callback {text-align: center;
}
.callback p{font-size: 0.9em;}
.align-center {text-align: center;}
/* button 
---------------------------------------------- */
.button, a.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100%;
	padding: .5em 1.3em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-family: montserrat;
}
.button:hover, a.button:hover {
	text-decoration: none;
}
/*.button:active,
a.button:active
 {
	position: relative;
	top: 1px;
}*/

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red, a.red{
	color: #faddde;
	border: solid 1px #980c10;
	background: #fa5858;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fa5858), to(#ed1c24));
	background: -moz-linear-gradient(top,  #fa5858,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5858', endColorstr='#ed1c24');*/
}
.button .red:hover,
a.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.button .red:active,
a.red:active
 {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* gray */
.gray {
	color: #e9e9e9;
	/*border: solid 1px #555;*/
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.button .gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.button .gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
.black {
	color: #d7d7d7;
	/*border: solid 1px #333;*/
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.button .black:hover,
a.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
color: #fa5858;
}
.button .black:active,
a.black:active
 {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/***меню********/
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0px;
    right: 0px;
	margin-top: -1px;
	padding: 15px 5px ;
}

.yamm {
    position: relative;
   
}
li.dropdown{
    position: relative; 
	cursor: pointer;
}

.yamm-content h4 {
    text-align: left;
	color: #fa5858;
	line-height: 1.1;
	font-family: montserrat;
		margin-bottom: 15px;
	text-transform: none;
	padding-top: 15px;
	font-weight: 600;
	cursor: auto;
}
.dop_menu {
    padding: 0 0 0 10px;
	display: block;
	overflow: hidden;
	padding-left: 20px;
}
ul.dop_menu li {
       	color: #333333;
		
}
ul.dop_menu li {
    list-style-type: square;
}

li.dropdown.open a.dropdown-toggle {
     color: #fa5858;
}
ul.dop_menu > li > a,
ul.dop_menu > li.dropdown.open > a,
 .yamm-content a {
    text-decoration: none;
    color: #555;
	font-size: 0.9em;
}

header nav .dop_menu li {
    float: left;
    line-height: 1.5em;
    padding-left: 0px;
    margin-left: 0px;
    background: transparent;
	width: 100%;
}
.butt-kalk {
    max-width: 80%;
}

h3.red {text-align: center;
padding: 20px 5px; border-radius: 20px 20px 0 0; border: 0;font-size: 1.3em;
font-family: montserratsemibold;
margin-top: 0;
color: #fff;
background: #fa5858;

}
h3.red p{
	font-size: 0.5em;
	margin: 0px 0;
	}

.inner {border-radius: 5px;
/*border: solid 1px #980c10;*/
padding: 0px 0px 0px 0px;
/*box-shadow: 0 0 5px #333333;*/
background: #fff;
margin-bottom: 15px;
}
#heder_telefon {margin-bottom: 5px;}
#kak_rabotaem {
	
	/*background:url(../images/fon9.jpg) no-repeat center bottom;*/
min-height: 150px;text-align: center;
margin: 30px 0;
background-size: cover;
padding: 30px 0 20px 0;
background-position: fixed;
/*background:#f6dfdf url(/images/fon5.png);*/
}


#kak_rabotaem img {max-width: 80%; max-height: 100px;}

#kak_rabotaem p {
	font-family: montserrat;
	font-size: 1.3em;
	text-align: center;
	margin-top: 15px;
}
 #kak_rabotaem p.p1 {
	
	font-size: 14px;
	text-align: justify;
	
} 
.top-10-1 p {font-family: montserrat;
	font-size: 16px;
	text-align: left;
	}

.strl-1::after {
	display: block;
	content: '';
	width: 100px;
	height: 100px;
	background:url(../images/strl-1.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: -40px;
}
.strl-2::after {
	display: block;
	content: '';
	width: 100px;
	height: 100px;
	background:url(../images/strl-2.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: -40px;
	
	
}



.page-title, .category-title {
	font-size: 2em;
	font-family: montserrat;
	margin: 10px 0 50px 0;
	width: 100%;
	text-align: left;
	color: #333;
	font-weight: 700;
	
	
}

.content .page-title {
	margin: 30px 0 20px 0;
		
	
	
}
.content h1 {
padding-left: 0;
}

.line {width: calc(50% - 30px);
height: 1px;
background: #b9b3b3;
text-align: center;
display: inline-block;
position: relative;
margin: 60px 0 0px 0;

}

.content .line {
margin: 10px 0 10px 0;

}
.line2 {width: calc(100% - 200px);
margin: 50px 0;
}

	
#kak_rabotaem .line-img img,
.line-img img
 { width: 40px; height: 40px; margin-top: 40px; }

.content .line-img img
 { margin-top: -10px; }


#portfolio_main .col-xs-12 { max-height: 300px; overflow: hidden; }
#portfolio_main .col-xs-12 img {max-width: 100%;}
#portfolio_main a.button {margin-top: 30px; margin-left: 15px;}
#top-10 {text-align: center;}
#top-10 .iconki-top {max-width: 50px;
margin: 10px;}
#top-10 h4{max-width: 200px; margin: 10px auto 10px auto;}
#zapros {text-align: center; padding: 50px 0; }


#zapros .container h2.page-title {color: #fff; margin-bottom: 50px; text-align: center;}

#zapros .line { margin: 20px 0 0px 0;
}
#zapros .line-img img{ margin-top: 0px;
}


#zapros input[type="text"] {
	width: 100%;
	padding: 10px 15px;
	border-radius: 3px;
	border: 0px solid #e1e1e1;
	outline: none;
	margin: 15px 0;
}
#zapros input[type="text"]:focus {
  border-radius: 5px;
	border-color: #ed1c24;
}
#zapros .button {width: 100%; padding: 12px 15px;border-radius: 5px; margin: 15px 0;}
#garant {text-align: center;}
#garant .col-lg-2 img {max-width: 40px; margin: 10px;}
.p-mini {font-size: 0.8em;}
ul.dropdown-menu  {z-index: 20000;}

.portfolio-img img {max-width: 100%; }
.portfolio-img img:hover  { box-shadow: 0px 0px 10px #175e87;}
.content .portfolio-img img:hover  { box-shadow: none;}

#portfolio .col-xs-12 {height: 290px; overflow: hidden; margin: 10px 0; }

.portfolio-img {height: 200px; overflow: hidden; width: 100%;position: relative; display: block;  padding: 10px;}
.port-close {display: none;}
#portfolio p {font-size: 0.9em; padding: 10px 10px; line-height: 18px;}
#portfolio #portfolio-filter {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 70px;
    padding: 12px 20px 5px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #494949;
   }


#portfolio-filter span:first-child {
    color: #606060;
    font-weight: bold;
	font-family: montserrat;
}
#portfolio-filter span {
    display: block;
    float: left;
    margin-right: 10px;
  line-height: 60px;
   font-size: 0.9em;
	
}

#portfolio-filter span a {
    color: #999999;
    text-decoration: none;
	text-transform: uppercase;
}
#portfolio-filter span a:hover,
#portfolio-filter span a.active
{
	color: #fa5858;
	
}
.content .container{text-align: justify;
background: #fff; border-radius: 5px;
margin-top: 20px ; padding-bottom: 30px;
}

.content .portfolio-img {
	width: 200px;
	
	float: right;
	margin: 20px 30px 30px 30px;
}
.content .portfolio-img:first-child {
    float: right;
    }
	
.content .portfolio-img img {
    max-width: 190px;
}
.content ul{
	padding-left: 50px;
	margin: 20px 0;
}
.content ul li {
	padding: 10px 5px;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.3em;
}
.content ul.dop_menu li {
	padding: 5px 5px;
	line-height: 1em;
}


.content ul li span {
	
	color: #ed1c24; margin-right: 10px;
}
.content h2.page-title {
font-size: 1.5em;}
/*.content .rightmenu img {max-height: 120px; 
margin: 0px auto 0px 30%;
}*/
.rightmenu ul.dop_menu{border: 1px solid #ccc;
border-radius: 5px;
padding-left: 35px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 15px;
box-shadow: 5px 5px 10px #ccc;
text-align: left;
position: relative;
}
.rightmenu ul.dop_menu a {
	
	color: #175e87;
}


.rightmenu ul.dop_menu a:hover {text-decoration: underline;}
/*
input[type=checkbox],
input[type=radio]

 {
    display: none;
}
*/

/*
label {
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
     font-size: 0.9em;
    height: 30px;
    text-align: left;
    line-height: 1.2em;
	width: 100%;
	
}
label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #e1e1e1;
	color: #fff;
   box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
	padding-left: 4px;
	border-radius: 3px;
	line-height: 20px;
	font-size: 0.9em;
}
.checkbox label::before {
content: "✔";}


input[type=radio]:checked + label:before,
.checkbox input[type=checkbox]:checked + label::before
 {
    content: "✔";
     background-color: #00b034;
   
}
*/
.kalk-top-img {display: block;
min-width: 100%;
background:  url(../images/strelka1.jpg) no-repeat center bottom;
height: 90px;
position: absolute;
top: 0;
left: -10px;
right: -10px;
color: #fff;
text-align: center;
background-size: 100%;
}
.div_kalkulator .page-title {text-align: left;}
.rightmenu ul.dop_menu.stoimoct1 {
      padding-left: 10px;
      padding-right: 10px;
       text-align: center;
    
}
.portfolio_main {width: 100%; height: 300px; position: relative; z-index: 1000; }


.portfolio_main1 {background:  url(../images/p2-10.png) no-repeat center top;
background-size: 120%;
		-moz-transition: all 1.2s ease-out;
 -o-transition: all 1.2s ease-out;
 -webkit-transition: all 1.2s ease-out;
 transition: all 1.2s ease-out;
}
.portfolio_main2 {background:  url(../images/portfolio/us19.jpg) no-repeat center top;
background-size: 120%;
	-moz-transition: all 1.2s ease-out;
 -o-transition: all 1.2s ease-out;
 -webkit-transition: all 1.2s ease-out;
 transition: all 1.2s ease-out;
}
.portfolio_main3 {background:  url(../images/portfolio/us20.jpg) no-repeat center top;
background-size: 120%;
		-moz-transition: all 1.2s ease-out;
 -o-transition: all 1.2s ease-out;
 -webkit-transition: all 1.2s ease-out;
 transition: all 1.2s ease-out;
}
.portfolio_main4 {background:  url(../images/portfolio/us15.jpg) no-repeat center top;
background-size: 120%;
		-moz-transition: all 1.2s ease-out;
 -o-transition: all 1.2s ease-out;
 -webkit-transition: all 1.2s ease-out;
 transition: all 1.2s ease-out;
}

.portfolio_main1:hover,
.portfolio_main2:hover,
.portfolio_main3:hover,
.portfolio_main4:hover
{background-size: 100%;
/*-webkit-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/ /* Чёрно-белое изображение */
}
.substrate {
	display: block;
	width: 100%;
	position: absolute;
	-moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
 height: 50px;
 left: 0px;
 top: 300px;
 right: 0;
	background: rgba(23, 94, 135, 0.95);
	z-index: 1000;
	overflow: hidden;
	padding: 0px 15px;
	text-align: center;
}
.portfolio_main1:hover .substrate {top: 250px; padding: 15px;}
.portfolio_main2:hover .substrate {top: 250px; padding: 15px;}
.portfolio_main3:hover .substrate {top: 250px; padding: 15px;}
.portfolio_main4:hover .substrate {top: 250px; padding: 15px;}

.substrate h2 {color: #fff;
font-weight: 500; font-size: 1.2em;
}



/******отзывы********************************************/
.blok-recall img {width: 80px;}

.navig span {
    background: #555;
    padding: 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
	cursor: pointer;
}



.navig a{color: #fff;}

.float-right {float: right;}

.blok-recall{
height: 300px;
display: block;
position: relative;
overflow: hidden;
padding:30px;
}
.blok-recall p.slide-text {display: block;
padding-top: 30px;
max-width: 100%;
overflow: hidden;
}
.slide-name h3 {margin-bottom: 10px; font-size: 1.5em;}
.slide-name p {color: #555; font-size: 0.8em; line-height: 1em;}


.recall-slide,
.slide1,
.slide2,
.slide3,
.slide4 {position: absolute;
top: 0;
display: block;
overflow: hidden;


}
.slide2,
.slide3,
.slide4 {left: 100%;}

.transition{
-moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
}
.mini-pad {padding-left: 0px;
padding-right: 0px;/* border: 1px solid #ccc; border-bottom: 0;*/
}

.info-list .mini-pad  li {text-align: center; margin: 0; padding: 15px 15px 15px 30px;

border-bottom: 0;
}

.info-list .row {border-bottom: 1px solid #ccc; margin-left: 0; margin-right: 0;}
.info-list .row:nth-of-type(2n+1) { background: #e1e1e1; }

.info-list .row:nth-of-type(2n) { background: #fff;}

h4.red {text-align: center;
padding: 10px 3px;  border: 0;font-size: 1em; 
font-family: montserratsemibold; min-height: 50px; border-radius: 10px 10px 0 0;
margin-bottom: 0;
color: #fff;
}

#list-function .info-list li span {
       font-size: 0.9em;
    line-height: 1.1em;
	color: #555;
}

#list-function .info-list{background: #fff; padding: 0 0 0px 0px; }


#list-function .mini-pad.border-left  {border-left: 0; }

ul.spisok_li li img {
    max-height: 25px;
    max-width: 25px;
    margin: 0px 10px 5px 0;
	float: left;
	
}
ul.spisok_li li{
	display: block;
	margin: 0px 0 0px 0;
	overflow: hidden;
	line-height: 30px;
}
ul.spisok_li {margin-bottom: 50px;}

.info-list .mini-pad li.price {
    font-size: 1.4em;
   
    border-radius: 20px;
    margin: 20px 5px 50px 5px;
    color: #339999;
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    
}

#img_top {width: 40px;
height: 40px;}
footer {background: #175e87; margin-top: 50px; text-align: left;}
footer a, footer {color: #fff;}
footer a:hover {color: #fff; text-decoration: underline;}
footer .spisok_li {text-align: left;}



@media (max-width: 991px){#heder_telefon{ text-align: center; margin: 15px 0; }

}

@media (min-width: 768px and max-width: 991px) {
header nav li { padding-left:21px; margin-left:19px;}
}
@media (min-width: 800px){
	#portfolio #portfolio-filter {
		
    background: url(../images/filter-bg.png) no-repeat;
	background-size: cover;
}
	
}
.mobil-fix-menu {display: none;}
@media (max-width: 767px){
	body {
background:  url(../images/bg-fon-mobili.jpg) no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
.blok-recall{
height: 400px;
text-align: center;}
#portfolio_main .col-xs-12 {margin-bottom: 20px;}


.strl-2::after,
.strl-1::after
 {
    width: 100px;
    height: 100px;
    background: url(../images/strl-1.png) no-repeat center center;
    background-size: cover;
    top: 50px;
    right: 0px;
}
header nav li {
    background: none;
	 padding-left: 10px;
    margin-left: 0;
    margin-right: 50px;
	
	}
#kak_rabotaem {
  
    margin: 0px 0;
    padding: 0px 0 20px 0;
  
}
.header-box .left {
  	font-size: 1.1em;
}
header nav .dop_menu li {
 
    font-size: 1.1em;
}
.slogan {
   font-size: 1.1em;
}
#heder_telefon {
    font-size: 1.5em;}
.callback p {
    font-size: 1.2em;
}

.mobil-fix-menu {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	background: #ed1c24;
	z-index: 10000;
	color: #fff;
	box-shadow: 0px 0px 10px #333;
}
.mobil-fix-menu ul{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center; 
	
	
}

.mobil-fix-menu ul li a {
	color: #fff;
	font-size: 8px;
	text-transform: uppercase;
	align-items: center; 
	text-align: center;
	flex-direction: column;
	display: flex;
	padding: 10px 15px;
}
.mobil-fix-menu ul li a i{ 
font-size: 20px;

}
.page-title {
font-size: 1.5em;}


#portfolio .col-xs-12 {
    height: auto;
	margin-bottom: 0px;
    
}
}
@media (max-width: 599px){ 
header .left {
    padding: 5px 0px 0 0px;
    height: 100px;
   
}
.header-box .left {
    height: 110px;
	font-size: 1.1em;
}
header nav li {
   	width: 100%;
}


}

.header-fix span.fix-tel {display: none;}
@media (min-width: 991px){
.blok-recall p.slide-text {display: block;
max-width: 600px;

}
.scrolled{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
}

.header-fix.scrolled span.fix-tel {
	display: inline-block;
	color: #fa5858;
	font-size: 1.4em;
	line-height: 1.1em;
	float: right;
   
}



}
.item-uslugi {
	font-family: montserrat;
	text-align: center;
	padding: 10px 15px;
		margin-bottom: 30px;
	
}

.item-uslugi p 

{padding: 10px 15px;
border: 1px dashed #555;
border-radius: 15px;
display: block;


}


.item-uslugi1 p  {background: #beefed;}
.item-uslugi2 p {background: #efface;}
.item-uslugi3 p {background: #cabbed;}
.item-uslugi4 p {background: #facade;}
.item-uslugi5 p {background: #ace7ff;}
.item-uslugi6 p {background: #fed;}

#zapros p {color: #fff; margin: 30px 20px;}

.main-slogan {padding: 50px 0;}

.main-slogan ul {
	padding: 30px 0;
	
}
.main-slogan ul li {
    font-size: 18px;
    list-style: disc;
    line-height: 24px;
	font-family: montserrat;
}