@charset "UTF-8";

.mod_mobile .mobile_intro{position:relative; background-color:#fff; top:0px; left:0px; width:100%; height:100%; overflow:hidden; z-index:0;}
.mod_mobile .mobile_intro .mc_intro{position:relative; width:100%; max-width:600px; margin:0 auto; overflow: visible;}
.mod_mobile .mobile_intro .mc_intro .arrow1{position:absolute; bottom:20px; left:0px; width:100%; text-align:center; z-index:10;}
.mod_mobile .mobile_intro .mc_intro .arrow1 img{width:30px; margin:0 auto; position:relative; animation: arrowupdown1 1s ease infinite;}
.mod_mobile .mobile_intro .mc_intro .box{width:100%; position:absolute; top:0px; left:0px; display:none;}
.mod_mobile .mobile_intro .mc_intro .box .logo_type{position:relative; z-index:10; opacity:0; -ms-transform: translate(-100px,0px); -webkit-transform: translate(-100px,0px); transform: translate(-100px,0px);}
.mod_mobile .mobile_intro .mc_intro .box .logo_a{position:absolute; top:0px; left:0px; z-index:10; opacity:0; -ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px);}
.mod_mobile .mobile_intro .mc_intro .box .flashcards{position:absolute; top:0px; left:0px;}
.mod_mobile .mobile_intro .mc_intro .box .glitch-img{display:none;
position: absolute; width : 100%; height : 100%; top: 0 ; left : 50px; background-position:center;  -moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
.mod_mobile .mobile_intro .mc_intro .box .masker{background:url(../images/logo_intro_typeA.png) no-repeat; background-size:100% auto; position:relative; z-index:10; opacity:0;}

.mod_mobile .mobile_intro .mc_intro .box .logo_type{-webkit-transition:all 1600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition:all 1100ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.mod_mobile .mobile_intro .mc_intro .box .logo_a{-webkit-transition-duration: 1.4s; /* Safari */ transition-duration: 1.4s; transition-timing-function: linear;}

.mod_mobile .mobile_intro .mc_intro .box .logo_type.m1,
.mod_mobile .mobile_intro .mc_intro .box .logo_a.m1{opacity:1; -ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px);}


.mod_mobile .sbox{padding:50px 30px;}

.mc_logo_mobile{position:fixed; top: 0px; left: 0px; width:100%; padding:10px 20px; z-index:999; background-color:#fff; border-bottom:0px solid #ccc;
-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
box-shadow:5px 5px 5px rgba(0,0,0,0.1);
}
.mc_logo_mobile img{display:block; width:80px; opacity:1; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor:pointer;}
.mc_logo_mobile img.show{opacity:1;}

.mod_mobile .mob_sec1{background:url(../images/bgsec1.jpg) center no-repeat; background-size:cover; margin-top:63px;}
.mod_mobile .mob_sec2{background:url(../images/bgsec2.jpg) center no-repeat; background-size:cover; background-position:left;}
.mod_mobile .mob_sec3{background:url(../images/bgsec3.jpg) center no-repeat; background-size:cover; background-position:left;}
.mod_mobile .mob_sec4{background:url(../images/bgsec4.jpg) center no-repeat; background-size:cover;}


.mc_mobilenav_slidebox .linefx1{display: block; position: relative; padding-bottom: 3px;}
.mc_mobilenav_slidebox .linefx1:hover{border-bottom:0px;}
.mc_mobilenav_slidebox .linefx1:before {content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .5s ease;}
.mc_mobilenav_slidebox .linefx1:after {content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px; width: 0; background: #fff; transition: width .5s ease;}
.mc_mobilenav_slidebox .linefx1:hover:before {width: 100%; background: #fff; transition: width .5s ease;}
.mc_mobilenav_slidebox .linefx1:hover:after {width: 100%; background: transparent; transition: all 0s ease;}

.mod_mobile .mob_sec1 .title_lv1,
.mod_mobile .mob_sec2 .title_lv1,
.mod_mobile .mob_sec3 .title_lv1,
.mod_mobile .mob_sec4 .title_lv1{font-weight:bold; font-size:24px; margin-bottom:20px; text-align:center; color:#fff;}

.mod_mobile .mob_sec1 .content_lv1,
.mod_mobile .mob_sec2 .content_lv1,
.mod_mobile .mob_sec3 .content_lv1{font-size:15px; color:#ddd;}

.mod_mobile .mob_sec4 .content_lv1{font-size:25px; color:#fff;}
.mod_mobile .mob_sec4 .content_lv1 span{color:#ccc;}

.mod_mobile .mc_sec1_slider{position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.mod_mobile .mc_sec1_slider .slick-list{padding-left:0px!important; padding-right:0px!important;}

.mod_mobile .mob_sec1 .mc_sec1_slider_mobile{position:relative; margin-top:20px;}
.mod_mobile .mob_sec1 .mc_sec1_slider_mobile .controlsx{position:absolute; top:45%; left:0px; z-index:10; height:0px;}
.mod_mobile .mob_sec1 .mc_sec1_slider_mobile .controlsx .btns{max-width:none; width:auto; cursor:pointer;}
.mod_mobile .mob_sec1 .mc_sec1_slider_mobile .controlsx .btns img{width:45px;}
.mod_mobile .mob_sec1 .mc_sec1_slider_mobile .controlsx .btn_left{float:left; position:relative; left:30px;}
.mod_mobile .mob_sec1 .mc_sec1_slider_mobile .controlsx .btn_right{float:right; position:relative; left:-30px;}
.mod_mobile .mob_sec1 .slick-dots{bottom:25px;}
.mod_mobile .mob_sec1 .slick-dots li button:before{color:#ccc; font-size:10px;}
.mod_mobile .mob_sec1 .slick-dots li.slick-active button:before{color:#fff;}
.mod_mobile .mob_sec1 .mc_sec1_slider_mobile .controlsx .btn_left{left:15px;}
.mod_mobile .mob_sec1 .mc_sec1_slider_mobile .controlsx .btn_right{left:-15px;}

.mod_mobile .mob_sec1 .slick-arrow{display:none!important;}
.mod_mobile .mob_sec1{padding-bottom:25px;}

.mod_mobile .mob_sec3{padding-bottom:25px;}


.mod_mobile .slider_client_mobile{position:relative; max-width:500px; margin:0 auto;}
.mod_mobile .slider_client_mobile .slider ul.iconset li{float:left; width:33.3%;}
.mod_mobile .slider_client_mobile .slider ul.iconset li .spacer{padding:10px;}
.mod_mobile .slider_client_mobile .slick-dots{position:relative; top:5px; display:block!important;}

.mod_mobile .mob_sec4{text-align:center;}

.footer_mobile{background-color:#fff; padding:15px 30px; padding-bottom:20px;}
.footer_mobile .footer_box{position:relative;}
.footer_mobile .social{position:absolute; top:0px; left:0px; text-align:right;}
.footer_mobile .social a{margin-left:7px;}
.footer_mobile .social img{width:25px; display:inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);
}
.footer_mobile .social img:hover{-ms-transform: scale(1.4, 1.4); -webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4);}
.footer_mobile .social .footer_share{border-left:1px solid #000; margin-left:10px; display:inline-block; padding-left:5px; cursor:pointer;}
.footer_mobile .copyright{font-size:14px;}

.mod_mobile #frm_name,
.mod_mobile #frm_email,
.mod_mobile #frm_number,
.mod_mobile #frm_company{color:#ccc;}
.mod_mobile .frm_send{color:#ffff00!important; text-decoration:underline; cursor:pointer;}

.mod_mobile .mob_sec2 .btn_more{text-align:center; display:none!important;}
.mod_mobile .mob_sec2 .btn_more span{display:inline-block; background-color:#000; color:#fff; text-align:center; font-weight:bold; font-size:18px; cursor:pointer;
-moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; padding:10px 20px;
}

.mod_mobile .mob_sec2 .accord{margin-top:25px; display:none!important;}
.mod_mobile .mob_sec2 .accord .acrdwindow{display:none;}
.mod_mobile .mob_sec2 .accord .acrdtab{background:#ffe8af url(../images/mob_sec2_accord_plus.png) center right no-repeat; border:1px solid #ffc125; background-size:auto 40%; display:block; padding:0px 20px; line-height:50px; margin-top:6px; margin-bottom:6px; cursor:pointer;}
.mod_mobile .mob_sec2 .accord .acrdtab span{padding-right:4px;}
.mod_mobile .mob_sec2 .accord .acrdtab.closex{background:#fff url(../images/mob_sec2_accord_minus.png) center right no-repeat; border:1px solid #ffc125; background-size:auto 40%; display:block; padding:0px 20px; line-height:50px; margin-top:6px; margin-bottom:6px; cursor:pointer;}

.mod_mobile .acrdwindow{padding:20px 0px 30px 0px}
.mod_mobile .acrdwindow .box{max-width:1280px; margin:0 auto; display:none;}
.mod_mobile .acrdwindow .paginx{font-size:31px; color:#959595; padding-bottom:10px; max-width:1280px; margin:0 auto;}
.mod_mobile .acrdwindow .title{font-size:26px; float:left; width:100%; line-height:30px; margin-bottom:20px;}
.mod_mobile .acrdwindow .title span{padding-right:2px;}
.mod_mobile .acrdwindow .kv{margin-bottom:20px;}
.mod_mobile .acrdwindow .overwiew{font-size:15px; float:right; width:100%; padding-bottom:30px;}
.mod_mobile .acrdwindow .line{border-bottom:1px solid #000; padding-bottom:35px; margin-bottom:35px; display:none;}
.mod_mobile .acrdwindow .linksinfo{padding-top:20px;}
.mod_mobile .acrdwindow .linksinfo a{display:inline-block; color:#000;}
.mod_mobile .acrdwindow .linksinfo span{height:1px; background-color:#000; width:24px; position:relative; top:-5px; display:inline-block; margin-right:10px; margin-left:10px;}

.mod_mobile .mob_sec4{position:relative;}

.body_mobile .mob_sec4 .form_1{position:relative;}
.body_mobile .mob_sec4 .form_1 .formloader{background:url(../images/formbg.png); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; display:none;}
.body_mobile .mob_sec4 .form_1 .formloader .lv1{width: 100px; margin: 0 auto; text-align: center; position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.body_mobile .mob_sec4 .form_1 .formloader .lv1 img{width:100%; height:auto;}
.body_mobile .mob_sec4 .form_1 .formloader .notesend{position: relative; top: -10px; color:#fff;}



@media (max-width:1024px){
	.mob_sec4 .form_1{padding-bottom:0%;}
}

@media (max-width:600px){
	.mod_mobile .mob_sec3 .thumbnailsx ul li{width:33.3%;}
	.mod_mobile .mob_sec3 .thumbnailsx{max-width:400px;}
}

@media (max-width:500px){
	.mod_mobile .slider_client_mobile .slider ul.iconset{text-align:center;}
	.mod_mobile .slider_client_mobile .slider ul.iconset li .spacer{padding:0px;}
	.mod_mobile .slider_client_mobile .slider ul.iconset li{display:inline-block; width:150px; float:none;}
}