@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/OpenSans.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans.ttf") format("truetype"), url("/fonts/OpenSans.woff") format("woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 100;
    src: url("/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Light.ttf") format("truetype"), url("/fonts/OpenSans-Light.woff") format("woff");
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: url("/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Bold.ttf") format("truetype"), url("/fonts/OpenSans-Bold.woff") format("woff");
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 900;
	src: url("/fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("/fonts/OpenSans-ExtraBold.woff") format("woff");
}
body {

	display: table;

	font: 100 18px/1.5 'Open Sans', Arial,Helvetica,sans-serif;

	color: #121212;

	height: 100%;

	margin: 0 auto;

	width: 100%;

}

html{ height: 100%;}

button, input, select, textarea {

	font-family: "Open Sans",sans-serif,Tahoma,Helvetica;

}

h1, h2, h3, h4{font-weight: 100; display: inline-block; color: #322332;}

h1{

	/*color: #fff;*/

	color: #322332;

	font-size: 36px;

	line-height: 36px;

}

a:active, a:focus, input, button{ outline: none;}

.left{ float: left;}

.right{ float: right;}

.center{text-align: center;}

a:hover{

	text-decoration: none;

}

small {

	display: inline-block;

	font-size: 12px;

}

section {

	position: relative;

}

.table {

	display: table;

	width: 100%;

}

.tr { display: table-row;}

.td {

	display: table-cell;

	text-align: center;

}

.content {

	margin: 0 auto;

	position: relative;

	padding: 0 10px;

	width: 1000px;

}

/*header

---------------*/

#header{

	background: #322332;

	color: #fff;

	height: 116px;

}

#header a{color: #fff; text-decoration: none;}

.logo { margin: 10px 0 0 1px;}

.tel {

	font-size: 28px;

	text-align: right;

}

.logo {

	margin-top: 24px;

}

.tel .btn {

	background: #3b3442;

	border: none;

	border-radius: 0 0 5px 5px;

	display: inline-block;

	font-size: 14px;

	float: right;

	color: #fff;

	margin: 0 1px;

	padding: 9px 15px;

	vertical-align: top;

	position: relative;

	z-index: 10000000;

}

.tel > span {

	display: inline-block;

	margin: 2px 23px 0px 5px;

}

/*nav

---------------*/

nav {

	margin: 24px 0 0;

}

nav ul {

	margin: 0;

	padding: 0;

}
nav>ul {text-align: right;}
nav > ul ul {

	background: #322332;

	display: none;

	left: 0;

	padding: 19px 0;

	position: absolute;

	top: 38px;

	z-index: 1000;

	text-align: left;

}

nav > ul > li {

	display: inline-block;

	position: relative;

}

nav > ul > li > a{

	padding: 15px 23px;

}

nav > ul ul a {

	background: none!important;

	display: block;

	padding: 8px 32px;

	white-space: nowrap;

	font-size: 16px;

}

nav > ul ul a:hover{ background: #87C441!important;}

nav > ul > li:hover a{ background: #87C441;}

nav > ul > li:hover ul{ display: table;}

/*banner

---------------*/

#banner {

	height: 540px;

	position: relative;

}

#banner > div > div {

	background-position: 50% 0;

	color: #fff;

	height: 540px;

	position: absolute;

	width: 100%;

}

#banner h1,

#banner .title {
	font-size: 39px;
	line-height: 52px;
	margin: 0;
}
#banner .title p {
	padding: 0;
	margin: 0;
	font-size: 39px;
	line-height: 52px;
}

#banner p {
	font-size: 20px;
	margin-top: 7px;
}

.banner1 { background: url("/img/banner1.jpg");}

.banner2 { background: url("/img/banner2.jpg");}

.banner3 { background: url("/img/banner3.jpg");}

.banner4 { background: url("/img/banner4.jpg");}

#banner .ent {

	bottom: 46px;

	font-size: 29px;

	left: 50%;

	margin-left: 234px;

	padding: 19px 31px;

	position: absolute;

	z-index: 100;

}

#banner .content {

	bottom: 0;

	left: 50%;

	margin-left: -512px;

	position: absolute;

}

#banner > div > .blackout:before {

	background: rgba(1, 1, 1, 0.65);

	bottom: 0;

	content: "";

	height: 183px;

	position: absolute;

	width: 100%;

}

#banner > div > .blackout:after {

	border-bottom: 15px solid rgba(1, 1, 1, 0.65);

	border-left: 15px solid transparent;

	border-right: 15px solid transparent;

	bottom: 183px;

	content: "";

	height: 0;

	left: 50%;

	margin-left: -400px;

	position: absolute;

	width: 0;

}

.ent {

	background: #87c441;

	border-radius: 5px;

	color: #fff;

	font-size: 24px;

	padding: 7px 20px;

	text-decoration: none;

}

.ent:hover, .btn:hover{opacity: 0.8;}

section .content > h2 {

	font-size: 36px;

	line-height: 36px;

	margin: 43px 0;

}

