* { 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 {}


.main-bg {background:url(../images/main-bg.jpg) no-repeat top center;  background-size:cover; padding:68px 0 150px 0; margin-bottom:150px;}
header {margin-bottom:85px;}
header ul {position:absolute; top:10px; right:10px;}
header ul li {float:left; margin-left:45px;}
header ul li a {font-size:20px; color:#000;}
header ul li a img {vertical-align:middle; margin-right:13px;}
header ul li a:hover {text-decoration: none;}
.main-bg h1 {line-height:63px; font-size:48px; font-weight:bold; text-align:center; margin-bottom:35px;}
.main-bg p {text-align:center; font-size:20px; line-height:30px; margin-bottom:50px;}
.button-1 {background-image: linear-gradient(to top, #ffb72b, #ffe44f); width: 260px; height: 57px; display:block; margin:0 auto; font-size:18px; color:#000; text-decoration:none; font-weight:bold; text-align: center; line-height:57px; border-radius:4px;}
.button-1:hover {background-image: linear-gradient(to top, #ffb72b 56%, #ffe44f);}


.txt {margin-bottom:150px;}
.txt div {float:left; width:33.33%; text-align:center; padding:0 10px;}
.txt div img {display:block; margin:0 auto;}
.txt div strong {font-weight:bold; font-size:26px; display:block; margin:40px 0 15px 0;}
.txt div p {font-size:20px; line-height:24px; max-width:260px; margin:0 auto;}

.our-part {border:3px dashed #231f20; border-radius:30px; padding:70px 10px 10px 10px; text-align:center; margin-bottom:150px;}
.our-part h2 {font-size:26px; margin-bottom:35px;}
.images {font-size:0; padding-bottom:50px;}
.images li {display:inline-block; vertical-align:top; margin:10px;}
.images li img {display:block;}

footer {padding:80px 0;}
footer p {font-size:16px;}
footer p * {vertical-align:middle;}
footer p img {margin-right:30px;}
footer .container div {position:absolute; top:1px; right:10px;}
footer .container div img {margin-left:25px;}

.banner {background:url(../images/banner.jpg) no-repeat center; background-size:cover; min-height:488px; padding:135px 0 0 0;}
.banner p {font-size:36px; line-height:48px; font-weight:bold; margin-bottom:50px;}
.banner .button-2 {width:300px; margin:0;}

/*Clear & Animation*/
.clear, .txt:after {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;}
.main-bg h1 {font-size:40px; line-height:55px;}

footer {text-align:center;}
footer p img {margin-right:0;}
footer p span {display:block; padding:20px 0;}
footer .container div {position: static;}
footer .container div img {margin:0 10px;}
}

@media (max-width: 767px) {
.container {width:auto;}
.main-bg, .txt, .our-part {margin-bottom:80px;}
.main-bg {padding:40px 0 80px 0;}
.txt div strong {font-size:20px;}
.txt div p {font-size:16px; line-height:20px;}
.txt div strong { margin:20px 0 10px 0;}
header {margin-bottom:40px;}
.our-part { padding:40px 10px 0px 10px;}
.images li {margin:5px;}
footer {padding:50px 0;}

.banner {min-height:1px; padding:100px 0;}
.banner p {font-size:30px; line-height:40px; margin-bottom:30px; text-align:center;}
.banner .button-2 {width:300px; margin:0 auto;}
}

@media (max-width: 568px) {
header {text-align:center;}
header ul {position:static; margin-top:20px;}
header ul li {display:inline-block; vertical-align:middle; float:none;}
header ul li:first-child {margin-left:0;}
.main-bg h1 {font-size:30px; line-height:40px;}
.main-bg p {font-size:16px; line-height:24px;}
.main-bg p br, .main-bg h1 br {display:none;}
}

@media (max-width: 480px) {
.txt div {width:100%; padding:0 0 20px 0;}	
.our-part { padding:40px 0 0px 0; border-width:2px;}
.images li {margin:1px;}
.banner p {font-size:25px; line-height:30px;}
}