@import url(reset.css);

@import url(bx-custom.css);

body {

	font-family: 'Roboto', sans-serif;

}

* {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

/*.popup-error{
	color:red !important;
	margin-bottom: 10px !important;
	margin-top: 5px !important;
	display:none;
	text-align: center !important;
}
.popup-success{
	color:green !important;
	margin-bottom: 10px !important;
	margin-top: 5px !important;
	display:none;
	text-align: center !important;
}*/

@media (min-width: 320px) and (max-width: 768px) {

	.wrapper{

		width: 100%;

	}

	.mouse-down {

		display: none;

	}

	/*.container.first-block {

		padding-top: 40px;

		padding-bottom: 40px;

	}*/

	.container.first-block .link-block {

		width: 100%;

		padding: 0 20px;

	}

	.container.first-block h1 {

		font-size: 26px;

		padding: 15px 20px 10px 20px;

	}

	.container.first-block h2 {

		font-size: 16px;

		padding: 20px 0;

	}

	.container.first-block .column {

		padding-top: 10px;

		padding-bottom: 20px;

		width: 100%;

	}

	.container.first-block .column img {

		width: 60%;

		display: inline-block;

	}

	.header .quest {

		margin-right: 15%;

	}

	.menu-submit {

		right: 1%;

	}

	.container.price .form {

		width: 100%;

		float: left;

		padding-bottom: 60px;

		background: rgba(46, 50, 59, 0.7);

	}

	.container.price h1 {

		font-weight: bold;

		color: #2e323b;

		font-size: 26px;

		width: 100%;

		float: left;

		margin-top: 20px;

		text-align: center;

		padding: 0 20px;

		margin-bottom: 20px;

	}

	.container.type-warming {

		padding: 0 20px;

	}

	.header .quest {

		font-size: 18px;

	}

	.header .quest a {

		font-size: 15px;

	}

	.container.problems .element {

		width: 100%;

	}

	.container.problems .img-container {

		width: 80%;

	}

	.container.problems {

		padding-bottom: 0px;

	}

	.container.problems .element h2 {

		position: relative;

		top: -46px;

		width: 80%!important;

		line-height: 40px;

		padding: 0!important;

	}

	.desktop {

		display: none;

	}

	.container.works .gallery-container {

		font-size: 14px;

	} 

	.container.works .form input, .container.works .form .button {

		width: 100%;

		margin-bottom: 16px;

	}

	.container.works .form {

		padding-left: 20px;

		padding-right: 20px;

	}

	.container.works .form {

		padding-bottom: 40px;

	}

	.container.technology .desc {

		display: none;	

	}

	.container.technology .h1 {

		text-align: center;

		color: #243843;

		font-size: 24px;

	}

	.container.technology .submit-container h3 {

		color: #243843;

		font-size: 20px;

		text-align: center;

	}

	.container.technology h2 {

		font-size: 22px;

		color: #243843;

		padding-top: 10px;

		text-align: center;

	}

	img.mobile-img {

		display: block;

	}

	.container.profit .wrapper {

		padding: 0 20px;

		text-align: center;

	}

	.container.profit .element.cols {

		float: left;

	}

	.container.profit .element {

		width: 50%;

		text-align: center;

		padding-top: 20px;

		display: inline-block;

	}

	.container.profit .element img {

		display: inline-block;

		width: 80%;

	}

	.container.profit .element h2 {

		font-size: 15px;

		color: white;

		padding-top: 14px;

	}

	.container.profit {

		padding-bottom: 60px;

	}

	.container.profit .h1 {

		padding-top: 40px;

	}

	.container.agreed .img-container {

		width: 100%;

		margin-top: 20px;

	}

	.container.agreed .wrapper {

		padding-top: 20px;

		padding-bottom: 50px;

	}

	.container.sale .wrapper {

		padding: 40px 20px 40px 20px;

	}

	.container.sale .column {

		width: 100%;

		float: left;

	}

	.container.sale .form {

		background: none;

	}

	.container.sale .element {

		width: 50%;

		float: left;

		text-align: center;

	}

	.container.sale .element img {

		max-width: 80%;

		display: inline-block;

	}

	.container.sale .element .wrap-elem {

		display: inline-block;

	}

	.container.sale h2 {

		width: 100%;

	}

	.container.sale .button {

		width: 100%;

	}

	.container.sale input {

		width: 100%;

	}

	.container.reviews img {

		display: none;

	}

	.container.reviews .element .left {

		width: 100%;

		font-weight: bold;

		padding-bottom: 10px;

	}

	.container.reviews .element .right {

		width: 100%;

	}

	.container.reviews .element .left span {

	}

	.container.reviews .element {

		padding: 20px;

		margin-bottom: 10px;

	}

	.container.mile {

		position: relative;

		padding: 0 20px;

	}

	.container.mile li {

		padding-top: 20px;

	}

	.container.mile .button {

		position: absolute;

		line-height: 40px;

		padding: 0;

		margin: auto;

		width: 90%;

		bottom: 30px;

		left: 0;

		right: 0;

	}

	.container.mile .button:hover {

		position: absolute;

		bottom: 28px;

		top: auto;

	}

	.container.mile li img {

		float: left;

		width: 16%;

	}

	.container.mile li.left .text {

		

	}

	.container.mile li .text {

		color: #064568;

		float: left;

		padding-left: 5%;

		padding-top: 4%;

		width: 84%;

	}

	.container.seo-block {

		padding: 20px 20px;

	}

	.container.seo-block .one-list {

		padding: 0 !important;

	}

	.container.seo-block img {

		display: none;

	}

	.container.mile .h1 {

		margin-bottom: 20px;

	}

	.footer .logo, .footer .text {

		width: 50%;

		float: left;

		font-size: 14px !important;

	}

	.footer .contacts-footer {

		margin-top: 20px;

		width: 100%;

		text-align: center !important;

	}

	.footer .button {

		float: none !important;

		width: 90% !important;

		margin: 10px auto 0 auto !important;

	}

	.footer {

		padding: 20px;

	}

	.popup {

		padding: 30px 20px;

	}

	.close {

		height: 20px;

		width: 20px;

	}

}

@media (min-width: 769px) and (max-width: 1190px) {

	.wrapper{

		width: 100%;

	}

	.container.first-block {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.container.first-block .link-block {

		width: 100%;

		padding: 0 20px;

	}

	.container.first-block h1 {

		font-size: 36px;

		padding: 15px 20px 10px 20px;

	}

	.container.first-block h2 {

		font-size: 20px;

		padding: 20px 0;

	}

	.container.first-block .column {

		padding-top: 10px;

		padding-bottom: 20px;

		width: 33.3%;

	}

	.container.first-block .column img {

		width: 80%;

		display: inline-block;

	}

	.mouse-down {

		width: 10%;

		margin: 40px auto 0 auto;

	}

	.mouse-down img {

		width: 100%;

	}

	.header .quest {

		margin-right: 15%;

	}

	.menu-submit {

		right: 4%;

	}

	.container.price .form {

		width: 100%;

		background: #243843;

		width: 400px;

		margin: 0 auto;

		padding-bottom: 40px;

		margin-bottom: 30px;

	}



	.container.price h1 {

		font-weight: bold;

		color: #2e323b;

		font-size: 35px;

		width: 100%;

		padding: 20px;

		text-align: center;

	}

	.column-wrap .column {

		width: 30%;

		height: 100%;

		float: left;

		margin-left: 5%;

		border-radius: 10px;

	}

	.container.type-warming {

		padding: 0 40px;

	}

	.column-wrap .column img {

		width: 80%;

		display: inline-block;

	}

	.header .quest {

		font-size: 22px;

	}

	.header .quest a {

		font-size: 16px;

	}

	.container.problems .element {

		width: 50%;

	}

	.container.problems .img-container {

		width: 60%;

	}

	.container.problems {

		padding-bottom: 120px;

	}

	.mobile {

		display: none;

	}

	.container.works .gallery-container {

		font-size: 20px;

	}

	.container.works .form input {

		width: 240px;

		margin-right: 10px;

	} 

	.container.works .form .button {

		width: 240px;

		margin-left: 10px;

	}

	.container.works .form {

		padding-bottom: 60px;

	}

	.container.technology .desc {

		display: none;	

	}

	.container.technology .h1 {

		text-align: center;

		color: #243843;

		font-size: 24px;

	}

	.container.technology .submit-container h3 {

		color: #243843;

		font-size: 20px;

		text-align: center;

	}

	.container.technology h2 {

		font-size: 22px;

		color: #243843;

		padding-top: 10px;

		text-align: center;

	}

	img.mobile-img {

		display: block;

	}

	.container.profit .wrapper {

		padding: 0 20px;

	}

	.container.profit .element {

		width: 16%;

		float: left;

		margin-right: 5%;

		text-align: center;

		padding-top: 30px;

		display: inline-block;

	}

	.container.profit .element:last-child {

		margin-right: 0;

	}

	.container.profit .element img {

		display: inline-block;

		max-width: 100%;

	}

	.container.profit .element h2 {

		font-size: 17px;

		color: white;

		padding-top: 14px;

	}

	.container.profit {

		padding-bottom: 140px;

	}

	.container.profit .h1 {

		padding-top: 100px;

	}

	.container.agreed .img-container {

		width: 33.3%;

	}

	.container.agreed .img-container {

		width: 33.3%;

	}

	.container.agreed .wrapper {

		width: 644px;

		padding-top: 50px;

		padding-bottom: 100px;

		margin: 0 auto;

	}

	.container.sale .wrapper {

		padding: 60px 20px 0 20px;

	}

	.container.sale .column {

		width: 50%;

		float: left;

	}

	.container.sale .form {

		background: none;

	}

	.container.sale .element {

		width: 100%;

		float: left;

		text-align: center;

	}

	.container.sale .element .wrap-elem {

		display: inline-block;

	}

	.container.sale h2 {

		width: 100%;

	}

	.container.sale .element img {

		display: inline-block;

	}

	.container.sale .button {

		width: 260px;

	}

	.container.sale input {

		width: 360px;

	}

	.container.reviews {

		padding: 0 20px;

	}

	.container.reviews .element .left {

		width: 33.3%;

		float: left;

		position: relative;

	}

	.container.reviews .element .right {

		width: 66.7%;

		float: left;

	}

	.container.reviews .element .left span {

		position: absolute;

		top: calc(50% - 16px);

		left: 120px;

		font-size: 16px;

	}

	.container.reviews .element .right .text-wrap:after {

		content: "";

		background: url(../images/reviews-after.png) no-repeat center;

		background-size: contain;

		-o-background-size: contain;

		-moz-background-size: contain;

		-webkit-background-size: contain;

		position: absolute;

		top: -10px;

		left: -40px;

		width: 20px;

		height: 30px;

	}

	.container.reviews .element .right .text-wrap:before {

		content: "";

		background: url(../images/reviews-before.png) no-repeat center;

		background-size: contain;

		-o-background-size: contain;

		-moz-background-size: contain;

		-webkit-background-size: contain;

		position: absolute;

		bottom: -20px;

		right: -30px;

		width: 20px;

		height: 30px;

	}

	.container.reviews .element {

		padding: 30px 50px 30px 30px;

		margin-bottom: 30px;

	}

	.container.mile li {

		position: relative;

		height: 90px;

		padding-top: 20px;

	}

	.container.mile .button {

		position: absolute;

		top: 70px;

		line-height: 40px;

		padding: 0;

		margin: 0;

		left: 10%;

		width: 30%;

	}

	.container.mile li img {

		position: absolute;

		top: 0;

	}

	.container.mile li.left img {

		left: calc(50% - 70px);

	}

	.container.mile li.right img {

		right: calc(50% - 70px);

	}

	.container.mile li.left .text {

		width: 50%;

		float: left;

		padding-left: 10%;

		padding-right: 100px;

		color: #064568;

	}

	.container.mile li.right .text {

		width: 50%;

		float: right;

		padding-right: 10%;

		padding-left: 100px;

		color: #064568;

	}

	.container.seo-block {

		padding: 20px 20px;

	}

	.container.mile .h1 {

		margin-bottom: 40px;

	}

	.footer {

		height: 208px;

		padding-top: 20px;

	}

	.footer .text {

		width: 340px;

		margin-left: 5%;

	}

	.popup {

		padding: 50px 20px;

	}

	.close {

		height: 40px;

		width: 40px;

	}
	.header .text {
		left: 0;
		right: 20%;
		font-size: 20px !important;
	}
	.seo-block .one-list .padding-block {
		padding-right: 324px;
	}
}

@media(min-width: 1191px) {
	.seo-block .one-list .padding-block {
		padding-right: 324px;
	}
	.wrapper{

		/*width: 1170px;*/
		width: 1000px;
		margin: 0 auto;
		position: relative;

	}

	.container.first-block {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.container.first-block .link-block {

		width: 620px;

		/*height: 326px;*/

		margin: 0 auto;

		padding: 0 40px;

	}

	.container.first-block h1 {

		font-size: 36px;

		padding: 30px 36px 30px 36px;

	}

	.container.first-block h2 {

		font-size: 20px;

		padding: 0 80px 20px 80px;

		background: url(../images/border-head.png) no-repeat center bottom;

	}

	.container.first-block .column {

		padding: 20px 0;

		width: 33.3%;

	}

	.mouse-down {

		width: 87px;

		height: 93px;

		margin: 40px auto 0 auto;

	}

	.menu-submit {

		right: 20px;

	}

	.container.price {

		position: relative;

	}

	.container.price .wrapper {

		padding: 0 50px;

	}

	.container.price .form {

		height: 404px;

		width: 400px;

		float: right;

		margin: 60px 0 100px 0;

		background: #243843;

		position: relative;

	}

	.container.price .form:before {

		content: url(../images/form-bg.png);

		position: absolute;

		left: -391px;

		top: 0;

	}

	.container.price:before {

		content: "";

		position: absolute;

		background:  url(../images/ruletka.png) no-repeat center 0;

		height: 125px;

		bottom: 40px;

		left: 0;

		z-index: 9;

		right: 0;

		margin: auto;

	}

	.container.price h1 {

		font-weight: bold;

		color: #2e323b;

		font-size: 46px;

		width: 620px;

		float: left;

		margin-top: 160px;

	}

	.column-wrap {

		padding: 0 20px;

	}

	.column-wrap .column {

		height: 792px;

		width: 356px;

		float: left;

		margin-left: 30px;

		border-radius: 10px;

		border: 5px solid #00476f;

	}

	.button-container {

		position: absolute;

		top: 668px;

		width: 100%;

	}

	.header .quest {

		font-size: 22px;

	}

	.header .quest a {

		font-size: 16px;

	}

	.container.problems .element {

		width: 33.3%;

	}

	.container.problems .img-container {

		width: 50%;

	}

	.container.problems {

		padding-bottom: 60px;

	}

	.container.problems .wrapper {

		padding: 0 80px;

	}

	.mobile {

		display: none;

	}

	.container.works .gallery-container {

		font-size: 24px;

	}

	.container.works .form input {

		width: 240px;

		margin-right: 10px;

	} 

	.container.works .form .button {

		width: 240px;

		margin-left: 10px;

	}

	.container.works .form {

		padding-bottom: 60px;

	}

	.container.technology .h1 {

		text-align: right;

		padding-left: 50%;

		line-height: 1.2em;

		color: #243843;

		font-weight: 400;

		font-size: 40px;

		padding-bottom: 40px;

	}

	.container.technology .submit-container h3 {

		color: #243843;

		font-size: 40px;

		text-align: left;

		line-height: 1.2;

		font-weight: 300;

	}

	.container.technology .submit-container {

		width: 40%;

		float: left;

		margin-top: -140px;

	}

	.container.technology .submit-container .button {

		margin: 20px 0 0 0;

	}

	.container.technology h2 {

		font-size: 22px;

		text-align: right;

		color: #243843;

		padding-top: 10px;

	}

	img.mobile-img {

		display: none;

	}

	.container.profit .element {

		width: 16%;

		float: left;

		margin-right: 5%;

		text-align: center;

		padding-top: 30px;

		display: inline-block;

	}

	.container.profit .element:last-child {

		margin-right: 0;

	}

	.container.profit .element img {

		display: inline-block;

		max-width: 100%;

	}

	.container.profit .element h2 {

		font-size: 17px;

		color: white;

		padding-top: 14px;

	}

	.container.profit {

		padding-bottom: 60px;

	}

	.container.profit .h1 {

		padding-top: 60px;

	}

	.container.agreed .img-container {

		width: 33.3%;

	}

	.container.agreed .wrapper {

		width: 644px;

		padding-top: 10px;

		padding-bottom: 50px;

	}

	.container.sale .column {

		width: 50%;

		float: left;

	}

	.container.sale .wrapper {

		width: 980px;

		padding-top: 100px;

	}

	.container.sale .form {

		background: url(../images/sale-form-bg.png) no-repeat center 0;

		background-size: contain;

		-o-background-size: contain;

		-moz-background-size: contain;

		-webkit-background-size: contain;

		padding: 20px;

		margin-top: 40px;

	}

	.container.sale h2 {

		position: relative;

		top: 50px;

		left: -14px;

		width: 250px;

	}

	.container.sale .element img {

		float: left;

	}

	.container.sale .button {

		width: 260px;

	}

	.container.sale input {

		width: 360px;

	}

	.container.reviews .element .left {

		width: 33.3%;

		float: left;

		position: relative;

	}

	.container.reviews .element .right {

		width: 66.7%;

		float: left;

	}

	.container.reviews .element .left span {

		position: absolute;

		top: calc(50% - 16px);

		left: 120px;

		font-size: 16px;

	}

	.container.reviews .element .right .text-wrap:after {

		content: "";

		background: url(../images/reviews-after.png) no-repeat center;

		background-size: contain;

		-o-background-size: contain;

		-moz-background-size: contain;

		-webkit-background-size: contain;

		position: absolute;

		top: -10px;

		left: -40px;

		width: 20px;

		height: 30px;

	}

	.container.reviews .element .right .text-wrap:before {

		content: "";

		background: url(../images/reviews-before.png) no-repeat center;

		background-size: contain;

		-o-background-size: contain;

		-moz-background-size: contain;

		-webkit-background-size: contain;

		position: absolute;

		bottom: -20px;

		right: -30px;

		width: 20px;

		height: 30px;

	}

	.container.reviews .element {

		padding: 30px 50px 30px 30px;

		margin-bottom: 30px;

	}

	.container.mile li {

		position: relative;

		height: 90px;

		padding-top: 30px;

	}

	.container.mile .button {

		position: absolute;

		top: 70px;

		line-height: 40px;

		padding: 0;

		margin: 0;

		left: 10%;

		width: 30%;

	}

	.container.mile li img {

		position: absolute;

		top: 0;

	}

	.container.mile li.left img {

		left: calc(50% - 70px);

	}

	.container.mile li.right img {

		right: calc(50% - 70px);

	}

	.container.mile li.left .text {

		width: 50%;

		float: left;

		padding-left: 10%;

		padding-right: 100px;

		color: #064568;

	}

	.container.mile li.right .text {

		width: 50%;

		float: right;

		padding-right: 10%;

		padding-left: 100px;

		color: #064568;

	}

	.container.seo-block {

		padding: 0 0 40px 0;

	}

	.container.mile .h1 {

		margin-bottom: 40px;

	}

	.footer {

		height: 208px;

		padding-top: 20px;

	}

	.footer .text {

		width: 340px;

		margin-left: 5%;

	}

	.popup {

		padding: 50px 20px;

	}

	.close {

		height: 40px;

		width: 40px;

	}
	.header .text {
		left: 20%;
		right: 20%;
	}
}

.clear:after {

	display: table;

	clear: both;

	content: "";

}

.container {

	width: 100%;

	background-position: center;

	background-size: cover;

	-o-background-size: cover;

	-moz-background-size: cover;

	-webkit-background-size: cover;

}

.container.type-warming {

	background-image: url(../images/bg.png);

	padding-bottom: 30px;

}

.h1 {

	width: 100%;

	font-size: 30px;

	text-align: center;

	padding-top: 30px;

	padding-bottom: 25px;

	position: relative;

}

.h1.black {

	color: black;

}

.h1.white {

	color: white;

}

.h1.black:before {

	content: url(../images/border.png);

}

.h1.white:before {

	content: url(../images/border-white.png);

}

.h1:before {

	position: absolute;

	bottom: 0;

	left:0;

	right: 0;

	margin: 0 auto;

}

.sub {

	width: 100%;

	display: block;

	text-align: center;

	font-size: 18px;

	padding-bottom: 30px;

}

.column-wrap .column:first-child {

	margin-left: 0;

}

.h2 {

	font-size: 18px;

	text-transform: uppercase;

	width: 100%;

	text-align: center;

	font-weight: 600;

	padding-top: 20px;

	padding-bottom: 10px;

}

.term {

	font-size: 14px;

	text-transform: uppercase;

	width: 100%;

	text-align: center;

	padding-bottom: 16px;

}

.container.type-warming .img-container {

	width: 194px;

	margin: 0 auto;

	height: 262px;

}

.img-container img {

	width: 100%;

}

.column {

	position: relative;

}

.column ul {

	display: block;

	width: 100%;

	padding-left: 50px;

	padding-right: 25px;

}

.column li {

	display: block;

	width: 100%;

	font-size: 14px;

	position: relative;

	padding-left: 32px;

	padding-bottom: 14px;

	line-height: 1.1em;

}

.column li:before {

	content: url(../images/marker.png);

	position: absolute;

	left: 0;

	top: -4px;

}



.h3 {

	color: #ff6e00;

	font-size: 18px;

	width: 100%;

	text-align: center;

	font-weight: 600;

}

.button {

	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	display: block;

	width: 250px;

	height: 38px;

	margin: 0 auto;

	color: white;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 600;

	border-radius: 10px;

	text-decoration: none;

	background: #ff6e00;

	text-align: center;

	padding-top: 14px;

	margin-top: 12px;

	box-shadow: 0 4px 0 #803700;

}

.button:hover {

	box-shadow: 0 2px 0 #803700;

	top: 2px;

}

.button-container span {

	display: block;

	font-size: 12px;

	color: #00476f; 

	width: 100%;

	padding-left: 20px;

	margin-top: 14px;

	line-height: 1.1em;

	padding-right: 50px;

}

sup {

	vertical-align: super;

	font-size: 12px;

}

.header .logo img {

	display: block;

}

.header  {

	border-bottom: 1px solid gray;

	box-shadow: 0 0 20px black;

	position: relative;

}

.header .logo {

	float: left;

}

.header .quest {

	color: black;

	display: inline-block;

	float: right;

	margin-top: 30px;

	text-align: right;

	font-weight: bold;

}

.header .quest a {

	color: red;

	display: block;

	margin-top: 8px;

}



.menu-submit {

	width: 50px;

	height: 50px;

	background: url(../images/menu-icon.png) no-repeat center;

	position: fixed;

	top: 20px;

	cursor: pointer;

	-webkit-transition: 0.8s;

    -moz-transition: 0.8s;

    -o-transition: 0.8s;

    transition: 0.8s;

    z-index: 999;

}

.header .menu {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	right: 0;

	background: rgba(255, 255, 255, 0.8);

	z-index: 9999;

	text-align: center;

}

.header .menu a {

	display: inline-block;

	font-size: 20px;

	text-decoration: none;

	color: black;

	text-align: center;

	line-height: 48px;

	-webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -o-transition: 0.2s;

    transition: 0.2s;

}

.header .menu a:hover {

	font-size: 24px;

	font-weight: bold;

}

.menu.disable {

	display: none;

}

.container.first-block {

	background-image: url(../images/block-bg-1.jpg);

}

.container.first-block .link-block {

	background: rgba(0, 0, 0, 0.8);

}

.container.first-block h1 {

	color: #ffd835;

	font-weight: bold;

	text-align: center;

}



.container.first-block h2 {

	color: white;

	text-align: center;

}

.container.first-block .column {

	float: left;

	text-align: center;

}

.container.first-block h3 {

	color: white;

	font-size: 14px;

	padding: 6px 30px 0 30px;

}



.down {

	cursor: pointer;

}

.container.price {

	background-image: url(../images/block-bg-2.jpg);

}

.container.price .form span {

	color: white;

	text-align: center;

	font-size: 22px;

	font-weight: 400;

	display: block;

	padding: 60px 0 40px 0;

}

.container.price .form h2 {

	font-size: 16px;

	text-align: center;

	color: white;

}

.container.price .form input[type="text"] {

	display: block;

	width: 280px;

	height: 52px;

	background: white;

	font-size: 16px;

	color: #444444;

	border: 1px solid #d9ccb9;

	text-align: center;

	margin: 30px auto 0px auto;

}

.container.price .button {

	width: 280px;

	line-height: 52px;

	padding: 0;

	height: auto;

	margin-top: 8px;

}

.container.problems {

	background-image: url(../images/block-bg-3.jpg);

	

}



.container.problems .element {

	

	float: left;

	text-align: center;

	margin-top: 44px;

}

.container.problems .img-container {

	box-shadow: 0px 8px 11px #222;

	height: auto;

	display: inline-block;

	position: relative;

}



.container.problems .element img {

	width: 100%;

	display: block;

}

.container.problems .element h2 {

	width: 134px;

	display: inline-block;

	height: 40px;

	background: #dfd60c;

	box-shadow: 0px 8px 11px #222;

	color: #2e323b;

	font-size: 16px;

	font-weight: bold;

	padding-top: 6px;

}

.container.works {

	background-image: url(../images/block-bg-4.jpg);

}

.container.works .column {

	width: 50%;

	float: left;

	padding: 0 1%;

}

.container.works a {

	width: 100%;

	display: block;

	text-decoration: none;

}

.container.works a:hover span {

	opacity: 1;

	font-size: 0.9em;

}

.container.works a img {

	max-width: 100%;

	display: block;

}

.container.works .gallery-container {

	position: relative;

	float: left;

	width: 50%;

}

.container.works .gallery-container span {

	position: absolute;

	bottom: 0;

	width: 100%;

	color: white;

	background: #243843;

	padding: 5% 22%;

	text-align: center;

	opacity: 0;

	transition: 0.5s;

	display: block;

}

.container.works .h2 {

	text-align: left;

	color: white;

	font-weight: 400;

	font-size: 22px;

	padding-bottom: 10px;

	text-transform: none;

}

.container.works .text {

	font-size: 20px;

	color: white;

	padding: 20px 0;

	text-align: center;

	float: left;

	width: 100%;

}

.container.works .text h2 {

	display: inline-block;

	max-width: 468px;

}

.container.works .form {

	text-align: center;

	width: 100%;

	float: left;

}



.container.works .form input[type="text"] {

	text-align: center;

	border: 1px solid #171717;

	background: white;

	font-size: 16px;

	border-radius: 7px;

	height: 40px;

	outline: none;

	display: inline-block;

}

.container.works .form .button {

	height: auto;

	margin: 0;

	padding: 0;

	line-height: 40px;

	display: inline-block;

}

.container.technology {

	background-image: url(../images/bg.png);

}

.container.technology .element {

	display: inline-block;

	position: absolute;

	transition: 0.5s;

}



.container.technology .desc {

	position: relative;

	height: 817px;

	width: 908px;

	margin: -100px auto 0 auto;

}

.container.technology .element.element-1 {

	top: 0;

	left: 0;

}

.container.technology .element.element-1 img {

	z-index: 5;

	position: relative;

}

.container.technology .element.element-2 {

	top: 66px;

	left: 149px;

}

.container.technology .element.element-2 img {

	z-index: 4;

	position: relative;

}

.container.technology .element.element-3 {

	top: 114px;

	left: 298px;

}

.container.technology .element.element-3 img {

	z-index: 3;

	position: relative;

}

.container.technology .element.element-4 {

	top: 188px;

	left: 414px;

}

.container.technology .element.element-4 img {

	z-index: 2;

	position: relative;

}

.container.technology .element.element-5 {

	top: 220px;

	left: 600px;

}

.container.technology .element.element-5 img {

	z-index: 1;

	position: relative;

}

.container.technology .element:hover {

	margin-top: -80px;

}

.container.technology .element .help {

	display: none;

	background: url(../images/help-bg.png) no-repeat;

	width: 401px;

	height: 241px;

	position: absolute;

	left: -200px;

	bottom: 0px;

	z-index: 999;

	padding-right: 86px;

}

.container.technology .element:hover .help {

	display: block;

}

.container.technology .element span {

	display: block;

	text-align: center;

	color: #dfd60c;

	font-size: 18px;

	padding: 20px 0;

}

.container.technology .element .text, .container.technology .element p {

	color: white;

	font-size: 14px;

	line-height: 16px;

}

.container.technology .element .text {

	padding-left: 40px;

	padding-right: 40px;

}

.container.technology .element p {

	font-weight: 600;

}

.container.technology .element .help > p {

	padding-left: 20px;

	padding-top: 10px;

}

.container.technology .submit-container .button {

	width: 236px;

	height: auto;

	padding: 0;

	line-height: 42px;

}



.container.technology {

	padding-bottom: 60px;

}

img.mobile-img {

	max-width: 90%;

	margin: 0 auto;

}

.container.profit {

	background-image: url(../images/block-bg-5.jpg);

}

.container.agreed {

	background-image: url(../images/block-bg-6.jpg);

}



.container.agreed img {

	max-width: 100%;

	width: auto;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

}

.container.agreed .img-container {

	float: left;

	

	text-align: center;

	height: 126px;

	position: relative;

}

.container.sale {

	background-image: url(../images/block-bg-7.jpg);

}

.container.sale h2 {

	font-size: 25px;

	color: #2e323b;

	font-weight: bold;

	float: left;

	

}



.container.sale .element {

	position: relative;

	padding-bottom: 60px;

}

.container.sale h1 {

	font-size: 25px;

	color: #2e323b;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

	margin: 20px auto 0 auto;

}

.container.sale p {

	font-size: 16px;

	color: #2e323b;

	text-align: center;

	padding-top: 20px;

	width: 80%;

	margin: 0 auto;

}

.container.sale input[type="text"] {

	display: block;

	margin: 40px auto;

	

	border-radius: 7px;

	border: 1px solid #03486c;

	height: 55px;

	text-align: center;

}

.container.sale .button {

	height: auto;

	line-height: 47px;

	padding: 0;

}

.container.reviews {

	background-image: url(../images/block-bg-8.jpg);

	padding-bottom: 30px;

}

.container.reviews .h1 {

	margin-bottom: 40px;

}

.container.reviews img {

	width: 100px;

}

.container.reviews .element {

	background: white;

	box-shadow: 0 0 20px black;

	font-size: 15px;

}



.container.reviews .element .right .text-wrap {

	line-height: 18px;

	padding-right: 10px;

	position: relative;

}



.container.seo-block .h1 {

	margin-bottom: 30px;

}

.seo-block {

	position: relative;

	width: 100%;

	background: url(../images/bg_par.jpg) no-repeat center;

	background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	-moz-background-size: cover;

}

.seo-block .one-list, #seo-block .two-list, #seo-block .one-list li, #seo-block .two-list li, #seo-block .two-list span {

	display: block;

	width: 100%;

}

.seo-block .head {

	text-transform: uppercase;

	font-weight: bold;

}

.seo-block .sub-head {

	padding-top: 20px;

	font-weight: bold;

	padding-bottom: 15px !important;

}

.seo-block .one-list .padding-block {

	position: relative;

	

}

.seo-block .list-bg {

	position: absolute;

	right: 10px;

	top: 10px;

	width: 294px;

}

.seo-block .one-list li {

	position: relative;

	padding: 10px 0 15px 40px;

}

.seo-block .one-list li:before {

	position: absolute;

	width: 10px;

	height: 10px;

	left: 0;

	top: 9px;

	content: url(../images/marker.png);

}

.seo-block .two-list li {

	font-size: 16px;

	line-height: 18px;

	padding-bottom: 4px;

} 

.seo-block .two-list span {

	padding-bottom: 6px;

	font-size: 16px;

	font-weight: bold;

	color: #29566F;

}

.container.mile {

	background-image: url(../images/block-bg-10.jpg);

	padding-bottom: 80px;

}

.container.mile .h1 {

	color: #064568;

	

}

.container.contacts {

	position: relative;

}

.contacts-wrap {

	max-width: 343px;

	height: 313px;

	background: url(../images/map-bg.png) no-repeat;

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-o-background-size: 100% auto;

	-moz-background-size: 100% auto;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	margin: auto;

	z-index: 9;

	text-align: center;

}

.container.contacts .head {

	font-size: 24px;

	color: white;

	padding-bottom: 10px;

	padding-top: 20px;

}

.container.contacts div {

	color: white;

	padding-bottom: 10px;

	font-size: 18px;

}

.footer {

	

	background: #243843;

	

}

.footer .logo, .footer .text {

	float: left;

}

.footer .contacts-footer {

	float: right;

	color: white;

	font-size: 22px;

	font-weight: bold;

	text-align: right;

}

.footer .contacts-footer .number {

	font-size: 24px;

	padding-top: 10px;

}

.footer .text {

	

	color: #FFF;

	font-size: 22px;

	line-height: 26px;

}

.footer .contacts-footer .button {

	width: 180px;

	margin: 10px 0 0 0;

	padding: 0;

	line-height: 42px;

	float: right;

}

.scroll-top {

	width: 40px;

	height: 40px;

	background: url(../images/top-bg.png) no-repeat;

	cursor: pointer;

	position: fixed;

	bottom: 40px;

	right: 40px;

	z-index: 99;

	display: none;

}

.overlay {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.6);

	z-index: 999;

	display: none;

}

.popup {

	max-width: 900px;

	margin: 0 auto;

	background: white;

	position: fixed;

	top: 60px;

	left: 0;

	right: 0;

	z-index: 9999;

	display: none;

}

.popup .wrap {

	max-width: 500px;

	margin: 0 auto;

	text-align: center;

}

.popup .head {

	font-size: 36px;

	font-weight: bold;

	padding: 40px 0 20px 0;

}

.popup .text {

	font-size: 16px;

	padding-bottom: 40px;

}

/*=========================================*/
.popup-success {
	max-width: 900px;
	margin: 0 auto;
	background: white;
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 9999;
	display: none;
}

.popup-success .wrap {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

.popup-success .head {
	font-size: 36px;
	font-weight: bold;
	padding: 40px 0 20px 0;
}

.popup-success .text {
	font-size: 16px;
	padding-bottom: 40px;
}
.popup-success .text-sub {
	color: rgb(119, 119, 119);
	font-size: 12px;
}

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

.popup input {
	padding: 0 10px;
	border: #c8c8c8 solid 2px;
	outline: none;
	color: #444444;
	font-size: 16px;
	height: 50px;
	width: 100%;
	margin-bottom: 30px;
}

.popup .text-sub {

	color: rgb(119, 119, 119);

	font-size: 12px;

}

.popup .button {

	width: 100%;

	line-height: 50px;

	height: auto;

	padding: 0;

	margin: 0;

	margin-bottom: 30px;

}

.close {

	position: absolute;

	top: 20px;

	right: 20px;

	

	cursor: pointer;

	background: url(../images/close-icon.png) no-repeat;

	background-size: 100%;

	-webkit-background-size: 100%;

	-o-background-size: 100%;

	-moz-background-size: 100%;

}
.header .text {

	font-size: 30px;

	position: absolute;

	top: 0;

	

	bottom: 0;

	

	text-align: center;

	padding-top: 30px;

	color: black;

	font-weight: bold;

}

.social {

	padding-top: 10px;

}

.social a {

	display: inline-block;

	width: 30px;

	float: left;

	margin-right: 14px;

}

.social img {

	width: 100%;

}
.one-list h2 {
	font-weight: 900;
	display: block;
	padding-bottom: 6px;
}