h2 span {

	font-size: 24px;

	line-height: 20px;

}

figure {

		display: table-cell;

	text-align: center;

	position: relative;

}

figcaption {

	position: relative;

	line-height: 21px;

	margin-top: 15px;

	font-size: 18px;

}

figcaption button {

	display: block;

	margin: 0 auto;

}

#chart .tabs { margin: 5px 0 40px 22px;}

#chart .tabs > p { margin: 7px 0 0 72px;}

#chart .tabs > p > span { font-size: 24px;}

.btn {

	background: #ebf1f5;

	border-radius: 5px;

	border: none;

	color: #bbc6cd;

	display: inline-block;

	margin: 0 1px;

	padding: 4px 15px;

	text-decoration: none;

}

.tabs .btn.activ, .tabs .btn:hover{

	background: #87c441;

	opacity: 1;

	color: #fff;

}

.dash {

	border-bottom: 1px dashed;

	color: #fff;

	font-size: 14px;

	text-decoration: none;

}

.dash:hover { border-bottom: none;}

#advant, #steps, #footer, #advant h2, #steps h2{

	background: #322332;

	color: #fff;

}

#how:after, #steps:after, #reviews:after, #request:after {

	content: "";

	height: 5px;

	left: 0;

	position: absolute;

	top: -5px;

	width: 100%;

}

#how:after{background: url("/img/green.png");}

#steps:after{background: url("/img/black.png");}

#reviews:after{background: url("/img/white.png");}

#request:after{background: url("/img/green.png");}

#advant h2 { margin: 50px 0 58px;}

#advant small { margin: 34px 0 25px;}

#advant .content:before {

	border-left: 20px solid transparent;

	border-right: 20px solid transparent;

	border-top: 20px solid #fff;

	content: "";

	height: 0;

	left: 107px;

	position: absolute;

	top: 0;

	width: 0;

}

#why { padding-bottom: 66px;}

#why h2 { margin: 61px 0 66px;}

#how, #request{

	background: #86c441; /* Old browsers */

	background: -moz-linear-gradient(top,  #86c441 0%, #87c542 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86c441), color-stop(100%,#87c542)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #86c441 0%,#87c542 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #86c441 0%,#87c542 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #86c441 0%,#87c542 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #86c441 0%,#87c542 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86c441', endColorstr='#87c542',GradientType=0 ); /* IE6-9 */

}

#how { padding-bottom: 53px;}

#how h2 { margin: 56px 0 27px;}

#how img {

	display: block;

	margin: 0 0 32px;

}

#how .td { line-height: 22px;}

#steps h2 { margin: 45px 0 58px;}

#steps figcaption { margin: 22px 0 0;}

#steps figure + figure:before {

	border-right: 1px solid;

	border-top: 1px solid;

	content: "";

	height: 50px;

	left: -24px;

	position: absolute;

	top: 25px;

	width: 50px;

	transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-webkit-transform: rotate(45deg);

		-o-transform: rotate(45deg);

}

#steps .dash {

	display: inline-block;

	margin: 9px 0 0;

}

#steps { padding-bottom: 25px;}

#steps figure:first-child .dialog { left: 82px;}

#steps figure:first-child .dialog:after { margin-left: -140px;}

#support{

	height: 424px;

	background: #eaf1f5; /* Old browsers */

		background: -moz-linear-gradient(top,  #eaf1f5 0%, #edf2f5 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf1f5), color-stop(100%,#edf2f5)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top,  #eaf1f5 0%,#edf2f5 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top,  #eaf1f5 0%,#edf2f5 100%); /* Opera 11.10+ */

		background: -ms-linear-gradient(top,  #eaf1f5 0%,#edf2f5 100%); /* IE10+ */

		background: linear-gradient(to bottom,  #eaf1f5 0%,#edf2f5 100%); /* W3C */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf1f5', endColorstr='#eff4f7',GradientType=0 ); /* IE6-9 */

}

#support .content {

		background: url("/img/img4.png") no-repeat 7px 0;

		height: 100%;

}

.slider {

	margin: 0 auto 27px;

	padding: 0;

	position: relative;

	width: 100%;

}

.ls-wrapper {

	clear: both;

	overflow: auto;

	margin: 0 auto;

	padding: 0 40px;

	position: relative;

}

.ls-nav-left-arrow {

	background-image: url("/img/lrow.png");

	left: 0;

}

.ls-nav-right-arrow {

	background-image: url("/img/rrow.png");

	right: 0;

}

[class$="-arrow"] {

	background-repeat: no-repeat;

	cursor: pointer;

	height: 73px;

	margin-top: -50px;

	position: absolute;

	top: 50%;

	width: 32px;

	z-index: 1000;

}

.liquid-slider {

	margin: 0 auto;

	float: left;

	overflow: hidden;

	position: relative;

}

.liquid-slider .ls-panel {

	display: inline-block;

	vertical-align: top;

	width: 920px;

}

.panel-wrapper {

	margin: 0;

	position: relative;

	overflow: hidden;

	left: 32px;

}

.panel-wrapper:after {

	background: #dcecf5;

	content: "";

	height: 80%;

	left: 49%;

	position: absolute;

	top: 30px;

	width: 1px;

}

.panel-wrapper .comment {

	background: url("/img/quote.png") no-repeat;

	display: table-cell;

	padding: 8px 0 20px 31px;

	line-height: 30px;

	vertical-align: top;

	width: 371px;

}

.panel-wrapper .comment p {padding: 0; margin: 0;}

.panel-wrapper .comment:first-child { padding-right: 87px;}

.panel-wrapper .comment:nth-child(2) { width: 350px;}

.comment .name {

	color: #6d6d6d;

	font-style: italic;

	font-weight: 100;

}

.ls-nav { display: none;}

#reviews h2 { margin: 47px 0 30px;}

#request input[type="text"],

#request input[type="email"],

#request textarea {

	border: medium none;

	border-radius: 10px;

	color: #121212;

	font-size: 18px;

	font-weight: lighter;

	padding: 14px 20px;

}
#request select[name="tarif"] {

	border: medium none;

	border-radius: 10px;

	color: #121212;

	font-size: 18px;

	font-weight: lighter;

	padding: 14px 20px;

	width: 382px;

    margin: 11px 0 0 34px;

}#reviews { padding-bottom: 10px;}
#request input[type="text"],

