html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}


body{
	font-family: 'Lato-Regular';
	background: #1a1921;
	font-size: 14px;
	color: #000;
	overflow-x: hidden;
}

.inner{width: 1230px; margin: 0 auto; box-sizing: border-box; padding: 0 30px;}





header{position: fixed; z-index: 10; height: 55px; top: 0; left: 0; width: 100%; background: #1e1e27; color: #fff; font-family: "Arial", sans-serif;}
	header .logo{float: left;}
	header .sitename{float: left; max-width: 260px; text-transform: uppercase; font-weight: 700; line-height: 1.2; margin: 10px 0 0 12px;}
	header .data{float: right; position: relative; right: -5px;}
	header .auction{float: left; width: 215px; height: 90px; background: url("../img/auction.png") 50% 50% no-repeat; text-align: center; position: relative; top: -1px;}
		header .auction a{display: block; height: 100%; text-transform: uppercase; font-size: 24px; font-weight: 700; color: #000; box-sizing: border-box; padding: 10px 0 0;}
			header .auction a:hover{color: #fff;}
	header .contacts{float: right; width: 320px; height: 90px; background: url("../img/callback.png") 50% 50% no-repeat; position: relative; top: -1px; margin: 0 0 0 45px;}
		header .contacts p.phone{font-weight: 700; color: #fff; font-size: 28px; margin: 5px 0 7px 41px;}
			header .contacts p.phone a{color: #fff;}
		header .contacts p.callback{text-transform: uppercase; color: #fff; font-size: 10px; margin: 0 0 0 58px;}
			header .contacts p.callback a{color: #fff; border-bottom: 1px solid #fff;}
				header .contacts p.callback a:hover{border-color: transparent;}








#promo{background: url("../img/bg_promo.jpg") 50% 0 no-repeat; text-transform: uppercase; color: #fff; padding: 253px 0 170px;}
	#promo .inner{padding: 0;}
	#promo .text{max-width: 635px;}
		#promo .text h1{padding: 8px 30px; display: inline-block; font-size: 38px; font-weight: 700; font-family: "Arial", sans-serif; background: rgba(0,0,0,0.7); line-height: 1.2;}
			#promo .text h1 span{color: #fc072f;}
		#promo .text h2{padding: 8px 30px; display: inline-block; margin: 10px 0; font-size: 21px; font-weight: 700; font-family: 'Lato-Heavy'; background: rgba(0,0,0,0.7); line-height: 1.2;}
			#promo .text h2 span{color: #fc072f; font-size: 32px; display: block; font-family: 'Lato-Black';}
		#promo .text p{padding: 8px 30px; font-family: 'Lato-Semibold'; max-width: 330px; box-sizing: border-box; display: inline-block; font-size: 15px; background: rgba(0,0,0,0.7); line-height: 1.2;}
			#promo .text p span{color: #fc072f;}
	#promo ul{display: inline-block; width: 100%; text-align: center; margin: 238px 0 0; font-family: 'Lato-Semibold';}
		#promo ul li{display: inline-block; width: 175px; font-size: 17px; line-height: 1.2; margin: 0 11px;}
			#promo ul li img{margin: 0 auto 15px;}





#welcome{background: #ffde00; border-top: 5px solid #f1052b; border-bottom: 5px solid #f1052b; padding: 35px 0 20px; position: relative;}
	#welcome .inner{padding: 0; position: relative;}
	#welcome .image{width: 420px; height: 500px; background: url("../img/man.png") 50% 0 no-repeat; position: absolute; top: -200px; left: 0; z-index: 3;}
	#welcome .hello{color: #fff; text-transform: uppercase; font-weight: 700; font-size: 38px; font-family: "Arial", sans-serif; position: absolute; z-index: 2; top: -107px; left: 300px; padding: 0 0 0 145px; background: #f1052b; line-height: 68px;}
		#welcome:after{display: block; background: #f1052b; position: absolute; top: -72px; right: 0%; width: 50%; content: ''; height: 68px; z-index: 1;}
	#welcome .text{max-width: 715px; float: right; margin-right: 70px;}
	#welcome .title{text-transform: uppercase; font-size: 23px; font-weight: 700; font-family: "Arial", sans-serif; line-height: 1.2; margin-bottom: 35px;}
	#welcome .item{padding: 0 0 0 66px; background: url("../img/ls_w.png") 0 0 no-repeat; font-size: 18px; line-height: 1.2; margin-bottom: 40px;}
		#welcome .item span{color: #f1052b; font-family: 'Lato-Heavy';}
		#welcome .item ul{margin-top: 25px;}
			#welcome .item ul li{padding: 0 0 0 20px; background: url("../img/ls.png") 0 50% no-repeat;}





#instagram{padding: 40px 0 50px; background: url("../img/bg_in.jpg") 50% 0 no-repeat; background-size: cover;}
	#instagram .photo{float: left; width: 500px;}
		#instagram .photo li{float: left; margin: 0 30px 40px 0; position: relative;}
			#instagram .photo li:nth-child(2n){top: 40px;}
	#instagram .text{float: left; max-width: 635px; color: #fff; text-transform: uppercase; font-family: "Arial", sans-serif; margin: 255px 0 0;}
		#instagram .text .title{font-size: 30px; font-weight: 700; color: #ffde00; text-align: center; line-height: 65px; background: rgba(0,0,0,0.7);}
		#instagram .text .desc{padding: 10px 30px; background: rgba(0,0,0,0.7); line-height: 1.5; font-size: 15px; font-family: 'Lato-Semibold'; margin: 10px 0; text-align: justify;}
		#instagram .text .graph{position: relative; padding: 0 0 0 75px;}
			#instagram .text .graph p{color: #ffde00; background: rgba(0,0,0,0.7); line-height: 45px; padding: 0 28px; font-weight: 700; margin-bottom: 10px; font-size: 18px;}
			#instagram .text .graph span{display: block; position: absolute; top: 0; left: 0; text-align: center; color: #ffde00; font-size: 30px; font-weight: 700; width: 65px; line-height: 65px; background: rgba(0,0,0,0.7);}





#sklad{background: #f1052b; padding: 25px 0; color: #fff; text-transform: uppercase; font-size: 32px;}
	#sklad .inner{position: relative;}
	#sklad img{position: absolute; top: -80px; left: 0;}
	#sklad p{font-family: 'Lato-Semibold'; padding-left: 230px;}





#true{padding: 60px 0 30px; background: url("../img/bg_true.jpg") 50% 0 no-repeat; background-size: cover; border-bottom: 5px solid #f1052b;}
	#true .inner{padding: 0;}
	#true .text{max-width: 730px; font-family: "Arial", sans-serif; text-transform: uppercase;}
		#true .text .title{font-size: 30px; font-weight: 700; color: #ffde00; line-height: 64px; padding: 0 30px; margin: 0 0 10px; background: rgba(0,0,0,0.7);}
		#true .text .d_title{font-size: 19px; font-weight: 700; display: inline-block; color: #ffde00; line-height: 60px; padding: 0 30px; margin: 0 0 10px; background: rgba(0,0,0,0.7);}
	#true .desc{margin: 30px 0 30px 100px; font-size: 18px; line-height: 1.4; max-width: 730px;}
	#true .hello{position: relative; line-height: 1.3; margin: 60px 0 37px 200px; width: 470px; box-sizing: border-box; padding: 12px 30px; color: #fff; text-transform: uppercase; font-size: 15px; background: #f1052b; border-radius: 7px;}
		#true .hello span{font-size: 30px;}
		#true .hello .image{position: absolute; top: -200px; left: 440px; width: 500px; height: 600px; background: url("../img/ivan.png") 0 0 no-repeat;}
	#true .advantages{text-align: center; margin: 0 0 0 230px;}
		#true .advantages li{float: left; font-size: 13px; color: #242729; text-transform: uppercase; line-height: 1.2; margin-right: 25px;}
			#true .advantages li img{margin-bottom: 10px;}
	#true .adv{margin-left: 30px;}
		#true .adv .item{position: relative; padding: 7px 30px 7px 68px; color: #fff; border-radius: 7px; color: #fff; font-size: 18px; font-family: 'Lato-Bold'; background: #f1052b; display: inline-block; margin: 0 0 40px;}
			#true .adv .item span{display: block; width: 49px; height: 65px; position: absolute; top: -10px; left: -5px; background: url("../img/ls_w.png") 50% 0 no-repeat;}





#advantages{padding: 90px 0 75px; color: #fff; border-top: 5px solid #f1052b; border-bottom: 5px solid #f1052b; background: url("../img/bg_advantages.jpg") 50% 0 no-repeat; background-size: cover;}
	#advantages .title{margin: 0 0 80px 70px; box-sizing: border-box; max-width: 760px; background: rgba(0,0,0,0.7); text-transform: uppercase; font-size: 30px; font-weight: 700; padding: 12px 30px; line-height: 1.2; font-family: "Arial", sans-serif; color: #ffde00;}
		#advantages .title span{color: #fff;}
		#advantages .title.title_b{margin: 0 0 0 70px; max-width: 850px;}
	#advantages ul{margin-bottom: 70px;}
	#advantages li{margin: 0 0 0 30px; position: relative;}
		#advantages li:nth-child(2n){margin-left: 155px;}
		#advantages li span{display: block; width: 49px; height: 65px; background: url("../img/ls_y.png") 0 0 no-repeat; position: absolute; top: -9px; left: -30px;}
		#advantages li p{max-width: 1040px; position: relative; z-index: 2; background: rgba(0,0,0,0.7); box-sizing: border-box; padding: 8px 30px; font-size: 18px; line-height: 1.3; font-family: 'Lato-Medium'; margin-bottom: 35px; border-radius: 10px;}





#guarantees{padding: 145px 0 110px; background: url("../img/bg_guarantees.jpg") 50% 0 no-repeat; background-size: cover; border-bottom: 5px solid #f1052b; text-transform: uppercase; color: #fff;}
	#guarantees .inner{padding: 0;}
	#guarantees .text{max-width: 830px;}
	#guarantees .text .title{background: rgba(0,0,0,0.7); padding: 17px 30px; font-size: 27px; font-weight: 700; font-family: "Arial", sans-serif; margin-bottom: 15px; line-height: 1.2;}
	#guarantees .text p{margin-bottom: 75px; padding: 22px 30px; line-height: 1.4; font-size: 16px; background: rgba(0,0,0,0.7); font-family: 'Lato-Semibold';}
	#guarantees .text h3{box-sizing: border-box; max-width: 530px; padding: 17px 30px; background: rgba(0,0,0,0.7); font-weight: 700; font-family: "Arial", sans-serif; font-size: 27px; margin-bottom: 15px;}
	#guarantees .text .desc{box-sizing: border-box; max-width: 670px; font-size: 16px; padding: 17px 30px; background: rgba(0,0,0,0.7); line-height: 1.3; font-family: 'Lato-Semibold';}
	#guarantees .text span{color: #ffde00}





#why{padding: 55px 0 135px; text-align: center; text-transform: uppercase; background: url("../img/bg_why.jpg") 50% 0 no-repeat; background-size: cover;}
	#why h4{display: inline-block; padding: 20px 65px; color: #fff; font-weight: 700; font-size: 30px; font-family: "Arial", sans-serif; background: #42464a}
	#why .title{font-size: 18px; margin: 25px 0 45px; font-family: 'Lato-Medium';}
	#why li{display: inline-block; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff; width: 370px; height: 290px; box-sizing: border-box; margin: 0 5px 20px;}
		#why li img{margin: 30px auto 10px;}
		#why li p{line-height: 1.3; font-family: 'Lato-Medium';}





#spares{border-top: 5px solid #f1052b; border-bottom: 5px solid #f1052b; overflow-x: hidden;}
	#spares img{width: 1920px; height: auto; margin: 0 auto;}





#info{padding: 195px; color: #fff; background: url("../img/bg_info.jpg") 50% 0 no-repeat; line-height: 1.3; font-size: 18px; font-family: 'Lato-Medium'; background-size: cover;}
	#info .text{float: left; width: 795px;}
	#info .image{float: right; width: 370px;}
		#info .image img{max-width: 100%; height: auto; margin: 40px 0;}
	#info li{padding: 15px 0 15px 65px; background: url("../img/ls_w.png") 0 0 no-repeat; margin-bottom: 27px;}
		#info li span{text-transform: uppercase; color: #f1052b}





#reviews{padding: 140px 0 105px; border-bottom: 5px solid #f1052b; background: url("../img/bg_reviews.jpg") 50% 0 no-repeat; background-size: cover; text-transform: uppercase;}
	#reviews h5{display: inline-block; padding: 15px 40px; font-weight: 700; color: #ffde00; font-size: 30px; font-family: "Arial", sans-serif; background: rgba(0,0,0,0.7); margin-bottom: 15px;}
	#reviews .title{box-sizing: border-box; margin-bottom: 35px; padding: 10px 30px; max-width: 500px; line-height: 1.2; color: #fff; font-size: 18px; background: rgba(0,0,0,0.7);}
		#reviews .title span{color: #ffde00}
	#reviews li{float: left; width: 270px; box-sizing: border-box; background: #fff; margin: 0 30px 30px 0; text-align: center;}
		#reviews li img{width: 100%; height: auto;}
		#reviews li .name{text-transform: uppercase; color: #383838; font-size: 18px; line-height: 1.3; margin-top: 10px;}
		#reviews li .social{margin: 10px 0;}
			#reviews li .social a{display: inline-block; margin: 0 5px;}





#result{padding: 80px 0 170px; background: url("../img/bg_result.jpg") 50% 0 no-repeat; background-size: cover; text-transform: uppercase; color: #fff;}
	#result .inner{padding: 0;}
	#result .title{font-size: 30px; max-width: 830px; margin-bottom: 105px; font-weight: 700; line-height: 1.2; background: rgba(0,0,0,0.7); color: #ffde00; padding: 20px 30px; line-height: 1.3; box-sizing: border-box;}
	#result p{padding: 8px 25px 6px; font-size: 18px; line-height: 1.3; box-sizing: border-box; line-height: 1.2; background: rgba(0,0,0,0.7); display: inline-block; margin-bottom: 60px;}
		#result p span{color: #ffde00;}
		#result p.first{margin-left: 200px;}
		#result p.last{margin-left: 30px; margin-bottom: 0;}





#time{position: relative; margin: -182px 0 0; padding: 270px 0 0; box-sizing: border-box; height: 490px; font-weight: 700; z-index: 3; font-size: 38px; color: #fff; text-transform: uppercase; font-family: "Arial", sans-serif; background: url("../img/bg_time.png") 50% 0 no-repeat; background-size: cover;}
	#time p{position: relative; text-align: left; display: inline-block; padding: 0 0 0 230px;}
	#time p span{position: absolute; display: block; width: 167px; height: 200px; top: -80px; left: 0; display: block; background: url("../img/time.png") 50% 0 no-repeat;}





#order{text-align: center; padding: 45px 0 0; z-index: 2; background: url("../img/bg_order.jpg") 50% 0 no-repeat; background-size: cover; text-transform: uppercase; font-size: 18px; line-height: 1.3; margin-top: -90px; position: relative;}
	#order h6{margin-bottom: 13px;}
		#order h6 span{display: block; font-weight: normal; margin-top: 10px;}
	#order p{margin-bottom: 13px;}
	#order p.hed_1{font-size: 30px; font-family: 'Lato-Bold'; margin: 25px 0 40px;}
	#order .txt p{margin-bottom: 5px;}
		#order .txt p b{font-size: 24px;}
	#order p.hed_2{margin: 50px 0 0; font-family: 'Lato-Bold'; position: relative;}
	#order .form{position: relative; top: 65px;}
	#order .form span{font-size: 14px; font-family: 'Lato-Medium'; display: block; color: #fff; margin-top: 10px;}
	#order .title{font-family: 'Lato-Bold'; font-size: 77px; line-height: 1; margin-bottom: 23px; position: relative; top: 50px;}
		#order .title span{font-size: 33px; display: block;}
	#order input[type="text"],#order input[type="tel"]{float: left; width: 48%; margin-bottom: 35px;}
	#order input[type="tel"]{float: right;}





#content{font-size: 18px; line-height: 1.3; padding: 150px 0; background: #fff;}
	#content h1{font-size: 30px;}
	#content h2{font-size: 26px;}
	#content h3{font-size: 24px;}
	#content h4{font-size: 20px;}
	#content h5{font-size: 18px;}
	#content h6{font-size: 18px;}
	#content p{margin-bottom: 20px;}









footer{padding: 30px 0 0px; background: #1e1e27; color: #fff; line-height: 1.3; text-transform: uppercase;}
	footer .left{float: left; max-width: 340px;}
	footer p{margin-bottom: 18px;}
	footer .right{float: right; max-width: 365px; text-align: center;}
		footer .right a{font-size: 38px; color: #fff; font-family: 'Lato-Bold';}









input[type="text"],input[type="tel"],input[type="email"]{
	width: 100%; height: 66px; border: 3px solid #000; padding: 0 20px; font-size: 18px; text-transform: uppercase;  font-family: 'Lato-Bold';
}









/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}

	.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
	.slick-list:focus{outline: none;}
	.slick-list.dragging{cursor: pointer; cursor: hand;}

	.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

	.slick-track{position: relative; top: 0; left: 0; display: block;}
	.slick-track:before, .slick-track:after{display: table; content: '';}
	.slick-track:after{clear: both;}
	.slick-loading .slick-track{visibility: hidden;}
	.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
	[dir='rtl'] .slick-slide{float: right;}
	.slick-slide img{display: block;}
	.slick-slide.slick-loading img{display: none;}
	.slick-slide.dragging img{pointer-events: none;}
	.slick-initialized .slick-slide{display: block;}
	.slick-loading .slick-slide{visibility: hidden;}
	.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
	.slick-arrow.slick-hidden {display: none;}





	.slick-loading .slick-list{background: none;}

	.slick-prev,.slick-next{border: none; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 26px; height: 46px; padding: 0; cursor: pointer; margin-top: -23px; opacity: 1;}

	.slick-prev,.slick-next{display: block!important; z-index: 10;}
	.slick-prev{background: url("../img/arr_l.png") 50% 50% no-repeat; left: 0;}
	.slick-next{background: url("../img/arr_r.png") 50% 50% no-repeat; right: 0;}

	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent; outline: none; opacity: 1;}
	.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}
	.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}
	.slick-prev:before, .slick-next:before{display: none;}
	.slick-prev{display: none;}
	.slick-next{display: none;}

	.slick-dots{position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
	.slick-dots li{position: relative; display: inline-block; margin: 0 7px; cursor: pointer;}
	.slick-dots li button{font-size: 0; line-height: 0; display: block; box-sizing: border-box; cursor: pointer; color: transparent; border: none; outline: none; background: #fff; border-radius: 50%; padding: 0; width: 20px; height: 20px;}
	.slick-dots li button{width: 20px; height: 20px; background: #f3faff; border: 2px solid #ffa200; box-sizing: border-box;}
	.slick-dots li.slick-active button{background: #ffa200}






.box__modal{display: none; overflow: initial!important;}
	.box__modal .inn{text-align: center; width: 500px;}
	.box__modal .bt{text-transform: uppercase; font-size: 18px; margin-top: 10px; font-family: 'Lato-Bold'; margin-bottom: 15px;}
	.box__modal p{font-size: 18px; line-height: 1.4;}
	.box__modal input[type="text"],.box__modal input[type="email"],.box__modal input[type="tel"],.box__modal textarea{margin-bottom: 20px; height: 50px; font-size: 13px;}
	.box__modal textarea{resize: none;}
	.box__modal .btn{width: 200px; height: 50px; background-size: 100% 100%; font-size: 18px;}
	.box__modal .btn:hover{opacity: 0.85}

	.box__modal .fancybox-close-small{top: -20px; z-index: 111111; right: -20px; width: 49px; height: 49px; padding: 0; font-size: 0; background: url("../img/close.png") 50% 0 no-repeat;}
	.box__modal .fancybox-close-small:after{display: none;}

	#reviews__info{border-radius: 10px; border: 1px solid #ff0000;}
		#reviews__info .inn{width: 900px; text-align: left;}
		#reviews__info .left{float: left; width: 270px; text-align: center;}
		#reviews__info .image img{width: 100%; height: auto;}
		#reviews__info .name{text-transform: uppercase; color: #383838; font-size: 18px; line-height: 1.3; margin-top: 10px;}
		#reviews__info .social{margin: 10px 0;}
			#reviews__info .social a{display: inline-block; margin: 0 5px;}
		#reviews__info .right{float: right; width: 600px; margin-left: 30px; line-height: 1.3;}
			#reviews__info .right h6{text-transform: uppercase; font-weight: normal; font-size: 18px; color: #383838;}
			#reviews__info .right p{font-size: 18px; line-height: 1.2; font-family: 'Lato-Medium'; margin-top: 33px;}
			#reviews__info .right .price{font-size: 23px; text-transform: uppercase; font-family: 'Lato-Bold'; margin-top: 25px;}
				#reviews__info .right .price span{font-size: 30px; color: #b20000; font-family: 'Lato-Black';}






.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}


a{text-decoration: none; transition: all 0.5s ease-out;}
	a:hover{transition: all 0.5s ease-out;}
a:focus{outline: none;}

img{display: block;}


.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out; box-sizing: border-box; font-family: 'Lato-Regular';}
	.btn:hover{transition: all 0.5s ease-out;}

	.btn-red{color: #fff; width: 100%; line-height: 44px; text-transform: uppercase; font-size: 18px; background: #f1052b;}
		.btn-red:hover{background: #b20000}


	.btn-send{font-size: 38px; text-transform: uppercase; font-family: 'Lato-Bold'; width: 369px; height: 87px; background: url("../img/btn_send.png") 50% 50% no-repeat; color: #fff;}
		.btn-send:hover{opacity: 0.85}




input,textarea,select{-webkit-appearance: none; box-sizing: border-box; font-family: 'Lato-Regular';}

/*responsive*/
@media screen and (max-width: 1260px){
	.inner{width: 100%; padding: 0 3%;}
	header .data{right: 0;}
	header .contacts{width: 55px; height: 55px; top: 0; margin: 0 0 0 10px; background: #f1052b url("../img/call.svg") 50% 50% no-repeat; background-size: 30px; position: relative;}
	header .contacts p.phone{display: none;}
	header .contacts p.callback{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0;}
	header .contacts p.callback a{display: block; font-size: 0; height: 100%; margin: 0; border-bottom: none;}


	#welcome .image{display: none;}
	#welcome:after{display: none;}
	#welcome .hello{padding: 0; left: 0; width: 100%; text-align: center;}
	#welcome .text{margin: 0; max-width: 100%; float: none;}
	#welcome .inner{padding: 0 3%;}


	#instagram .photo{width: 100%; max-width: 100%; text-align: center; float: none;}
	#instagram .photo ul li{float: none; display: inline-block; margin: 0 15px 20px;}
	#instagram .photo ul li:last-child{display: none;}
	#instagram .text{float: none; margin: 50px auto 0;}


	#sklad img{display: none;}
	#sklad p{text-align: center; padding: 0;}


	#true .hello .image{display: none;}
	#true .hello{margin: 30px auto;}
	#true .advantages{margin: 0 0 50px; display: inline-block; width: 100%; text-align: center;}
	#true .advantages li{float: none; display: inline-block; margin: 0 20px;}


	#why li{width: 48%; float: left;}
	#why li:nth-child(2n){float: right;}

	#spares{overflow-x: auto;}

	#info{padding: 50px 0;}
	#info .text,#info .image{float: none; width: 100%;}
	#info .text br{display: none;}
	#info .image{text-align: center;}
	#info .image img{margin: 10px 0; display: inline-block; max-width: 100%;}


	#time{display: none;}


	#order{padding: 50px 0;}
	#order .title, #order .form{top: 0;}
	#order .title{margin-top: 30px;}
	#order .form span{color: #000;}
	footer{padding: 20px 0;}
	footer .right,footer .left{float: none; text-align: center; margin: 10px 0; max-width: 100%;}
}




@media screen and (max-width: 960px){
	header .logo img{max-width: 200px; height: auto;}
	header .auction{width: auto; height: 55px; line-height: 55px; background: #ffc000; top: 0;}
	header .auction a{padding: 0 15px;}


	#promo ul li{margin: 0;}


	#sklad p{padding: 0; font-size: 20px;}


	#reviews__info .inn{width: 100%;}
	#reviews__info .inn .left{float: none; margin: 0 auto;}
	#reviews__info .right{float: none; margin: 30px auto 0; width: 100%;}
	#reviews__info .right .price{font-size: 16px;}
	#reviews__info .right .price span{font-size: 18px;}
	#reviews__info .right p{font-size: 15px;}
	#reviews__info .right h6{font-size: 15px;}
	.box__modal .fancybox-close-small{top: 6px; right: 6px;}
}



@media screen and (max-width: 768px){
	header .inner{padding: 0;}
	header .contacts{margin: 0;}
	header .auction{width: 55px; height: 55px; font-size: 0; background: #ffc000 url("../img/auction.svg") 50% 50% no-repeat; background-size: 30px; font-size: 0;}
	header .auction a{font-size: 0;}
	header .sitename{display: none;}


	#promo{padding: 160px 0 50px; background: #1e1e27 url("../img/bg_promo.jpg") 50% 0 no-repeat; background-size: 100% auto;}
	#promo .text h1{font-size: 18px;}
	#promo .text h2{font-size: 18px;}
	#promo .text h2 span{font-size: 22px;}
	#promo .text p{font-size: 13px;}
	#promo ul{margin-top: 70px;}
	#promo ul li{margin-bottom: 30px;}


	#welcome .hello{top: -70px; line-height: 50px; font-size: 20px;}
	#welcome .title{font-size: 16px;}
	#welcome .item{font-size: 14px;}


	#instagram .photo ul{display: inline-block; width: 100%;}
	#instagram .photo ul li{float: left; width: 32%; top: 0!important; margin: 0;}
	#instagram .photo ul li:nth-child(2){margin: 0 2%;}
	#instagram .photo ul li img{width: 100%; height: auto;}
	#instagram .text .title{line-height: 1.5; font-size: 18px; padding: 10px 0;}
	#instagram .text .desc{font-size: 13px;}
	#instagram .text .graph p{line-height: 1.5; padding: 10px; font-size: 14px;}


	#true .adv{margin: 0 3%;}
	#true .adv .item{padding: 5px 15px;}
	#true .adv .item span{display: none;}
	#true .hello{width: 96%; font-size: 14px;}
	#true .hello span{font-size: 18px;}
	#true .desc{margin: 10px; font-size: 14px; margin-bottom: 30px}
	#true .text .title{font-size: 18px; line-height: 1.4; padding: 20px;}
	#true .text .d_title{padding: 13px; font-size: 15px; line-height: 1.3;}


	#advantages .title{margin-left: 0; font-size: 18px;}
	#advantages li p{font-size: 14px; line-height: 1.2;}
	#advantages li:nth-child(2n){margin-left: 60px;}
	#advantages .title.title_b{margin: 0;}


	#guarantees{padding: 50px 0;}
	#guarantees .text .title,#guarantees .text h3{font-size: 18px;}
	#guarantees .text p,#guarantees .text .desc{font-size: 14px;}


	#why{padding: 50px 0 30px;}
	#why h4{padding: 15px; font-size: 18px;}
	#why .title{font-size: 16px; line-height: 1.3; margin: 20px 0;}
	#why li{float: none!important; width: 100%;}


	#info li{font-size: 15px;}


	#reviews h5{font-size: 18px;}
	#reviews .title{font-size: 13px;}
	#reviews{padding: 50px 0;}
	#reviews li{float: none; margin: 15px auto;}


	#result .title{font-size: 15px; margin-bottom: 50px;}
	#result p{margin: 20px!important; font-size: 16px;}
	#result{padding: 50px 0 30px;}


	#order{margin-top: 0;}
	#order p.hed_1{font-size: 22px;}
	#order .title{font-size: 24px;}
	#order .title span{font-size: 16px;}
	#order input[type="text"], #order input[type="tel"]{float: none!important; width: 100%; margin: 5px 0;}
	.btn-send{width: 200px; height: 50px; font-size: 16px; background-size: 100% 100%;}


	.box__modal .inn{width: auto;}
	.box__modal .bt{font-size: 16px;}
	.box__modal .inn p{font-size: 15px;}


	#content{padding: 100px 0 50px; font-size: 16px;}
	footer .right a{font-size: 30px;}
	footer br{display: none;}
}

/*responsive*/