html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	min-width: 1168px;
}
#back{
	width: 1600px;
	position: absolute;
	z-index: 999;
	pointer-events: none;
	opacity: 0.5;
	left: 50%;
	top: 0;
	margin-left: -800px;
} 
#wrapper {
width: 100%;
position: relative;
clear: both; 
}
.row{
	width: 1168px;
	position: relative;
	margin: 0 auto;
	clear: both;
} 
.block {
  position:relative;
  display:block;
  clear:both;
  width:100%;
  z-index:1; 
} 
.block:nth-child(2n){

}
div#block1 {
	height: 177px;
	border-top: 5px solid #237d98;
}
div#block2 {
	min-height: 972px;
	background: url(../img/111.png) top center no-repeat;
}
div#block3 {
	min-height: 462px;
	background: #fff;
}
div#block4 {
	min-height: 1428px;
	background: url(../img/back2.jpg);
}
div#block5 {
	min-height: 1229px;
}
div#block6 {
	min-height: 369px;
	background: #fff;
}
div#block7 {
	min-height: 1110px;
	background: url(../img/back3.jpg);
}
div#block8 {
	min-height: 563px;
	background: url(../img/blockback2.png) top center no-repeat;
}
div#block9 {
	min-height: 881px;
	background: #fff;
}
div#block10 {
	min-height: 590px;
	background: #fff;
}
div#block11 {
	min-height: 700px;
	background: #f5f5f5;
}
div#block12 {
	min-height: 523px;
	background: url(../img/blockback3.png)no-repeat;
	background-position: center 10px;
}
div#block13 {
	/*min-height: 885px;*/
}
div#scroll-up {
	position: fixed;
	right: 50px;
	bottom: 100px;
	z-index: 10;
	cursor: pointer;
	opacity: 0.75;
	display: none;
}
div#scroll-up:hover {
	opacity: 1;
}
div.title {
	text-align: center;
	font-weight: 800;
	font-size: 41px;
	padding-top: 69px;
	padding-bottom: 4px;
}
div.subtitle {
	text-align: center;
	font-size: 31px;
}
ul#bl7 li {
	width: 25%;
	float: left;
	height: 420px;
	margin-bottom: 30px;
}
ul#bl7 li a {
	text-align: center;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 228px;
	height: 228px;
	margin-bottom: 46px;
}
li {
}
ul#bl7 {
	padding-top: 74px;
}
div.clear {
	width: 100%;
	content: "";
	clear: both;;
}
ul#bl7 li a:hover{
}
ul#bl7 li a:hover:after {
	content: url(../img/portfolio_zoom.png);
	position: absolute;
	top: 0px;
	left: 0px;
}
ul#bl7 li a img {
	border-radius: 50%;
	border: 10px #fff solid;
	width: 208px;
	height: 208px;
	box-shadow: 0px 0px 28px -2px #ccc;
}
.bold {
	font-weight: 700;
}
ul#bl7 p {
	margin-left: 11px;
	margin-bottom: 12px;
}
p.gorod {
	color: #c4a44f;
}
#bl4 img.main-image {
	border-radius: 50%;
	border: 10px #fff solid;
	width: 274px;
	height: 274px;
	box-shadow: 0px 0px 28px -2px #ccc;
}
img.main-image {
}
ul#bl4 li {
	width: 378px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin: 4px;
	position: relative;
	background: url(../img/gotovue_reshenie_block.png) bottom center no-repeat;
	height: 526px;
	margin-bottom: 62px;
}
ul#bl4 {
	text-align: center;
	padding-top: 71px;
}
#bl4 p {
	font-size: 22px;
	font-weight: 600;
	padding-top: 27px;
	padding-bottom: 23px;
}
#bl4 .bold {
	font-weight: 700;
	position: relative;
}
#bl4 .bold::after {
	content: "2";
	position: absolute;
	font-size: 14px;
	right: -8px;
	top: 4px;
}
button.podr {
	width: 180px;
	height: 56px;
	background: url(../img/gotovue_reshenie_button.png); 
	color: #fff;
	font-weight: 600;
	font-size: 17px;
	
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -91px;
	

}
#bl4 p.price {
	color: #3a7ba5;
	font-size: 26px;
	font-weight: 700;
	padding: 0;
	margin-top: 18px;
}
#bl4 p.old-price {
	color: #b2b2b2;
	text-decoration: line-through;
	font-size: 21px;
	padding: 0;
	margin-top: 5px;
} 
button{
	cursor: pointer;
	
	border: 0;
	width: 219px;
	height: 53px;
	background: url(../img/button.png);
	color: #fff;
	font-weight: 600;
	font-size: 17px;
}
* {
	outline: 0;
}
ul#bl3 li {
	display: block;
	width: 387px;
	float: left;
	margin-bottom: 4px;
	height: 118px;
	margin-right: 1px;
	position: relative;
	font-size: 22px;
	line-height: 25px;
}
div.row {
}
ul#bl3 {
	padding-top: 84px;
}
ul#bl3 div.img {
	height: 100%;
	float: left;
	width: 87px;
}
span.lit {
	color: #c4a44f;
	font-weight: 700;
}
ul#bl3 li p{
	width: 376px;
}
ul#bl3 li.bsb::after { 
	content:url(../img/+.png);
	position:absolute;
	right:-1px;
	bottom:2px;
}
div.subtitle img {
	width: 100%;
	margin-top: 40px;
}
#bl10 li a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	padding-left: 13px;
}
#bl10 li a img.image {
	width: 167px;
	height: 226px;
	box-shadow: 0px 0px 18px #ccc;
	margin-top: 12px;
}
ul#bl10 {
}
#block10 div.subtitle {
	padding-bottom: 31px;
}
div#block3 div.title {
	padding-top: 20px;
}
div#bl6 {
	height: 280px;
	border: 5px solid #458caa;
	border-radius: 15px;
	text-align: center;
}
div.title6 {
	padding-top: 41px;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
}
div.title6 img {
	margin-top: 16px;
}
#bl6 p {
margin-top: 10px;
width: 88%;
margin: 10px auto;
font-size: 17px;
line-height: 22px;
}
ul#bl9 {
	text-align: center;
	padding-top: 46px;
}
ul#bl9 li {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin-bottom: 16px;
	position: relative;
}
ul#bl9 p {
	font-size: 18px;
	line-height: 22px;
	margin-top: 17px;
}