#request input[type="email"] {

	clear: both;

	display: block;

	margin-left: 103px;

	margin-top: 18px;

	float: left;

	width: 347px;

}

#request textarea{

	display: inline-block;

	height: 170px;

	margin: 18px 0 0 34px;

	resize: none;

	vertical-align: top;

	width: 342px;

}

#request input[type="submit"] {

	background: #322332;

	border: medium none;

	border-radius: 5px;

	color: #fefefe;

	margin: 22px 0 33px;

	font-size: 24px;

	font-weight: lighter;

	height: 55px;

	width: 223px;

}

figcaption .ent { 

	border: none;

	position: relative;

	background: #3D3543;

	font-size: 18px;

	margin: 41px auto 0;

	min-width: 160px;

	padding: 15px 40px;

}

figcaption .ent:after {

	border-left: 20px solid transparent;

	border-right: 20px solid transparent;

	border-bottom: 20px solid #3d3543;

	content: "";

	position: absolute;

	left: 50%;

	margin-left: -20px;

	top: -12px;

}

figcaption .ent.activ, figcaption .ent:hover{ background: #87c441; opacity: 1;}

figcaption .ent.activ:after, figcaption .ent:hover:after{ border-bottom-color: #87c441;}

#partners{ padding-bottom: 40px;}

#partners h2 { margin: 55px 0 34px;}

#support .right {

	font-size: 36px;

	line-height: 51px;

	margin: 78px -3px 0;

	color: #322332;

}

#support .cel {

	color: #87c441;

	font-size: 63px;

	margin: 48px 0 0 7px;

}
#support p{padding: 0; margin: 0;}#request h2 {

	margin: 43px 0 10px;

}

.target{

	display: block!important;

	opacity: 1 !important;

}

.dialog:after {

	border-left: 18px solid transparent;

	border-right: 18px solid transparent;

	border-bottom: 20px solid #fefefe;

	content: "";

	position: absolute;

	left: 50%;

	margin-left: -20px;

	top: -18px;

}

.dialog {

	background: #fefefe;

	border-radius: 10px;

	display: none;

	color: #121212;

	font-size: 18px;

	opacity: 0;

	position: absolute;

	z-index: 10000;

	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);

	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);

	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);

}

.tel .dialog{

	right: 10px;

	top: 67px;

}

.dialog form { padding: 42px 40px 40px 36px;}

.cl {

	cursor: default;

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: -2;  

}

.dialog input[type="text"], .dialog input[type="email"], .dialog input[type="password"], .enter-login input[type="text"], .enter-login input[type="password"]{

	border: 1px solid #dbdada;

	color: #121212;

	font-size: 18px;

	font-weight: lighter;

	height: 43px;

	margin: 3px 0 22px;

	padding: 0 10px 0 20px;

	width: 205px;

}

.dialog label, .enter-login label{

	display: table-cell;

	padding-right: 14px;

	text-align: left;

}

.dialog input[type="submit"], .enter-login input[type="submit"] {

	background: #87c441;

	border: medium none;

	border-radius: 5px;

	color: #fefefe;

	display: table;

	font-size: 24px;

	font-weight: lighter;

	margin: 10px 0 6px 94px;

	padding: 10px 18px;

	min-width: 150px;

}

#header .dialog .dash, .enter-login .dash{

	color: #121212;

	display: inline-block;

	margin: 13px 0 13px 20px;

}

.dialog.leavapplic:after { left: 280px;}

.dialog.requcall:after { left: 55px;}

.dialog.raum:after { left: 326px;}

#cabinet:target.dialog {display: block; opacity: 1;}

