@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700,800&subset=latin,cyrillic);

/***Default Styles ***/
html, body {font-family: 'Open Sans', sans-serif; color:#0c0c0c; font-size: 14px; font-weight: 500; line-height: 18px;}
#wrap {width:100%; max-width: 1920px; overflow:hidden; margin: 0 auto;}
.container {width: 940px; margin:0 auto; position: relative;}

a {color:#0c0c0c; text-decoration: none;}
a:hover {text-decoration: underline;}

.place-black::-webkit-input-placeholder {color:#000; text-align: center; text-transform: uppercase;}
.place-white::-webkit-input-placeholder {color:#fff; text-align: center; text-transform: uppercase;}
.place-black:-moz-placeholder {color:#000; text-align: center; text-transform: uppercase;}
.place-white:-moz-placeholder {color:#fff; text-align: center; text-transform: uppercase;}

.clearfix {clear:left;}

/************ Header *****************/
/*
header {
	background: #fff; 
	padding-top: 25px;
	height:159px;
}
div.sticky-wrapper {}
div.sticky-wrapper.is-sticky header {z-index: 2000; width: 100%; padding-top: 0; background: rgba(255, 255, 255, 0.9); height: 60px;}
div.sticky-wrapper.is-sticky header #header-top {height: 0px;}
*/

header {
    background: #fff;
    padding-top: 25px;
    height:140px;

    position:relative;
    z-index:998;

    -webkit-box-shadow: 0px 1px 6px 0px rgba(2, 2, 2, 0.3);
    -moz-box-shadow:    0px 1px 6px 0px rgba(2, 2, 2, 0.3);
    box-shadow:         0px 1px 6px 0px rgba(2, 2, 2, 0.3);
}

div.sticky-wrapper {}
div.sticky-wrapper .nav-panel.stuck {z-index: 2000; width: 100%; padding-top: 0; background: rgba(255, 255, 255, 0.9); height: 60px; position: fixed; top:0;}
div.sticky-wrapper .nav-panel.stuck #header-top {height: 0px; overflow:hidden;}
div.sticky-wrapper .nav-panel.stuck #mainmenu {padding: 17px 0 0;}

#header-top { overflow: hidden; /*-webkit-transition: height .3s ease;*/ height: 74px;}
#header-top #logo { float:left; margin-right: 18px;}
#header-top #slogan { float:left; text-transform: uppercase; width: 180px; font-size: 15px; font-weight: 500; padding-top: 25px; margin-right: 50px;}
#header-top #header-order { float:left; padding-top: 25px; width: 280px;}
#header-top #header-order .order-call {padding-left: 20px; background: url("../images/phone.jpg") no-repeat left center; line-height: 10px; font-size: 12px; text-transform: uppercase; font-weight: 500; margin-bottom: 2px;}
#header-top #header-order .order-kp {padding-left: 20px; background: url("../images/mail.jpg") no-repeat left center; line-height: 11px; font-size: 12px; text-transform: uppercase; font-weight: 500;}
#header-top #header-order button {text-transform: uppercase; border:none; background: none; padding: 0;}
#header-top #header-order a {text-decoration: none;}
#header-top #contact { float:left; margin-left: 30px; }
#header-top #contact #user-login {margin-bottom: 3px;}
#header-top #contact #user-login a {font-size: 12px;}
#header-top #contact #user-login button {font-size: 12px; border:none; background: none; outline: none;}
#header-top #contact .header-phone {font-weight: 500;}
#header-top #contact .header-phone span {font-weight: 300;}

#free-number {float:left; margin-left: 40px; font-size: 20px; padding-top: 22px;}
#free-number span {font-size: 13px;}

/*#mainmenu {padding: 20px 0;}
#mainmenu ul {padding: 0; margin:0; list-style: none; overflow: hidden;}
#mainmenu ul li {float:left; margin-left: 12px; padding-left: 12px; border-left: 1px solid #10b1f5; }
#mainmenu ul li:first-child {margin-left: 0; padding-left: 0; border: none;}
#mainmenu ul li a {font-size: 14px; line-height: 20px; color:#10b1f5; text-transform: uppercase; font-weight: 700;}*/

#mainmenu {padding: 28px 0 0; position: relative;  z-index: 1200;}
div.sticky-wrapper.is-sticky #mainmenu {padding: 18px 0 0;}

#mainmenu > ul {padding: 0; margin:0; list-style: none; text-align: center;}
#mainmenu > ul > li {display:inline-block; margin-left: 24px; padding-bottom: 10px; position: relative; z-index: 200;}
#mainmenu > ul > li.active, #mainmenu > ul > li:hover {border-bottom: 4px solid #10b1f5;}
#mainmenu > ul > li:first-child {margin-left: 0; padding-left: 0; margin-right: 24px; position: relative;}
#mainmenu > ul > li:first-child::after {border-right: 1px solid #000; position: absolute; top:0; right:-24px; content:""; width: 0; height: 22px; }
#mainmenu > ul > li a {font-size: 16px; line-height: 24px; color:#000000; text-transform: uppercase; font-weight: 400;}
#mainmenu > ul > li a:hover {text-decoration: none;}

#mainmenu ul li > ul {
    display:none;
    margin:0;
    padding:14px;
    border: 1px solid #e1e1e1;
    list-style: none;
    width: 188px;

    background: #fff;
    text-align:left;

    position: absolute;
    top:47px;
    left:0;

    z-index: 1200;
}

#mainmenu ul li > ul.visible {display: block;}

#mainmenu ul li > ul::before, #mainmenu ul li > ul::after {
    content: '';
    position: absolute;
    left: 20px; top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #e1e1e1;
}

#mainmenu ul li > ul::after {
    border-bottom: 10px solid white;
    top: -19px;
}

#mainmenu ul li > ul li {}
#mainmenu ul li > ul li a {text-transform: none; font-size: 14px; color:#686868; line-height: 10px; display: block; padding: 10px 0 10px 12px;}
#mainmenu ul li > ul li a:hover {background: #36ade2; color: #fff;}


#header-top #header-order {text-align: right;}
#header-top #header-order button#callback_form_show {padding: 35px 179px 0 0; background: url("/templates/seotemple_v2/images/calllback_button.png") no-repeat center center;}
/***********Service Menu*****************/
#box-service-menu {

    padding: 0 24px;
    width: auto;
    position: fixed;
    top:0;
    left:-600px;
    z-index: 2000;
    background: #ffffff;
    border-right: 1px solid #bbbbbb;
    height: 100%;

    -webkit-box-shadow: -2px 4px 5px 0px rgba(6, 6, 6, 0.1);
    -moz-box-shadow:    -2px 4px 5px 0px rgba(6, 6, 6, 0.1);
    box-shadow:         -2px 4px 5px 0px rgba(6, 6, 6, 0.1);

    -webkit-transition: left 1s ease-out;
    -moz-transition: left 1s ease-out;
    -ms-transition: left 1s ease-out;
    -o-transition: left 1s ease-out;
    transition: left 1s ease-out;
}

#box-service-menu.active {
    left: 0;
}

#box-service-menu a {font-size: 11px; line-height: 10px; color:#000; display: block; padding: 10px 10px 10px 27px;}
#box-service-menu a.parrent {padding-left: 10px;}
#box-service-menu a.parrent i {margin-right: 12px;}
#box-service-menu a:hover, #box-service-menu li.current > a {text-decoration: none; color:#fff; background: #36ade2;}
#box-service-menu li.current i {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#box-service-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#box-service-menu ul ul {padding-left: 10px; margin-top: 3px; }
#box-service-menu ul li ul {
    max-height: 0px;
    overflow:hidden;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
#box-service-menu li.current ul {
    max-height: 140px;
}