li#li91::after,li#li93::after {
	content: url(../img/points1.png);
	position: absolute;
	top: 64px;
	right: -31px;;
}
li#li92::after{
	content: url(../img/points2.png);
	position: absolute;
	top: 64px;
	right: -31px;
}
ul#bl11 {
	padding-top: 65px;
}
ul#bl11 li .img{
	float: left;
	width: 287px;
	
}
div.rew {
	float: left;
	width: 795px;;
}
ul#bl11 li{
	width: 100%;
	clear: both;
	margin-bottom: 21px;
	min-height: 200px;
	background: url(../img/zap.png) top right no-repeat;
}
ul#bl11 li::after {
	width: 100%;
	clear: both; 
	content: "";
	
}
#bl11 img {
	border-radius: 50%;
	width: 182px;
	height: 182px;
	box-shadow: 0px 0px 16px -2px #ccc;
	margin-left: 38px;
}
p.ztitle {
	font-weight: 700;
	font-size: 17px;
	margin-top: 11px;
}
p.ztext {
	font-size: 17px;
	margin-top: 13px;
	line-height: 23px;
}
p.zauth.gorod {
	font-size: 17px;
	margin-top: 14px;
	font-weight: 700;
}
p.ztel {
	font-size: 16px;
	margin-top: 12px;
	color: #458caa;
}
div#map {
	width: 100%;
	height: 608px;
	margin: 67px auto 0;
	border: 4px #fff solid;
	box-shadow: 0 0 10px #ccc;
}
ymaps.ymaps-image {
background: url(../img/marker.png) no-repeat !important;
width: 79px!important;
height: 118px!important;
left: -38px!important;
top: -113px!important;
}
div#foot {
	text-align: center;
	margin-top: 63px;
}
div#foot p {
	font-size: 13px;
	padding-top: 30px;
}
ul#bl51 {
	width: 50%;
	float: left;
}
ul#bl52 {
	width: 50%;
	float: left;
}
div#block5 div.img {
	width: 105px;
	float: left;
}
div#block5  li::after {
	width: 100%;
	clear: both; 
	content: "";
	position: relative;
}
div#block5 li>p{
	float: right;
	text-align: left;
	width: 477px;
}
div#block5  li{
	width: 100%;
	margin-bottom: 17px;
}
div#block5 ul{
	margin-top: 65px;
	
}
p.ititle {
	font-weight: 700;
	font-size: 17px;
	margin-top: 7px;
	color: #b62218;
}
p.itext {
	font-size: 17px;
	line-height: 23px;
	margin-top: 5px;
}
#bl52 p.ititle{
	color: #458caa;

}
div.form {
	background: url(../img/blockback3_right.png);
	width: 323px;
	height: 391px;
	padding: 84px 64px 0;
	float: right;
	margin-right: 92px;
	margin-top: 8px;
	position: relative;
	text-align: center;
}
div.formtitle {
	 color: #458caa;
	 font-size: 27px;
	 line-height: 31px;
	 text-transform: uppercase;
	 padding-top: 9px;
	 font-weight: 600;
	 text-align: center;

}
div.formsubtitle {
	font-weight: 700;
	text-align: center;
	font-size: 15px;
	margin-top: 12px;
	line-height: 17px;
}
div.form input {
	width: 275px;
	height: 32px;
	border: 2px solid #ccc;
	margin-bottom: 12px;
	box-shadow: 0 0 7px #ccc;
	padding-left: 13px;
	
	font-weight: 600;
	font-size: 16px;
	position: relative;
}
div#block5 div.img img {
	margin-left: 15px;
}
div.form form {
	margin-top: 34px;
}
div.form input:before{
	content:"*";
}
form>div {
	position: relative;
}
form>div> input+span {
	color: red;
	position: absolute;
	top: 11px;
	left: 21px;
	font-weight: 600;
}
form button {
	margin-top: 18px;
}
div#bl8 {
	width: 786px;
	height: 447px;
	float: right;
	background: url(../img/blockback2_middle.png);
	margin-top: 114px;
	position: relative;
}
div#bl8 .form {
	background: transparent;
	margin-right: -11px;
	margin-top: -13px;
}
div.timtitle {
	color: #fff;
	font-size: 45px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 31px;
	text-shadow: 0 0 5px #333;
}
div.timer {
	position: absolute;
	top: 50px;
	width: 323px;
	text-align: center;
	margin-left: 45px;
}
div.timsubtitle {
	color: #fff;
	margin-top: 21px;
	font-size: 17px;
	line-height: 19px;
}
div.timtitle span {
	border-bottom: 1px solid #fff;
	display: block;
	width: 242px;
	margin: 0 auto;
	padding-bottom: 15px;
}