#requestwin:target.dialog {display: block; opacity: 1;}

figcaption .dialog.target { top: 115%; right: -14;}

/*footer

---------------*/

#footer { padding: 24px 0 20px;}

#footer p {

	font-size: 14px;

	font-weight: normal;

	line-height: 21px;

	margin: 15px 0 16px;

}

#footer p a {

	color: #fff;

	font-style: italic;

}

#footer .links { margin-top: 30px; margin-right: 150px;}

#footer .links > a {

	margin: 0 0 0 25px;

	display: inline-block;

	height: 41px;

	width: 41px;

}

.tw{background: url("/img/tw.png") no-repeat 0 -41px;}

.fb{background: url("/img/fb.png") no-repeat 0 -41px;}

.vk{background: url("/img/vk.png") no-repeat 0 -41px;}

#footer .links > a:hover {background-position: 0 0;}

/*clearfix

-----------------------------------------------------------------------------*/

.clearfix:before,

.clearfix:after {

	content: " ";

	display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/*

-----------------------------------------------------------------------------*/

#chart h2 { margin-bottom: 25px;}

.chartdiv {

	height: 450px;

  left: 60px;

  margin-bottom: -112px;

  position: relative;

  top: 0;

  width: 450px;

}

#chartdiv1 + figcaption { margin-right: 85px;}

#chartdiv2 + figcaption { margin-left: 70px;}

.chartdiv a {

    display: none!important;

}

#chartdiv1 {

    left: -12px;

}

#chart .btn {

    position: relative;

    z-index: 1;

}

#advant figure { width: 20%;}

figcaption p {padding: 0; margin: 0;}

#why figure { width: 16.66%;}
/*About

================================*/

#banner.banner-two { height: 357px;}

#banner.banner-two .ban {

    height: 357px;

    background-position: 50%;

}

#banner.banner-two .ban:nth-child(1) {background-position: 50% 26%;}

#banner.banner-two .ban:nth-child(3) {background-position: 50% 26%;}
#breadcrumb .content > h2,

.content > h1 

{margin: 70px 0 30px;}
#advant.about { padding-bottom: 14px;}

#about #advant .content > h2 { 

	font-size: 30px;

  	margin: 34px 0 2px;

}

#about #advant { padding-bottom: 14px;}

#advant .content,

#textabout .content,

.fons24 {

    font-size: 24px;

    line-height: 40px;

}

.answers {padding-bottom: 40px;}

.answers .ans {

	font-size: 21px;

    line-height: 37px;}

#about #chart{

	background: #6a843d;

	padding: 20px 0;

}

#about #chart .content {

	position: relative;

}
#about #chart_text {

	position: absolute;

	color: #fff;

	bottom: 53px;

	left: 10px;

	display: table;

	vertical-align: middle;

	width: 600px;

}
#about #chart_text .tr {display: table-row;}

#about #chart_text .tr span {

	display: table-cell;

	vertical-align: middle;

	font-size: 17px;

	padding: 11px 3px 12px 5px;

}
#about #chart_text .tr span {background: #6a843d;}
#about #chart_text .tr .num {

	height: 40px;

	width: 40px;

	border-radius: 20px;

	background-color: #322332;

	text-align: center;

	line-height: 40px;

	font-size: 19px;

	padding: 0px;

	margin: 0px;

}
#about #iptv {

	position: absolute;

	bottom: 119px;

	right: 256px;

	font-size: 15px;

	color: #fff;

}

 
#licens .panel-wrapper:after { width: 0;}

#licens .panel-wrapper > a { padding-left: 20px;}

/*#licens .panel-wrapper > a:first-child { padding-right: 110px;}*/

#licens .panel-wrapper > a > img{
	width: 283px; 
	/*height: 489px;*/
}

#about #steps h2 { margin-bottom: 36px;}

#steps [class$="-arrow"] {  margin-top: -152px;}
a.dot, .answers .dot a{

	color: #121212;

	text-decoration: none;

	border-bottom: 1px dashed;

}

a.dot:hover, .answers .dot a:hover{border-color: transparent}

.answers .dropdown{

	display: none;

	margin: 20px 0 40px 4px;

}

.answers ol { padding: 0 0 0 30px;}

.answers ol > li { 

	font-size: 29px;

	margin: 0 0 19px;

}

.comments .comment {

  display: inline-block;

  margin: 0 0 90px;

}

.comments .comment:nth-child(2n+1) {

  padding-right: 187px;

}

.comments:after {

  background: #dcecf5;

  content: "";

  height: 90%;

  left: 50%;

  position: absolute;

  top: 20px;

  width: 1px;

}

#request.recall textarea { height: 98px;}

#request.form-next input[type="text"],

#request.form-next input[type="email"] { margin-left: 0;}

#request.form-next textarea { width: 538px;}

#request.form-next h2 { margin-bottom: 28px;}

.enter-login form { text-align: center;}

.enter-login > div {

    display: table-cell;

    vertical-align: top;

}

