/*
Theme Name: RK Komplex
Theme URI:
Author: Alex666®
Author URI:
Description: Theme by rk-komplex company
Version: 1.0
License: MIT
License URI:
Tags: theme
Text Domain: rk-komplex.ru
*/

/* import "css/style.css"; */
/* import "css/reset.css"; */

@font-face {
    font-family: Ubuntu_Bold; /* Гарнитура шрифта */
    src: url(Ubuntu-R.ttf); /* Путь к файлу со шрифтом */
   }
   @font-face {
    font-family: Ubuntu-Light; /* Гарнитура шрифта */
    src: url(Ubuntu-Light.ttf); /* Путь к файлу со шрифтом */
   }
@font-face {
    font-family: SofiaProUltraLight; /* Гарнитура шрифта */
    src: url(SofiaProUltraLight.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: SofiaProExtraLight; /* Гарнитура шрифта */
    src: url(SofiaProExtraLight.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: SofiaProExtraLight-Italic; /* Гарнитура шрифта */
    src: url(SofiaProExtraLight-Italic.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: SofiaProUltraLight-Italic; /* Гарнитура шрифта */
    src: url(SofiaProUltraLight-Italic.ttf); /* Путь к файлу со шрифтом */
}

b {
	font-family: ubuntu-R;
	font-weight: bold;
}
strong {
	font-family: ubuntu-R;
	font-weight: bold;
}
body {
	font-family: ubuntu-Light;
	margin: 0 auto;
}
a {
	text-decoration: none;
	color :#000000;
}
table {
        border: none;
        margin-bottom: 20px;
}
table tr td {
        padding: 10px;
        /* border-color: #90c458; */
        border-color: #dbdada;
        font-size: 15px;
        text-align: justify;
}
.sticky-top{
	position: fixed;
	width: 100%;
	background-color: #fff;
	z-index: 2;
}
.sticky-wrapper{
	position: relative;
	z-index: 1;
	padding-top: 164px;
}
.planirovka-row h3{
    text-align:center;
}
header {
	min-height: 102px;
	border-bottom: 1px solid #1297cf;
	min-width: 965px;
	overflow: hidden;
}
header .logo{
	float: left;
	background: transparent url(logo.png) no-repeat left top;
    background-size: 209px 97px;
    width: 215px;
    height: 106px;
}
header .info {
	margin: 0 0 0 40px;
	padding-right: 40px;
	float: left;
	height: 102px;
}
header .info p{
	margin-top:0;
	margin-bottom: 0;
}
header .info_wrapper{
	display: table-cell;
	vertical-align: middle;
	height: 102px;
}
header .phone {
	font-size: 32px;
	margin-bottom: 14px;
	color: #7e7e7d;
	padding-bottom: 12px;
}

header .phone a {
	color: #7e7e7d;
	text-decoration: none;
}
.otdelka-row h3{
text-align:center;
}
header .bottom {font-size: 17px;line-height: 16px;}
header .bottom .green{
	font-size: 12px;
	display: block;
	float: left;
	margin: 1px 8px 0 0;
}
header .info  i, i.h24{
	margin-top: 1px;
	display: inline-block;
	width: 18px;
	height: 18px;
	float: left;
	background: url('images/24.png') no-repeat;
	margin-right: 3px;
}
table tr td{
font-size:12px;
}
.textwidget table{
border:1px solid #1297cf;
    width: 245px;
}
.panel-grid-cell {
    padding: 0 10px;
    width: 417px;
    position: static;
}
.textwidget table tr{
border-bottom:1px solid #1297cf;	
}
ul.curve {
	margin: 0 -70px -1px 5px;
	padding: 0;
	float: right;
	right: 0;
	border-bottom: 1px solid #1297cf;
}

ul.curve li {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
	float: left;
	border-left: 1px solid #1297cf;
	overflow: hidden;
	height: 102px;

}

ul.curve li:last-child {
	border-right: 1px solid #1297cf;
}

ul.curve li:hover{
	background: #8fc245;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOGZjMjQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#8fc245), color-stop(100%,#ffffff));
	/*background: -webkit-linear-gradient(45deg,  #8fc245 0%,#ffffff 100%);*/
	background: -webkit-linear-gradient(45deg, #8fc245 0%, #ffffff 100%);
	background: linear-gradient(45deg,  #8fc245 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc245', endColorstr='#ffffff',GradientType=1 );
}

ul.curve a {
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: skew(45deg);
	-ms-transform: skew(45deg);
	transform: skew(45deg);
	display: inline-block;
	padding: 40px 10px;
	line-height:22px;
	height: 102px;
	color: #1297cf;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	width: 185px;
}

ul.curve li a .front{
	display: block;
}
ul.curve li a .back{
	display: none;
}

ul.curve li:hover a .front{
	display: none;
}
ul.curve li:hover a .back{
	display: block;
}


i.mail{
	display: inline-block;
	width: 71px;
	height: 57px;
	margin-left: -27px;
	margin-top: -13px;
	background: url('images/right_top_menu.png') -1px -11px no-repeat;
}

i.call-phone{
	display: inline-block;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -17px;
	width: 87px;
	height: 67px;
	background: url('images/right_top_menu.png') -85px -5px no-repeat;
}
.container {
	width: 965px;
	margin: 0 auto;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
.container:before,
.container:after {
	content: "";
	display: table;
}
.container:after {
	clear: both;
}
.full-col{
	float: left;
	width: 100%;
}
.top-menu-wrapper{
	min-width: 965px;
}
.top-menu {
	max-width: 965px;
	width: 100%;
	margin: 0 auto;
	height: 57px;
}
.top-menu li.current-menu-item {
	background: #ebebeb;
}
.top-menu li.current-menu-parent {
	background: #ebebeb;
}
.top-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.top-menu > ul {
	position: relative;
}
.top-menu li:hover > ul.sub-menu,
.top-menu li.hover > ul.sub-menu{
	opacity: 1;
	visibility: visible;
}
.top-menu ul.sub-menu{
	left: 0;
	max-width: 100%;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
	transition: all ease-in-out 200ms 100ms;
	position: absolute;
	width: 965px;
	margin-top: 23px; /*18 + 5*/
	background: rgba(255,255,255,.85);
}
.top-menu ul.sub-menu li {
	padding: 13px 25px;
}
.top-menu ul.sub-menu li a {
	font-size: 16px;
}
.top-menu ul:after,.top-menu ul:before {
	display: table;
	content: "";
}
.top-menu ul:after{
	clear:both;
}
.top-menu ul li{
	float: left;
	margin-left: 8px;
	padding: 18px 29px;
}
.top-menu ul li:hover,
.top-menu ul li.hover{
	background-color: #ddd;
}
.top-menu ul li:first-child {
	margin-left: 0;
}
.top-menu ul li a{
	color: #333333;
	text-decoration: none;
	font-size: 21px;
}
.top-menu .language {
	float: left;
	position: relative;
	margin-top: 19px;
}
.top-menu .language:hover .list{
	display: block;
}
.top-menu .language .current{
	color: #99cc33;
	font-size: 17px;
	width: 40px;
	cursor: pointer;
}
.top-menu .language .current i{
	display: inline-block;
	width: 11px;
	height: 5px;
	background: url('images/icons_sprite.png') 0 0 no-repeat;
	margin: 0 0 3px 0;
}
.top-menu .language .list{
	display: none;
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 20;
}
.top-menu .language .list ul {
	width: 50px;
	display: inline-block;
	background: #fff;
	padding: 0 0 10px 0;
	border: 1px solid #ccc;
}
.top-menu .language .list ul li{
	padding: 0;
	clear: left;
	/*margin: 4px 0 0 2px;*/
	margin: 11px 0 0 7px;
}
.top-menu .language .list ul li a{
	padding: 0;
	font-size: 17px;
}
.flexbox .sub-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: row;
    -webkit-flex: row wrap;
    -ms-flex: row wrap;
    flex: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flexbox .sub-menu li {
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.carousel {
	position: relative;
}
.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.carousel-inner > .item {
	/*height: 325px;*/
	height: 429px;
	display: none;
	position: relative;
	-webkit-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
	display: block;
}
.carousel-inner > .active {
	left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner > .next {
	left: 100%;
}
.carousel-inner > .prev {
	left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
	left: 0;
}
.carousel-inner > .active.left {
	left: -100%;
}
.carousel-inner > .active.right {
	left: 100%;
}
.carousel-indicators {
	position: absolute;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	list-style: none;
	text-align: center;
	top: 25px;
	left: 50%;opacity:0;
	margin-left: -30%;
}
.carousel-indicators li {
	display: inline-block;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	float: left;
	margin: 1px 10px 1px 1px;
	border-radius: 100px;
}
.carousel-indicators .active {
	background-color: #fff;
}
.carousel-caption {
	position: absolute;
	left: 15%;
	right: 15%;
	top: 200px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
    font-size: 30px;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption a {
    color: #ffffff;
}
.carousel-caption .btn {
	text-shadow: none;
}
/** Для эмуляции плохоподдерживаемых свойств object-* пользуемся хаком задания background-image через style*/
.ex_img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.section-menu-wrapper{
	min-width: 960px;
	overflow-x: hidden;
}
.section-menu  {
	width: 950px; /**1210px*/
	margin: 0 auto;
	padding-top: 25px;
}
.section-menu:before, .section-menu:after{
	content:"";
	display: table;
}
.section-menu:after{clear:both;}
.section-menu .item {
	float: left;
	width: 193px;
	margin-left: 150px; /**50*/
	*word-break: break-all; /** Перенос слов по слогам */
	word-break: break-word; /** Перенос слов по слогам */
}
.section-menu .item:first-child{margin-left: 20px;/**40*/}
.section-menu .item i {
	display: inline-block;
	width: 193px;
	height: 192px;
}
.section-menu .item a{display: inline-block; text-decoration: none;}
.section-menu .item i.fitout {
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 5%;
	border-radius: 50% 0% 50% 50%;
    background: #F2F2F2 url(icon_management_menu.png) no-repeat center center;
    background-size: contain;
}
.section-menu .item a:hover i.fitout {
    background: #1297cf73 url(icon_management_menu.png) no-repeat center center;
    background-size: contain;
}
.section-menu .item i.remont-kvartir-ot-burometr {
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 5%;
	border-radius: 50% 0% 50% 50%;
    *background: #1297cf73;
	background: #F2F2F2 url(icon_remont_menu.png) no-repeat center center;
    background-size: contain;
}
.section-menu .item a:hover i.remont-kvartir-ot-burometr{
   background: #1297cf73 url(icon_remont_menu.png) no-repeat center center;
    background-size: contain;
}

.section-menu .item i.cleaning {
    background: url('images/top_menu_sprite.png') -205px 0 no-repeat;
}
.section-menu .item a:hover i.cleaning {
    background-position: -206px -210px;
}
.section-menu .item i.maintenance {
    background: url('images/top_menu_sprite.png') -403px 0 no-repeat;
}
.section-menu .item a:hover i.maintenance {
    background-position: -407px -210px;
}
.section-menu .item i.energoaudit {
    background: url('images/top_menu_sprite.png') -403px 0 no-repeat;
}
.section-menu .item a:hover i.energoaudit {
    background-position: -407px -210px;
}
.section-menu .item i.facility {
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 10%;
	border-radius: 50% 0% 50% 50%;
    background: #F2F2F2 url(icon_fitout_menu.png) no-repeat center center;
    background-size: contain;
}
.section-menu .item a:hover i.facility {
    background: #1297cf73 url(icon_fitout_menu.png) no-repeat center center;
    background-size: contain;
}
.section-menu .item i.sof {
    background: url('images/top_menu_sprite.png') -808px 0 no-repeat;
}
.section-menu .item a:hover i.sof {
    background-position: -808px -210px;
}


.section-menu .item p{
	font-size: 24px;
	color: #333333;
	line-height: 27px;
	margin-top: 13px;
}
.advantage {
	clear: both;
	border-top: 1px solid #1297cf;
	border-bottom: 1px solid #1297cf;
	margin-top: 26px;
	min-width: 965px;
	overflow-x: hidden;
}
.advantage .container{padding-left: 18px;width: 942px;}

.advantage .part-container {
	display: table;
	width: 100%;
}
.advantage .part-wrapper{
	-webkit-transform: skew(45deg);
	-ms-transform: skew(45deg);
	transform: skew(45deg);
	padding: 10px 30px;
}

.advantage .part{
	display: table-cell;
	min-height: 125px;
	-webkit-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
	text-align: center;
}

.advantage .part:nth-child(2){
	border-right: 1px solid #1297cf;
	border-left: 1px solid #1297cf;
}

.advantage p{
	color: #666565;
	font-size: 62px;
}
.advantage p span{
	font-size: 36px;
	color: #666565;
	margin-left: -10px;
}
sup {
	vertical-align: super;
	font-size: 20px;
}
.advantage .curve-line {
	float: left;
	background: url('images/curve_line_long.png') no-repeat;
	position: absolute;
	top: 0;
	height: 129px;
	width: 164px;
}
.advantage .first {left: 182px;}
.advantage .two {left: 609px;}
.advantage span{
	font-size: 24px;
	color: #333333;
}
.advantage .center{padding: 20px 101px;}
.articles{
	min-width: 960px;
	*overflow-x: hidden;
	padding-left: 15px;
	padding-right: 15px;
}
.articles .item {
	width: 960px;
	margin: 0 auto;
}

.articles .item ul {
	list-style-image: url('li_marker.png');
	font-size: 15px;
	color: #333333;
	margin-left: 20px;
	margin-right: 11px;
}
.articles .item ul li{
	line-height: 18px;
	margin-bottom: 11px;
}

.articles .line {
	border-top: 1px solid #1297cf;
	margin-top: 100px;
	display: inline-block;
	width: 100%;
	margin-bottom: -3px;
}
.articles .left{
	float: left;
	width: 600px;
	padding-top: 50px;
}
.articles .right{
	float: right;
	width: 330px;
}
.articles h1 {
	color: #5a5a5a;
	font: 400 48px/48px ubuntu-Light;
	margin-bottom: 10px;
	margin-top: 0;
}
.articles i{
	width: 167px;
	height: 167px;
	background: url('section_icons.png') no-repeat;
	display: inline-block;
	margin: 0 0 10px 73px;
}

.articles i.cleaning{background-position: -167px 0}
.articles i.fitout{background-position: -334px 0}
.articles i.facility{background-position: -510px 0}

.advantage23_1 {width: 282px;height: 179px;	display: inline-block;	margin: 9px 0 10px 73px; background: transparent url(http://www.rk-komplex.ru/advantage/advantage23_1.png) no-repeat right top;box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);}
.advantage23_2 {width: 282px;height: 183px;	display: inline-block;	margin: 9px 0 10px 73px; background: transparent url(http://www.rk-komplex.ru/advantage/advantage23_2.png) no-repeat right top;box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);}
.advantage23_3 {width: 282px;height: 195px;	display: inline-block;	margin: 9px 0 10px 73px; background: transparent url(http://www.rk-komplex.ru/advantage/advantage23_3.png) no-repeat right top;box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);}
.advantage23_4 {width: 282px;height: 188px;	display: inline-block;	margin: 9px 0 10px 73px; background: transparent url(http://www.rk-komplex.ru/advantage/advantage23_4.png) no-repeat right top;box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);}
.advantage23_5 {width: 282px;height: 195px;	display: inline-block;	margin: 9px 0 10px 73px; background: transparent url(http://www.rk-komplex.ru/advantage/advantage23_5.png) no-repeat right top;box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);}
.advantage23_6 {width: 282px;height: 183px;	display: inline-block;	margin: 9px 0 10px 73px; background: transparent url(http://www.rk-komplex.ru/advantage/advantage23_6.png) no-repeat right top;box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);}


.articles .right p{
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	margin-bottom: 13px;
	text-align: justify;
}
.space {height: 100px;clear: both;}

.content {
	width: 965px;
	margin: 0 auto;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
.content:before,
.content:after {
	content: "";
	display: table;
}
.content:after {
	clear: both;
}
.content h1{
	font-size: 24px;
	color: #1297cf;
	margin-bottom: 25px;
}
.content ul.list {
	list-style-image: url('images/li_marker.png');
	font-size: 15px;
	color: #333333;
	margin-left: 17px;
	margin-right: 11px;
}
.content ul.list  li {
  line-height: 18px;
  margin-bottom: 11px;
}
.content .text {
	float: left;
	width: 640px;
	padding-bottom: 20px;
}
.content .text p{
	color: #333333;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 22px;
	text-align: justify;
}
.content .text p a{
	color: #89c43c;
}

.content .text ul {
    list-style-image: url('li_marker.png');
    font-size: 15px;
    color: #333333;
    margin-left: 14px;
    margin-right: 11px;
}
.content .text li {
    line-height: 18px;
    margin-bottom: 11px;
    font-size: 15px;
}
.head-title {
	background:  url('images/bg_head.jpg') center center no-repeat;
	background-size: cover;
	min-width: 965px;
	overflow-x: hidden;
}
.head-title h1{
	color: #fff;
	font-size: 46px;
	height: 125px;
	line-height: 1.1em;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}
.head-title h2{
	color: #fff;
	font-size: 46px;
	height: 125px;
	line-height: 1.1em;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}
.breadcrumbs {
	clear: both;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline-block;
}
.breadcrumbs li {
	float: left;
	font-size: 14px;
	color: #333333;
	margin-right: 4px;
}
.breadcrumbs li a {
	color: #89c43c;
}

.services {
	display: inline-block;
	margin: 0 0 60px 0;
}
.services .item {
	float: left;
	width: 228px;
	margin-left: 7px;
}
.services .item img{
	display: block;
}
.services .item:first-child{margin-left: 0;}
.services .item .head{
	background: #1297cf;
	font-size: 18px;
	line-height: 21px;
	height: 64px;
	color: #fff;
}
.services .item .head i{
	margin: 10px 8px 0 15px;
	float: left;
	width: 40px;
	height: 45px;
	display: inline-block;
	background:  url('images/service_sprite.png') 0 0 no-repeat;
}
.text img{width:100%;height:auto}
.services .item .head i.maintenance{}
.services .item .head i.energoaudit{}
.services .item .head i.sof{background-position: -165px 0}
.services .item .head i.cleaning{background-position: -33px 0}
.services .item .head i.property_management{background-position: -74px 4px}
.services .item .head i.building_services{background-position: -119px 4px}
.services .item .head i.remont-kvartir-ot-burometr{    background-position: 0px 3px;}


.services .item .head span{
	margin: 12px 0 0 0;
	display: inline-block;
}
.services .item ul {
	list-style-image: url('images/li_marker.png');
	font-size: 15px;
	color: #333333;
	margin-left: 32px;
	margin-right: 11px;
}
.services .item ul li{
	line-height: 18px;
	margin-bottom: 11px;
}
.services  .wrapp {
	padding: 23px 0 0 0;
	border-left: 1px solid #90c458;
	border-right: 1px solid #90c458;
	border-bottom: 1px solid #90c458;
	margin-top: -2px;
	min-height: 350px;
}

.left-sidebar {
	width: 260px;
	float: left;
	margin: 0 30px 20px 0;
}
.left-sidebar .section .head{
	font-size: 16px;
	background: #ebebeb;
	height: 56px;
	cursor: pointer;
	margin-bottom: 2px;
}
.left-sidebar .section .head span{
	display: inline-block;
	line-height: 56px;
}
.left-sidebar .section .head i{
	margin: 16px 6px 0 6px;
	float: left;
	width: 23px;
	height: 34px;
	display: inline-block;
	background: url('images/service_sprite_black.png') 3px 0 no-repeat;

}
.left-sidebar .section .head i.maintenance{}
.left-sidebar .section .head i.cleaning{background-position: -22px 0}
.left-sidebar .section .head i.sof{background-position: -100px 0}
.left-sidebar .section .head i.property_management{background-position: -48px 2px}
.left-sidebar .section .head i.building_services{background-position: -74px 2px}

.left-sidebar .section .list {
	border-left: 1px solid #dbdada;
	border-right: 1px solid #dbdada;
	border-bottom: 1px solid #dbdada;
	margin-top: -2px;
	display: none;
}
.left-sidebar .section .list i{
	background: url('images/li_marker.png');
	width: 10px;
	height: 10px;
	display: inline-block;
	float: left;
	margin-top: 5px;
}

.left-sidebar .section .list .item{
	padding: 15px 16px;
	display: inline-block;
	border-top: 1px solid #dbdada;
	width: 100%;
}

.left-sidebar .section .list .item a{
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	float: left;
	width: 202px;
	padding-left: 10px;
}
.left-sidebar .section .list .item a:hover{
	text-decoration: underline;
}
.client-wrapper {
	float: left;
	position: relative;
	width: 310px;
	height: 296px;
	overflow: hidden;
}
.client-wrapper:hover .info{
	top: 0;
}
.client-wrapper .info {
	position: absolute;
	height: 296px;
	bottom: -296px;
	opacity: 0.9;
	background: #D5D5D5;
	width: 310px;-webkit-transition-property: top;
}
.client-wrapper .info .list{margin: 25px 0 0 35px;}
.client-wrapper .info .list li{margin-bottom: 15px;}

.client-wrapper .info ul {
    list-style-image: url('images/li_marker.png');
    font-size: 15px;
    color: #333333;
    margin-left: 35px;
    margin-right: 11px;
}
.client-wrapper .info li {
    line-height: 18px;
    margin-bottom: 11px;
}

.client-wrapper .info .title {
	font-family: 'Ubuntu-R';
	color: #363636;
	font-size: 18px;
	margin: 7px 0 10px 17px;
	line-height: 22px;
}
.client-block {margin-bottom: 40px;display: inline-block;}

.history{display:inline-block; margin: 10px 0 50px 0; }
.history .left{
	float: left;
	width: 265px;
}
.history .center{
	float: left;
	position: relative;
}
.history .vertival-line{
	height: 1125px; /*987*/
	border-left: 3px solid #a8c352;
	margin: 0 53px;
	margin-top: 4px;
}
.history .right{
	float: left;
	width: 265px;
}
.history .item{
	font-size: 15px;
	line-height: 21px;
	padding: 14px 13px;
	border: 1px solid #bdbbbb;
	position: relative;
}
.history .year{
	position: absolute;
	top: 3px;
	left: 18px;
	background: #1297cf;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	border-radius: 5px;
}
.history .left .item i, .history .right .item i  {
	display: inline-block;
	width: 8px;
	height: 16px;
	background: url('images/icons_sprite.png') -29px 0 no-repeat;
	position: absolute;
	right: -8px;
	top: 10px;
}
.history .right .item i {left: -8px;background-position: -40px 0;}

.infograph {
	height: 270px;
	position: relative;
	background: url('images/infograph.png') 0 18px no-repeat; /*0 29рх*/
	display: inline-block;
	width: 100%;  /*677*/
	left: -9%;
	margin-bottom: 50px;
}
.infograph .value {
	color: #373737;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
}
.infograph .years{padding-top: 262px;}
.infograph .years p{float: left; margin: 0 0 0 29px;} /*29 было*/

.calc-wrapp {
	border: 1px solid #90c458;
	padding: 20px 15px 80px 15px;
	width: 808px;
	display: block;
}
.calc-wrapp .head-section span{
	font-size: 15px;
	font-weight: bold;
	margin-left: 15px;
}
.calc-wrapp .fright span{
	font-size: 15px;
	font-weight: bold;
	margin-left: 9px;
	margin-right: 15px;
	color: #4d4c4c;
	float: right;
	line-height: 36px;
}
.calc-wrapp .input {
	float: right;
	margin-top: 7px;
	margin-right: 42px;
}
.calc-wrapp .item {
	height: 45px;
	font-size: 15px;
	color: #4d4c4c;
	padding-left: 20px;
	margin-top: 15px;
	line-height: 45px;
}
.calc-wrapp .item > span {float: left}
.calc-wrapp .gray-i {background: #fbfbfb;}
.calc-wrapp .input input{
	border: 1px solid #1297cf;
	width: 50px;
	height: 30px;
	outline: 0;
	padding: 6px 6px;
	float: left;
	text-align: center;
}
.calc-wrapp .input .plus, .calc-wrapp .input .minus{
	width: 31px;
	height: 30px;
	float: left;
	background: #1297cf;
	font-family: 'ubuntu-R';
	font-size: 24px;
	color: #fff;
	position: relative;
	cursor: pointer;
}
.calc-wrapp .input .minus span{
	height: 15px;
	line-height: 0;
	position: absolute;
	top: 4px;
	left: 10px;
}
.calc-wrapp .input .plus span{
	height: 15px;
	line-height: 0;
	position: absolute;
	top: 14px;
	left: 9px;
}
.calc-wrapp .fright span sup{font-size: 12px;}
.form-style  .head-section,
.form-style  .item.selected {
	background: #ebebeb;
	height: 45px;
	line-height: 45px;
}
.form-style .one {
	margin-top: 30px;
}
.form-style .head-section input{
	float: right;
	width: 98px;
	border: 1px solid #1297cf;
	outline: none;
	padding: 6px 7px;
	margin-top: 8px;
}
.notify {
	position: relative;
	float: left;
}
.notify i {
	width: 19px;
	height: 19px;
	display: inline-block;
	background: url('images/icons_sprite.png') -53px 0;
	margin-top: 13px;
	margin-left: 5px;
}
.check-input {
	float: right;
}
.check-input .yes {
	float: left;
	margin-right: 9px;
}
.check-input .no {
	float: left;
	margin-right: 39px;
}
.notify:hover i{background-position: -75px 0;}
.notify:hover .notify-text{display: block}
.notify .notify-text {
	display: none;
	font-size: 13px;
	line-height: 21px;
	padding: 10px 13px;
	border: 1px solid #e8e7e7;
	position: absolute;
	top: 46px;
	left: -11px;
	color: #4d4c4c;
	background: #fff;
	z-index: 10;
	width: 300px;
}
.notify .notify-text i{
	display: inline-block;
	width: 20px;
	height: 14px;
	background: url('images/icons_sprite.png') -97px 0 no-repeat;
	position: absolute;
	top: -24px;
	left: 10px;
}
.notify  .head {
	font-family: "ubuntu-R";
	color: #4d4c4c;
	font-size: 15px;
	margin-bottom: 10px;
	display: inline-block;
}
.check-input .yes span, .check-input .no span{float: left; cursor: pointer;}
.check-input .yes i{
	width: 20px;
	height: 21px;
	display: inline-block;
	background: url('images/icons_sprite.png') -20px -21px;
	float: left;
	margin: 12px 6px 0 0;
	cursor: pointer;
}
.check-input .yes i.active{background-position: 1px -21px;}
.check-input .no i{
	width: 20px;
	height: 21px;
	display: inline-block;
	background: url('images/icons_sprite.png') -65px -20px;
	float: left;
	margin: 12px 6px 0 0;
	cursor: pointer;
}
.check-input .no i.active{background-position: -43px -20px;}
.check-input input{display: none;}

.green-buton {
	background: #1297cf;
	text-decoration: none;
	font-size: 24px;
	color: #4d4c4c;
	padding: 10px 40px;
	border: 0;
	outline: 0;
	cursor: pointer;
}

.gray-buton {
	background: #c5c4c4;
	text-decoration: none;
	font-size: 24px;
	color: #4d4c4c;
	padding: 10px 40px;
	border: 0;
	outline: 0;
	cursor: pointer;
}
.calc-wrapp  .green-buton{float: right; margin-right: 39px;}
.calc-bottom {
	clear: both;
	width: 778px;
	border-left: 1px solid #8dc63f;
	border-right: 1px solid #8dc63f;
	border-bottom: 1px solid #8dc63f;
	padding: 40px 30px;
	display: inline-block;
	margin-bottom: 60px;
}
.calc-bottom .label{
	color: #4d4c4c;
	font-size: 24px;
	font-family: "Ubuntu-R";
	line-height: 43px;
}
.calc-bottom p{float: left}
.calc-bottom .price{
	color: #4d4c4c;
	margin-left: 20px;
	font-size: 36px;
}
.calc-bottom .rubl{
	color: #4d4c4c;
	font-family: "Ubuntu-R";
	font-size: 18px;
	margin-left: 6px;
}
.calc-bottom .buttons {
	font-family: "Ubuntu-R";
	float: right;
	margin-left: 18px;
	display: inline-block;
	margin-top: 30px;
}
.calc-bottom .line {
	width: 800px;
	height: 64px;
}
.calc-bottom p.fright {
	margin-right: 21px;
}
.calc-clean {
	float: left;
	width: 674px;
}
.calc-clean .calc-wrapp {
	width: 642px;
}
.calc-clean .calc-bottom {
  width: 642px;
}
.right-block {
	float: right;
	width: 258px;
}
.right-block > p {
	font-size: 15px;
	line-height: 25px;
	color: #333333;
	margin-bottom: 25px;
}

.right-block .section .list {
    border-left: 1px solid #dbdada;
    border-right: 1px solid #dbdada;
    border-bottom: 1px solid #dbdada;
    margin-top: -2px;
}
.right-block .section .list i{
    background: url('images/li_marker.png');
    width: 10px;
    height: 10px;
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.right-block .section .list .item{
    padding: 15px 16px;
    display: inline-block;
    border-top: 1px solid #dbdada;
    width: 258px;
}

.right-block .section .list .item a{
    font-size: 15px;
    color: #333333;
    text-decoration: none;
    line-height: 20px;
    float: left;
    width: 202px;
    padding-left: 10px;
}
.right-block .section .list .item a:hover{
    text-decoration: underline;
}

.calc-clean .list{display:none}

.calc-clean .head-section i{
	float: right;
	width: 12px;
	height: 13px;
	display: inline-block;
	margin: 16px 10px 0 0;
	background: url('images/icons_sprite.png') -85px -24px;
}
.calc-clean .head-section i.open{
	background-position: -97px -18px;

	width: 13px;
	height: 7px;
	margin-top: 21px;
}
.calc-clean  .type-text input {
	float: right;
	width: 66px;
	border: 1px solid #1297cf;
	outline: none;
	padding: 6px 7px;
	margin-top: 8px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}
.calc-clean .item .type-text span.cnt {
	margin-top: 4px;
	font-size: 12px;
	margin-left: 8px;
}
.calc-clean .calc-bottom{padding: 24px 30px 8px 30px;}
.calc-clean .calc-bottom .line{width: 631px;}

.right-block .item i.spray{  background: url('images/service_sprite_green.png') -91px 0;margin-right: 5px;  margin-left: 6px;}
.right-block .item i.profile{background: url('images/service_sprite_green.png') -220px 0;}
.right-block .item i.agree{background: url('images/service_sprite_green.png') -134px 0;}

.right-block .item p{
	float: left;
	width: 200px;
	line-height: 19px;
}
.smi{margin-bottom: 40px;  display: inline-block;}
.smi img {
	float: left;
	border: 1px solid #e3e3e2;
	margin-right: 25px;
	margin-top: 7px;
}
.smi .title {
	font-size: 24px;
	color: #1297cf;
	line-height: 29px;
	margin-bottom: 12px;
	display: inline-block;
	text-decoration: none;
}

.press{margin-bottom: 40px;  display: inline-block;}
.press img {
	float: left;
	border: 1px solid #1297cf;
	margin-right: 25px;
	margin-top: 5px;
}
.press p.date {font-size: 18px;  color: #5d5d5d;}
.press .title {
	font-size: 24px;
	color: #1297cf;
	line-height: 24px;
	margin-bottom: 12px;
	display: inline-block;
	text-decoration: none;
}

.resp{margin-bottom: 40px;  display: inline-block;}
.resp img {
	float: left;
	border: 1px solid #e3e3e2;
	margin-right: 20px;
	margin-top: 3px;
}

.resp .text {
	float: left;
	width: 574px;
	padding-bottom: 20px;
}

.resp .text a.more-link {
    color: #1297cf;
    font-size: 15px;
}

.resp  .right-img {
	margin: 0 0 0 14px;
}

.resp p.subtext {
	color: #1297cf;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 7px;
}
.resp .title {
	font-size: 24px;
	color: #1297cf;
	line-height: 24px;
	margin-bottom: 12px;
	display: inline-block;
	text-decoration: none;
}

.tabs {
	margin: 0 0 50px 100px;
	display: inline-block;
}
.tabs a, .route {
	color: #333333;
	text-decoration: none;
	font-size: 24px;
	background: #ebebeb;
	padding: 9px 59px;
	float: left;
	margin-right: 23px;
}
a.link{
	color: #1297cf;
	font-size: 15px;
}
a.link:hover{text-decoration:none;}

.contacts p {
	font-size: 15px;
	margin-bottom: 15px;
}
.route {margin: 40px 0;}
.contacts i.h24{margin-right: 5px;}

footer{
	clear: both;
	min-width: 965px;
	overflow-x: hidden;
}
footer .more{
	background: #fbfbfb;
	border-top: 1px solid #1297cf;
}
footer .more .cols .col{
	float: left;
	width: 45%;
	margin-left: 20px;
	padding-left: 50px;
}  /*
footer .more .cols .col{
	float: right;
	width: 45%;
	margin-right: 0px;
	padding-right:50px;
} */
footer .more .cols .col:first-child{padding-left: 0;}
footer .more .cols {display: inline-block;padding-bottom: 20px;}
footer .more .cols .col > p{
	color: #333333;
	font-size: 16px;
	font-family: ubuntu-R;
	line-height: 20px;
	margin-bottom: 19px;
	height: 40px;
}

footer .more .cols .col li {
	margin-bottom: 20px;
}
footer .more .cols .col li a{
	color: #666666;
	text-decoration: none;
	line-height: 22px;
	font-size: 14px;
}
footer .more .cols .col li a:hover{text-decoration: underline;}
footer .more .title {
	color: #7db629;
	font-size: 24px;
	margin: 40px 0;
}
footer .contacts {
	border-top: 1px solid #1297cf;
	background: #fbfbfb;
	height: 197px;
}
footer .contacts .container {padding-top: 40px;}
footer .contacts .left{float: left}
footer .contacts p{
	color: #333333;
	font-size: 14px;
	margin-bottom: 13px;
}
footer .contacts .request {
	float: right;
}
footer .contacts .soc-block{margin-top: 25px;}
footer .contacts .soc-block a{
	width: 39px;
	height: 38px;
	float: left;
	background: url('images/bg_soc.png') -46px 0 no-repeat;
	margin-right: 7px;
}
footer .contacts .soc-block a:hover{
	background-position: 0 0;
}
footer .contacts .soc-block i{
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 7px 9px;
}
footer .contacts .soc-block .vk i{background: url('images/soc_sprite.png') 0 0 no-repeat;}
footer .contacts .soc-block .fb i{background: url('images/soc_sprite.png') -20px 0 no-repeat;}
footer .contacts .soc-block .tw i{background: url('images/soc_sprite.png') -40px 0 no-repeat;}
footer .contacts .soc-block .inst i{background: url('images/soc_sprite.png') -61px 0 no-repeat;}

footer  .request {
	background: #1297cf;
	text-decoration: none;
	font-size: 30px;
	color: #333333;
	padding: 28px;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomright: 40px;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
}

footer .copyright {
	background: #dddddd;
	height: 64px;
}
footer .copyright p{
	color: #818181;
	font-size: 14px;
	line-height: 64px;
}
footer .copyright p.left{float: left}
footer .copyright p.right{float: right}

.clear {
	clear: both;
}
span.gray {color: #b8b8b8;}
span.green{color: #88c43c}
.no-bot-border {border-bottom: 0;}
.ml-30{margin-left: 30px;}
.fright{float: right !important;}
.mt-50 {margin-top: 50px; min-height: 1px;}
/**
 * CSS Modal
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
/**
 * CSS Modal Configuration
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
html {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; }

.has-overlay {
	overflow: hidden; }
.has-overlay > body {
	height: 100%;
	overflow: hidden; }
.panel-grid-cell{
	padding:0 10px;
}
.modal--fade, .modal--show {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	display: none\9; }
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	width: auto;
	height: auto;
	opacity: 1; }
.is-active.modal--fade, .is-active.modal--show {
	display: block\9;
	height: 100% \9;
	width: 100% \9; }
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
	display: block\9; }
.modal--fade .modal-inner, .modal--show .modal-inner {
	position: absolute;
	top: 60px;
	left: 50%;
	z-index: 20;
	margin-left: -325px;
	width: 650px;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; }
.modal--fade .modal-inner > img, .modal--show .modal-inner > img, .modal--fade .modal-inner > video, .modal--show .modal-inner > video, .modal--fade .modal-inner > iframe, .modal--show .modal-inner > iframe {
	width: 100%;
	height: auto;
	min-height: 300px; }
.modal--fade .modal-inner > img, .modal--show .modal-inner > img {
	width: auto;
	max-width: 100%; }
.modal--fade .modal-inner iframe, .modal--show .modal-inner iframe {
	display: block;
	width: 100%;
	border: 0; }
.modal--fade .modal-content, .modal--show .modal-content {
	position: relative;
	max-height: 400px;
	max-height: 60vh;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; }
.modal--fade .modal-content > *, .modal--show .modal-content > * {
	max-width: 100%; }
.modal--fade footer, .modal--show footer {
	border-top: 1px solid white;
	padding: 0 1.2em 18px;
	background: #f0f0f0;
	border-radius: 2px; }
.modal--fade .modal-close, .modal--show .modal-close {
	display: block;
	height: 1px;
	clip: rect(0 0 0 0);
	margin: -1px;
	overflow: hidden; }
.modal--fade .modal-close:focus:after, .modal--show .modal-close:focus:after {
	outline: 1px dotted;
	outline: -webkit-focus-ring-color auto 5px; }
.modal--fade .modal-close:before, .modal--show .modal-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
	content: '\00d7';
	position: absolute;
	top: 35px;
	right: 50%;
	z-index: 20;
	margin-right: -325px; }
@media screen and (max-width: 690px) {
	.modal--fade .modal-inner, .modal--show .modal-inner {
		width: auto;
		left: 20px;
		right: 20px;
		margin-left: 0; }
	.modal--fade .modal-close:after, .modal--show .modal-close:after {
		margin-right: 0 !important;
		right: 20px; } }
@media screen and (max-width: 30em) {
	.modal--fade, .modal--show {
		-webkit-transform: translate(0, 400px);
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		-webkit-transition: opacity 1ms .25s;
		transition: opacity 1ms .25s;
		display: block;
		right: auto;
		bottom: auto; }
	.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
		width: 100%;
		height: 100%; }
	.modal--fade:target .modal-close, .modal--show:target .modal-close, .is-active.modal--fade .modal-close, .is-active.modal--show .modal-close {
		display: block; }
	.modal--fade .modal-inner, .modal--show .modal-inner {
		box-sizing: border-box;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		overflow: auto; }
	.modal--fade .modal-content, .modal--show .modal-content {
		max-height: none;
		-ms-word-break: break-all;
		word-break: break-all;
		/*word-break: break-word;*/
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; }
	.modal--fade .modal-close, .modal--show .modal-close {
		display: none;
		right: auto; }
	.modal--fade .modal-close:before, .modal--show .modal-close:before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 20; }
	.modal--fade .modal-close:after, .modal--show .modal-close:after {
		top: 5px !important;
		right: 5px;
		left: auto;
		margin-left: 0; } }
@media screen and (max-height: 46em) and (min-width: 30em) {
	.modal--fade .modal-content, .modal--show .modal-content {
		max-height: 340px;
		max-height: 50vh; } }
@media screen and (max-height: 36em) and (min-width: 30em) {
	.modal--fade .modal-content, .modal--show .modal-content {
		max-height: 265px;
		max-height: 40vh; } }
.is-stacked.modal--fade, .is-stacked.modal--show {
	-webkit-transform: translate(0, 0) scale(1, 1);
	-ms-transform: translate(0, 0) scale(1, 1);
	transform: translate(0, 0) scale(1, 1);
	opacity: 1; }
.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner {
	-webkit-animation: scaleDown .7s ease both;
	animation: scaleDown .7s ease both; }
.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close {
	opacity: 0; }
@media screen and (max-width: 30em) {
	.is-stacked.modal--fade, .is-stacked.modal--show {
		-webkit-animation: scaleDown .7s ease both;
		animation: scaleDown .7s ease both; }
	.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner {
		-webkit-animation: none;
		animation: none; }
	.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close {
		opacity: 1; } }

/**
 * All animations for CSS Modal
 *
 * Available:
 * - %modal--transition-fade (fade)
 * - %modal--transition-zoomIn (zooms in)
 * - %modal--transition-plainScreen (hides background)
 *
 * Usage:
 *
 * .selector {
 * 		@extend %modal--transition-fade;
 * }
 *
 */
@media screen and (min-width: 30em) {
	.modal--fade {
		-webkit-transition: opacity 0.4s;
		transition: opacity 0.4s; } }

/**
 * CSS Modal Themes
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 */
/*
 * Global Theme Styles
 */
.modal--fade, .modal--show {
	color: #222;
	line-height: 1.3; }
.modal--fade .modal-inner, .modal--show .modal-inner {
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	max-width: 100%;
	-webkit-transition: max-width 0.25s linear, margin-left 0.125s linear;
	transition: max-width 0.25s linear, margin-left 0.125s linear; }
.modal--fade header, .modal--show header {
	border-bottom: 1px solid #ddd;
	padding: 0 1.2em; }
.modal--fade header > h2, .modal--show header > h2 {
	margin: 0.5em 0; }
.modal--fade .modal-content, .modal--show .modal-content {
	border-bottom: 1px solid #ddd;
	padding: 15px 1.2em; }
.modal--fade footer, .modal--show footer {
	border-top: 1px solid white;
	padding: 0 1.2em 18px;
	background: #f0f0f0;
	border-radius: 2px; }
.modal--fade .modal-close, .modal--show .modal-close {
	text-indent: -100px; }
.modal--fade .modal-close:before, .modal--show .modal-close:before {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII='); }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
	content: '\00d7';
	background: #fff;
	border-radius: 2px;
	padding: 2px 8px;
	font-size: 1.2em;
	text-decoration: none;
	text-indent: 0; }
@media screen and (max-width: 30em) {
	.modal--fade .modal-close:before, .modal--show .modal-close:before {
		background: #27aae2;
		height: 3em;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }
	.modal--fade .modal-inner, .modal--show .modal-inner {
		padding-top: 3em;
		box-shadow: none; }
	.modal--fade .modal-close, .modal--show .modal-close {
		text-decoration: none; }
	.modal--fade .modal-close:after, .modal--show .modal-close:after {
		content: attr(data-close);
		font-size: 1em;
		padding: 0.5em 1em; } }

/*
 * Plain Screen Theme Styles
 */
/**
 * Apply the desired modal behavior to your container selector
 */
.modal-inner {
	padding: 20px; }

.modal--show {
	overflow-y: auto; }
.modal--show header {
	min-height: 0;
	padding: 40px 20px 20px;
	border-bottom: 0 none;
	color: #414141;
	font-size: 1.286rem;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	font-weight: 600; }
.modal--show header h4 {
	color: #414141;
	font-size: 1.286rem;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	font-weight: 600; }
.modal--show .modal-content {
	border-bottom: 0 none;
	max-height: none; }
.modal--show .modal-close:after {
	content: " ";
	background: url('./images/close.png') no-repeat;
	height: 33px;
	width: 33px;
	top: 75px;
	margin-right: -315px;
	border-radius: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	text-indent: 0; }

.form_row {
	box-sizing: border-box;
	*zoom: 1;
	width: 100%;
	margin-bottom: 15px; }
.form_row * {
	box-sizing: border-box; }
.form_row:before, .form_row:after {
	content: " ";
	display: table; }
.form_row:after {
	clear: both; }
.form_row .form_label {
	width: 20%;
	float: left; }
.form_row .form_label label {
	color: #414141;
	padding: 10px 0;
	display: inline-block; }
.form_row .form_input_wrapper {
	width: 80%;
	float: left; }

.form_submit {
	text-align: right; }

.wpcf7-form-control-wrap {
	width: 100%; }

.wpcf7-form-control {
	color: #414141;
	border: 1px solid #d7d7d7;
	padding: 7px 10px;
	width: 100%;
	margin: 0 10px; }
.wpcf7-form-control[type=submit] {
	width: auto;
	font-family: "Open Sans", serif;
	outline: none;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	padding: 10px 20px;
	text-decoration: none;
	border: 1px solid #5ea821;
	border-radius: 50px;
	font-size: 1.571rem;
	font-weight: 600;
	color: #fff;
	background-color: #5ea821;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.309em;
	box-shadow: 0 4px 0 0 rgba(39, 76, 9, 0.75); }
.wpcf7-form-control[type=submit]:hover {
	margin-top: -2px;
	margin-bottom: 2px;
	box-shadow: 0 6px 0 0 rgba(39, 76, 9, 0.75); }
.wpcf7-form-control[type=submit]:active {
	margin-top: 2px;
	margin-bottom: -2px;
	box-shadow: 0 2px 0 0 rgba(39, 76, 9, 0.75); }
.wpcf7-form-control[type=submit].spaced {
	margin: 25px; }
.wpcf7-form-control[type=submit].spaced:hover {
	margin-top: 23px;
	margin-bottom: 27px;
	box-shadow: 0 6px 0 0 rgba(39, 76, 9, 0.75); }
.wpcf7-form-control[type=submit].spaced:active {
	margin-top: 27px;
	margin-bottom: 23px;
	box-shadow: 0 2px 0 0 rgba(39, 76, 9, 0.75); }

textarea.wpcf7-form-control {
	height: 70px;
	display: inline-block; }

.page-navigation {text-align: center;margin: 10px 0 30px 0;}
.page-navigation ul{display: inline-block;}
.page-navigation li{
    float: left;
    padding: 2px 2px;
    margin-left: 10px;
}
.page-navigation a{
    color: #333333;
    text-decoration: none;
}
.page-navigation span.current{border-bottom: 1px solid #1297cf; color: #1297cf;}
.page-navigation span.current a{color: #1297cf;}

/* CSS for INFOGRAFIKA_CLIENTS ARTECO */
.item1 {
    position: relative;
    left: -5%;
    width: 670px;
    text-align: justify;
    margin-bottom: 25px;
}
.infografika {
	height: 270px;
	position: relative;
	*background: url('images/infograph.png') 0 18px no-repeat; /*0 29рх*/
	display: inline-block;
	width: 750px;  /*677*/
	left: -13%;
	margin-bottom: 50px;
}
ul.xAxis{
	padding: 0px;
	float:left;
	clear:left;
	display:inline;
	margin-left: 5px;
left:-25px;
	margin-top: 25px;
	width: 734px;
}
ul.xAxis li{
	float:left;
	font: 15px Arial, Helvetica, sans-serif;
	list-style:none;
	width:33px;
	margin-left: 22px;
	text-align:left;
}
dl#csschart, dl#csschart dt, dl#csschart dd{
	margin: 14px;
} 	
dl#csschart{
	width:750px;
	height:244px;
	padding-left: 0px;
	float:left;
} 
dl#csschart dt{
	display:none;
}
dl#csschart dd{
	position:relative;
	float:left;
	display:inline;
	width:27px;
	height:250px;
	margin-top:22px;		
} 
dl#csschart span{
	position:absolute;
	display:block;
	width:39px;	
	bottom:0;
	left:0;	
	z-index:1;
	color:#555;
	text-decoration:none;
} 		
dl#csschart span b{
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	float:left;
	line-height:200%;
	color: #000;
	position:absolute;
	top: -30px;
	left:-6px;
	text-align:center;
	width:23px;
} 		
/* Стиль колонок */		
dl#csschart span{
	background: url('images/bar666.png') repeat-y;
	border: 2px solid #74C433;
} 
dl#csschart .sub{
	margin-left:-33px;
}
dl#csschart .sub span{
	background:url(subBar.png) repeat-y;
}
/* // Стиль колонок */	
/* Высота столбиков */
	dl#csschart .p1 span{height:30px} /*2004*/
	dl#csschart .p2 span{height:50px} /*2005*/
	dl#csschart .p3 span{height:60px} /*2006*/
	dl#csschart .p4 span{height:80px} /*2007*/
	dl#csschart .p5 span{height:100px} /*2008*/
	dl#csschart .p6 span{height:130px} /*2009*/
	dl#csschart .p7 span{height:150px} /*2010*/
	dl#csschart .p8 span{height:170px} /*2011*/
	dl#csschart .p9 span{height:190px} /*2012*/
	dl#csschart .p10 span{height:210px} /*2013*/
	dl#csschart .p11 span{height:220px} /*2014*/
	dl#csschart .p12 span{height:240px} /*2015*/
	dl#csschart .p13 span{height:250px} /*2016*/
/* // Высота столбиков */

/*--------------------------------------------------------------------- Кнопка CALL BACK ROISTAT------------------------------------------------------------------------------------------------*/
/*Общий DIV кнопки*/
.roistat-lh-pulsator-phone {z-index: 2000 !important;position: fixed !important;background-color: transparent !important;width: 125px !important;height: 125px !important;left: 89% !important;top: 75% !important;}
/* Конец общий DIV кнопки*/
/*Увеличение круга с растворением*/	
.roistat-lh-pulsator-circle{width: 120px !important;height: 120px !important;z-index: 2000 !important;background-color: rgba(143, 194, 68, 0) !important;opacity: .4 !important;top: 0!important;left: 0!important;border: 2px solid rgb(143, 194, 68) !important;border-radius: 100% !important;-moz-border-radius: 100% !important;-webkit-border-radius: 100% !important;-khtml-border-radius: 100% !important;-moz-transform: scale(0.5, 0.5) !important;-moz-animation: pulsing 3s infinite !important; /* IE 10+ */-webkit-transform: scale(0.5, 0.5) !important;-webkit-animation: pulsing 3s infinite !important; /* IE 10+ */-ms-transform: scale(0.5, 0.5) !important;-ms-animation: pulsing 3s infinite !important; /* IE 10+ */-o-transform: scale(0.5, 0.5) !important;-o-animation: pulsing 3s infinite !important; /* IE 10+ */}
@-moz-keyframes pulsing {
  0%   { -moz-transform: scale(0.7, 0.7); opacity:.1 ;}
  50% { -moz-transform: scale(0.9, 0.9); opacity:0.5 ; }
  100%   { -moz-transform: scale(1.1, 1.1); opacity:0 ;}}
@-webkit-keyframes pulsing {
  0%   { transform: scale(0.7, 0.7); opacity:.1 ;}
  50% { transform: scale(0.9, 0.9); opacity:0.5 ; }
  100%   { transform: scale(1.1, 1.1); opacity:0 ;}}
@-ms-keyframes pulsing {
  0%   { -ms-transform: scale(0.7, 0.7); opacity:.1 ;}
  50% { -ms-transform: scale(0.9, 0.9); opacity:0.5 ; }
  100%   { -ms-transform: scale(1.1, 1.1); opacity:0 ;}}
@-o-keyframes pulsing {
  0%   { -o-transform: scale(0.7, 0.7); opacity:.1 ;}
  50% { -o-transform: scale(0.9, 0.9); opacity:0.5 ; }
  100%   { -o-transform: scale(1.1, 1.1); opacity:0 ;}}
/*  Конец увеличение круга с растворением*/

/*Пульс от кнопки*/
.roistat-lh-pulsator-fill {background: rgba(143, 194, 68, 0.2) !important;border-radius: 100% !important;position: absolute !important;width: 100px !important;height: 100px !important;margin: 0px auto !important;top: 10px !important;left: 10px !important;
	-moz-transform: scale(0.5, 0.5) !important;
    -moz-animation: pulsing1 4s infinite !important; /* IE 10+ */
    transform: scale(0.5, 0.5) !important;
    animation: pulsing1 4s infinite !important; /* IE 10+ */
    -ms-transform: scale(0.5, 0.5) !important;
    -ms-animation: pulsing1 4s infinite !important; /* IE 10+ */
    -o-transform: scale(0.5, 0.5) !important;
    -o-animation: pulsing1 4s infinite !important; /* IE 10+ */}
@-moz-keyframes pulsing1 {
  0%   { -moz-transform: scale(0.6, 0.6) ;}
  50% { -moz-transform: scale(1.0, 1.0); }
  100%   { -moz-transform: scale(0.6, 0.6);}}
@-webkit-keyframes pulsing1 {
  0%   { transform: scale(0.6, 0.6);}
  50% { transform: scale(1.0, 1.0); }
  100%   { transform: scale(0.6, 0.6);}}
@-ms-keyframes pulsing1 {
  0%   { -ms-transform: scale(0.6, 0.6);}
  50% { -ms-transform: scale(1.0, 1.0); }
  100%   { -ms-transform: scale(0.6, 0.6);}}
@-o-keyframes pulsing1 {
  0%   { -o-transform: scale(0.6, 0.6);}
  50% { -o-transform: scale(1.0, 1.0); }
  100%   { -o-transform: scale(0.6, 0.6);}}
/*  Конец пульс от кнопки*/

/* Кнопка с трубкой*/  
.roistat-lh-pulsator-img {width: 60px !important;height: 60px !important;top: 30px !important;left: 30px !important;position: absolute !important;background-image: url(/wp-content/uploads/2016/11/call.png) !important; background-color: rgb(143, 194, 68) !important;opacity: .9 !important;background-position: center center !important;background-repeat: no-repeat !important;
	-moz-transform-origin: 50% 50% !important;
    -webkit-transform-origin: 50% 50% !important;
    -o-transform-origin: 50% 50% !important;
    -ms-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important;
    border-radius:100% !important;
    -moz-border-radius:100% !important;
    border-radius:100% !important;
	background-size: 50px !important;
    border:2px solid transparent !important;}
/*  Конец кнопка с трубкой*/

/* Кнопка с трубкой при наведении*/
.roistat-lh-pulsator-img:hover{
	background-color: rgba(143, 194, 68,.8) !important;
        animation: roistat-lh-pulsator-img ease-in-out 1.2s infinite !important;
    -webkit-animation: roistat-lh-pulsator-img ease-in-out 1.2s infinite !important;
    -moz-animation: roistat-lh-pulsator-img ease-in-out 1.2s infinite !important;
    -ms-animation: roistat-lh-pulsator-img rease-in-out 1.2s infinite !important;
    -o-animation: roistat-lh-pulsator-img ease-in-out 1.2s infinite !important;}
@keyframes roistat-lh-pulsator-img {
0%, 50%, 100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);}
10%, 30% {transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);}
20%, 40% {transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-o-transform: rotate(10deg);-ms-transform: rotate(10deg);}}
/*  Конец  нопка с трубкой при наведении*/
/*---------------------------------------------------------------------  Конец кнопка CALL BACK ROISTAT---------------------------------------------------------------------------------------------*/
/*---------------------------MOBILE VERSION CALL BACK ROISTAT---------------------------*/
@media only screen and (min-width:640px) and (max-width:1280px){
.roistat-lh-pulsator-phone {position: fixed !important;opacity: 0.95 !important;background-color: transparent !important;width: 210px !important;height: 210px !important;left: 70% !important;top: 80% !important;}
.roistat-lh-pulsator-circle{border-color: rgba(143,194,68,0) !important;width: 200px !important;height: 200px !important;top: 38px !important;left: 38px !important;}
.roistat-lh-pulsator-fill {color: rgba(143,194,68,0) !important;width: 150px !important;height: 150px !important;margin: 0px auto !important;top: 25px !important;left: 25px !important;}
.roistat-lh-pulsator-img {background-image: url(http://uberry.ru/img2/call.svg) !important;border:3px solid #fff !important;width: 100px !important;height: 100px !important;top: 48px !important;left: 48px !important;background-size: 60px !important;opacity:.9 !important;
animation: pulsing-img 1s infinite !important;transform: scale(2, 2)!important;
-webkit-animation: pulsing-img 1s infinite !important;-webkit-transform: scale(2, 2)!important;
-moz-animation: pulsing-img 1s infinite !important;-moz-transform: scale(2, 2)!important;
-ms-animation: pulsing-img 1s infinite !important;-ms-transform: scale(2, 2)!important;
-o-animation: pulsing-img 1s infinite !important;-o-transform: scale(2, 2)!important;}
@keyframes pulsing-img {0% {-webkit-transform: scale(2,2);}50% {-webkit-transform: scale(2.2,2.2);}100% {-webkit-transform: scale(2,2);}}
@-webkit-keyframes pulsing-img {0% {-webkit-transform: scale(2,2);}50% {-webkit-transform: scale(2.2,2.2);}100% {-webkit-transform: scale(2,2);}}
@-moz-keyframes pulsing-img {0% {-moz-transform: scale(2,2);}50% {-moz-transform: scale(2.2,2.2);}100% {-moz-transform: scale(2,2);}}
@-ms-keyframes pulsing-img {0% {-ms-transform: scale(2,2);}50% {-ms-transform: scale(2.2,2.2);}100% {-ms-transform: scale(2,2);}}
@-o-keyframes pulsing-img {0% {-o-transform: scale(2,2);}50% {-o-transform: scale(2.2,2.2);}100% {-o-transform: scale(2,2);}}}
/*---------------------------END MOBILE VERSION CALL BACK ROISTAT---------------------------*/


/*----------------STIKER----------------*/

#stiker {
    /* border: 1px solid #a5a5a5; */
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 6000;
    /* float: right; */
    right: 200px;
    top: 30px;
    border-radius: 100px;
    /*background: #dedede;*/
    background: rgba(255, 255, 255, 0.61);
    text-align: center;
    /* vertical-align: bottom; */
    padding-top: 57px;
    font-size: 21px;
    *font-family: ubuntu-Light;
    color: #666565;
}

/*----------------END STIKER----------------*/

.mail_footer {
	font-family:'SofiaProExtraLight';
	color: #212121;
}

.advantage23 {
    color: #fff;
    padding: 12px;
    font-family: Ubuntu_Bold;
    font-size: 22px;
    background: linear-gradient(90deg, #1297cf, #ffffff61);
    text-shadow: 1px 1px 2px #000000;
}
.img_remont{
	width:194px;
	height:366px;
	overflow:hidden;
	background: transparent url(/service/remont/remont.jpg) no-repeat right top;
	background-size: 549px;
	box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);
}
.logo_customers {width: 250px;height: 90px;background: transparent url(customers_logo_sprite.jpg) no-repeat;display: inline-block;margin: 20px 10px 10px 20px;border-bottom: 1px rgba(122,122,122,0.2) solid;border-left: 1px rgba(122,122,122,0.2) solid;box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);}

#logo_customers1 {background-position: 0 0}
#logo_customers2 {background-position: 0 -92px}
#logo_customers3 {background-position: 0 -181px}
#logo_customers4 {background-position: 0 -272px}
#logo_customers5 {background-position: 0 -363px}
#logo_customers6 {background-position: 0 -450px}
#logo_customers7 {background-position: 0 -543px}
#logo_customers8 {background-position: 0 -636px}
#logo_customers9 {background-position: 0 -726px}
#logo_customers10 {background-position: 0 -815px}
#logo_customers11 {background-position: 0 -905px}
#logo_customers12 {background-position: 0 -998px}
#logo_customers13 {background-position: 0 -1087px}
#logo_customers14 {background-position: 0 -1178px}
#logo_customers15 {background-position: 0 -1268px}


.img_clients_review_1, .img_clients_review_2, .img_clients_review_3, .img_clients_review_4, .img_clients_review_5, .img_clients_review_6, .img_clients_review_7, .img_clients_review_8 {
	width: 142px;
	height: 200px;
	overflow: hidden;
	*background: transparent url(remont.jpg) no-repeat right top;
    background-size: cover;
	border: 1px rgba(122,122,122,0.2) solid;
    box-shadow: 0.3em -0.3em 5px rgba(122,122,122,0.5);
}
.img_clients_review_1 {background: transparent url(/clients/clients_review/review1.png) no-repeat center center;}
.img_clients_review_2 {background: transparent url(/clients/clients_review/review2.png) no-repeat center center;}
.img_clients_review_3 {background: transparent url(/clients/clients_review/review3.png) no-repeat center center;}
.img_clients_review_4 {background: transparent url(/clients/clients_review/review4.png) no-repeat center center;}
.img_clients_review_5 {background: transparent url(/clients/clients_review/review5.png) no-repeat center center;}
.img_clients_review_6 {background: transparent url(/clients/clients_review/review6.png) no-repeat center center;}
.img_clients_review_7 {background: transparent url(/clients/clients_review/review7.png) no-repeat center center;}
.img_clients_review_8 {background: transparent url(/clients/clients_review/review8.png) no-repeat center center;}

.radius_management1, .radius_management2, .radius_management3,.radius_management4,.radius_management5,.radius_management6 {
	width: 138px;
	height: 138px;
	*border: 1px rgba(125, 125, 125, 0.5) solid;
	border-radius: 100px;
	margin-top: 50px;
	margin-left: 15px;
	background-size: cover;
	box-shadow: 0px 0px 46px #ffffff inset;
}

.radius_management1 {background: transparent url(/service/management/management1.jpg) no-repeat center center;}
.radius_management2 {background: transparent url(/service/management/management2.jpg) no-repeat center center;}
.radius_management3 {background: transparent url(/service/management/management3.jpg) no-repeat center center;}
.radius_management4 {background: transparent url(/service/management/management4.jpg) no-repeat center center;}
.radius_management5 {background: transparent url(/service/management/management5.jpg) no-repeat center center;}
.radius_management6 {background: transparent url(/service/management/management6.jpg) no-repeat center center;}