div#bl2 {
	width: 786px;
	height: 447px;
	background: url(../img/blockback1_middle.png);
	position: relative;
	margin: 0 auto;
	margin-top: 157px;
	z-index: 7;
}
div#bl2 .form {
	background: transparent;
	margin-right: -11px;
	margin-top: -13px;
}
div.titleww {
	text-align: center;
	font-weight: 800;
	font-size: 36px;
	padding-top: 69px;
	line-height: 42px;
}
.bluebox{
	color: #458caa;
	
}
div.subtitleww.bluebox {
	text-align: center;
	text-transform: uppercase;
	font-size: 29px;
	font-weight: 600;
	padding-top: 16px;
	line-height: 34px;
}
div.imgs {
	position: absolute;
	bottom: 6px;
	z-index: 5;
}
div#imgs1 {
	left: 25px;
}
div#imgs2 {
	right: 25px;
}
div#block1 .row {
}
div#logo {
	padding-top: 35px;
	float: left;
}
div#tel {
	float: left;
	padding-top: 50px;
	margin-left: 204px;
	font-size: 29px;
	font-weight: 700;
	position: relative;
	
}
div#tel2 { 
	font-size: 29px;
	font-weight: 700;
	position: relative;
	margin: 0 auto;
	width: 331px;
	margin-top: 30px;
	text-align: center;
}

span#addr {
	font-size: 19px;
	font-weight: normal;
}
div#tel::before {
	content:url(../img/icon_phone.png);
	position:absolute;
	left: -68px;
	top: 66px;
}
div#tel2::before {
	content:url(../img/icon_phone.png);
	position:absolute;
	left:-30px;
	top: 26px;
}
div#konsult {
	text-align: center;
	float: right;
	padding-top: 44px;
	font-size: 14px;
	font-weight: 700;
}
div#konsult button {
	margin-top: 15px;
	font-size: 15px;
}


.digit{
  position:absolute;
  display:block;
  width:1em;
  border-radius:0.2em;
  text-align:center;
  color:#fff;
  letter-spacing:-1px; 
}



.countdownHolder{
  margin:0 auto;
  font: 45px/1 "Open Sans";
  text-align:center;
  letter-spacing:-20px;
  margin-top:20px;
  height: 50px;
overflow: hidden;

}

.position{
  display: inline-block;
  height: 1.6em;
  overflow: hidden;
  position: relative;
  width: 0.7em;
}

.digit{
  position:absolute;
  display:block;
  width:20px;
  text-align:left;
  color:#333;
  letter-spacing:-1px;
  background-size:100%;
  font-weight:800;
}