.enter-login {

    padding: 6px 0 47px;

}

.enter-login > div:first-child {

    border-right: 1px solid #dbdada;

    padding: 21px 0 13px 103px;

    width: 387px;

}

.builders h1{

	margin: 60px 0 14px;

}

.enter-login .center { padding: 0px 0px 0px 60px;}

.enter-login input[type="submit"] { margin: 11px 0 20px 131px;}

.promo_coperation { padding-bottom: 50px;}

#support.support2 .right {

    font-size: 30px;

    margin-top: 40px;

}

#advant.promo_coperation {

    padding-bottom: 67px;

}

#advant.promo_coperation:after {

    background: url("/img/blackB.png") repeat-x;

    bottom: -5px;

    content: "";

    height: 5px;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 1;

}

.banner-home{ background: url("/img/banner-home.jpg") repeat 50% 0 ;}

.banner-home .content {

    height: 426px;

}

.banner-home p {

    bottom: 13px;

    color: #fff;

    font-size: 36px;

    line-height: 51px;

    position: absolute;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

}
.partners_list {

	display: table;

	width: 100%;

}
.partners_list span {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}
.p0 {padding: 0; margin: 0;}
.onedesign {

  margin-top: 11px;

  width: 225px;

}
.onedesign img {

    float: left;

    margin: 4px 12px 0px 0;

}
.onedesign a {font-style: normal !important;}#banner .bannerlink {

	position: absolute;

	right: 20px;

	top: 20px;

}
#banner .bannerlink .blink {

	display: inline-block;

	cursor: pointer;

	height: 11px;

	width: 11px;

	border-radius: 6px;

	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);

	margin: 7px;

	background-color: rgba(255,255,255,0.5);

}
#banner .bannerlink .blink:hover {

	background-color: rgba(135,196,65,0.5);

}
#banner .bannerlink .blink.current {background-color: #87C441;}
.properties {font-size: 17px;    margin-top: -1.2em;}
.properties .date {font-size: 14px; color: #544554; display: inline-block; padding-left: 10px;}/*######################*/

.partners_list {
   	display: block;
    overflow: hidden;
    width: 100%;

}

.partners_list > ul {

    margin: 0;

    padding: 0;

}

.partners_list li {

     display: inline-block;

    float: left;

    list-style: outside none none;

    margin: 0 20px;

    text-align: center;

    vertical-align: middle;

}
.button, a.button {

  background: #87c441;

  border: medium none;

  border-radius: 5px;

  color: #fefefe !important;

  font-size: 24px;

  font-weight: lighter;

  margin: 15px 0;

  padding: 10px 18px;

  min-width: 150px;

  text-decoration: none;

  display: inline-block;

}

.error {color: red; clear: left; margin-bottom: 1em;}
.cab_img {float: left; margin: 0 15px 15px 0;}
.repass {
	display:none; 
	position: absolute; 
	top: 0; right: 0; opacity: 1; 
	padding: 25px; 
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3); 
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3); 
	background: #fefefe; 
	border-radius: 10px;}

.news_properties th {
	text-align: left;
}

 
.table-striped td {
    padding: 0.2em 0.5em;
    font-size: 0.9em;
    background: #fefefe; /* Цвет фона */
   } 
.table-striped tr:nth-child(2n+1) td:nth-child(2n) {
    background: #fafafa; /* Цвет фона */
   } 

.table-striped tr:nth-child(2n) td:nth-child(2n+1) {
    background: #fafafa; /* Цвет фона */
   }

/*видеонаблюдение ---------------*/

.page_content > section > div {
    margin: 0 auto;
    position: relative;
    width: 980px;
    font-weight: normal;
}

.block1 {
    background: url(/img/bg_1.jpg) #427BB7 no-repeat center;
    min-height: 398px;
}

.logotype {
	display: block;
    width: 299px;
    height: 96px;
    padding: 77px 73px 0;
}

.block1 h1 {
    font: 300 45px/1 'Open Sans', Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    margin: 17px 71px 0;
    color: #fff;
    letter-spacing: -1px;
}

.block1 h1 span {
	font-size: 33px;
}

.block1 h2 {
    line-height: 49px;
    font-size: 44px;
    margin: 0px 74px 0;
    text-transform: uppercase;
    color: #78C01D;
}

.block2 {

}

.block2 h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 22px 75px 18px;
    background: url(/img/icon_1.png) no-repeat left center;
    padding: 14px 68px;
    color: #427BB7;
}

.block2 .circles {
    width: 864px;
    min-height: 377px;
    margin: 0 auto;
}

.block2 .circles>div {
    float: left;
    width: 20%;
    text-align: center;
}

.block2 .circles img {
    margin: 0 auto;
    display: block;
}

.block2 .circles h4 {
    margin: 15px 0 0;
    font-size: 21px;
    color: #427BB7;
    font-weight: 400;
}

.block2 .circles p {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    padding: 0 10px;
}

.block3 {
    background: url(/img/bg_3.jpg) no-repeat top center;
    min-height: 445px;
}