#box-service-menu ul ul li a {}

.box-service-menu__logo {margin: 40px 0 30px; padding: 0 0 20px 27px; border-bottom: 1px solid #e9e9e9;}
.box-service-menu__logo__image {width: 44px; display: inline-block;}
.box-service-menu__logo__image img {max-width: 100%;}
.box-service-menu__logo__slogan {font-size: 13px; display: inline-block; text-transform: uppercase; width: 110px; line-height: 14px; text-align: left; margin-left: 10px;}
.box-service-menu__header {color:#36ade2; font-size: 11px; text-transform: uppercase; line-height: 10px; font-weight: bold; padding-left: 27px; margin-bottom: 20px;}

/***************************************/

#block-1 {position: relative; z-index: 997;}
#block-1 .block-1-bg {position: absolute; top:0; left:0; z-index:2; width: 100%; height: 100%; background: #d7d7d7; /*background: url("../images/block-1-bg.jpg") no-repeat center center;*/  background: url("../img/0001.jpg") repeat center center;}
#block-1 .block-1-bg:before {
	position: absolute;
	top:0;
	content:"";
	
	background: rgba(255, 255, 255, .5);
	width: 100%;
	height: 20px;
}

#block-1 .block-1-bg:after {
	position: absolute;
	bottom:0;
	content:"";
	
	background: rgba(255, 255, 255, .5);
	width: 100%;
	height: 20px;
}
#block-1 .block-1-content {height: 420px; width:100%; position: relative; z-index:10; overflow: hidden;}

.block-1-form {width: 253px; padding-top: 70px;}
.block-1-form-header {
	font-size: 24px; 
	color:#fff; 
	text-transform: uppercase; 
	line-height: 30px; 
	font-weight: 700;
	text-shadow: 0px 1px 3px rgba(150, 150, 150, 1);
}
#block-form-1 input[type="text"] {display: block; margin: 15px 0; width: 230px; background: transparent; border:5px solid #fff; padding: 7px 6px; }
#block-form-1 input[type="text"]:focus, #block-form-1 input[type="text"]:hover {outline: none; border-color: #d06b25;}
#block-form-1 button {display: block;  margin: 0 auto; border:none; border-bottom:4px solid #5a5a5b; background: #6d6d6e; color:#fff; text-align: center; text-transform: uppercase; font-size: 12px; width: 210px; padding: 7px 0 5px 0;}
#block-form-1 button:hover, #block-form-1 button:focus {border-color: #d06b25; outline: none;}
.block-1-presentation {width: 190px; margin: 0 auto; text-align: center; margin-top: 50px; border-bottom: 1px solid #d06b25;}
.block-1-presentation a {color:#d06b25; text-decoration: none; text-transform: uppercase; font-weight: 700;}


#block-2 {
	overflow: hidden; 
	position:relative;
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 10px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 10px 0px rgba(50, 50, 50, 0.35);
	
	z-index:900;
}
.block-2-item {float:left; width:210px; border-left: 1px solid #e0e0e0; padding: 20px 20px; min-height: 50px;}
.block-2-item:first-child {width: 100px; border-left: none; padding: 30px 20px 10px 20px;}
.block-2-item:first-child > span {font-size: 20px; font-weight: 700; line-height: 22px;} 
.block-2-item .news .date {float:left; width: 70px;}
.block-2-item .news .date span {display: block; text-align: center; font-weight: 700;}
.block-2-item .news .date span:first-child {font-size: 34px; font-weight: 500; margin-bottom: 5px; line-height: 36px;}
.block-2-item .news .header {font-size: 12px; float:left; width: 130px; margin-left: 10px;}

#block-3 {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 650px;
	
	background: url("../images/block-3-bg.png");
	z-index:800;
}

#about-company {overflow: visible;}
#about-company p {margin: 0; text-transform: uppercase; font-size: 13px; line-height: 24px; font-weight: 300;}
#about-company .box-content {min-height: 145px;}
#about-company .header {font-size: 44px; line-height: 48px; font-weight: 500; text-transform: uppercase; margin: 100px 0 50px 0;}
#about-company .box-1 {float:left; width: 470px; position: relative; padding-bottom: 30px;}
#about-company .box-1:after {
	position: absolute;
	content: "";
	bottom:0;
	left: 0;
	width: 80%;
	height:1px;
	background: url("../images/block-3-border-bottom.png") repeat-x; 
}

