﻿
/*      адаптивность      */

@media (max-width: 1200px) {
	.tel {
		font-size:24px;
		background-position:left 10px;
	}
	.button {
		font-size: 14px;
		padding: 7px 20px;
	}	
	header ul li {
		padding: 20px 0 20px 25px;
	}
	.logo img {
		margin-top:-10px;
	}
	
	.slide1 {
		margin-top: 60px;
	}
	
	.modal .span3 {
		width: 280px;
	}
	
	.slide1 img {
		height:60px; 
	}
	
	.slide1 .row-fluid .span3:nth-child(1) .spincrement0 {
		font-size:50px;
		top:-5px;
	}
	.slide1 .row-fluid .span3:nth-child(2) .spincrement4 {
		font-size:80px;
		top:-15px;
	} 	
	.slide1 .row-fluid .span3:nth-child(3) .spincrement5  {
		font-size:80px;
		top:-15px;		
	}	
	.slide1 .row-fluid .span3:nth-child(4) .spincrement6	{
		font-size:80px;
		top:-15px;		
	}
	
	.form1 form input[type="text"], .form2 form input[type="text"] {
		width:19%;
	}

	.form3 form input[type="text"] {
		width: 13%;
	}	
	.form3 form input[type="submit"] {
		padding: 12px 10px;
	}
	.swiper-slide {
		width:33%;
		max-width: 310px;
	}	
	.slide5  {
		background: none;
		height:auto;
	}
	
	.slide5 .container{
		background: url('/images/snake.png') center 260px no-repeat;
		background-size: 100% auto;
		height:880px;
	}
	.slide5 .step {
		background-size: 65% auto;
		font-size:15px;
		padding: 174px 10px 10px;
		width:20%;
	}
	.slide5 .step1 {
		left: 10px;	
	}
	.slide5 .step2 {
		left: 26%;	
	}	
	.slide5 .step3 {
		left:52%;
	}
	.slide5 .step4 {
		left:76%;		
	}
	.slide5 .step5 {
		top: 340px;
		left: 10px;		
	}	
	.slide5 .step6 {
		top: 340px;
		left: 26%;	
	}	
	.slide5 .step7 {
		top: 340px;
		left:52%;			
	}		
	.slide5 .step8 {
		top: 340px;
		left:76%;		
	}	

	.slide5 .step9 {
		top: 627px;
		left:10px;		
	}	

	.slide5 .step10 {
		top: 627px;
		left: 26%;		
	}	
	.slide6 ul.nav {
		background-size: 100% auto;
	}	
	.slide6 ul.nav li:nth-child(1) {
		text-align: left;
	}
	.slide6 ul.nav li:nth-child(1):not(.active):hover a {
		background:transparent url('/images/point.png') 0% 47% no-repeat; 	
	}	
	.slide6 ul.nav li:nth-child(2):not(.active):hover a {
		background:transparent url('/images/point.png') 42% 47% no-repeat; 	
	}
	.slide6 ul.nav li:nth-child(3):not(.active):hover a {
		background:transparent url('/images/point.png') 58% 47% no-repeat; 	
	}
	.slide6 ul.nav li:nth-child(4):not(.active):hover a {
		background:transparent url('/images/point.png') 102% 47% no-repeat; 	
	}	
	
	.slide6 ul.nav li.active:nth-child(1) a {
		background-position: 0% 96%;
	}	
	.slide6 ul.nav li.active:nth-child(2) a {
		background-position: 42% 96%;
	}	
	.slide6 ul.nav li.active:nth-child(3) a {
		background-position: 58% 96%;
	}	
	.slide6 ul.nav li.active:nth-child(4) a {
		background-position: 100% 96%;
	}	

	.slide7 .span6	{
		margin: 18px 0;
		padding-left:170px;
	}
	.slide7 .span6 p {
		font-size:15px;
	}
	
	.map form {
		right:0;
	}
	.wanna {
		padding: 26px 0 !important;
	}
	.wanna .span2 {
		width: 200px !important;
	}
	.wanna .sub-text {
		font-size: 15px;
	}	
	.review .overlay {
		height:260px !important;
		border-radius:10px;
	}
	.rezult img {
		width:80%;
	}
	
	.num-blue {
		font-size:34px  !important;
	}
	.num-red {
		font-size:34px  !important;
	}
	
	.video video {
		height:260px !important;
	}

	.num1 {
		font-size:34px  !important;
		left:45px !important;
	}
	
	.num2 {
		font-size:34px  !important;
		left:45px !important;		
	}
	.num3 {
		font-size:34px  !important;
		left:25px !important;	
		top:110px !important;		
	}	

	.content .container {
		overflow:hidden;
	}	
	
	.slide6 form input[type="text"] {
		width:80%;
	}
	.slide6 form input[type="submit"] {
		width:90%;
	}
	
	.slide8 .span6 {
		width:100%;
	} 
	
	.client-logo {
		float: none;
		margin: -20px auto 30px;
		display: block;
		width: 200px;
	}
	
	.slide8 h1 {
		font-size:27px;		
	}
	
	.slide8 h2 {
		font-size:27px;			
	}
	.rezult {
		display:none !important;
	}
	
	.wanna {
		display:none !important;
	}
	
	.review .overlay {
		background: #7F53B4  !important;	
		border-radius:15px !important;
		height:205px !important;
	}
	 
	.map {
		margin-top:25px !important;
	}
	
	.review p {
		bottom: 70px;
	}
}