.digit.static{
  
  
}
/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{
	margin-left: 7px;
	display: none !important; /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{
	margin-left: 4px;}
.countDiv1{}
.countMinutes{
	margin-left: 9px;}
.countDiv2{
	display: none;}
.countSeconds{
	margin-left: 9px;} 
.countDiv{
  display:none;
  width:16px;
  height:1.6em;
  position:relative;
}

.countDiv:before,
.countDiv:after{
  position:absolute;
  width:5px;
  height:5px;
  background-color:#444;
  border-radius:50%;
  left:50%;
  margin-left:-3px;
  top:0.5em;
  box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
  content:'';
}

.countDiv:after{
  top:0.9em;
}
div.digits2 {
	margin-top: 17px;
}


#fix{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 500;
  background: transparent;
  left: 0;
  top: 0;
  display: none;
}
#overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 501;
  background: rgba(0, 0, 0, 0.54);
  left: 0;
  top: 0;
}
.popup{
  width: 450px;
  height: 461px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -160px;
  margin-left: -225px;
  background: #FFF;
  z-index: 502;

}
div.pop-title {
  text-align:center;
  padding-top:30px;
  font-size:22px;
  font-weight:bold;
  color:#000;
  margin-bottom:40px;
}
div.close {
  width:20px;
  height:20px;
  position:absolute;
  right:8px;
  top:8px;
  background:url(../img/close.png);
  background-size:100% 100%;
  cursor:pointer;
}

div#get-thanks-title {
  padding-top:45px;
  font-size:23px;
  width:81%;
  margin:0 auto;
  font-weight:bold;
  color:#000;;
}
div#get-thanks {
  height:230px;
  margin-top:-115px;
}

div.do-kon {
	color: #fff;
	text-align: left;
	margin-top: 41px;
	font-size: 23px;
	font-weight: 600;
	padding-left: 67px;
}

.popup input {
	width: 275px;
	height: 32px;
	border: 2px solid #ccc;
	margin-bottom: 12px;
	box-shadow: 0 0 7px #ccc;
	padding-left: 13px;
	
	font-weight: 600;
	font-size: 16px;
	position: relative;
}
.popup form {
	text-align: center;
	width: 322px;
	margin: 0 auto;
}
div.pop-title1 {
	text-align: center;
	margin-top: 23px;
}
div#get-thanks-subtitle {
	font-size: 17px;
	color: #000;
	padding-top: 17px;
}
textarea {
	width: 275px;
	height: 145px;
	border: 2px solid #ccc;
	margin-bottom: 12px;
	box-shadow: 0 0 7px #ccc;
	padding-left: 13px;
	
	font-weight: 600;
	font-size: 16px;
	position: relative;
	max-width: 275px;
	max-height: 145px;
}
div.forpopup {
	display: none;
}
div#getcallp {
	width: 823px;
	margin-left: -412px;
	margin-top: -240px;
}
div#getcallp .pop-title {
	text-align: left;
	padding-top: 15px;
	font-size: 19px;
	border-bottom: 1px solid;
	padding-bottom: 27px;
	margin: 0 20px;
	color: #3a7ba5;
}
div#cont-left {
	margin-left: 20px;
	width: 485px;
	height: 315px;
	float: left;;
}
div#cont-right {
	width: 318px;
	float: left;
	height: 276px;
}
div#cont-bottom {
	background: #3a7ba5;
	height: 132px;
	clear: both;
	padding-left: 20px;
}
div#cont-bottom li {
	float: left;
	width: 33%;
	margin-left: 0%;
	height: 132px;
	line-height: 121px;
}
div#cont-bottom li> * {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 14px;
	color: #fff;
}
div#cont-bottom li> div.img {
	margin-right: 11px;
}
div.formpop-title {
	text-align: center;
	padding-top: 15px;
	font-size: 24px;
	padding-bottom: 27px;
	margin: 0 20px;
	color: #3a7ba5;
	font-weight: bold;
}
div.fp-title {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 17px;
	padding-top: 18px;
}
div#getcallp td {
	text-align: center;
}
div#getcallp table {
	width: 100%;
}
div#getcallp td:nth-child(1){
	text-align: left;
	
}
div#getcallp tr{
	 height: 28px;
}
p.fpleft.red {
	color: red;
	font-weight: bold;
	float: left;
	font-size: 21px;
}
p.fpright.red {
	color: red;
	font-weight: bold;
	float: right;
	font-size: 21px;
	margin-right: 43px;
	width: auto;
	margin-top: 0;
}
p.fpright {
	float: right;
	font-size: 17px;
	margin-right: 43px;
	width: 100%;
	text-align: right;
	margin-top: 5px;
}
div.fp-price {
	margin-top: 15px;
}
div#cont-right form div input{
	width: 220px;
}
div#cont-right form div {
	width: 268px;
	margin: 0 auto;
}

.pop-title .bold::after{
	content: "2";
position: absolute;
font-size: 14px;
right: -8px;
top: 4px;
}
.pop-title .bold{
	position: relative;
}