#about-company .box-1:before {
	position: absolute;
	content: "";
	width:1px;
	height: 80%;
	top:0;
	right:0;
	
	background: url("../images/block-3-border-vertical.png") repeat-y;
}
#about-company .box-1 .box-image {width: 78px; height:78px; float: left; position: relative;}
#about-company .box-1 .box-content {width: 330px; float: left; margin-left: 20px; padding-right: 30px;}
#about-company .box-1 .box-image {
	text-align: center;
	border: 6px solid #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#about-company .box-1 .box-image > span {
	display: block; 
	border: 6px solid rgba(171, 171, 171, 0.16);
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	width: 66px; height: 66px;
}
#about-company .box-1 .box-image > span > span {
	background: #fff; 
	display:block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 66px; height: 66px;
}
#about-company .box-1 .box-image img { max-width: 100%; position: absolute; top: 50%; margin-top: -23px; left:50%; margin-left: -16px;}

#about-company .box-2 {float:left; width: 440px; position: relative; padding-bottom: 30px; padding-left: 30px;}
#about-company .box-2:after {
	position: absolute;
	content: "";
	bottom:0;
	right: 0;
	width: 80%;
	height:1px;
	background: url("../images/block-3-border-bottom.png") repeat-x; 
}
#about-company .box-2 .box-image {width: 78px; height:78px; float: left; position: relative;}
#about-company .box-2 .box-content {width: 330px; float: left; margin-left: 20px;}
#about-company .box-2 .box-image {
	text-align: center;
	border: 6px solid #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#about-company .box-2 .box-image > span {
	display: block; 
	border: 6px solid rgba(171, 171, 171, 0.16);
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	width: 66px; height: 66px;
}
#about-company .box-2 .box-image > span > span {
	background: #fff; 
	display:block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 66px; height: 66px;
}
#about-company .box-2 .box-image img { max-width: 100%; position: absolute; top: 50%; margin-top: -15px; left:50%; margin-left: -23px;}

#about-company .box-3 {float:left; width: 470px; clear:left; margin-top: 30px; position: relative;}
#about-company .box-3:before {
	position: absolute;
	content: "";
	width:1px;
	height: 80%;
	bottom:0;
	right:0;
	
	background: url("../images/block-3-border-vertical.png") repeat-y;
}
#about-company .box-3 .box-image {width: 78px; height:78px; float: left; position: relative;}
#about-company .box-3 .box-content {width: 330px; float: left; margin-left: 20px; padding-right: 30px;}
#about-company .box-3 .box-image {
	text-align: center;
	border: 6px solid #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#about-company .box-3 .box-image > span {
	display: block; 
	border: 6px solid rgba(171, 171, 171, 0.16);
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	width: 66px; height: 66px;
}
#about-company .box-3 .box-image > span > span {
	background: #fff; 
	display:block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 66px; height: 66px;
}
#about-company .box-3 .box-image img {max-width: 100%; position: absolute; top: 50%; margin-top: -24px; left:50%; margin-left: -20px;}

#about-company .box-4 {float:left; width: 440px; margin-top: 30px; padding-left: 30px;}
#about-company .box-4 .box-image {width: 78px; height:78px; float: left; position: relative;}
#about-company .box-4 .box-content {width: 330px; float: left; margin-left: 20px;}
#about-company .box-4 .box-image {
	text-align: center;
	border: 6px solid #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#about-company .box-4 .box-image > span {
	display: block; 
	border: 6px solid rgba(171, 171, 171, 0.16);
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	width: 66px; height: 66px;
}
#about-company .box-4 .box-image > span > span {
	background: #fff; 
	display:block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 66px; height: 66px;
}
#about-company .box-4 .box-image img {max-width: 100%; position: absolute; top: 50%; margin-top: -18px; left:50%; margin-left: -21px;}

#block-4 {width: 100%; min-height: 350px; background: url("../images/block-4-before.png") repeat-x #10b1f5; position: relative; z-index: 700; box-shadow: 0 3px 3px rgba(4, 5, 5, .21) inset; }
#block-4:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	
	background: url("../images/block-4-after.png") repeat-x;
}

#block-4 .header {text-transform: uppercase; color:#fff; text-align: center; font-weight: 700; font-size: 46px; line-height: 48px; padding-top: 70px; overflow: hidden;}
#block-4 .bloc-4-content {color:#fff;text-align: center; margin: 0 auto; width: 300px;}
#block-4 .bloc-4-content p {margin: 25px 0;}
#block-4 .block-4-button {}
#block-4 .block-4-button  button {background:none; display: block; color:#fff; font-weight: 700; text-transform: uppercase; width: 250px; margin: 0 auto; border: 6px solid #fff; text-align: center; padding: 7px 0; text-decoration: none;}

#block-5 { position: relative; z-index: 600; min-height: 700px; overflow: hidden; background: #e2e2e3;  /*background: radial-gradient(#fff, #dddedf);*/
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZGRkZWRmIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNkZGRlZGYiIC8+PHJlY3QgeD0iLTc3Ljc1MzMlIiB5PSItMjAwJSIgd2lkdGg9IjI1NS41MDY2JSIgaGVpZ2h0PSI1MDAlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 290, color-stop(0%, #ffffff), color-stop(100%, #dddedf));
	background-image: -webkit-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -moz-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -ms-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -o-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: radial-gradient(closest-side circle at center center, #ffffff 0%, #dddedf 500%);
}
#prodvigenie {margin-top: 60px; position: relative;}
#prodvigenie .header {text-transform: uppercase; font-size: 40px; line-height: 44px; font-weight: 400;}
#prodvigenie .block-5-content {text-transform: uppercase; font-size: 16px; line-height: 24px; font-weight: 300; width: 400px; margin: 30px 0;}
#prodvigenie .block-5-yandex {position: relative;}
#prodvigenie .block-5-yandex-switch {position: absolute; top:40px; left: 380px;}
#prodvigenie .block-5-yandex-switch a {display: block; width: 16px; height: 20px; background: url("../images/block-5-switch.png") no-repeat center center;}
#prodvigenie .blok-5-yandex-header { color:#11b1f5; text-transform: uppercase; font-size: 18px; font-weight: 500; line-height: 21px; width: 200px;}
#prodvigenie .block-5-yandex-text {font-size: 14px; margin-bottom: 20px; width: 200px;}
#prodvigenie .block-5-yandex-text span {display: block; float:right;}
#prodvigenie .block-5-yandex-text span:first-letter {color:red;}
#prodvigenie .block-5-yandex-items {
	opacity:0; 
	position: absolute;
	 top:75px; 
	 display:none; 
	 z-index:610;
}
#prodvigenie .block-5-yandex-items.current {
	opacity:1; 
	display:block; 
	z-index:620;
}
#prodvigenie .block-5-yandex-row { width: 400px; overflow: hidden; padding-bottom: 20px; position: relative;}
#prodvigenie .block-5-yandex-row:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: 9px;
	left:0;
	
	background: url("../images/block-3-border-bottom.png") repeat-x;
}
#prodvigenie .block-5-yandex-query {font-weight: 300; float: left; line-height: 35px; font-size: 14px; line-height: 14px; margin-top: 18px;}
#prodvigenie .block-5-yandex-position {float: right;}
#prodvigenie .block-5-yandex-position span {font-size: 35px; font-weight: 700; line-height: 35px;}
#prodvigenie .block-5-yandex-row:nth-child(even) .block-5-yandex-position span {color:#12b2f5;}
#prodvigenie .block-5-yandex-project {color:#ababab;}
#prodvigenie .block-5-yandex-project span {font-style: italic; text-decoration: underline;}

