@charset "utf-8";
/*hero*/
.hero{display:flex;height:495px;}

.hero_img{width:53.21%;}
.hero_img img{width:100%;height:100%;object-fit:cover;display:block;}

.hero_box{display:flex;align-items:center;width:46.79%;background-color:#2A2A2A;padding-left:60px;}
.hero_box > div{max-width:616px;position:relative;}
.hero_title{color:#FFDEC5;font-size:27px;font-weight:600;line-height:1;text-transform:uppercase;}
.hero_note{color:#9A9B99;font-size:22px;font-weight:500;line-height:1;margin:15px 0 84px;}

/*form*/
.hero_search{width:100%;max-width:374px;height:42px;background-color:#fff;}
.hero_search:hover{box-shadow: 0 8px 10px 0 #545454;}
.hero_search form{display:flex;justify-content:center;height:100%;}
.hero_search input[type=text]{width:212px;height:100%;color:#9A9B99;font-size:22px;font-weight:400;}
.hero_search input[type=submit]{width:42px;height:100%;background:url(/tmp/img/index/search.svg) center no-repeat;margin:0;padding:0;cursor:pointer;}

/*btn*/
.hero_btn{width:100%;max-width:374px;color:#fff;font-size:20px;text-align:center;font-weight:700;line-height:1;text-transform:uppercase;background-color:#FF0506;padding:14px;margin-top:62px;position:relative;transition:.2s ease-out;user-select:none;}
.hero_btn:after, .hero_btn:before{content:'';display:block;width:27px;height:1.5px;background-color:#fff;position:absolute;top:0;bottom:0;margin:auto 0;transition:.2s;}
.hero_btn:after{left:0;}
.hero_btn:before{right:0;}

.hero_btn:hover{background-color:#ff2b2c;transform: scale(1.02);cursor:pointer;}
.hero_btn:hover:after{transform:translateX(-10px);}
.hero_btn:hover:before{transform:translateX(10px);}

.hero_phone_btn{display:block;width:45px;height:55px;background:url(/tmp/img/index/hero/phone.svg) center no-repeat;position:absolute;bottom:-23px;right:0;}

@media(max-width:1480px){
	.hero_box{padding-left:43px;}
}

@media(max-width:1050px){
	.hero_title{font-size:25px;}
	.hero_note{font-size:19px;margin:15px 0 30px;}
	
	/*btn*/
	.hero_btn{margin-top:25px;}
	.hero_phone_btn{display:none;}
}

@media(max-width:840px){
	.hero{flex-wrap:wrap;height:auto;}
	.hero_img, .hero_box{width:100%;}
	.hero_img{height:200px;}
	
	.hero_box{padding:50px 20px;}
	.hero_box > div{max-width:unset;}
	.hero_title{font-size:27px;}
	.hero_note{margin:25px 0 30px;}
	
	/*form*/
	.hero_search input[type=text]{width:184px;font-size:19px;}

	/*btn*/
	.hero_search, .hero_btn{max-width:unset;}
	.hero_btn:after, .hero_btn:before{width:18px;}
}
/*-*/