/*common css*/
html{float: left;width: 100%;}
body{float: left;width: 100%;}
h1, h2, h3, h4, h5, h6{margin:0;}
ul, li, ol, dl{padding: 0;margin: 0;}
a{text-decoration: none;}
@font-face{
    font-family:NewsGothicExtraCondensed;
    src: url(../fonts/NewsGothicExtraCondensed.otf);
}
@font-face{
    font-family:TradeGotBolTwo.ttf;
    src: url(../fonts/TradeGotBolTwo.ttf);
}
@font-face{
    font-family:bedinibolditalic;
    src: url(../fonts/bedinibolditalic.ttf);
}

@font-face{ 
	font-family: futura.ttc; 
	src: url('../fonts/futura.ttc');
} 
/*------------header-----------*/
header{margin: 2rem 0;float: left;width: 100%;}
.navbar-default{background-color:#fff;border-color: #fff;}
.navbar-nav{text-align: center;width: 100%;}

.navbar-nav li{float: none;display: inline-block;margin: 0 25px 0 0;/* border-right: 1px solid red;*/ font-family:NewsGothicExtraCondensed;letter-spacing: 4px;font-size: 25px;} 
.navbar-nav li:last-child {margin: 0;}
/*-----------------section1--------------*/
.section1{float: left;width: 100%;}
.div1{float: left;width: 100%;text-align: center;}

.div1 p{font-family: bedinibolditalic;letter-spacing: 2.75px;font-size: 23px;text-align:center;padding: 43px;line-height:1.7;}
/*-----------------section2--------------*/
.section2{float: left;width: 100%;}
.section2 .col-md-12, .col-md-8{padding-left: 0px;padding-right: 0px;}
.div2{float: left;width: 100%;padding: 10rem 0 0;}
.sidebanner{float: left;background-image: url(../images/banner.jpg);background-repeat: no-repeat;height: 300px;width: 100%;background-size: 100%8;text-align: center;}
.content{padding: 16rem 0; color: #fff;opacity: 0.7;}
.content h3{font-size: 27px;letter-spacing: 1px;}
.content h4{font-size: 20px;letter-spacing: 1px;margin: 15px;}
.time-box{float: left;padding: 10px 20px;width: 28%;}
.time-box p{float: left;font-family: Alternate Gothic No2 D; letter-spacing: 4px;font-size: 12px;font-weight: 500;margin: 0 0 3px;color: #000;}
.time-box span{font-weight: bold;}
.holder { background-color:#fff;width:100%;height:400px;overflow:hidden;}
.holder .mask {position: relative;left: 0px;top: 10px;width:300px;height:240px;overflow: hidden;}
.holder ul {list-style:none;margin:0;padding:0;position: relative;}
.holder ul li {padding:10px 0px;}

/*-----------------section3--------------*/
.section3{float: left;width: 100%;}
.section3 .col-md-12{padding-left: 0;padding-right: 0;}
.div3{float: left;width: 100%;}
.div3 h1{font-family: Alternate Gothic No2 D;letter-spacing: 14px;text-align: center;font-weight: bold;padding: 0 0 15rem;}
.banner{float: left;width: 100%; opacity: 1; background-image: url(../images/banner2.jpg);background-size: cover;height: 500px; color: white;}
.right-box{float: left;width: 100%;/*background-image: url(../images/.jpg);*/height: 500px;background-size: cover;padding: 29rem 0 0 14rem;}
.left-content{float: left;width: 100%;padding: 30px 5px;}
.left-content h3{float: left;font-family: Alternate Gothic No2 D;text-align: center;letter-spacing: 2px;padding: 8px 3rem;}
.left-content h1{float: right;font-family: futura;text-align: center;font-weight: bold;padding: 0;font-size: 60px;letter-spacing: 0px;line-height: 1.3;}
.right-box a{font-size: 40px;line-height: 1.3;color: #000;text-decoration: none;font-weight: bold;letter-spacing: 2px;font-family: Mido;}
.banner .col-md-3{padding-right: 0px;}

.glyphicon-chevron-right{color: #1f1f14;top:-2.8rem;font-size: 30px;}
/*-----------------section4--------------*/
.section4{float: left;width: 100%;}
.section4 .col-md-12{padding-left: 0;padding-right: 0;}
.section4 .col-md-8{padding-left: 15px;}
.div4{float: left;width: 100%;}
.div4 h2{font-family: bedinibolditalic;letter-spacing: 14px;text-align: center;font-weight: bold;padding: 5rem 0 9rem;}
.div5 h2{font-family: bedinibolditalic;letter-spacing: 14px;text-align: center;font-weight: bold;padding: 5rem 0 9rem;}
.divimg1{float: left;width: 100%;overflow: hidden; font-family:  tradegothic; font-size: 20px;}
.divimg3{float: left;width: 100%;overflow: hidden; font-family:  tradegothic; font-size: 20px; padding-top:10px;}
#img1{float: left;width: 100%;transition: all 0.8s linear;}
.divimg1:hover .hover{transform: scale(1.3);}
.divimg2{float: left;width: 158%;overflow: hidden; padding-left: 1rem;}
#img2{float: left;width: 80%;transition: all 0.8s linear;}
#img3{float: left;width: 80%;transition: all 0.8s linear;}
.imggroup{float: left;width: 100%;}
.box1{float: left;width: 100%;margin-top: 7rem;}
#img4{float: right;width: 60%;transition: all 0.8s linear;}
#img5{float: left;padding-left: 6rem;transition: all 0.8s linear;}	
#img6{float: left;width: 100%;transition: all 0.8s linear;}
#img7{float: left;width: 100%;transition: all 0.8s linear;}
.section4 p{text-align: center;font-size: 23px;font-family: bedinibolditalic;letter-spacing: 2.75px;float: left;width: 100%;padding: 10rem 0 0;line-height: 1.7}
/*-----------------sectio5--------------*/
.section5{float: left;width: 100%;}
.div5{float: left;width: 100%;text-align: center;padding: 0rem 0}
.made{font-family:  Alternate Gothic No2 D;letter-spacing: 14px;text-align: center;font-size: 35px;}
.cont{float: left;width: 100%;padding: 12rem 0;}
.cont h1{font-size: 75px;letter-spacing: 27px;font-weight: bold;}
/*------------footer-------------------*/
footer{float: left;width: 100%;background-color: #f0f0f0;}
.footer{float: left;width: 100%;margin-top: 7rem;}
.left{float: left;width: 100%;}
.right{float: left;width: 100%;}
footer ul{list-style: none;width: 45%;}
footer ul li a{text-decoration: none;color: #000;font-weight: 600;}
footer ul li{font-size: 17px;text-align: center;line-height: 2;letter-spacing: 1px;}
.time{float: left;}
.time p{margin: 0;font-size: 12px;letter-spacing: 4px;}
.time span{font-weight: 900;}
.last-footer{float: left;width: 100%;margin-top: 5rem;}
.leftf p{letter-spacing: 3px;font-size: 11px;font-weight: 600;margin: 0;}
.rightf{float: left;width: 100%}
.rightf ul{list-style: none;float: right;width: 70%; padding-bottom: 20px;}
.rightf ul li{float: left;padding: 0 15px;}