#block-5-mainimage {position: absolute; width: 510px; height: 510px; top:50px; left:510px;}
#block-5-mainimage p {margin: 0; font-size: 14px; line-height: 20px; font-weight: 300; text-transform: uppercase;}
#block-5-mainimage #block-5-arrow-1 {position: absolute; width: 207px; height: 148px; background: url("../images/block-5-arrow-1.png") no-repeat; right: 37px; top:27px; z-index: 610;}
#block-5-mainimage #block-5-arrow-2 {position: absolute; width: 507px; height: 370px; background: url("../images/block-5-arrow-2.png") no-repeat; right: 0; bottom: 0; z-index: 620;}
#block-5-mainimage #block-5-people-1 {position: absolute; width: 36px; height: 94px; background: url("../images/block-5-people.png") no-repeat -9px -5px; top: 200px; left: 150px; z-index: 630;}
#block-5-mainimage #block-5-people-2 {position: absolute; width: 87px; height: 94px; background: url("../images/block-5-people.png") no-repeat -132px -5px; top: 200px; left: 291px; z-index: 640;}
#block-5-mainimage #block-5-people-text-1 {position: absolute; z-index: 650; top: 300px; left: 158px;}
#block-5-mainimage #block-5-people-text-2 {position: absolute; z-index: 650; top: 300px; left: 300px;}

#block-6 { 
	position: relative; 
	z-index: 500; 
	min-height: 1120px;
	background: #fbfbfb; 
	overflow: hidden;
	-webkit-box-shadow: inset 0px 5px 15px -5px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    inset 0px 5px 15px -5px rgba(50, 50, 50, 0.35);
	box-shadow:         inset 0px 5px 15px -5px rgba(50, 50, 50, 0.35);
}
#block-6 .block-6-row-1 {width: 100%; overflow: hidden; margin-top: 80px;}
#block-6 .block-6-row-1 .block-6-row-1-col-1 {width: 600px; float: left;}
#block-6 .block-6-row-1 .block-6-row-1-col-2 {width: 310px;; float: left;margin-left: 30px;}
#block-6 .block-6-row-1 p {font-size: 14px; font-weight: 300; line-height: 20px;}
#block-6 .block-6-row-1 strong {font-size: 18px; font-weight: 700;}

#block-6 .block-6-row-2 {clear: left; overflow: hidden; margin-top: 50px;}
#block-6 .block-6-row-2 .block-6-row-2-col-1 {width: 300px; float:left;}
#block-6 .block-6-row-2 .header-b {font-size: 30px; line-height: 35px; text-transform: uppercase;}
#block-6 .block-6-row-2 .image-quest {margin-top: 60px;}
#block-6 .block-6-row-2 .block-6-row-2-col-2 {width: 300px; float:left; margin: 0 20px;}
#block-6 .block-6-row-2 .header {font-size: 18px; line-height: 18px; font-weight: 700;}
#block-6 .block-6-row-2 .block-6-col-content {font-size: 14px; line-height: 20px; font-weight: 300; min-height: 200px;}
#block-6 .block-6-row-2 .block-6-row-2-col-3 {width: 300px; float:left; margin-top: 18px;}

#block-7 {
	position: relative; 
	overflow: hidden; 
	background: url("../images/block-7-bg.jpg") no-repeat center center; 
	height: 558px; 
	background-size: cover; 
	background-position: 0 -10px;
	z-index: 400;
	
	-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    0px 1px 10px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         0px 1px 10px 0px rgba(50, 50, 50, 0.55);
}
#block-7 .border-top {width: 100%; min-height: 9px; background: url("../images/border-top.png") repeat-x 0 0; position: absolute; top:0; left:0; z-index: 450;}
#block-7 .border-bottom {width: 100%; min-height: 9px; background: url("../images/border-bottom.png") repeat-x 0 0; position: absolute; bottom:0; left:0;}
#block-7 .block-7-header span {display: block; font-size: 40px; line-height: 44px; text-transform: uppercase; width: 250px; position: absolute; top: 100px}
#block-7 .block-7-header {position: absolute; top:0; left:0; width: 628px; height: 458px; background: url("../images/block-7-header-image.png") no-repeat 0 0; z-index: 420;}
#block-7 .block-7-header-image-repeat-left {height: 437px; background: rgba(255, 255, 255, .43); position: absolute; top:0; left:0; z-index: 420;}
#block-7 .block-7-header:after {
	content: "";
	position: absolute;
	left:0;
	bottom:0;
	width: 0;
    height: 0;
    border-top: 105px solid rgba(16, 177, 245, .57); 
    border-right: 150px solid transparent;
    z-index: 430;
}
#block-7 .block-7-header-image-repeat-left-line {height: 104px; background: rgba(16, 177, 245, .57); position: absolute; top:354px; left:0; z-index: 430;}

