/* а’аЛаАаДаЕаЛаЕб† бб‚аОаГаО баАаЙб‚аА: аЁаЕб€аГаЕаЙ а“б€б‹б‰б‘аВ, CEO ShadeApps */


@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: 10px;
	padding-right: 10px;
}

/* 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_1, .grid_2, .grid_3, .grid_5,
	.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13 {
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
		float: none;
	}

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

	div.info {
		width: 100% !important;
		float: none;
	}

	.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;
}