html {
  scroll-behavior: smooth;
 }


body{ background: #f04124; font-family:helve,Tahoma, Geneva, sans-serif; color:#000;   }

span,p,a{  text-decoration:none;  font-family: helve,Tahoma, Geneva, sans-serif; color:#000;}
a{cursor: pointer; }
h1{  font-size:40px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000; }
h2{  font-size:37px; font-family:helve-bc,Tahoma, Geneva, sans-serif;text-transform:uppercase; color:#000; }
h3{  font-size:18px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000; }
h4{  font-size:30px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000;  }

a:hover{ cursor: pointer; text-decoration: underline;}




@font-face {
    font-family:helve-bc;
    src:url(../font/HelveticaNeueLTStd-BdCn.otf);
}

@font-face {
    font-family:helve;
    src:url(../font/HelveticaNeueLTStd-Roman.otf);
}

@font-face {
    font-family:df;
    src:url("../font/df.ttf");
}
.pagewarp{ width: 1280px; margin:0px auto; position: relative;}


.menu{float: right; margin-top: 45px; }
.menu ul{list-style: none; margin-bottom: 0;}
.menu ul li{ display: inline-block; background:url("../images/sq-menu.jpg") no-repeat left top; margin-left:40px; padding-top: 30px;}
.menu ul li a{ color:#fbe9dd; font-size:15px; font-weight: bold; text-transform: uppercase;}
.menu ul li a:hover{ }


ul.sub-menu{position: absolute; background: #0000009c; top:57px; left: 0;  display: none; border: 1px solid #fbe9dd; z-index: 20;border-right: none;
  border-bottom: none;border-top: none; }



ul.sub-menu li{ display: block;
  margin: 0;
  padding: 15px 51px 15px 13px;
    padding-top: 15px;
  border-bottom: 1px solid #ffffff7a;
  background-image: none; }

ul.sub-menu li:first-child{padding-top:15px;}
ul.sub-menu li:last-child{border-bottom: none;}
ul.sub-menu li a{ color: #fff; font-size: 14px;   font-weight: normal; display: block;   cursor: pointer;}
ul.sub-menu li a:hover{ }



h1.head{ text-transform: uppercase; color:#fbe9dd; font-size: 420px;    opacity: 90%;  letter-spacing: -19px; text-align: center; margin-top:250px; position: relative;}
h1.head span.bornin{ font-family: df; font-size: 50px; color: #000; letter-spacing: normal; position: absolute; left: 0; right: 0; margin-top: 130px; text-transform: none;}
.top-nav{margin-top: 20px;}






#sec1{ float: left; width:100%; ;background: url("../images/sec1-bg.jpg") bottom center no-repeat #f04124;  height: 1080px;}

#sec2{float: left; width:100%; ;background:#000; padding: 150px 0;}

#sec3{ float: left; width:100%; ;background: url("../images/sec3-flag.png") right bottom no-repeat, url("../images/sec3-bg-rex.jpg") top repeat-x; padding: 200px 0 50px;}



img.sec2-dr{float: left; margin: 0 5px 0 50px;}
img.sec2-hd{float: left;}
.sec2-info{float: left; width:400px;margin-left: 100px;}
.sec2-info p{ color:#fdfff3;  }
img.logo-sec2{margin-top: 200px;}



img.sec3-pd{float: left; margin-left: -50px;}
.sec3-info{float: left; width:400px; width: 600px;   margin-left: -50px;}
.sec3-info h1{ font-size: 100px; color:#000; line-height: 0.8; margin-bottom: 20px;}
.sec3-info h1 span{font-family: helve-bc,Tahoma, Geneva, sans-serif;}
.sec3-info p{}



#sec4{ float: left; width:100%; background: #2f302c; padding: 200px 0; border-top: 30px solid #fff;}
img.check-stk{float: left; margin: 0 100px 0 100px;}
.sec4-info{ float: left; width:500px;  }
.sec4-info-hd{ float: left; margin-bottom: 35px;}
.sec4-info-hd h1{ color: #fffefe; font-size: 65px;   font-weight: bold;}
.sec4-info-hd h2{color: #fffefe; font-size: 40px;  font-weight: bold;  line-height: 0.7;}

.check-process{ float: left; width:40%; margin-right: 10%; margin-bottom: 20px;}
.check-process h4{color: #cdcdcd; }
.check-process p{color: #cdcdcd;}


#sec5{float:left; width: 100%; background:url("../images/sec5-bg.jpg") top center no-repeat #000; text-align: center; height: 1000px; border-top:30px solid #ad0b1c;}
#sec5 h4{color: #ffffff;
  font-weight: bold;
  font-size: 58px;
  line-height: 0.9;
  margin-top: 350px;
  position: relative;
  margin-bottom: 35px;
}

#sec5 p{color:#ffffff;}
#sec5 a{color:#ffffff; font-size: 31px;  text-decoration: underline; line-height: 1.2;}
img.contact-gp{position: absolute;
  top: -50px;
  left: 559px;
  width: 350px;}



.footer{  float:left; width:100%; text-align: center; color:#fff;  border-top:1px solid #fff; background: #000; padding: 15px 0; }




#sec1-inner{ float: left; width:100%; ;background: #f04124; padding-bottom: 22px; }



/*--------------------- inner page --------------------------*/

.inner-info-list{float: left; width: 100%; padding: 100px 0 150px; background: #fff;}
.inner-info-head{float: left; width: 100%; margin-bottom: 80px;}
.inner-info-head h1{ color: #ef4123; font-size: 143px; }


.pd-box{float: left; width: 25%; text-align: center; height: 450px;}
.pd-box img{ width:80%;}
.pd-box h1{margin-top: 20px;}










@media screen and (max-width: 1480px) {
#sec3{ background: url("../images/sec3-flag-s1.png") right bottom no-repeat, url("../images/sec3-bg-rex.jpg") top repeat-x; }
}


@media screen and (max-width: 1280px) {
		
	.pagewarp{ width: 93%; margin:0px 2%; float: left;}
	h1.head{font-size: 370px;}
	h1.head span.bornin{margin-top: 105px;}
	
	
	
	img.sec2-dr{width: 30%;}
	img.sec2-hd {  width: 11.5%;}
	img.logo-sec2{width:250px; margin-top: 100px;}
	.sec2-info {   width: 45%;  margin-left: 5%;}
	
	
	
	#sec3{padding: 150px 0 150px;}
	img.sec3-pd {  margin-left: 0;  width: 48%; }
	.sec3-info {  width: 43%;  margin-left: 5%;}
	
	
	
	
	img.check-stk {  margin: 0 10% 0 5%;  width: 30%;}
	.sec4-info{width:50%;}
	
}



@media screen and (max-width: 1200px) {
	
	img.logo-sec2{width:200px; }
	img.contact-gp{display: none;}
	
}


@media screen and (max-width: 1100px) {
	h1.head{font-size: 320px; margin-top:200px; letter-spacing: -15px;}
	h1.head span.bornin{margin-top: 90px;}
	#sec1{height: auto; padding-bottom: 250px;}
	
	
	.sec3-info h1{margin-bottom: 8px;}
	.sec3-info p {  font-size: 15px;}
	
	
#sec3{ background: url("../images/sec3-flag-s2.png") right bottom no-repeat, url("../images/sec3-bg-rex.jpg") top repeat-x; }
}




@media screen and (max-width: 1000px) {
	
	h1.head{font-size: 275px; margin-top:180px;}
	h1.head span.bornin{margin-top: 70px;}
	
	
	#sec2{padding: 115px 0;}
	img.logo-sec2{width:135px;}
	
	
	.sec3-info h1{font-size: 85px;}
	
	.pd-box{height: 370px;}
}





@media screen and (max-width: 900px) {  
	.menu{ width: 100%; float: left; margin-left: 20px; margin-top: 25px;}
	.menu ul li{margin-left: 0; margin-right: 40px;}
	h1.head{margin-top: 200px;}
	
	
	
	img.logo-sec2{ width: 127px;     margin-top: 80px;}
	 #sec3 {    padding: 150px 0 200px;  }
	#sec4{padding: 150px 0;}
	.sec4-info-hd h1{font-size: 54px; line-height: 0.9;}
	.sec4-info-hd h2{font-size: 30px; line-height: 1;}
	.check-process{width:90%;}
	
}



@media screen and (max-width: 800px) {  
	h1.head{font-size: 250px;  }
	h1.head span.bornin{margin-top: 60px;}
	
	
	.sec2-info p{font-size: 14px;}
	img.logo-sec2{margin-top: 45px;}
	
	
	
	img.sec3-pd{width: 46%;}
	  .sec3-info h1 {    font-size: 75px;  }
	
	
	
	.pd-box{width:33%;}
	.inner-info-head h1{font-size: 95px;margin-top: 5px;}
	.inner-info-list{padding-top: 30px;}
}






@media screen and (max-width: 750px) /*flip mobile view*/ { 
	
	h1.head{font-size: 200px;  margin-top: 195px;}
	h1.head span.bornin{margin-top: 50px;}
	
	
	  img.sec2-dr {    width: 27%;  }
	  img.sec2-hd {    width: 10.3%;  }
	img.logo-sec2{width:89px;}
	
}

@media screen and (max-width: 700px) {
	
	 	img.sec3-pd {    width: 70%;    margin-left: -8px;    margin-bottom: 50px;  }
	  	.sec3-info {    width: 90%;     }
	
		img.sec2-dr {    width: 46%;    margin-left: 5%;  }
	  	img.sec2-hd {    width: 17.6%;  }
		 .sec2-info {    width: 65%;    margin-left: 5%;    margin-top: 50px;  }
	
		  img.logo-sec2 {    width: 123px;  }
	#sec5{padding: 300px 0; height: auto;}
	#sec5 h4{margin-top: 7px;}
	.menu ul li a{font-size:13px;}
	.menu ul li{margin-right: 33px;}
	h1.head{font-size:192px; margin-top: 219px; }
	h1.head span.bornin{font-size: 36px;}
	  .sec2-info p {    font-size: 15px;  }
}



@media screen and (max-width: 600px){
	#sec5 h4{font-size: 45px;}
	#sec5 a{font-size: 26px;}
	
	
	
	.pd-box{width:50%; }
	
}

@media screen and (max-width: 500px){
	 h1.head {    font-size: 167px; letter-spacing: -10px;   }
	h1.head span.bornin {    font-size: 34px; margin-top: 46px;  }
	#sec1{padding-bottom: 325px;}
	 #sec2 {    padding: 80px 0;  }
	  img.sec2-dr {    width: 58%;    }
	  img.sec2-hd {    width: 22.2%;  }
	  .sec2-info {		  width: 90%;}
	 img.sec3-pd {		 width: 86%;}
	
	  #sec3 {    padding: 135px 0 239px;  }
	
	 #sec4 {    padding: 100px 0;  }
	 img.check-stk {    margin: 0 10%;    width: 80%;  }
	  .sec4-info {    width: 80%;    margin: 47px 10%;  }
	
#sec1{background: url("../images/sec1-bg-res.jpg") bottom center no-repeat #f04124; }
	
	
	  .inner-info-head h1 {		  font-size: 82px;}
	.pd-box h1 {font-size: 30px;}
	.pd-box{height: 310px;}
}



@media screen and (max-width: 450px) {	
	  h1.head {    font-size: 144px;    letter-spacing: -7px;  }
	  .menu ul li {    margin-right: 22px;  }
	  .menu ul li a {    font-size: 12px;  }
	h1.head span.bornin{margin-top: 36px}
	
}

@media screen and (max-width: 420px) {	
	  h1.head {    font-size: 125px;    letter-spacing: -6px;  }
	h1.head span.bornin{margin-top: 31px}
	  #sec5 h4 {    font-size: 40px;  }
	  #sec5 a {    font-size: 24px;  }
	

}

@media screen and (max-width: 382px) {	
	  h1.head {    font-size: 117px;    letter-spacing: -5px;  }
	h1.head span.bornin { margin-top: 26px;  font-size: 29px;}
	 .menu ul li {    margin-right: 19px;  }
	.pagewarp{ width: 90%;}
	.menu ul li {    margin-right: 13px;  }
	 #sec5 {		 padding: 200px 0; }
	  #sec5 h4 {    font-size: 34px;  }
		   #sec5 a {    font-size: 22px;  }
	
}