#block-7 .block-7-reviews {position: relative; width:940px; height: 558px; z-index: 480;}
#block-7 .block-7-review {position: absolute; width: 440px; left: 50%; margin-left: -120px; /*min-height: 350px;*/ top: 50%; opacity:0; z-index:410;}
#block-7 .block-7-review.active {opacity:1; z-index:420;}

#block-7 .block-7-review-header {background: rgba(16, 177, 245, .55); padding: 10px 50px; color:#fff;}
#block-7 .block-7-review-header-name {font-size: 30px; line-height: 22px;}
#block-7 .block-7-review-header-position {font-size: 14px; line-height: 22px;}
#block-7 .block-7-review-content {background: rgba(254, 251, 251, .84); padding: 10px 50px 40px 50px; font-weight: 300; min-height: 100% inherit; position: relative;}
#block-7 .block-7-review-content p {margin: 0;}
#block-7 .block-7-review .block-7-switch-next {width: 16px; height: 20px; background: url("../images/block-5-switch.png") no-repeat center center; bottom: 15px; right: 20px; position: absolute; cursor:pointer; display: none;}
#block-7 .block-7-review.active .block-7-switch-next {display: block;}

#block-8 {height: 350px; width: 100%; background: url("../images/block-4-before.png") repeat-x #b6acca; position: relative; z-index: 300;}
#block-8:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	
	background: url("../images/block-4-after.png") repeat-x;
}
#block-8 .header {text-transform: uppercase; color:#fff; text-align: center; font-weight: 700; font-size: 46px; line-height: 48px; padding-top: 70px; overflow: hidden;}
#block-8 .bloc-8-content {color:#fff;text-align: center; margin: 0 auto; width: 300px;}
#block-8 .bloc-8-content p {margin: 25px 0; color:#010101;}
#block-8 .block-8-button {}
#block-8 .block-8-button  button {background:none; display: block; color:#fff; font-weight: 700; text-transform: uppercase; width: 250px; margin: 0 auto; border: 6px solid #fff; text-align: center; padding: 7px 0; text-decoration: none;}

#block-9 {
	position: relative; 
	height: 850px; 
	background: url("../images/block-3-bg.png"); 
	font-weight: 300;
	z-index: 350;
	
	-webkit-box-shadow: inset 0px 3px 2px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 0px 3px 2px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 3px 2px 0px rgba(50, 50, 50, 0.25);
}
#block-9 .block-9-header {color:#2d2d2d; font-size: 40px; line-height: 44px; font-weight: 500; text-transform: uppercase; padding-top: 100px; margin-bottom: 30px; margin-top: -1px;}
#block-9 .block-9-short-descr {font-size: 16px; line-height: 24px; color:#000000; width: 350px; text-transform: uppercase; font-weight: 400; margin-bottom: 80px;}
#block-9 .block-9-benefits {overflow: hidden; margin-bottom: 20px; } 
#block-9 .block-9-bene-1 {float:left; width: 270px;}
#block-9 .block-9-bene-2 {float:left; width: 270px; margin: 0 60px;}
#block-9 .block-9-bene-3 {float:left; width: 270px;}
#block-9 .block-9-benefits-image {text-align: center; padding-bottom: 20px; background: url("../images/block-3-border-bottom.png") repeat-x left bottom; }
#block-9 .block-9-benefits-content {padding-bottom: 1px; background: url("../images/block-3-border-bottom.png") repeat-x left bottom; min-height: 90px;}
#block-9 .block-9-content { overflow: hidden; }
#block-9 .block-9-content-column-1 {width: 405px; float:left;}
#block-9 .block-9-content-column-2 {width: 405px; float:left; margin-left: 130px;}

#block-10 {
	z-index: 370;
	position: relative; 
	height: 650px;
	background: #e2e2e3;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZGRkZWRmIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNkZGRlZGYiIC8+PHJlY3QgeD0iLTc3Ljc1MzMlIiB5PSItMjAwJSIgd2lkdGg9IjI1NS41MDY2JSIgaGVpZ2h0PSI1MDAlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 290, color-stop(0%, #ffffff), color-stop(100%, #dddedf));
	background-image: -webkit-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -moz-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -ms-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -o-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: radial-gradient(closest-side circle at center center, #ffffff 0%, #dddedf 500%);

	overflow:hidden;
	
	-webkit-box-shadow: 0px -2px 7px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px -2px 7px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px -2px 7px 0px rgba(50, 50, 50, 0.25);
}
#block-10 .block-10-header {color:#2e2e2e; text-transform: uppercase; font-size: 40px; line-height: 44px; font-weight: 500; padding-top: 90px;}
#block-10 .block-10-short-descr {width: 400px; text-transform: uppercase; color:#2e2e2e; font-size: 16px; line-height: 24px; margin: 40px 0;}
#block-10 .block-10-content {font-weight: 300; overflow: hidden; text-transform: uppercase; text-align: center; margin-top: 100px;}
#block-10 .block-10-content-column-1 {width: 240px; float: left; margin-top: 5px;}
#block-10 .block-10-content-column-2 {width: 240px; float: left; margin: 5px 110px 0px 110px;}
#block-10 .block-10-content-column-3 {width: 240px; float: left;}
#block-10 .blue {font-size: 15px; line-height: 23px; color:#10b1f5; font-weight: 700;}
#block-10 .big-text {font-size: 42px; line-height: 38px;}
#block-10 .block-10-social-top {}
#block-10 .block-10-social-top-image-1 {position: absolute; top:489px; left: 50px; width: 148px; height: 52px; padding: 75px 0 35px 0; background: url("../images/block-10-arrow-top.png") no-repeat center center; text-align: center;}
#block-10 .block-10-social-top-image-2 {position: absolute; top:489px; left: 400px; width: 148px; height: 66px; padding: 68px 0 28px 0; background: url("../images/block-10-arrow-top.png") no-repeat center center; text-align: center;}
#block-10 .block-10-social-top-image-3 {position: absolute; top:489px; left: 750px; width: 148px; height: 60px; padding: 71px 0 31px 0; background: url("../images/block-10-arrow-top.png") no-repeat center center; text-align: center;}
#block-10 .block-10-social-icon {position: absolute; width: 157px; height: 156px; background: url("../images/block-10-circle.png") no-repeat center center; top:100px; right:200px;}

