/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}




* {
    font-family: 'Assistant', sans-serif; font-weight:400;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
font-size:24px; color:#937449; line-height:32px;
 font-weight:400;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	 
	 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
address{font-style:normal;}
.relative{position:relative;}
.absolute{position:absolute;}
.flc{clear:both;}
.flr{float:right;}
.fll{float:left;}
.col-1-1{width:100%;}
.tac{text-align:center; }
.bg{
      width: 100%;
        height:100vh;position: fixed; top:0; right:0; z-index:-3;
    background:url('../imgs/bg.jpg') no-repeat;
           background-size: cover;
        background-position:top center;}
 
 

textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { /* WebKit browsers */
   font-size:21px; color:#4d4d4f;  font-family: 'Roboto Condensed', sans-serif; font-weight:300;
}
textarea:-moz-placeholder,input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size:21px; color:#4d4d4f;  font-family: 'Roboto Condensed', sans-serif; font-weight:300;
}
textarea::-moz-placeholder,input::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size:21px; color:#4d4d4f;  font-family: 'Roboto Condensed', sans-serif;  font-weight:300;
}
textarea:-ms-input-placeholder,input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:21px; color:#4d4d4f;  font-family: 'Roboto Condensed', sans-serif; font-weight:300;
}

 img{display: block;}
 
.alignmiddle{top:50%; position:absolute;
  -webkit-transform: translateY(-50%);   
      -ms-transform: translateY(-50%);  
          transform: translateY(-50%);  
          
}

 