.block3>div>div {
	float: left;
	width: 50%;
	height: 223px;
}

.block3 h2 {
	font-size: 21px;
    font-weight: 500;
    margin: 20px 0 18px 75px;
    padding: 16px 68px 9px;
    color: #427BB7;
}

.block3 .quad1 h2 {
    background: url(/img/icon_2.png) no-repeat left center;
}

.block3 .quad2 h2 {
    background: url(/img/icon_3.png) no-repeat left center;
    margin: 12px 0 4px 72px;
    line-height: 25px;
}

.block3 .quad3 h2 {
    background: url(/img/icon_4.png) no-repeat left center;
    margin-top: 4px;
    margin-bottom: 0;
    padding-top: 0;
    line-height: 26px;
}

.block3 .quad4 h2 {
    background:url(/img/icon_5.png) no-repeat left center;
}

.block3 p {
    font-size: 13px;
    font-weight: 400;
    margin: 0 75px;
    line-height: 16px;
}

.block3 .quad1 p {
	margin-right: 145px;
}

.block3 .quad2 p {
	margin-right: 189px;
}

.block3 .quad3 p {
	margin-right: 196px;
}

.block3 .quad4 p {
	margin-right: 170px;
}

.block3 strong {
    color: #427BB7;
    font-size: 17px;
    margin: 10px 74px;
    display: block;
}

.block4 {
    background-color: #427BB7;
    min-height: 89px;
}

.block4 div {
    background-image: url(/img/bg_arrow.png), url(/img/bg_arrow.png);
    background-position: top right 73px, top left 73px;
    background-repeat: no-repeat, no-repeat;
    height: 89px;
    text-align: center;
}

.block4 h3 {
	font-size: 28px;
    color: #fff;
}

.block5 form {
	margin-top:41px;
}

.block5 h5 {
    margin: 0 41px 0;
    padding: 10px 30px;
    border: 3px #427BB7 solid;
    border-radius: 58px;
    width: auto;
    font-weight: 400;
    display: inline-block;
    font-size: 19px;
}    

.block5 .inp {
    float: left;
    margin-left: 75px;
    margin-top: 6px;
    margin-bottom: 5px;
}

.block5 .inp label {
    padding-top: 12px;
    display: inline-block;
}

.block5 .inp input {
    vertical-align: top;
    height: 29px;
    width: 112px;
    border: none;
    border-bottom: 2px #000 solid;
    text-align: center;
}

.block5 .inp div {
    padding-left: 72px;
    font-size: 13px;
    margin-top: -5px;
}

.block5 .inp2 {
    float: left;
    margin-left: 74px;
    margin-top: 11px;
    margin-bottom: 9px;
}

.block5 .inp2 label {
    padding-top: 12px;
    display: inline-block;
}

.block5 .inp2 input {
    vertical-align: top;
    height: 29px;
    width: 112px;
    border: none;
    border-bottom: 2px #000 solid;
}

.block5 .inp2 div {
    font-size: 13px;
    line-height: 16px;
}

.block5 input[type="radio"] {
    display: none;
}

.block5 input[type="radio"] + label span {
    display: inline-block;
    width: 49px;
    height: 49px;
    margin: -1px 0 0 7px;
    vertical-align: middle;
    cursor: pointer;
}

.block5 .col1 input[type="radio"] + label span {
    background: url(/img/no_check1.png) center no-repeat;
}

.block5 .col1 input[type="radio"]:checked + label span {
    background: url(/img/check1.png) center no-repeat;
}

.block5 .col2 input[type="radio"] + label span {
    background: url(/img/no_check2.png) center no-repeat;
}

.block5 .col2 input[type="radio"]:checked + label span {
    background: url(/img/check2.png) center no-repeat;
}


.block5 .col3 input[type="radio"] + label span {
    background: url(/img/no_check3.png) center no-repeat;
}

.block5 .col3 input[type="radio"]:checked + label span {
    background: url(/img/check3.png) center no-repeat;
}


.block5 .col1 label {
    background: url(/img/stars_1.png) top left 5px no-repeat;
    cursor: pointer;
}

.block5 .col2 label {
    background: url(/img/stars_2.png) top left 12px no-repeat;
    cursor: pointer;
}

.block5 .col3 label {
    background: url(/img/stars_3.png) top left 46px no-repeat;
    cursor: pointer;
}

.float {
	float: none !important;
}

.l1 {
	padding-left: 169px !important;
}

.l2 {
	padding-left: 132px !important;
}

.dl1 input {
	width: 280px !important;
    margin-right: 40px;
}

.dl2 input {
	width: 574px !important;
}

.block5 .subm {
	text-align: center;
	width: 100%;
}

.block5 .button {
	cursor: pointer;
	margin-top: 22px;
}

.block5 h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 35px 6px 0;
    padding: 16px 68px 10px;
    color: #427BB7;
    background: url(/img/icon_6.png) no-repeat right center;
}