#block-10 .block-10-social-icon-facebook {background: url("../images/block-10-social.png") no-repeat -1px -1px; width: 26px; height: 25px; position: absolute; top:51px; left:50px;}
#block-10 .block-10-social-icon-twitter {background: url("../images/block-10-social.png") no-repeat -35px -1px; width: 26px; height: 25px; position: absolute; top:51px; left:83px;}
#block-10 .block-10-social-icon-vk {background: url("../images/block-10-social.png") no-repeat -1px -32px; width: 26px; height: 25px; position: absolute; top:83px; left:50px;}
#block-10 .block-10-social-icon-od {background: url("../images/block-10-social.png") no-repeat -35px -32px; width: 26px; height: 25px; position: absolute; top:83px; left:83px;}



#block-11 {
	height: 365px; 
	position: relative; 
	z-index: 400; 
	width: 100%; 
	background: #12b1f4;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

#block-11 .block-11-columns {overflow: hidden; color:#fff; font-weight: 400; padding-top: 40px;}
#block-11 .block-11-column-left {float:left; width: 469px; border-right: 1px solid #fff; min-height: 300px;}
#block-11 .block-11-column-left .block-11-package { padding: 0 40px 0 150px;}
#block-11 .block-11-column-right .block-11-package { padding: 0 70px 0 60px;}
#block-11 .package-basic {}
#block-11 .block-11-pachage-header {font-size: 24px; line-height: 26px; font-weight: 500; text-transform: uppercase; margin-bottom: 30px;}
#block-11 .package-list {list-style: none; margin: 0; padding: 0;}
#block-11 .package-list li {text-transform: uppercase; margin-bottom:20px; width: 280px}
#block-11 .block-11-column-right {float:left; width: 470px;}
#block-11 .package-premium {}

#block-12 
{
	height: 720px;
	width: 100%;
	position: relative; 
	overflow: hidden; 
	background: url("../images/block-12-bg.jpg") no-repeat center 0; 
	background-size: cover; 
	background-position: 0 -10px;
	z-index: 400;
	
	-webkit-box-shadow: inset 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    inset 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         inset 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
}
#block-12 .block-12-header {position: relative; background: rgba(20, 178, 245, .55); height: 237px; width: 323px; z-index: 430; top:100px; left:0;}
#block-12 .block-12-header:after {
	position: absolute;
	z-index:400;
	content:"";
	top:0;
	right:-160px;
	
	width: 0;
    height: 0;
    border-top: 237px solid rgba(20, 178, 245, .55); 
    border-right: 160px solid transparent;	
}
#block-12 .block-12-line-1 {color:#fff; font-size: 40px; line-height: 44px; text-transform: uppercase; width: 347px; position: relative; z-index:450; top: 20px; left: 20px;}
#block-12 .block-12-line-2 {position: relative; z-index:450; top:40px; left:20px; font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: 500; width: 180px; color: #fff;}
#block-12 .block-12-header-line-1 {position: absolute; height: 237px; top:100px; z-index: 420; background: rgba(20, 178, 245, .55);}
#block-12 .block-12-header-line-2 {position: absolute; height: 226px; top:437px; z-index: 420; background: rgba( 255, 255, 255, .8);}
#block-12 .block-12-content {position: relative; top: 200px; background: rgba( 255, 255, 255, .8); width: 323px;}
#block-12 .block-12-content:after
{
	position: absolute;
	z-index:400;
	content:"";
	top:0;
	right:-160px;
	
	width: 0;
    height: 0;
    border-bottom: 226px solid rgba( 255, 255, 255, .8); 
    border-right: 160px solid transparent;	
}
#block-12 .block-12-content p {margin: 0; padding: 43px 0px 43px 20px; width: 280px; font-size: 14px; line-height: 20px;}
#block-12 .block-12-circles {position: absolute; top: 140px; right: 0; width: 510px; height: 510px;}
#block-12 .block-12-circle-1 {
	position:absolute;
	width: 490px; 
	height: 490px;
	
	background: rgba( 255, 255, 255, .5);
	
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	
	z-index:400;
}
#block-12 .block-12-circle-2 {
	position:absolute;
	width: 470px; 
	height: 470px;
	
	right: -20px;
	top:-20px;
	
	border: 30px solid rgba(20, 178, 245, .55);
	border-top-color: transparent;
	
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	
	z-index: 300;
	
	opacity:0;
	
	-webkit-transition: -webkit-transform 1s ease, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 1s ease, opacity 0.3s ease-in;
	-ms-transition: -ms-transform 1s ease, opacity 0.3s ease-in;
	-o-transition: -o-transform 1s ease, opacity 0.3s ease-in;
	transition: transform 1s ease, opacity 0.3s ease-in;
}
#block-12 .block-12-circle-3 {
	position:absolute;
	width: 370px; 
	height: 370px;
	
	right: 50%;
	top:50%;
	margin-right: -210px;
	margin-top: -210px;
	
	border: 25px solid rgb(255, 255, 255);
	border-top-color: transparent;
	
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	
	z-index: 300;
	
	-webkit-transition: -webkit-transform 1s ease;
	-moz-transition: -moz-transform 1s ease;
	-ms-transition: -ms-transform 1s ease;
	-o-transition: -o-transform 1s ease;
	transition: transform 1s ease;
}

#block-12 .block-12-circle-4 {
	position:absolute;
	width: 270px; 
	height: 270px;
	
	right: 50%;
	top:50%;
	margin-right: -155px;
	margin-top: -155px;
	
	border: 20px solid rgb(182, 172, 202);
	border-top-color: transparent;
	
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	
	z-index: 300;
	
	-webkit-transition: -webkit-transform 1s ease;
	-moz-transition: -moz-transform 1s ease;
	-ms-transition: -ms-transform 1s ease;
	-o-transition: -o-transform 1s ease;
	transition: transform 1s ease;
}