body{background-color:#061822;}
.leftimg{width:423px;}
.rightimg{width:802px;}
.page_in{width:1225px; margin:auto;}
.page_wrap{width:1400px; margin:auto;}
.header{background-color:#1d9ce0;  }
.left_logo{left:0; height:100%; width:40%; z-index:850;}
.left_logo a{left:0;width:100%; height:100%; }
.nav{bottom:36px; right:0; z-index: 700; }
.nav a.link{width:230px; background-color:#061822; color:#fff; font-size:30px; line-height:80px; text-align:center;  margin-left:10px;}
a.btn{display: inline-block; margin:0 15px;}
.a1{width:690px; margin:15px auto; }
 
.a3{width:536px; margin:40px auto 100px; }
.a4{width:595px; margin:40px auto 40px; }
.a5{width:595px; margin:40px auto 40px; }
.a6,.a2{width:595px; margin:40px auto 80px; }
.a2{margin-bottom:30px;}
.a8{width:595px; margin:40px auto 40px; }

.menu{display: none; z-index:500;width:200px; background-color:#fff; padding:10px; position:absolute; top:100%; right:10px; }
.menu a{padding:0 5px;display: block;background-color:#96dae2; margin-bottom:10px;  line-height:30px; font-size:20px; color:#061822;  }
.menu a:last-child{margin-bottom:0;}
.how:hover .menu{display: block;}

.downbanner{padding:20px 0;   color:#fff; font-size:43px; line-height:47px; background-color:#061822;
           width:735px; margin:auto; margin-top:15px; }
.downbanner a{vertical-align: middle; display: inline-block;}


@media (max-width:1400px){
    .page_in{width:1051px; margin:auto;}
    .page_wrap{width:1200px; margin:auto;}
    .leftimg {    width: 363px;}
    .rightimg {    width: 688px;}
    .nav {    bottom: 31px;}
    .downbanner{width:620px;}
    .a1 {    width: 560px;}
        .a5 {    width: 470px;    margin: 40px auto 40px;}
        .a6,.a2{width:470px; margin:40px auto 80px; }
.a8{width:470px; margin:40px auto 40px; }
    .a4 {    width: 510px;}
    .a2 { margin-bottom:40px;}
    a.btn{width:260px;}
    a.btn img{width:100%;}
}
@media (max-width:1199px){
    .page_in{width:860px; margin:auto;}
    .page_wrap{width:980px; margin:auto;}
    .leftimg {    width: 297px;}
    .rightimg {    width: 563px;}
    .nav {    bottom: 25px;}
    .a3 {    width: 410px;    margin: 40px auto 40px;}
    .downbanner{    font-size: 28px;width:510px;}
    .downbanner img{max-height: 40px;}
    .a1 {    width: 500px;}
    .a4 {    width: 360px;}
    .a5 {    width: 380px;    margin: 40px auto 40px;}
            .a6,  .a2{width:380px; margin:40px auto 40px; }
.a8{width:380px; margin:40px auto 40px; }
    .a2 {   margin-bottom:20px;}
    a.btn{width:195px;}
    a.btn img{width:100%;}
}
@media (max-height:750px) and (min-width:1025px){
    .page_in{width:860px; margin:auto;}
    .page_wrap{width:980px; margin:auto;}
    .leftimg {    width: 297px;}
    .rightimg {    width: 563px;}
    .nav {    bottom: 25px;}
    .a3 {    width: 410px;    margin: 40px auto 40px;}
    .downbanner{    font-size: 28px;width:510px;}
    .downbanner img{max-height: 40px;}
    .a1 {    width: 500px;}
    .a4 {    width: 360px;}
    .a5 {    width: 380px;    margin: 40px auto 40px;}
                .a6,  .a2{width:380px; margin:40px auto 40px; }
.a8{width:380px; margin:40px auto 40px; }
    .a2 { margin-bottom:20px;}
    a.btn{width:195px;}
    a.btn img{width:100%;}
}
@media (max-height:650px) and (min-width:1025px){
    .page_in{width:701px; margin:auto;}
    .page_wrap{width:800px; margin:auto;}
    .leftimg {    width: 242px;}
    .nav a.link {      font-size: 21px;    line-height: 50px;  width: 170px;}
    .rightimg {    width: 459px;}
    .nav {    bottom: 20px;}
    .a3 {    width: 390px;    margin: 20px auto 20px;}
    .downbanner{     padding: 10px 0;    font-size: 20px;    width: 420px;}
    .downbanner img{max-height: 30px;}
    .a1 {    width: 390px;}
    .a4,.a2,
    .a5 {      width: 330px;    margin: 20px auto;}
                .a6{width:330px; margin:20px auto; }
.a8{width:330px; margin:40px auto; }
    a.btn{width:170px;}
    a.btn img{width:100%;}
}



.mobile,a.btn.mobile{display: none;}

@media (max-width:1024px){
    .desktop,.nav,a.desktop.btn{display: none;}
    .mobile{display:block;}
    .page_wrap{width:640px;}
    .page_in,.rightimg{width:590px; }
    .left_logo{width:100%; bottom:25px; height:auto;}
    .leftimg{width:100%; display: none;}
    .left_logo .leftimg{ display: block;}
    .left_logo a{position:static;    margin: auto; display: block; width:302px; height:126px; background:url('../imgs/m_logo.jpg') no-repeat;}
    
    .nav{right:25px;    z-index: 5500;width:310px;    top: 120px; }
     .nav .page_in{width:310px; padding:5px;background-color:#fff;  }
     .how,.menu{width:100%; display: block; position:static;}
     .menu a{width:100%; margin-bottom:15px; line-height:40px; color:#000; padding:0 5px; background-color:#96dae2;}
     .menu a:last-child{margin-bottom:0;}
      .menu a:nth-child(2){background-color:#6eabe4}
      .menu a:nth-child(3){background-color:#071923; color:#fff;}
    .nav.active{display: block; }
    .a1{margin-bottom:60px;}
        .a4,.a5{    margin-bottom: 90px;width:540px;}
        .a6,.a2{width:490px;}
    a.mobile.btn{display:block; margin:0 auto 45px; width:100%; text-align: center;  }
    a.btn img{width:390px; margin: auto;}
    .downbanner{width:100%;}
    .menu_toggle{position:absolute; z-index:5000; width:56px; top:70px; right:30px;}
    .r_support.r_content{bottom:0;}
    .zera_btn{z-index:600; left:40px; top:90px;}
    body.support .zera_btn{    top: 475px;    left: 20px;}
    body.kanyan  .zera_btn{     left: 24px;    top: 204px;}
    body.spak2   .zera_btn{       left: 24px;    top: 208px;}
    body.kanyan2    .zera_btn{     left: 25px;    top: 170px;}
    body.sapak     .zera_btn{     left: 25px;    top: 170px;}
    .rightimg{height:880px;}
    .page_in_outer{width:590px; margin:auto; background:url('../imgs/m_r1.jpg') ; background-attachment: fixed; background-position:center center;}
    .zera_btn{left:60px;position: fixed;  width:130px; top:50%; margin-top:-35px; z-index:5000;}
    .downbanner{padding:0; font-size: 45px; margin:0; height:85px; line-height:85px; text-align: center; position:fixed; right:0; bottom:0; z-index:500;  width:100%;}
}