.block5 ul { 
	list-style: none; 
	margin-bottom: 40px;
}

.block5 ul li {
    display: block;
    background: transparent url(/img/li.png) left top 5px no-repeat;
    padding-left: 25px;
    margin-left: 32px;
    font-size: 15px;
    line-height: 21px;
}

.map-popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000000;
	background: rgba(0,0,0,.5);
}
body.is-map-popup-open .map-popup-overlay {
	display: block;
}
.map-popup-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 750px;
	max-height: 550px;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
}
.map-content {
	position: relative;
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.map-content__close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	border: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDIuMzIzMzMgMi4zMjMzMyINCiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogPGRlZnM+DQogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQogICA8IVtDREFUQVsNCiAgICAuZmlsMCB7ZmlsbDojNjM2QjcxfQ0KICAgXV0+DQogIDwvc3R5bGU+DQogPC9kZWZzPg0KIDxnIGlkPSLQodC70L7QuV94MDAyMF8xIj4NCiAgPG1ldGFkYXRhIGlkPSJDb3JlbENvcnBJRF8wQ29yZWwtTGF5ZXIiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik0xLjE2MTY2IDBjMC42NDE1MDcsMCAxLjE2MTY2LDAuNTIwMTU3IDEuMTYxNjYsMS4xNjE2NiAwLDAuNjQxNTA3IC0wLjUyMDE1NywxLjE2MTY2IC0xLjE2MTY2LDEuMTYxNjYgLTAuNjQxNTA3LDAgLTEuMTYxNjYsLTAuNTIwMTU3IC0xLjE2MTY2LC0xLjE2MTY2IDAsLTAuNjQxNTA3IDAuNTIwMTU3LC0xLjE2MTY2IDEuMTYxNjYsLTEuMTYxNjZ6bS0wLjY0NjUzOCAxLjYxMDMybDAuNDQ4ODExIC0wLjQ0ODgxMSAtMC40NDg5NjMgLTAuNDQ4ODExIDAuMTk3NzI3IC0wLjE5NzU3NCAwLjQ0ODgxMSAwLjQ0ODgxMSAwLjQ0ODgxMSAtMC40NDg4MTEgMC4xOTc3MjcgMC4xOTc1NzQgLTAuNDQ4OTYzIDAuNDQ4ODExIDAuNDQ4ODExIDAuNDQ4ODExIC0wLjE5NzU3NCAwLjE5NzcyNyAtMC40NDg4MTEgLTAuNDQ4ODExIC0wLjQ0ODgxMSAwLjQ0ODgxMSAtMC4xOTc1NzQgLTAuMTk3NzI3eiIvPg0KIDwvZz4NCjwvc3ZnPg0K), #fff;
	border-radius: 50%;
	z-index: 1;
	cursor: pointer;
	outline: 0;
	width: 18px;
	height: 18px;
}
.map-content__fields {
	margin-bottom: 20px;
}
.map-content__input {
	flex: 1;
	border: 1px solid #dbdada;
	color: #121212;
	font-size: 18px;
	font-weight: lighter;
	height: 43px;
	padding: 0 10px 0 20px;
	box-sizing: border-box;
	margin: 0;
}
.map-content__button {
	background: #87c441;
	border: 0;
	outline: 0;
	border-radius: 0 5px 5px 0;
	color: #fefefe;
	font-size: 24px;
	font-weight: lighter;
	padding: 5px 0;
	width: 150px;
	box-sizing: border-box;
	text-align: center;
}
.map-content__button:hover {
	background: #6a9e38;
}
.map-content__field {
	display: flex;
	align-items: flex-start;
}
.map-content__field + .map-content__field {
	margin-top: 10px;
}

.map-content__apply {
	background: #87c441;
	border: 0;
	outline: 0;
	border-radius: 5px;
	color: #fefefe;
	font-size: 20px;
	font-weight: lighter;
	padding: 8px 60px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	bottom: 20px;
	right: 40px;
	z-index: 2;
	display: none;
}
.map-content__apply:hover {
	background: #6a9e38;
}

.map-content__map {
	flex: 1;
	width: 100%;
	background: #dbdada;
}

input[name="address"], #map-address {font-size: 0.7em !important; word-break: break-all;}

.uslugi_main {
	margin: 3em 0;
}

.uslugi_main figure {
  	width: 445px;
    display: inline-block;
    margin: 1em 1em 1em 0;
    padding: 1.5em 1em 1.6em;
    background: #322332;
    color: #fff;
    border-radius: 5px;

}
.uslugi_main figure:nth-child(2n) {
	margin: 1em 0 1em 1em;
  	float: right;
}
.uslugi_main figure img {
	float: left;
    margin: 0.4em 0.9em;
    height: 55px;
}
.uslugi_main figure figcaption {
	font-size: 1.4em;
    margin-bottom: 1em;
}
.uslugi_main figure a {
	color: #fff;
	font-size: 0.9em;
}