#block-12 .block-12-circle-2.active {
	opacity:1;
	
	-moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}
#block-12 .block-12-circle-3.active {
	-moz-transform: rotate(-665deg);
    -ms-transform: rotate(-665deg);
    -webkit-transform: rotate(-665deg);
    -o-transform: rotate(-665deg);
    transform: rotate(-665deg);
    
}
#block-12 .block-12-circle-4.active {
	-moz-transform: rotate(700deg);
    -ms-transform: rotate(700deg);
    -webkit-transform: rotate(700deg);
    -o-transform: rotate(700deg);;
    transform: rotate(700deg);
}

#block-12 .block-12-circles-content {
	position: absolute;
	right: 250px;
	top:120px;
	z-index:450;
}

#block-12 .block-12-circles-content-text {
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
	
	width: 100px;
}

#block-13 {height: 350px; width: 100%; background: url("../images/block-4-before.png") repeat-x #e6c151; position: relative; z-index: 500;}
#block-13:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	
	background: url("../images/block-4-after.png") repeat-x;
}
#block-13 .header {text-transform: uppercase; color:#fff; text-align: center; font-weight: 700; font-size: 46px; line-height: 48px; padding-top: 70px; overflow: hidden;}
#block-13 .bloc-13-content {color:#fff;text-align: center; margin: 0 auto; width: 300px;}
#block-13 .bloc-13-content p {margin: 25px 0; color:#010101;}
#block-13 .block-13-button {}
#block-13 .block-13-button  button {background:none; display: block; color:#fff; font-weight: 700; text-transform: uppercase; width: 250px; margin: 0 auto; border: 6px solid #fff; text-align: center; padding: 7px 0; text-decoration: none;}

#block-14 {height: 500px; overflow: hidden; position: relative; z-index:600;}
#block-14 .block-14-header {font-size: 40px; line-height: 40px; text-transform: uppercase;}
#block-14 .block-14-content {padding: 30px 0;}
#block-14 .block-14-our-clients {
	overflow: hidden;
	padding: 80px 0;
}
#block-14 .block-14-client {
	float:left;
	width: 93px;
	height: 93px;
	
	margin-left: 20px;
	border: 2px solid #62b1cc;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px
}
#block-14 .block-14-client:first-child {margin-left: 20px;}
#block-14 .block-14-client img {max-width: 100%;}
#block-14 .block-14-client-slider {height: 97px; overflow: hidden; width: 820px; margin: 0 auto; position: relative; z-index: 650;}
#block-14 .block-14-client-slider .slaider-container {position: absolute; top:0; left:0; width: 1000px;}
#block-14 .client-slider-arrow {position: absolute; width: 20px; height: 35px; background: url("../images/client-slider-arrow.png") no-repeat 0 0; cursor:pointer;}
#block-14 .client-slider-prev {top:50%; left:30px; margin-top:-17px; background-position: -5px -5px;}
#block-14 .client-slider-next {top:50%; right:10px; margin-top:-17px; background-position: -42px -5px;}
#block-14 .block-14-all-client-link, .landing-more-link {text-align: center; margin-top: 25px;}
#block-14 .block-14-all-client-link a, .landing-more-link a {text-transform: uppercase; font-size: 12px; color:#62b1cc; font-weight: 700;}
.landing-more-link {margin-top: 20px; clear: both;}

#block-15 {position: relative; z-index: 500; width: 100%; height: 470px;overflow: hidden;}
#block-15-map {width: 100%; height: 470px; position: absolute; z-index: 510;}
#block-15-map-color {width: 100%; height: 470px; position: absolute; z-index: 520; background: rgba(245, 245, 245, .5);}
#block-15-map-zoom {
	position: absolute; 
	width: 300px;
	height: 200px;
	
	top:135px;
	right:0px;
	background: white;
	z-index: 530;
	
	border:1px solid #afafaf;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.35);
}

#block-15 .container {z-index: 550;}

#block-15 .block-15-header { font-size: 40px; line-height: 44px; width: 200px; position: relative; top: 60px; left:0; text-transform: uppercase;}
#block-15 .block-15-phone { position: relative; top: 120px; left:0;
	width: 130px;
	padding: 20px;
	background: rgba(245, 245, 245, .7);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#block-15 .block-15-email { position: relative; top: 130px; left:0;
	width: 130px;
	padding: 20px 20px 40px 20px;
	background: rgba(245, 245, 245, .7);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#block-15 .block-15-address {
	position: relative; 
	top: 30px; left:200px; 
	width: 300px;
	padding: 20px;
	
	background: rgba(245, 245, 245, .7);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#block-15 .block-15-label { font-size: 14px; line-height: 20px; font-weight: 700; }
#block-15 .block-15-text { font-size: 14px; line-height: 20px; font-weight: 500; }
#block-15 .block-15-text p { margin: 0; }

#block-16 {width: 100%; height: 205px; background: url("../images/footer_bg.png") #3e3e3e;}
#block-16 ul {list-style: none; overflow: hidden; margin: 0; padding: 0;}
#block-16 ul a {color:#9f9f9f; text-decoration: none;}
#block-16 ul a:hover {color:#fff;}
#block-16 .block-16-menu {overflow: hidden; margin-left: 200px; padding-top: 40px;}
#block-16 .block-16-menu-about {float:left; width: 90px; padding-right:50px; margin-right:50px; border-right: 1px solid #9f9f9f; min-height: 90px;}
#block-16 .block-16-menu-service {float:left; width: 170px; padding-right:30px; margin-right:50px; border-right: 1px solid #9f9f9f; min-height: 90px;}
#block-16 .block-16-menu-other {float:left; width: 200px;}
#block-16 .block-16-social {overflow: hidden; width: 180px; margin: 0 auto; padding: 25px 25px 0 25px;}
#block-16 .block-16-social a {display: block; width: 0px; height: 0px; padding:17px 18px ; overflow: hidden; float:left; color:#fff; line-height: 1000px; background: url("../images/social_icons.png") no-repeat 0 -3px;}
#block-16 .block-16-social a:hover {
	
}
#block-16 .block-16-social .block-16-facebook {background-position: -2px -3px; margin-right: 35px;}
#block-16 .block-16-social .block-16-twitter {background-position: -45px -3px; margin-right: 35px;}
#block-16 .block-16-social .block-16-vk {background-position: -87px -3px;}

