* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
img {border:0;}
html {height:100%;}
body {height: auto !important; height: 100%; min-height: 100%; position: relative; background:#fff; font:12px 'Proxima Nova', Arial, Helvetica, sans-serif; color:#000;}
.container { width:1190px; min-width:320px; margin:0 auto; padding:0 10px; position:relative;}
ul {list-style:none;}
a {}


header { height:90px; background:#171a1d}
.logo {position:absolute; left:10px; top:22px;}
.main-bg {background: url(../images/main-bg.jpg) no-repeat; min-height:calc(100vh - 90px); padding-bottom:50px;}
.head-txt {font-size:22px; position:absolute; right:340px; top:36px; color:#e5b699;}
.tel {position:absolute; right:10px; top:30px; color:#fff; text-decoration:none; font-size:30px;}
h1 {padding:65px 0 30px 0; font-weight:bold; font-size:72px; color:#fff;}
.promo-txt {font:300 60px 'Bebas Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; margin-bottom:85px;}
.promo-txt2 {color:#fff; font-size:22px; font-weight:300; margin-bottom:20px;}
.promo-list {font-size:36px;color:#fff;}
.promo-list li {padding:5px 0 5px 28px; line-height:30px; background:url(../images/point.png) no-repeat 0 16px; margin-bottom:10px;}

.form-box {background:#fff; position:absolute; top:80px; right:10px; border-radius:3px; width:360px; padding:20px 40px;}
.form-box h2 {color:#010c1a; font:bold 21px 'Montserrat', sans-serif; margin-bottom:20px; text-align:center;}
.l {margin-bottom:15px;}
.l input {width:100%; border-radius:3px; border:1px solid #a4acc3; font:20px 'Proxima Nova', Arial, Helvetica, sans-serif; color:#000; padding:0 0 0 20px; height:50px;}
.form-box button {background:#11a8ce; width:100%; height:50px; color:#fff; font:600 20px 'Proxima Nova', Arial, Helvetica, sans-serif; border:0; border-radius:3px; cursor:pointer;}
.form-box button:hover {opacity:.8;}
.bottom-form {color:#302f2f; font-size:16px; line-height:20px; text-align:center; margin-top:20px;}
.bottom-form a {color:#11a8ce;}

/*Clear & Animation*/
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px; content:''; display:block;}
a, button {transition:all 0.2s ease-in-out;}

/*Responsive*/
@media (max-width: 1210px) {
.container {width:1000px;}

}
@media (max-width: 999px) {
.container {width:768px;}
.head-txt {right:250px;}
.main-bg {padding-bottom:250px; background-size:cover;}
.form-box {position:static; max-width:360px; width:100%; margin:0 auto 50px auto;}
h1 {text-align:center; font-size:70px; line-height:80px;}
.promo-txt {font-size:40px; text-align:center; margin-bottom:40px;}
}

@media (max-width: 767px) {
.container {width:auto;}
.head-txt {display:none;}
.promo-list li {font-size:25px; margin-bottom:0}
h1 {font-size:60px; line-height:normal; padding:40px 0;}
}

@media (max-width: 576px) {
h1 {font-size:40px}
.promo-txt {font-size:30px; margin-bottom:30px;}
}
	
@media (max-width: 480px) {
h1 {font-size:36px}
.promo-txt {font-size:25px; margin-bottom:30px;}
.tel {font-size:20px; top:36px;}
.logo {width:140px; height:auto; top:30px;}
}