body{margin:0px;font-family:'noto_sansregular',Verdana;}
body,html{width:100%;height:100%;}
html, body, .zetta-menu input, .zetta-menu textarea {
  font-family: HeroicCondensedMedium,'Pathway Gothic One', Verdana;
}

*{margin:0px;padding:0px;box-sizing:border-box;}
a{color:#fff;text-decoration:none;}
.nav-bar{width:100%;height:auto;font-size:0;}
.menu_sec{display:inline-block;border:1px solid rgba(255,255,255,0.4);width:50%;text-align:center;cursor:pointer;background:#222222;border-left:1px solid rgba(0,0,0,0); vertical-align:top;}
#banner{width:100%;background:#333333;box-sizing:border-box;height:93%;position:relative;}
.con{width:100%;display:block;background:#e5e5e5;box-sizing:border-box;}
h1{font-family: PreloSlabBold,'Roboto Slab';font-size:45px;line-height:100%;margin-top:20px;}
h2{font-family: HeroicCondensedMedium,'Pathway Gothic One';font-size:25px;color:#fff;text-transform:capitalize;line-height:70px;display:block;}
h3{font-family: HeroicCondensedMedium,'Pathway Gothic One';font-size:25px;color:#fff;line-height:60px;text-transform:uppercase;}

h4{font-family: HeroicCondensedMedium,'Pathway Gothic One';font-size:1.4em;color:#fff;line-height:40px;text-transform:uppercase;}

p{font-family:'noto_sansregular',Verdana;line-height:28px;font-size:14px;margin-top:20px;color:#333;}
#btn_setting{position:absolute;bottom:10%;box-sizing:border-box;width:800px;z-index:100;left:50%;margin-left:-400px;}
#sdk_btn,#faq_btn,#download_btn,#upload_btn{width:175px;height:65px;display:inline-block;box-sizing:border-box;text-align:center;cursor:pointer;margin-left:8px;border:3px solid rgba(255,255,255,1)}
.youtube_video{width:100%;height:auto;display:block;position:relative;padding-top:15px;}
.wrapp{width:1000px;height:auto;margin:0px auto;position:relative;}
.box{padding-right:50px;width:57%;backgrounds:#ff0000;display:inline-block;box-sizing:border-box;vertical-align:top;}
.photo{display:inline;text-align:center;vertical-align: top;}
.buy_btn,.more_btn{width:100px;background:#ff0000;padding:10px;font-size:25px;font-family: HeroicCondensedMedium,'Pathway Gothic One';color:#ffffff;text-align:center;display:inline-block;margin-top:10px;cursor:pointer;margin-right:15px;text-transform:uppercase;}
.gif_box{width:31%;height:100%;display:inline-block;box-sizing:border-box;border:1px solid rgba(255,255,255,0.5);height:100%;background:#181818;margin-left:10px;text-align:center;box-shadow:2px 2px 16px #555;margin-top:20px;}
.gif_data{box-sizing:border-box;text-align:left;padding-left:10px;width:100%;background:#333;color:#c7c7c7;font-size:1.2em;line-height:51px;}
.designer{font-family:Verdana;color:#c7c7c7;font-size:0.8em;line-height:30px;display:block;background:#333;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
#bg1{width:100%;height:100%;display:block;background:url(../img/banner_1.jpg) no-repeat 50% 50%;background-size:cover;position:absolute;
top:0px;left:0px;z-index:100;}
#bg2{width:100%;height:100%;display:block;background:url(../img/banner_0.jpg) no-repeat 50% 50%;background-size:cover;position:absolute;
top:0px;left:0px;z-index:99;}
#model_btn{width:60px;height:60px;border-radius:60px;background:#ff0000;color:#ffffff;position:fixed;z-index:100;bottom:30px;right:30px;text-align:center;line-height:60px;opacity:0;cursor:pointer;font-size:28px;}

#k_content{display:none;}
#k_content a{text-decoration:none;display:block;padding:10px 0px;border-bottom:1px solid rgba(0,0,0,0.3);font-size:20px;color:#fff;font-family: HeroicCondensedMedium,'Pathway Gothic One';text-transform:uppercase;}
#k_content a:hover{background:#000;text-decoration:none;}

#m_content{display:none;}
#m_content a{text-decoration:none;display:block;padding:10px 0px;border-bottom:1px solid rgba(0,0,0,0.3);font-size:20px;color:#fff;font-family: HeroicCondensedMedium,'Pathway Gothic One';text-transform:uppercase;}
#m_content a:hover{background:#000;}

#h_content{display:none;}
#h_content a{text-decoration:none;display:block;padding:10px 0px;border-bottom:1px solid rgba(0,0,0,0.3);font-size:20px;color:#fff;font-family: HeroicCondensedMedium,'Pathway Gothic One';text-transform:uppercase;}
#h_content a:hover{background:#000;}

#bg3{width:100%;height:100%;display:block;background:url(../img/in_banner.jpg) no-repeat 50% 50%;background-size:cover;position:absolute;
top:0px;left:0px;z-index:1;}
.in_banner{width:100%;background:#333333;box-sizing:border-box;height:490px;position:relative;overflow:hidden;}

.banner_box_1{position:absolute;top:140px;left:14px;}
.banner_box_2{position:absolute;top:140px;left:384px;}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul.pagination li {display: inline;}
ul.pagination li a {
    font-family: HeroicCondensedMedium,'Pathway Gothic One';
    font-size:25px;
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 2px solid #FFF;
}
ul.pagination li a.active {
    background-color: #53565a;
    color: white;
    border: 2px solid #FFF;
}
ul.pagination li a:hover:not(.active) {background-color: #000;color:#FFF;}
div.center {text-align: center;}
.pagination-wrap {text-align: center;padding:50px;}

.err {
  font-family: HeroicCondensedMedium,'Pathway Gothic One';
  font-size:25px;
  text-transform:uppercase;
  min-height:200px;
  text-align:center;
  padding-top:100px;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer {background-color: #000; line-height: 35px; padding: 40px 0 15px 0;}
.site-footer,.site-footer a {color: #FFF;}
.site-footer .socials {margin: 0;	list-style: none; text-align: center; padding: 10px 0;}
.site-footer .socials li {display: inline;}
.site-footer .socials li a {color: #FFF;}
.site-footer .socials li:hover a {color: #666;}
.site-footer .socials li {padding-left: 20px;}
.site-footer .socials li:first-child {padding-left:0;}
.site-footer .copyrights {font-family: Verdana; font-size: 0.9em; text-align: center; padding: 10px 0;}
.site-footer .info {text-align: center; padding: 10px 0;}


/*--------------------------------------------------------------
RWD
--------------------------------------------------------------*/
@media only screen and (max-width: 780px) {
  #btn_setting{width: 500px;margin-left: -220px;}
  #sdk_btn,#download_btn,#faq_btn,#upload_btn{width: 100px;}
  #sdk_btn h3, #download_btn h3, #faq_btn h3, #upload_btn h3{font-size:16px;}
  .wrapp{width:500px;}
  .gif_box{width:100%;}
  
	.banner_box_1{position:absolute;top:140px;left:14px;}
	.banner_box_2{position:absolute;top:60px;left:384px;}
	.box{padding-right:0;width:100%;}
	.youtube_video{display:none;}
}