#block-16 .block-16-social .block-16-facebook:hover {background-position: -2px -44px;}
#block-16 .block-16-social .block-16-twitter:hover {background-position: -45px -44px;}
#block-16 .block-16-social .block-16-vk:hover {background-position: -87px -44px;}

#block-17 {width: 100%; height: 20px; background: #2c2929; color:#747474;}

form.form-horizontal {}
form.form-horizontal .control-group {clear: left; overflow: hidden; margin: 10px 0;}
form.form-horizontal .control-group .control-label {float:left; width: 200px; text-align: right; margin-right: 10px; line-height: 30px;}
form.form-horizontal .control-group .controls {float:left;}
form.form-horizontal .control-group .controls input[type="text"],
form.form-horizontal .control-group .controls input[type="password"] {
	display: block; 
	
	border: 1px solid rgba(0,0,0,0.1);
	background: #cbd8e5;
	color:#546e88;
	
	padding: 3px 7px;
	
}

form.form-horizontal .control-group .controls input[type="text"].error,
form.form-horizontal .control-group .controls input[type="password"].error {border-color:red;}

form.form-horizontal .control-group .controls{}
form.form-horizontal .control-group {}

.modal-footer {overflow: hidden; width: 260px; margin: 20px auto 0 auto;}
.modal-footer button {float:left; color: #fff; background: rgba(0,0,0,0.1); border:none; padding: 10px 23px; text-transform: uppercase;}
.modal-footer button:hover {background: rgba(0,0,0,0.3);}
.modal-footer button.md-close {margin-right: 20px;}


/**************** Contacts *****************/
#block-contacts {
	overflow: hidden; 
	padding: 40px 0;
	
	background: #e2e2e3;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…lkdGg9IjI1NS41MDY2JSIgaGVpZ2h0PSI1MDAlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 290, color-stop(0%, #ffffff), color-stop(100%, #dddedf));
	background-image: -webkit-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -moz-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -ms-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: -o-radial-gradient(center center, closest-side circle, #ffffff 0%, #dddedf 500%);
	background-image: radial-gradient(closest-side circle at center center, #ffffff 0%, #dddedf 500%);
	overflow: hidden;
	-webkit-box-shadow: 0px -2px 7px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px -2px 7px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px -2px 7px 0px rgba(50, 50, 50, 0.25);	
}
#block-contacts .column-left {width: 49%; float: left;}
#block-contacts .column-right {width: 49%; float: right;}
#block-contacts .block-contacts-header {font-size: 30px; line-height: 34px; margin-bottom: 40px;}
#block-contacts .label {width: 70px; float:left; margin-bottom: 5px; font-weight: 600;}
#block-contacts .value {width: 350px; float:left; margin-left: 10px; margin-bottom: 5px;}
#block-contacts .region-number {clear: both; padding-top: 40px; text-align: center;}
#block-contacts .region-number .line-1 {font-size: 28px; font-weight: 600; margin-bottom: 5px;}
#block-contacts .region-number .line-2 {}
#block-contacts a {color: #0c0c0c; text-decoration: none;}


/************** Footer ***************/
footer {width: 100%; min-height: 250px; background: url("../images/footer_bg.png") #3e3e3e; position: relative;}
/*.footer-menu {padding-top: 40px;}
.footer-menu ul {list-style: none; padding: 0; margin:0; text-align: center;}
.footer-menu ul li {display: inline-block; margin-right: 20px; padding-right: 20px; border-right: 1px solid #fff; line-height: 14px;}
.footer-menu ul li.li-last {margin: 0; padding: 0; border:none;}
.footer-menu ul li a {color:#fff; text-transform: uppercase; font-size: 13px;}
.footer-menu {}*/

.footer-menu {padding-top: 40px; text-align: center;}
.footer-menu ul {list-style: none; padding: 0; margin:0; text-align: left; display: inline-block; position: relative;}
.footer-menu ul:after {
    height: 100%;
    min-height: 100%;
    content: "";
    position: absolute;
    width: 0;
    border-left: 1px solid #9f9f9f;
    top:0;
    right: 30px;

}
.footer-menu ul:last-child::after {display: none;}
.footer-menu ul li {display: block; margin-right: 30px; padding-right: 31px; line-height: 18px;}
.footer-menu ul li.li-last {margin: 0; padding: 0; border:none;}
.footer-menu ul li a {color: #9f9f9f; font-size: 13px; text-decoration: none;}
.footer-menu ul li a:hover {color:#fff;}
.footer-menu ul:last-child li {margin-right: 0px; padding-right: 0px;}

footer .footer-social {overflow: hidden; width: 240px; margin: 0 auto; padding: 25px 25px 0 25px;}
footer .footer-social a {display: block; width: 0px; height: 0px; padding:17px 18px ; overflow: hidden; float:left; color:#fff; line-height: 1000px; background: url("../images/social_icons.png") no-repeat 0 -3px;}
footer .footer-social a:hover {

}
footer .footer-social .footer-facebook {background-position: -2px -3px; margin-right: 15px;}
footer .footer-social .footer-twitter {background-position: -45px -3px; margin-right: 15px;}
footer .footer-social .footer-vk {background-position: -87px -3px; margin-right: 15px;}
footer .footer-social .footer-google {background-position: -129px -3px; margin-right: 15px;}
footer .footer-social .footer-youtube {background-position: -173px -3px;}

footer .footer-social .footer-facebook:hover {background-position: -2px -44px;}
footer .footer-social .footer-twitter:hover {background-position: -45px -44px;}
footer .footer-social .footer-vk:hover {background-position: -87px -44px;}
footer .footer-social .footer-google:hover {background-position: -129px -44px;}
footer .footer-social .footer-youtube:hover {background-position: -173px -44px;}

.copyright {width: 100%; height: 20px; background: #2c2929; color:#747474; padding: 10px 0px 5px;}
.copyright a {color:#747474; text-decoration: none;}











