@media screen and (min-width: 1920px) {
  .row {
    background-size: 100% !important;
  }
}

@media screen and (max-device-width: 1024px) {
  .row {
    background-position: 50% top !important;
    /* background-size: cover*/
  }

  header {
    position: relative;
  }

  .row1 {
    margin-top: -80px;
  }
}

/* @media screen and (max-device-width: 1334px){
  body{
  width:150%;
  }

@media screen and (max-device-width: 1920px){
  body{
  width:150%;
  }
} */

/*@media screen and (max-width: 720px){

	header{
		display: none;
	}

	.row{
		display: none;
	}
	
	.row6{
		display: block;

	}
	
	.row6 h2{
		font-size: 46px;
		text-align: center;
	}
	
	footer{
		display: none;
	}
	
	.row6 .grid_12{
		width: 640px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.row6 .grid_6{
		width: 320px !important;
		margin: 0;
	}
	
	.row6 .grid_6 p{
		display: none;
	}
	
	.grid_max{
		width: 640px !important;
		margin: 0 !important;
		padding: 0px !important;
	}
	
	
	.row6 .img-mini img{
		width: 50px;
	}

}*/

/*@media screen and (max-width: 720px){

.row{
	background-position: 50% top !important;
	 background-size: cover
	
}

.row1{
	height: 300px !important;
}

.row.bg{
	height: 350px;
}

}*/

/*@media screen and (max-width: 720px){

	body{
		line-height: normal;
	}

	header{
		height: 44px !important;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.row1 .button{
		width: 100px !important;
	}
	
	header .phone img{
		width: 18px;
		left: -25px;
		top: 13px;
	}
	
	header .phone{
		font-size: 14px;
		padding-top: 9px;
	}
	
	header .logo img{
		height: 26px;
		margin-top: 8px;
	}
	
	.row10{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	
	html .grid_12{
		
	}
	
	.button{
		padding: 10px 50px !important;
		font-size: 12px !important;
	}
	
	
	.info .app-link{
		font-size: 14px;
		padding-top: 11px;
		padding-bottom: 0;
		height: 50px;
	}
	
	.row4 img{
		width: 100%;
	}
	
	html section .grid_6{
		width: 50% !important;
		padding-bottom: 30px;
	}
	
	html article.grid_6 p{
		display: none;
	}
	
	.row6 h2,
	.row8 h2,
	.row4 h2,
	.row10 h2{
		font-size: 25px;
		text-align: center;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}
	
	.row6 h3{
		font-size: 12px;
		margin-left: 40px;
		line-height: normal;
		padding-right: 0;
	}
	
	.row6 .img-mini img{
		width: 30px;
		margin-left: 0;
	}
	
	html .grid_max{
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
	}
	
	html .grid_4{
		width: 33.4% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.row1 h2{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		font-size: 28px;
		margin-top: 0;
	}
	
	.info .app-link:after{
		height: 15px;
		background-size: 8px;
		margin-top: 7px;
		margin-right: -15px;
	}
	
	.row2{
		padding-bottom: 50px;
		display: none2;
	}
	
	.row2 .number{
		font-size: 30px;
		line-height: 30px;
	}
	
	.row2 span{
		font-size: 11px;
	}
	
	.row2 p{
		font-size: 20px;
		margin-bottom: 0;
	}
	
	.row8{
		text-align: center;
	}
	
	.row8 .icon{
		height: 80px;
	}
	
	.row8 p{
		display: inline-block;
		float: left;
		width: 100%;
		font-size: 12px;
	}
	
	.row8 article img{
		height: 60px;
	}
	
	.row8 article{
		width: 32%;
		margin-left: 0;
		margin-right: 0;
		padding-right: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		display: inline-block !important;
		float: none;
		height: 140px;
		padding-left: 10px;
	}
	
	.info h2{
		font-size: 35px;
		line-height: 35px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	
	html div.row1 .vertical{
		height: 350px !important;
	}
	
	.row .vertical{
		height: 350px;
	}
	
	.info p{
		font-size: 12px;
		padding: 5px 20px 0;
	}
	
	.info ul li img{
		height: 10px;
		padding-right: 5px;
		position: relative;
		top: 1px;
	}
	
	.info ul li{
		font-size: 12px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	.info ul{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 15px;
	}
	
	div.info{
		padding-left: 10px !important;
		width: 85% !important;
		padding-right: 10px !important;
	}
	
	footer{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	footer .soc{
		padding-bottom: 30px;
	}
	
	footer .grid_6{
		text-align: center;
		font-size: 12px;
	}
	
	footer .grid_6 .phone{
		font-size: 20px;
		line-height: 20px;
		
	}
	
	footer .grid_6 .phone a{
		color: #fff;
	}
	
	.row10 p{
		font-size: 12px;
		text-align: center;
		font-weight: 300;
		padding-bottom: 20px;
	}
	form>input.button{
		font-size: 134px !important;
	}
	
	.row10 form input,
	.row10 form #select{
		font-size: 12px !important;
		font-weight: 300;
	}
	
	footer .soc div{
		padding: 0;
		width: 33%;
		text-align: center;
		font-size: 12px;
		line-height: 25px !important;
	}
	
	footer .soc div img{
		height: 16px;
		top: 4px;
	}
	
	.row4{
		padding-top: 30px;
		padding-bottom: 40px;
	}
	
	.row6{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	.row8{
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	
	
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

}*/

