@charset "utf-8";
/* CSS Document */
.topLink{ display:block;}

#fullpage .fp-scroller{ height:100%;}	
.bannerCtrl{ position:absolute; left:8%; bottom:50px; z-index:100;}
.ctrl{ position:absolute; left:0; right:0; width:40px; margin:auto; bottom:20px; z-index:100;}
.qq{ position:absolute; right:10px; bottom:10px; z-index:100;}
.bannerHolder{ height:100%; position:relative;  z-index:2;}
/* ----banner slider start -------- */
.slick-slider, .slick-list, .slick-track{height:100%;}
/*sm edit section*/
#homeBannerSlider, #homeBannerSlider>div, #homeBannerSlider>div>div{ height:100%!important;}
#homeBannerSlider li{ position:relative;}
.bannerImgHolder{width:100%; height:100%;}
.bannerImgHolder img.hbDex{ width: 100%; height: 100%; display:none!important;}
.bannerImgHolder img.hbMob{ width: 100%; display:none!important;}

.bannerInfo{  margin:0 auto; text-align: center; position:absolute; left:0; right:0; bottom:10%; padding:20px 0 20px 0; z-index:5; }
.bannerInfo aside{ display:block; padding:0 15px;}
.bannerInfo span{ display:block; position:relative; overflow:hidden;}
.bannerInfo span strong{ position:relative; top:90px; opacity:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease-in-out}
.bannerInfo span strong a.more{color:#1c8fb5; margin-top:10px;}
.bannerInfo span strong.fadeInUp{top:0;opacity:1; }
.bannerInfo span strong.fadeOutUp{top:-90px; opacity:0; }
.banner1_text1 strong{ font-size: 40px;line-height: 45px;color: #FFFFFF; font-weight: 600; font-family: 'uni_neueheavy'; padding-bottom: 10px;}

.banner1_text2 strong{ font-size: 40px;line-height: 45px; color: #FFFFFF;font-family: 'uni_neueregular'; font-weight: 300; padding-bottom: 10px; display: block;}
.banner1_text3 strong{ font-size: 22px;line-height: 22px;font-family: 'uni_neueregular'; color: #FFFFFF; font-weight: 300;}
.banner3{ width: 100%; max-width:  400px; margin: 0 auto; text-align: center;  display: block; margin-bottom: 20px;}
.banner4{ width: 100%; max-width:  780px; margin: 0 auto; text-align: center;  display: block; margin-top: 20px;}
.banner5{ width: auto; margin: 0 auto; text-align: center;  margin-top: 20px;  overflow: hidden; display: block;}
.banner5 a{ border: 1px solid rgba(252,252,252,0.25); font-size: 14px;line-height: 14px; color: #FFFFFF;font-family: 'uni_neueregular'; font-weight: 300; padding: 10px 20px;  display: inline-block;}
.banner5 a:hover{border: 1px solid rgba(251,195,0,0.25);}
.banner1_text4 strong{  font-size: 22px;line-height: 25px;color: #FFFFFF; font-family: 'uni_neuebold_italic';}
.banner1_text5 strong{  font-size: 18px;line-height: 20px; font-weight: 300 ; font-style: italic;  color: #FFFFFF; font-family: 'uni_neueregular'; margin-bottom: 20px;}
.banner1_text6 strong{ font-size: 30px;line-height: 30px; color: #FFFFFF;font-family: 'uni_neueregular'; font-weight: 300; padding-bottom: 10px; display: block;}
/*.bannerText{position:absolute; bottom: 10%; left:0; right:0; margin: 0 auto; max-width:750px; z-index:5; color:#FFF; text-shadow:0px 2px 2px rgba(0, 0, 0, 0.4);}
.bannerText.textLink{z-index:99;}
.bannerText strong{display:block;}

.bannerText strong.small-logo-tmill{display:block;  padding:5px 0 10px 0px; position:relative; font-size:40px; font-weight:700; opacity:0; left:30px;}


.bannerText h2{ font-size:40px; line-height:45px; font-weight:400; color: #FFFFFF;  opacity:0; position:relative; left:30px; display: block; }
.bannerText span{font-size:22px; font-weight:400; color: #FFFFFF; padding-top: 20px; opacity:0; position:relative; left:30px; display: block;}

.bannerTextActive{opacity:1 !important; left:0px !important;} */

/*.bannerText strong:after{content:''; position:absolute; left:0; bottom:0; width:35px; height:1px; background:#FFF;}


 .fadeOut{ opacity:0;}
 .fadeIn{opacity:1 !important;}
 .fadeInLeft{transform: translateX(0)!important;opacity:1 !important;}
 .fadeOutLeft{transform: translateX(-400px); opacity:0;}
 .fadeInRight{transform: translateX(0)!important;opacity:1 !important;}
 .fadeOutRight{transform: translateX(400px); opacity:0;}
 .fadeInTop{transform: translateY(0px)!important; opacity:1!important;}
 .fadeOutTop{transform: translateY(-400px); opacity:0;}
 .fadeInBottom{transform: translateY(0px)!important; opacity:1!important;}
 .fadeOutBottom{transform: translateY(400px); opacity:0;}*/
 
.bannerInfo span strong.delay1{-webkit-transition-delay:0.4s;  transition-delay:0.4s;}
.bannerInfo span strong.delay2{-webkit-transition-delay:0.7s;  transition-delay:0.7s;}


.hs_prev, .hs_next{ position:absolute; left:15px; margin:auto; z-index:10; width:50px; height:50px; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.hs_prev{background:url(../images/slid-control4.png) no-repeat 0 0; top:50%; margin-top:-60px;}
.hs_next{background:url(../images/slid-control4.png) no-repeat 0 -50px; top:50%; margin-bottom:-60px;}




.banner-dots{position:absolute; right:0px; left:0px; bottom:40px; width:100%; height:11px; max-width:1140px; text-align:center; z-index:10; margin:auto;}
.banner-dots li{display:inline-block; height:11px; vertical-align:top; cursor:pointer;}
.banner-dots li span{display:inline-block; vertical-align:top; width:11px; height:11px; text-indent:-9999px; font-size:0px; color:transparent; background:#fbc300; border-image:initial; border-radius:50%; margin:0px 2px;}
.banner-dots li.slick-active span{background:#FFF;}

/* ----banner slider end -------- */







/*========================= Screen-2 Start=============================*/
.screen2{text-align:center; background:url(../images/screen2-bg.jpg) no-repeat 0 0; background-size:cover; }
.screen2:before{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle;}
.screen2 aside{width:100%; max-width:1020px; display:inline-block; vertical-align:middle;  }
.screen2 aside h2{color:#fff; font-size:36px; padding-bottom:20px; font-weight: 300; font-family: 'uni_neuelight';  margin-bottom:40px; position:relative;}
.screen2 aside h2 strong{ font-weight: 600; font-family: 'uni_neuebold'; }
.screen2 aside h2:after{content:''; display:block; position:absolute; left:0; right:0; margin:auto; bottom:0; width:40px; border-bottom:1px solid #fff;}
.products-box975{ width: 100%; max-width: 1020px;  margin: 0 auto; position: relative;}
.products-box22{ width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;     justify-content: center;  }
.products-box-left2{ width: 50%; height: auto; float: left; padding-right: 5px; }
.products-box-left2 figure{ width: 100%; height: 100%; float: left; display: block; background: rgba(8,49,96,0.60);padding: 50px 30px 100px 30px; box-sizing: border-box; position: relative; }
.products-box-text figure h3{font-size: 22px; font-weight: 600; color: #f5bf03; line-height: 24px; display: block;}
.products-box-text figure p{font-size: 16px; font-weight: 400; color: #d0d0d0; line-height: 22px; display: block; padding: 20px 0; text-align: center;}
.products-box-text figure ul{ width: 100%; max-width: 281px; margin: 0 auto; text-align: center;}
.products-box-text figure ul li{ width: 100%; height: auto; float: left; border-bottom: 1px solid rgba(96,117,142,0.7); padding-bottom: 10px; margin-bottom: 10px; position: relative; font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 18px;}
.products-box-text figure ul li a{font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 18px; display: block;}
.products-box-text figure ul li a:hover{ color:#ff9600; }
.products-box-text figure ul li:last-child{border-bottom: 0px solid rgba(96,117,142,0.7); padding-bottom: 0px; margin-bottom: 0px;}
.products-box-text figure ul li:after{ content: ''; position: absolute; right: 0px; top: 7px; border: 5px solid transparent;border-left: 5px solid #ff9600}
.products-box-left2 figure .more22{ position: absolute; left: 0; right: 0; bottom: 30px; }
.products-box-left2 figure .more22 a{  height: auto; padding: 15px 30px; background: #0994dc; font-size: 14px; font-weight: 400; color: #fff; line-height: 14px;  width: auto; margin: 0 auto; display: table;}
.products-box-left2 figure .more22 a:hover{ background: #d3af6e;}

.products-box-right2{ width: 50%; height: auto; float: left; padding-left: 5px; }
.products-box-right2 figure{ width: 100%; height: 100%; float: left; display: block; background: rgba(8,49,96,0.60);padding: 50px 30px 100px 30px; box-sizing: border-box; position: relative;}
.products-box-right2 figure .more22{ position: absolute; left: 0; right: 0; bottom: 30px; }
.products-box-right2 figure .more22 a{height: auto; padding: 15px 30px; background: #0994dc; font-size: 14px; font-weight: 400; color: #fff; line-height: 14px;  width: auto; margin: 0 auto; display: table;}
.products-box-right2 figure .more22 a:hover{ background: #d3af6e;}
/*.screen2{position:relative; }
.screen2 .sec3Img{position:absolute; left:0; right:0; bottom:0; margin:auto; height:70%;}
.screen2:after{content:''; display:block; clear:both;}
.screen2 aside{float:left; width:50%; height:100%;}
.screen2 aside:first-of-type{background:url(../images/screen2-bg1.jpg) no-repeat 100% 100%; background-size:cover;  background: #f1efea; text-align:center; padding:50px 0;}
.screen2 aside:last-of-type{text-align:center; padding:50px 0; background:#000 url(../images/products-bg.jpg) left top repeat-x;}
.screen2 aside:first-of-type:after{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle;}
.screen2 aside:first-of-type > div{width:80%; max-width:525px; display:inline-block; vertical-align:middle; text-align:left;}
.screen2 aside:first-of-type > div h2{color:#FFF; font-size:30px; padding-bottom:10px; text-transform:uppercase; margin-bottom:40px; position:relative;}
.screen2 aside:first-of-type > div h2:after{content:''; display:block; position:absolute; left:0; bottom:0; width:60px; border-bottom:1px solid #FFF;}
.screen2 aside:first-of-type > div strong{display:block; margin-bottom:40px; color:#FFF; font-size:22px; line-height:30px; font-weight:300;}
.screen2 aside:first-of-type > div span{display:block; margin-bottom:40px; color:#FFF; font-size:15px; line-height:20px; font-weight:300;}
.screen2 aside:last-of-type:after{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle;}
.screen2 aside:last-of-type > div.mapHolder{width:100%; max-width:525px; display:inline-block; vertical-align:middle; text-align:left; position:relative; padding-bottom: 60px }
.screen2 aside:last-of-type > div.mapHolder h2{color:#000; font-size:36px; padding-bottom:20px; font-weight: 300; font-family: 'uni_neuelight';  margin-bottom:40px; position:relative; text-align: left;}
.screen2 aside:last-of-type > div.mapHolder h2 strong{ font-weight: 600; font-family: 'uni_neuebold'; }
.screen2 aside:last-of-type > div.mapHolder h2:after{content:''; display:block; position:absolute; left:0;  bottom:0; width:40px; border-bottom:1px solid #000;}
.slider_prev2{background: url(../images/prev_home2.png) no-repeat 0px 0px; position:absolute; bottom: -60px; margin-top:0px; right:15px; width:15px; height:16px; text-indent:-20000px; cursor:pointer; z-index: 999;}
.slider_next2{background:url(../images/next_home2.png) no-repeat 0px 0px; position:absolute; bottom: -60px; margin-top:0px; right:0px; width:13px; height:16px; text-indent:-20000px; cursor:pointer;}
.custom_paging{position:absolute; right: 40px; bottom: -60px; color:#ffba00; z-index:9; font-family:'Open Sans', Arial, sans-serif, Helvetica; font-weight:700; font-size:18px;}
.custom_paging li{display:none;}
.custom_paging li.slick-active{display:block; width: 57px; height: 57px; background: url(../images/line.png) center center no-repeat; font-size: 22px; font-weight: 600; color: #000;  }
.custom_paging li.slick-active span{ position: absolute; right: 10px; bottom: 0; font-size: 14px; font-weight: 400; color: #606060;}

.products-text{ width: 100%; height: auto;  display: block; }
.products-text h3{ font-size: 22px; font-weight: 600; font-family: 'uni_neuebold'; color: #ff7200; line-height: 22px; padding-bottom: 20px;}
.products-text p{ font-size: 16px; font-weight: 300; font-family: 'uni_neuebook'; color: #686868; line-height: 22px; padding-bottom: 20px;}
.products-text ul{ width: 100%; max-width: 400px; height: auto;  display: block; }
.products-text ul li{ font-size: 14px; font-weight: 300; font-family: 'uni_neuebook';  color: #606060; line-height: 20px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; margin-bottom: 10px; padding-right: 20px; position: relative;}
.products-text ul li a{font-size: 14px; font-weight: 300; font-family: 'uni_neuebook';  color: #606060; line-height: 20px; }
.products-text ul li a:hover{  color: #d3af6e;  }

.products-text ul li:after{ content: ''; position: absolute; right: 10px; top: 10px; width: 7px; height: 7px; background: url(../images/arrow3.png) right top no-repeat;}
.products-text ul li:last-child{border-bottom: 0px solid #d9d9d9;}
.more{ width: auto; height: auto; float: left; display: block; margin: 20px 0;}
.more a{ width: auto; height: auto; float: left; display: block; padding: 15px 30px; background: #0994dc; font-size: 14px; font-weight: 400; color: #fff; line-height: 14px;}
.more a:hover{ background: #d3af6e;}*/
/*========================= Screen-3 Start=============================*/
.screen3{text-align:center; background:url(../images/screen3-bg.jpg) no-repeat 0 0; background-size:cover; }
/*.screen3:before{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle;}*/
.screen3 aside{width:100%; max-width:100%; display:inline-block; vertical-align:middle; padding-top: 10%;  }
.screen3 aside h2{color:#000; font-size:36px; padding-bottom:20px; font-weight: 300; font-family: 'uni_neuelight';  margin-bottom:40px; position:relative;}
.screen3 aside h2 strong{ font-weight: 600; font-family: 'uni_neuebold'; }
.screen3 aside h2:after{content:''; display:block; position:absolute; left:0; right:0; margin:auto; bottom:0; width:40px; border-bottom:1px solid #000;}
.markets-box{ width: 100%; max-width: 942px; height:367px; margin: 0 auto; position: relative;}
.markets-box li{  display: block; position: absolute; overflow: hidden; }
.markets-box li img{ display: block;  width: 100%; line-height: 0;}
.markets-box li:nth-child(1) { width: 282px; height: 367px; left: 0; top: 0; margin-right: 1px; box-sizing: border-box; }
.markets-box li:nth-child(2) {width: 280px; height: 183px;left: 283px; top: 0; padding-right: 1px;box-sizing: border-box;  }
.markets-box li:nth-child(3) {width: 279px; height: 183px; left: 563px; top: 0;box-sizing: border-box;}
.markets-box li:nth-child(4) {width: 280px; height: 184px; left: 283px; top: 183px;padding-right: 1px; padding-top: 1px; box-sizing: border-box; }
.markets-box li:nth-child(5) {width: 279px; height: 184px; left: 563px; top: 183px;  padding-top: 1px; }
.markets-box-text{ width: 100%; position: absolute; left: 0; right: 0; bottom: 20px;}
.markets-box-text h3{width: 100%; height: auto; float: left; padding: 10px 20px; box-sizing: border-box; font-size: 22px; font-weight: 600; font-family: 'uni_neueheavy'; color: #FFFFFF; line-height: 22px; display: block; text-align: left; } 
.markets-box-text p{width: 100%; height: auto; float: left; padding: 0px 20px 10px 20px; box-sizing: border-box; font-size:14px; font-weight: 400; color: #FFFFFF; line-height: 14px; display: block; text-align: left;}
.markets-box-text span{width: 100%; height: auto; float: left; padding: 0px 20px 10px 20px; box-sizing: border-box; }
.markets-box-text span a{font-size:14px; font-weight: 300; color: #FFFFFF; line-height: 18px; display: block; text-align: left;font-family: 'uni_neuelight_italic'; }
.markets-box-text span a:hover{ color: #0994dc;}

/*========================= Screen-4 Start=============================*/

.screen4{text-align:center; background:url(../images/screen4-bg.jpg) no-repeat 0 0; background-size:cover; }
.screen4:before{content:''; display:inline-block; height:100%; width:1px; vertical-align:bottom;}
.screen4 aside{width:80%; max-width:580px; display:inline-block; vertical-align:bottom; padding-bottom: 50px; }
.screen4 aside h2{color:#FFF; font-size:36px; padding-bottom:20px;  margin-bottom:40px; font-weight: 300; font-family: 'uni_neuelight'; position:relative;}
.screen4 aside h2 strong{ font-weight: 600; font-family: 'uni_neuebold'; }
.screen4 aside h2:after{content:''; display:block; position:absolute; left:0; right:0; margin:auto; bottom:0; width:40px; border-bottom:1px solid #FFF;}
.screen4 aside h3{color:#FFF; font-size:18px; font-weight: 400; padding-bottom:30px; line-height: 26px; }
.screen4 aside span{ width: auto; margin: 0 auto; display: table;}
.screen4 aside span a{ background: #0994dc; padding: 15px 20px; box-sizing: border-box; display: block; color:#FFF; font-size:14px; font-weight: 400;}


/*========================= Screen-5 Start=============================*/

.screen5{position:relative;  }
.screen5 .sec3Img{position:absolute; left:0; right:0; bottom:0; margin:auto; height:70%;}
.screen5:after{content:''; display:block; clear:both;}
.screen5 aside{float:left; width:50%; height:100%;}
.screen5 aside:first-of-type{background:url(../images/screen5-bg2.jpg) no-repeat 100% 100%; background-size:cover; text-align:center; padding:50px 0;}
.screen5 aside:last-of-type{text-align:center; padding:50px 0;}
.screen5 aside:first-of-type:after{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle;}
.screen5 aside:first-of-type > div{width:80%; max-width:525px; display:inline-block; vertical-align: bottom; text-align:center; padding-bottom: 20px;}
.screen5 aside:first-of-type > div h2{color:#FFF; font-size:36px; padding-bottom:10px; margin-bottom:20px; position:relative; font-family: 'uni_neuelight';}
.screen5 aside:first-of-type > div h2 big{ font-family: 'uni_neuebold'; font-weight: 600;}
.screen5 aside:first-of-type > div h2:after{content:''; display:block; position:absolute; left:0; right: 0;  bottom:0; width:30px; margin: 0 auto; border-bottom:1px solid #FFF;}
.screen5 aside:first-of-type > div strong{font-family: 'uni_neuebook'; display:block; margin-bottom:40px; color:#FFF; font-size:22px; line-height:30px; font-weight:300;}
.screen5 aside:first-of-type > div span{display:block; margin-bottom:40px; color:#FFF; font-size:15px; line-height:20px; font-weight:300;}
.screen5 aside:last-of-type{background:url(../images/screen5-bg1.jpg) no-repeat 100% 100%; background-size:cover; text-align:center; padding:50px 0;}
.screen5 aside:last-of-type:after{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle;}
.knowMore{display: block;  width:auto; height: auto; font-size:14px; color:#09f1ff; line-height:14px; text-align:center; padding-bottom: 20px; position: relative;}
.knowMore:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 16px; height: 7px; background-image: url(../images/arrow2.png)}
.screen5 aside:last-of-type > div.mapHolder{width:80%; max-width:525px; display:inline-block; vertical-align:middle; text-align:left; position:relative;}
.screen5 aside:last-of-type > div.mapHolder img{width:100%;}
.form-box{ width: 80%;max-width: 480px;display: inline-block;vertical-align: middle;}
.form-box h3{color:#000; font-size:36px; font-weight: 300; font-family: 'uni_neuelight'; text-align: left; padding-bottom:10px; margin-bottom:20px; position:relative;}
.form-box h3 strong{font-weight: 600; font-family: 'uni_neuebook'; }
.form-box h3:after{content:''; display:block; position:absolute; left:0; bottom:0; width:60px; border-bottom:1px solid #000;}
.form-box h4{font-family: 'uni_neuebold'; color:#000; font-size:16px; font-weight: 400; text-align: left; padding-bottom:10px; margin-bottom:20px; }
.form-box input:focus ~ label, .form-box textarea:focus ~ label, .form-box input:valid ~ label, .form-box textarea:valid ~ label {font-family: 'uni_neuelight'; font-size: 13px; color:#888888; top:-15px;-webkit-transition: all 0.125s ease;transition: all 0.125s ease;}
.form-box input:invalid ~ label, .form-box textarea:invalid ~ label, .form-box input:valid ~ label, .form-box textarea:valid ~ label {font-family: 'uni_neuelight'; font-size: 13px; color:#888888; top:-15px;-webkit-transition: all 0.125s ease;transition: all 0.125s ease;}

.styled-input {float: left; width: 100%;margin:0;position: relative; margin-bottom:30px;  border-bottom:1px solid #979797; padding-bottom:15px;}
.styled-input label {font-family: 'uni_neuelight'; font-size:15px;  color: #4b4b4c; position: absolute; top: 0;left: 0;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;pointer-events: none;}
.styled-input.wide { width: 100%; }
.styled-input span{ font-family: 'uni_neuelight'; position: absolute; left: 0; bottom: 2px; font-size: 11px; font-weight: 400; text-align: left; font-style: italic; color: #FF0004;}

.styled-input2 {float: left; width: 60%;margin:0;position: relative; margin-bottom:30px;  border-bottom:1px solid #979797; padding-bottom:15px;}
.styled-input2 label {font-family: 'uni_neuelight'; font-size:15px;  color: #4b4b4c; position: absolute; top: 0;left: 0;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;pointer-events: none;}
.styled-input2.wide { width: 100%; }
.styled-input2 span{ font-family: 'uni_neuelight'; position: absolute; left: 0; bottom: 2px; font-size: 11px; font-weight: 400; text-align: left; font-style: italic; color: #FF0004;}




.form-box input,
.form-box textarea { background:transparent; padding:0px 0 0px 0;border: 0; width: 100%;}
.form-box input:focus,.form-box input:invalid,
.form-box textarea:focus,.form-box textarea:invalid { outline: 0; }
.form-box input:focus ~ span,.form-box input:invalid ~ span,
.form-box textarea:focus ~ span,.form-box textarea:invalid ~ span { width: 100%; -webkit-transition: all 0.075s ease; transition: all 0.075s ease;}
.form-box textarea { width: 100%;min-height: 50px; }






.captcha{float: right; margin:0;position: relative; margin-bottom:30px;  padding-bottom:15px;}
.captchaImg { display: inline-block;width: 120px;vertical-align: top;margin-right: 10px;}
.captchaImg img{ width: 100%;}
.changeCaptcha {width: 22px; height: 22px;font-size: 0;line-height: 0;color: transparent;background: url(../images/refresh.png) no-repeat 50% 50%;display: inline-block;vertical-align: top;}
.submit2{ width: auto; height: auto; float: left; display: block;}
.submit2 input[type=submit]{background: #0994dc; padding: 15px 40px; box-sizing: border-box; display: block; color:#FFF; font-size:14px; font-weight: 400; cursor: pointer;}
.submit2 input[type=submit]:hover{background: #d3af6e;}


.reset2{ width: auto; height: auto; float: left; display: block;}
.reset2 input[type=reset]{background: #c9c9c9 ; padding: 15px 40px; box-sizing: border-box; display: block; color:#FFF; font-size:14px; font-weight: 400; cursor: pointer; margin-left: 20px;}
.reset2 input[type=reset]:hover{background: #d3af6e;}
/*========================= Screen-6 Start=============================*/

.screen6{text-align:center; background:url(../images/screen6-bg.jpg) no-repeat 0 0; background-size:cover; }
.screen6:before{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle;}
.screen6 aside{width:80%; max-width:1050px; display:inline-block; vertical-align:middle; }
.screen6 aside h2{font-family: 'uni_neuelight'; color:#FFF; font-size:36px; font-weight: 300;  padding-bottom:20px;  margin-bottom:40px; position:relative;}
.screen6 aside h2 strong{font-family: 'uni_neuebook'; font-weight: 600; }
.screen6 aside h2:after{content:''; display:block; position:absolute; left:0; right:0; margin:auto; bottom:0; width:40px; border-bottom:1px solid #FFF;}
.screen6 aside h3{font-family: 'uni_neuebook'; color:#FFF; font-size:18px; font-weight: 400; padding-bottom:40px; }
/*.our_clients_slider {width:100%; max-width:640px; margin:0 auto; text-align:center;} */
.our_clients_slider li{background:#FFF; width:202px; height:auto; margin:0 5px; position:relative;}
.our_clients_slider li img{position:relative; /*left:0; top:0; right:0; bottom:0; margin:auto;*/ display:block; width:100%;}
.slider_prev{background:url(../images/prev_home.png) no-repeat 0px 0px; position:absolute; top:50%; margin-top:-16px; left:-30px; width:22px; height:39px; text-indent:-20000px; cursor:pointer;}
.slider_next{background:url(../images/next_home.png) no-repeat 0px 0px; position:absolute; top:50%; margin-top:-16px; right:-30px; width:14px; height:25px; text-indent:-20000px; cursor:pointer;}

/*========================= Screen-7 Start=============================*/

#section07 a {
  padding-top: 80px;
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 15px;
  height: 15px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.demo a {
    position: absolute;
    bottom: 30px;
    right: 50px;
    z-index: 9999;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font: normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s; 
}	
/* footer end */

.more2 { width: auto; margin: 0 auto; display: table; }
.more2 a{ background: #0994dc; padding: 15px 20px; margin-bottom: 40px; box-sizing: border-box; display: block; color:#FFF; font-size:14px; font-weight: 400;}

@media screen and (max-width:1366px){
.screen2 aside:last-of-type > div.mapHolder h2{ font-size:30px; padding-bottom:10px; font-weight: 300; font-family: 'uni_neuelight';  margin-bottom:20px; position:relative; text-align: left; margin-top: 50px;}	
.more {margin: 0px 0;}
.products-text ul li {padding-bottom: 8px;margin-bottom: 8px;}	
	.custom_paging {bottom: -30px;}
	.slider_prev2 {bottom: -30px;}
	.slider_next2 {bottom: -30px;}
	.form-box h3 { margin-top: 50px;}
	.captcha { margin-bottom: 0px;}
	
	
	
	.products-box-left2 figure { padding: 30px 30px 100px 30px;	}
	.products-box-right2 figure { padding: 30px 30px 100px 30px;	}
	.products-box-text figure ul li{  padding-bottom: 7px; margin-bottom: 7px; }
	.screen2 aside h2 {margin-bottom: 20px; margin-top: 50px;}
}
















@media screen and (max-width:1024px){
	.lazy{opacity:0;}
.lazy.loaded{opacity:1;}
	.screen2{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.screen2 aside{height: inherit;}
	.slider-for2 .slick-slide img {width: 100%;}
	.screen2 aside:last-of-type{ padding: 2% 5%; box-sizing: border-box;}
	.screen3{ padding: 8% 0;}
	.screen4{ padding: 8% 0;}
	.screen5{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.screen5 aside{ height: inherit;}
	.screen6{ padding: 8% 0;}
	.screen6 aside h3 {padding-bottom: 40px;}
	.form-box h3 { margin-top: 0px;}
	.screen2 aside:last-of-type > div.mapHolder h2{  margin-top: 0px;}
}
@media screen and (max-width:1020px){
.banner1_text1 strong {font-size: 30px;}
.banner1_text2 strong {font-size: 30px;}
.banner1_text3 strong {font-size: 18px;}
.bannerInfo {bottom: 50px;}	
.screen2 aside {width: 100%;}	
.screen2 aside:last-of-type {padding: 5% 5%;}
.screen2 aside:last-of-type > div.mapHolder { width: 100%;max-width: inherit;}
.markets-box { width: 90%;max-width:inherit;height: inherit;}
.markets-box li {position: relative;overflow: inherit;}	
.markets-box li:nth-child(1) {width: 100%; height: auto;left: inherit;top: inherit;margin-right: 0px; border-bottom: 0px solid rgba(255,255,255,0.6); }
.markets-box li:nth-child(2) { width: 50%; height:auto;left: inherit;top: inherit; padding-right: 0px; float: left; display: block; border-bottom: 0px solid rgba(255,255,255,0.6); border-right: 0px solid rgba(255,255,255,0.6);	}
.markets-box li:nth-child(3) {float: left; display: block; width:50%; height: auto; left:inherit; top:inherit; box-sizing: border-box;  }
.markets-box li:nth-child(4) {float: left; display: block;  width: 50%; height:auto; left:inherit; top:inherit; padding-right: 0px;padding-top: 0px;box-sizing: border-box; }	
.markets-box li:nth-child(5) {float: left; display: block; width:50%;height: auto; left:inherit;top:inherit; padding-top: 0px; }
.markets-box li img.desktop{ display:none ;}
.markets-box li img.mob{ display:block ;}
.markets-box li img.mob560{ display: none;}	
.screen5 aside {width: 100%;}
.screen5 aside:first-of-type { background: url(../images/screen5-bg2-mob.jpg) no-repeat 100% 100%; background-size: cover; text-align: center; padding: 30% 0 0px 0;}
.form-box {width: 90%; margin: 0 auto;max-width:inherit;display: inherit;  vertical-align: inherit; }

.screen3 aside h2 {color: #FFF;}
.screen3 aside h2:after {border-bottom: 1px solid #FFF;}	
}



@media screen and (max-width:640px){
	
.products-box-left2 {width: 100%; padding-right: 0px;}	
.products-box-right2 {width: 100%; padding-left: 0px;}	
	.products-box-left2 figure { padding: 30px 20px 100px 20px;}
}

@media screen and (max-width:560px){
.markets-box li img.desktop{ display:none ;}
.markets-box li img.mob{ display: none;}
.markets-box li img.mob560{ display:block ;}	
.markets-box li:nth-child(2) {width: 100%;}	
.markets-box li:nth-child(3) {width: 100%;}	
.markets-box li:nth-child(4) {width: 100%;}
.markets-box li:nth-child(5) {width: 100%;}

}
@media screen and (max-width:480px){
	
	#section07 a span{ display: none;}
	.submit2 input[type="submit"] {padding: 15px 20px;}
	.reset2 input[type="reset"] {padding: 15px 20px;}
	.slider_next {right: -20px
		
}
@media screen and (max-width:479px){
.banner1_text1 strong {font-size: 18px; line-height: 26px;}
.banner1_text2 strong {font-size: 18px; line-height: 22px;}
.banner1_text3 strong {font-size: 14px; line-height: 18px;}	
.styled-input2 {width: 50%;}	
}

