*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}[hidden],template{display:none}a:active,a:hover{outline:0}b,strong{font-weight:bold}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}button{overflow:visible}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*FONTS*/

@font-face {
  font-display:swap;font-family:"pfdin";src:url("https://old.etalongroup.ru/kzn/fonts/PFDINTextPro/Gilroy-Light.woff2") format("woff2"), url("https://old.etalongroup.ru/kzn/fonts/PFDINTextPro/Gilroy-Light.woff") format("woff");font-weight:400;
}

@font-face {
  font-display:swap;font-family:"pfdin";src:url("https://old.etalongroup.ru/kzn/fonts/PFDINTextPro/Gilroy-Medium.woff2") format("woff2"), url("https://old.etalongroup.ru/kzn/fonts/PFDINTextPro/Gilroy-Medium.woff") format("woff");font-weight:500;
}

body{ font-family: "pfdin", sans-serif;}

/*BASIC*/
body{background:#fff;color:#000;font-size:18px;line-height:1.5}
img{display:block}
.link{color:#0088FF;text-decoration:underline}

/*TITLE*/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{line-height:1.2;margin:0;font-weight:normal}
h1,.h1{font-size:48px;margin-bottom:80px;text-align:center}
h2,.h2{font-size:22px;margin:10px 0 20px 0}
h3,.h3{font-size:20px;margin:5px 0 10px 0}
h4,.h4{font-size:28px}
h5,.h5{font-size:18px}
h6,.h6{font-size:14px}

/*HELP*/
.clr{clear:both;width:100%;height:0;display:block}
.left{float:left}
.right{float:right}
.bold{font-weight:700}
.italic{font-style:italic}
.link{text-decoration:underline;color:#438cce}

/*GENERAL*/
.wrap{position:relative;width:90%;max-width:1660px;margin:0 auto}
.section{position:relative;width:100%;overflow:hidden}
.padding{padding:80px 0}
.padding-top{padding-top:80px}
.padding-bottom{padding-bottom:80px}

/*FLEX*/
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-center {
	-webkit-align-items:center;
	align-items:center;
	
}
.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} 
.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.align-items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.align-content-start{-ms-flex-line-pack:start;align-content:flex-start}
.align-content-end{-ms-flex-line-pack:end;align-content:flex-end}
.align-content-center{-ms-flex-line-pack:center;align-content:center}
.align-content-between{-ms-flex-line-pack:justify;align-content:space-between}
.align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}
.align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flex-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.direction-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.direction-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.flex-column{height:100%;display:flex;flex-flow:column nowrap}
.flex-auto-height{flex:1 1 auto}

/*BG*/
.bg{background-repeat:no-repeat;background-position:center;background-size:cover}

/*HEADER*/
header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:10;background:#fff}
header .wrap{height:100%}
.logo{width:117px}
.tel{font-size:24px;color:#000;text-decoration:none;margin-right:40px}
header .btn{height:40px;line-height:40px;padding:0 30px}

/*NAV*/
nav{margin-left:30px}
nav ul li{list-style:none;display:inline-block}
nav ul li a{font-size:18px;color:#000;text-decoration:none;padding:0 20px;height:40px;line-height:40px}

/*MAIN*/
.main{width:100%;height:100vh;background-image:url(images/main.jpg?t=1)}
.main-title{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:100px;color:#fff}
.main-title .h1{font-size:100px;margin:0 0 30px 0}
.scroll-button{position:absolute;left:50%;bottom:25px;width:34px;height:76px;background:url(images/mouse-icon.png);margin:0 0 0 -17px;z-index:10}

/*STEP*/
.step-item{width:28%}
.step-img-block{position:relative;padding:20px 0 30px 20px} 
.step-num{position:absolute;top:0;left:0;background:#f2f2f2;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px}
.step-img{width:120px;height:120px;background:#f2f2f2;border-radius:50%}

/*MAP*/
.map-desc{width:45%;height:600px;background:#f2f2f2;overflow-y:scroll}
.map-desc li{background:#f2f2f2;width:100%;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;font-size:20px;cursor:pointer}
.map-desc li:last-child{border-bottom:1px solid #d0d0d0}
.map-img{width:55%;min-height:600px;-ms-touch-action: auto !important;touch-action: auto !important;-webkit-overflow-scrolling: touch;}
.map-block{width:100%;height:100%;-ms-touch-action: auto !important;touch-action: auto !important;-webkit-overflow-scrolling: touch;}
.addr-item{color:#438cce;padding:4px 0 4px 50px;text-decoration:none;-webkit-transition: background 0.5s, color 0.5s;-ms-transition: background 0.5s, color 0.5s;transition: background 0.5s, color 0.5s;}
.addr-item:nth-child(2n){background:#f1f1f1}
.addr-item:nth-child(2n+1){background:#fff}
.addr-item:hover{background: #438cce;color: #fff;}
.addr-name{width:35%}
.addr{width:65%}
.extremum-click{padding:15px 0 15px 50px;background:url(images/arrow-bottom.png) no-repeat 97% center}
.map-desc li.active .extremum-click{background:url(images/arrow-top.png) no-repeat 97% center}
.extremum-slide{font-size:14px}

/*BENEFITS*/
.benefit-item{width:18%;font-size:16px}
.benefit-item p{font-size:20px;text-transform:uppercase;margin:20px 0}
.benefit-img{width:90px;height:90px;border-radius:50%;background:#f2f2f2}
.benefit .btn{margin:60px auto 0 auto}

/*ABOUT*/
.about-txt{width:30%}
.about-txt p{margin:30px 0;font-size:16px}
.about-img{width:60%;position:relative}
.about-img:after{content:'';position:absolute;background:#f2f2f2;left:-30px;top:30px;bottom:-30px;right:-14%;z-index:0}
.about-img-item{width:22%;line-height:1.2;z-index:8}
.about-img-item img{width:100%;height:auto;margin-bottom:10px}

/*ORDER*/
.order{background:#f2f2f2}
.order-item{width:28%;padding:0 80px}
.order-item:first-child{border-right:1px solid #cccccc}
.order-title{text-align:center;line-height:30px;font-size:20px;margin-bottom:30px}
.order-num{width:30px;height:30px;line-height:30px;border-radius:50%;color:#000;background:#fff;margin-right:15px;display:inline-block}
.order-item-last{width:40%;margin:30px 0;text-align:center}
.agree{margin:30px 0;font-size:13px;vertical-align:top}
.agree input{margin:0 10px 0 0}
#footer-form p{text-align:center}
.order-popup{width:500px}

/*TABS*/
.tabs__content{display:none}
.tabs__content.active{display:block}

/*BTN*/
.btn{cursor:pointer;text-decoration:none;text-align:center;display:inline-block;vertical-align:top;outline:0;border:0;transition:all 250ms;position:relative}
.btn-default{color:#fff;padding:10px 30px;font-size:14px;background:#438cce;border-radius:5px;text-transform:uppercase}

/*INPUT*/
input[type="text"]{display:block;width:100%;height:50px;background:transparent;border-bottom:1px solid #438cce;border-top:0;border-right:0;border-left:0;outline:0;margin-bottom:40px}
input[type="text"]::-webkit-input-placeholder {color:#438cce}
input[type="text"]:-ms-input-placeholder {color:#438cce}
input[type="text"]::-ms-input-placeholder {color:#438cce}
input[type="text"]::placeholder {color:#438cce} 
select{display:block;width:100%;height:50px;background:transparent;border:1px solid #438cce;outline:0;margin-bottom:40px;padding:10px;color:#438cce}
.order-item-last input[type="text"]{display:inline-block;width:45%;margin:0}
.error{border-bottom:1px solid #e41313 !important}

.main-title  .slide-text {
	text-align: center;
	color: #fff;
	line-height: 1.2;
	font-size: 16px;
	margin-top: 27px;
	font-weight: normal;
}

@media screen and (max-width: 1440px) {
	/*GENERAL*/
	body{font-size:16px}
	h1, .h1{font-size:40px;margin-bottom:60px;text-align:center}
	.padding{padding:60px 0}
	.padding-top{padding-top:60px}
	.padding-bottom{padding-bottom:60px}
	
	/*MAIN*/
	.main-title .h1{font-size:88px}
	
	/*MAP*/
	.extremum-click{padding: 15px 0 15px 20px}
	.addr-item{padding:0 0 0 20px}
	
	/*BENEFIT*/
	.benefit-item{font-size:14px}
	.benefit-item p{font-size:15px;margin:15px 0}
	
	/*ABOUT*/
	.about-img:after{bottom:70px}
	
	/*ORDER*/
	.order-item{width:40%}
	.order-item-last{width:55%}
}
@media screen and (max-width: 1366px) {
	/*GENERAL*/
	.wrap{width:92%}
	
	/*HEADER*/
	nav{margin-left:20px}
	nav ul li a{font-size:16px;padding:0 15px}
	.tel {font-size:18px;margin-right:20px;line-height:40px}
	
	/*ABOUT*/
	.about-img:after{display:none}
	
	/*ORDER*/
	.order-item{width:50%}
	.order-item-last{width:70%}
}
@media screen and (max-width: 1199px) {
	/*GENERAL*/
	body{font-size:14px}
	.wrap{width:95%}
	h1, .h1{font-size:34px;margin-bottom:35px;text-align:center}
	.padding{padding:50px 0}
	.padding-top{padding-top:50px}
	.padding-bottom{padding-bottom:50px}
	
	/*MAIN*/
	.main-title .h1{font-size:72px}
	
	/*HEADER*/
	nav{margin-left:15px}
	nav ul li a{font-size:14px;padding:0 10px}
	.tel {font-size:16px;margin-right:15px;line-height:40px}

}
@media screen and (max-width: 991px) {
	/*HEADER*/
	nav{display:none}
	
	/*MAP*/
	.map-desc{width:100%;min-height:auto}
	.map-img{width:100%;min-height:400px}
	
	/*BENEFIT*/
	.benefit-item{width:30%;margin-bottom:20px}
	
	/*ABOUT*/
	.about-txt{width:100%}
	.about-img{width:100%}
	
	/*ORDER*/
	.order-item{padding:0 50px}
	.order-item-last{width:100%}
}
@media screen and (max-width: 768px) {
	/*GENERAL*/
	h1, .h1{font-size:32px;margin-bottom:30px}
	
	/*MAIN*/
	.main-title .h1{font-size:56px}
	
	/*STEP*/
	.step-img-block{padding:0 0 15px 0}
	.step-item{width:100%;text-align:center;margin:20px}
	.step-img{margin:0 auto}
	.step-num{display:none}
	
	/*BENEFITS*/
	.benefit-item{width:45%}
	
	/*ORDER*/
	.order-item{width:100%}
	.order-item:first-child{border-right:0}
	.order-item-last{margin:20px;width:100%}
	.order-item-last input[type="text"]{width:100%}
	
	/*INPUT*/
	input[type="text"]{height:40px;margin-bottom:30px}
	select{height:40px;margin-bottom:30px}
	.order-item-last input[type="text"]{margin-bottom:30px}
}
@media screen and (max-width: 576px) {
	/*GENERAL*/
	h1, .h1{font-size:24px;margin-bottom:20px}
	
	/*HEADER*/
	header{height:70px}
	.logo{width:117px}
	.tel{display:none}
	header .btn{display:none}
	
	/*MAIN*/
	.main-title .h1{font-size:34px}
	
	/*BENEFITS*/
	.benefit-item{width:100%;text-align:center}
	.benefit-img{margin:0 auto}
	
	/*ABOUT*/
	.about-img-item{width:47%;margin:15px 0}
	
	/*ORDER*/
	.order-item{padding:0 20px}
	.order-popup{width:90%}

}