.m_10 {
  margin-left: -10px;
  margin-right: -10px;
}

.grid_99 {
  display: inline;
  float: left;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
}

.p-l-r {
  margin-right: 15px;
  margin-left: 15px;
}

.grid_98 {
  padding-left: 20px;
  padding-right: 20px;
}

.grid_100 {
  width: 100%;
  display: inline-block;
}

.grid_130 {
  padding-left: 25px;
  padding-right: 25px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.grid_max {
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(10px + env(safe-area-inset-left, 0px));
  padding-right: calc(10px + env(safe-area-inset-right, 0px));
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12 {
  position: relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_max .grid_1 {
  width: 60px;
}

.grid_max .grid_2 {
  width: 140px;
}

.grid_max .grid_3 {
  width: 220px;
}

.grid_max .grid_4 {
  width: 300px;
}
#g4 {
  width: 360px;
}

.grid_max .grid_5 {
  width: 380px;
}

.grid_max .grid_6 {
  width: 460px;
}

.grid_max .grid_7 {
  width: 540px;
}

.grid_max .grid_8 {
  width: 620px;
}

.grid_max .grid_9 {
  width: 700px;
}

.grid_max .grid_10 {
  width: 780px;
}

.grid_max .grid_11 {
  width: 860px;
}

.grid_max .grid_12 {
  width: 940px;
}
@media screen and (max-width: 768px) {
  .grid_max {
    width: 100%;
    max-width: 960px;
  }

  li {
    font-size: 16px;
  }

  header {
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .grid_max {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  li {
    font-size: 16px;
  }
}

@media screen and (max-width: 320px) {
  .grid_max {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* @media screen and (max-width: 768px) {
	.grid_max .grid_12 {
	  width:690px;
	}
	.grid_max .grid_4 {
	  width:206px;
	}
	#g4{
	 width:270px;
	}
	div.info {
		float: left;
		width: 560px !important;
	}	
	.row6 #get-price2 {
    width: 700px !important;
	}
	.grid_max .grid_6 {
    width: 354px;
	}
	.row6 h3 {
		font-size: 19px;
		margin-left: 105px;
		padding-bottom: 10px;
		padding-right: 23px;
	}
	.row6 p {
		font-size: 13px;
		line-height: 20px;
		margin-left: 105px;
		padding-right: 28px;
	}	
	.row6 article {
		padding-bottom: 46px;
	}	
	li {
		padding-right: 250px;
	}
	#g6{
    float: right;
    margin-right: 243px;
    width: 283px;
	}
	#sergey_form {
		margin-left: -146px;
		margin-right: 90px;
	}
	.row10 .grid_6 input {
    margin-right: 62px;
	}	
	.row10 p {
		line-height: 1.5;
		text-align: center;
	}
	#agaga{
	width: 768px;
	
	}
}
 */

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_max .prefix_1 {
  padding-left: 80px;
}

.grid_max .prefix_2 {
  padding-left: 160px;
}

.grid_max .prefix_3 {
  padding-left: 240px;
}

.grid_max .prefix_4 {
  padding-left: 320px;
}

.grid_max .prefix_5 {
  padding-left: 400px;
}

.grid_max .prefix_6 {
  padding-left: 480px;
}

.grid_max .prefix_7 {
  padding-left: 560px;
}

.grid_max .prefix_8 {
  padding-left: 640px;
}

.grid_max .prefix_9 {
  padding-left: 720px;
}

.grid_max .prefix_10 {
  padding-left: 800px;
}

.grid_max .prefix_11 {
  padding-left: 880px;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_max .suffix_1 {
  padding-right: 80px;
}

.grid_max .suffix_2 {
  padding-right: 160px;
}

.grid_max .suffix_3 {
  padding-right: 240px;
}

.grid_max .suffix_4 {
  padding-right: 320px;
}

.grid_max .suffix_5 {
  padding-right: 400px;
}

.grid_max .suffix_6 {
  padding-right: 480px;
}

.grid_max .suffix_7 {
  padding-right: 560px;
}

.grid_max .suffix_8 {
  padding-right: 640px;
}

.grid_max .suffix_9 {
  padding-right: 720px;
}

.grid_max .suffix_10 {
  padding-right: 800px;
}

.grid_max .suffix_11 {
  padding-right: 880px;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_max .push_1 {
  left: 80px;
}

.grid_max .push_2 {
  left: 160px;
}

.grid_max .push_3 {
  left: 240px;
}

.grid_max .push_4 {
  left: 320px;
}

.grid_max .push_5 {
  left: 400px;
}

.grid_max .push_6 {
  left: 480px;
}

.grid_max .push_7 {
  left: 560px;
}

.grid_max .push_8 {
  left: 640px;
}

.grid_max .push_9 {
  left: 720px;
}

.grid_max .push_10 {
  left: 800px;
}

.grid_max .push_11 {
  left: 880px;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_max .pull_1 {
  left: -80px;
}

.grid_max .pull_2 {
  left: -160px;
}

.grid_max .pull_3 {
  left: -240px;
}

.grid_max .pull_4 {
  left: -320px;
}

.grid_max .pull_5 {
  left: -400px;
}

.grid_max .pull_6 {
  left: -480px;
}

.grid_max .pull_7 {
  left: -560px;
}

.grid_max .pull_8 {
  left: -640px;
}

.grid_max .pull_9 {
  left: -720px;
}

.grid_max .pull_10 {
  left: -800px;
}

.grid_max .pull_11 {
  left: -880px;
}

/* Responsive Grid Columns */
@media screen and (max-width: 768px) {
  .grid_max {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: calc(15px + env(safe-area-inset-left, 0px));
    padding-right: calc(15px + env(safe-area-inset-right, 0px));
    box-sizing: border-box;
  }

  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12,
  .grid_13 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    float: none;
    box-sizing: border-box;
  }

  #g4 {
    width: 100% !important;
  }

  .row6 .grid_6 {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    float: none;
    margin-bottom: 30px;
  }

  div.info {
    width: 100% !important;
    max-width: 100% !important;
    float: none;
    box-sizing: border-box;
  }

  .otz {
    width: 100%;
    margin: 20px 0;
    float: none;
  }
}

@media screen and (max-width: 480px) {
  .row2 .grid_4 {
    width: 100% !important;
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}