.cookie-informer {
	position: fixed;
	z-index: 9999999;
	bottom: 10px;
	left: 10px;
	box-shadow: 0 3px 8px rgba(0, 41, 79, 0.51);
	background-color: #86c441;
	padding: 10px 20px;
	border-radius: 5px;
	width: 270px;
}
.cookie-informer__text {
	font-size: 13px;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 10px;
	user-select: none;
}
.cookie-informer__agree {
	border: 0;
	color: #fff;
	background-color: #322332;
	font-size: 12px;
	padding: 10px 20px;
	border-radius: 5px;
	width: 100%;
}
.cookie-informer__agree:hover {
	background-color: #322332;
}

/*
-----------------------------------------------------------------------------*/
.content.content_wide {
	/*width: 100%;*/
	/*max-width: 1545px;*/
}
.banner-intercom {
	position: relative;
	/*height: 445px;*/
	height: 335px;
	padding: 70px 0;
}
.banner-intercom__inner {
	display: flex;
	align-items: center;
	gap: 60px;
	/*height: 445px;*/
	height: 335px;
	background-color: #87c442;
	color: #312332;
}
.banner-intercom__description {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.banner-intercom__content {
	display: inline-block;
}
.banner-intercom__headline {
	text-transform: uppercase;
	font-weight: 900;
	/*font-size: 48px;*/
	font-size: 36px;
	line-height: 1.2;
	margin: 0 0 24px;
}
.banner-intercom__text {
	/*font-size: 32px;*/
	font-size: 28px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
	text-transform: uppercase;
}
.banner-intercom__pic {
	position: relative;
	/*width: 700px;*/
	width: 500px;
	height: 100%;
	flex-shrink: 0;
}
.banner-intercom__pic img {
	position: absolute;
	top: -50px;
	width: 100%;
}
.section-description {
	/*font-size: 28px;*/
	font-size: 24px;
	line-height: 1.4;
	font-weight: 400;
	color: #322433;
	/*padding-bottom: 70px;*/
}
.section-description__text p {
	margin: 12px 0;
}
.section-description__text > *:first-child {
	margin-top: 0;
}
.section-description__text > *:last-child {
	margin-bottom: 0;
}

.section-services {
	padding: 100px 0;
}
.section-services__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 80px;
}
.section-services__item {
	display: flex;
	align-items: center;
}
.section-services__icon {
	/*width: 200px;*/
	/*height: 200px;*/
	width: 150px;
	height: 150px;
	flex-shrink: 0;
	margin-right: 40px;
}
.section-services__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section-services__headline {
	/*font-size: 32px;*/
	font-size: 28px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 100;
	/*margin: 0 0 24px;*/
	margin: 0 0 16px;
}
.section-services__text {
	/*font-size: 24px;*/
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}
.section-services > *:first-child {
	margin-top: 0;
}
.section-services > *:last-child {
	margin-bottom: 0;
}

.section-steps {
	background-color: #312332;
	color: #fff;
	padding: 80px 0 40px;
	box-sizing: border-box;
}
.section-steps .content {
	padding: 0 40px;
}
.section-steps * {
	box-sizing: border-box;
}
.section-steps__headline {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 100px -40px;
	/*padding-left: 150px;*/
}
.section-steps__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	row-gap: 100px;
}
.section-steps__item {
	position: relative;
	/*flex: 1 1 33.33%;*/
	/*max-width: 33.33%;*/
	flex: 1 1 50%;
	max-width: 50%;
	display: flex;
	align-items: flex-start;
	/*padding-right: 30px;*/
	padding-right: 50px;
}
/*.section-steps__item:nth-last-child(1),*/
/*.section-steps__item:nth-last-child(2) {*/
/*	max-width: 40%;*/
/*	padding-right: 50px;*/
/*}*/
.section-steps__pic {
	position: relative;
	flex-shrink: 0;
	/*margin-right: 30px;*/
	margin-right: 20px;
	/*width: 230px;*/
	width: 200px;
}
.section-steps__pic_vert {
	width: 80px;
}
.section-steps__pic > img {
	width: 100%;
	height: auto;
	margin: 0;
}
.section-steps__number {
	position: absolute;
	top: -30px;
	left: -50px;
	z-index: 1;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 4px solid #72b635;
	color: #72b635;
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	user-select: none;
}
.section-steps__pic_vert .section-steps__number {
	top: -30px;
	left: -40px;
}
.section-steps__item:last-child .section-steps__pic_vert {
	width: 120px;
}
.section-steps__item:last-child .section-steps__pic_vert .section-steps__number {
	top: -30px;
	left: -60px;
}
.section-steps__number img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section-steps {
	flex: 1;
}
.section-steps__title {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 40px;
}
.section-steps__text {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
.section-steps__text > *:first-child {
	margin-top: 0;
}
.section-steps__text > *:last-child {
	margin-bottom: 0;
}

/* top line */
	.top-marquee {
  width: 100%;
  background: #77285F;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-size: 16px;
  padding: 8px 0;
  z-index: 9999;
}

.top-marquee-content {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}