@font-face {
	font-family: '3ds';
	src: url('3ds-SemiBold.eot');
	src: url('3ds-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('3ds-SemiBold.woff') format('woff'),
		url('3ds-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: '3ds';
	src: url('3ds-Light.eot');
	src: url('3ds-Light.eot?#iefix') format('embedded-opentype'),
		url('3ds-Light.woff') format('woff'),
		url('3ds-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}



body{
	font-family: '3ds', sans-serif !important;
	
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
    color: #fff !important;
    
}
/*-----button */
.primary_button{	
	font-family: '3ds', sans-serif;
	font-weight: 300;
	text-decoration: none;
	font-size: 80% !important;
	border-radius: 5px  !important;
	padding: 10px !important;
}
.primary_button:hover{	
	background-color: #33353b !important;
}
.primary_button i{
padding: 0 13px 0 0;
vertical-align: middle !important;
}
.primary_button2{	
	font-family: '3ds', sans-serif;
	font-weight: 300;
	text-decoration: none;
	font-size: 90% !important;
	border-radius: 5px  !important;
	padding: 10px !important;
}
.primary_button2:hover{	
	background-color: #33353b !important;
}
.primary_button2 i{
padding: 0 13px 0 0;
vertical-align: middle !important;
}

.line_button{	
   font-weight: 300;
	font-family: '3ds', sans-serif;
	text-decoration: none;
	background-color: rgba(0,0,0,0) !important;
	font-size: 90% !important;
	border: 1px solid white !important;
	padding: 10px !important;
}
.line_button2{	
   font-weight: 300;
	font-family: '3ds', sans-serif;
	text-decoration: none;
	background-color: rgba(0,0,0,0) !important;
	font-size: 100% !important;
	border: 1px solid white !important;
	padding: 4px 20px !important;
	border-radius: 20px  !important;
	margin: auto 3px   !important;
}
.line_button:hover{	
	background-color: #33353b !important;
}
.line_button2:hover{	
	background-color: #fff !important;
	color: #999  !important;
}



/*-----menu */
.menubar{
	background-color: rgba(255,255,255,0);
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
    height: 3em;
	
}
.menubarbackground{
	background-color: rgba(255,255,255,1);
    transition: background-color 0.1s ease;
    -webkit-transition-delay: 0.1s; /* Safari */
    transition-delay: 0.1s;
}
.menubar .logo{
	margin: 1em 80px;
	float: left;
}
.menubar .menu{
	position: absolute;
	top:-3px;
	right: 80px;
}
.menubar .menu ul{
	list-style: none;
}
.menubar .menu li{
	float: left;
	margin: 0 1px;
	font-family: '3ds', sans-serif;
	font-size: 110%;	
	font-weight: 300; 
}

.menubar .menu a{
	margin: 0px;
	text-decoration: none;
	color: #fff;
	opacity: 0.6;
	padding: 5px 10px;
	border: 1px solid rgba(0,0,0,0);
}

.menubar .menu a:hover{
	opacity: 1;
}

#mofilylogo{
display: none;
}
#mofilylogo_white{
display: none;
}
#mofilylogo_small{
display: none;
}
#mofilylogo_small_white{
display: none;
}

#mofilylogo_white{
display: block
}

@media (max-width: 500px){
.menubar .logo{
	margin: 1em 15px;
	float: center;
	display: block;
}
.menubar .menu{
	position: absolute;
	top:-3px;
	right: 10px;
}

.menubar .menu li{
	margin: 0 2px;
	font-size: 110%;	
}
.menubar .menu a{

	padding: 2px 5px;
}
}
@media (max-width: 600px){
.menubar .logo{
	margin: 1em 15px;
	float: center;
	display: block;
	
}
#mofilylogo{
width: 50px;
}
#mofilylogo_white{
width: 50px;
}
.menubar .menu{
	position: absolute;
	top:-3px;
	right: 10px;
}

.menubar .menu li{
	margin: 0 2px;
	font-size: 70%;	
}
.menubar .menu a{

	padding: 2px 2px;
}
}

/* -----------------------------------------------------------section 1 */


.section1{
	margin-top: 250px;
	width: 100%;
	text-align: center;
    position: absolute;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	color: #fff !important;
	font-size: 180%;
	}
.yocam{
	margin-bottom: 10px;	
	width: 200px;
}
.canvas { 
    width: 100%;
    overflow: hidden;
}
video{
	width:100%;
}


.stopfade { 
   opacity: .5;
}
@media (max-width: 1100px)  and (orientation: landscape) {
	.yocam{
		width: 150px;
    }
    .section1{
		margin-top: 150px;
		font-size: 150%;
	}
}
@media (max-width: 800px)  and (orientation: landscape) {
	.section1{
		margin-top: 100px;
		font-size: 100%
	}
}
@media (max-width: 600px)  and (orientation: landscape) {
	.section1{
		margin-top: 50px;
		font-size: 90%
	}
}
@media (max-width: 1100px)  and (orientation: portrait) {
	.section1{
		margin-top: 80px;
	}
}
@media (max-width: 800px)  and (orientation: portrait) {
	.yocam{
		width: 150px;
    }
    .section1{
		font-size: 130%;
	}
}
@media (max-width: 500px)  and (orientation: portrait) {
	.yocam{
		width: 100px;
    }
    .section1{
		font-size: 100%;
	}
	
    video{
	    width:150%;
    }
    video::-webkit-media-controls {
    display:none !important;
}


}
@media (max-width: 400px)  and (orientation: portrait) {
	video { 
	    width: 200%;
	}

}
@media (max-width: 320px)  and (orientation: portrait) {
}
/* -----------------------------------------------------------section 2 */

.row{
	height: 100%;
}
.middle_aligned_container{
 height: 100%;
 width: 100%;
 display: table;
}



.section2{
     height: 100%;
 	 background: #fff; 
}

.ba_2{
	background: url("../myimages/section2_bg.jpg") no-repeat -10% bottom; 
	background-size: 110%;	
}

.section2_content{
	overflow: hidden;
	color: #000 !important;
	
	font-size: 120%;
	text-align: center;
	
	padding-left: 450px;
	 display:table-cell;
	 vertical-align: middle;
}
.section2_content b{
	font-family: '3ds', sans-serif;
	font-size: 170%;
	text-align: center;
}
.section2_image{
	margin: 60px 0 0 0;
	text-align: center;
	/* background: red; */
	overflow: hidden;
	vertical-align: bottom;
	height: 300px;
}

.section2_bbox{
	padding: 10px;
	width: 160px;
	border: 3px solid black;
	margin: 10px 1px;;
	display: inline-block;
	
	font-size: 90%;
	text-align: center;
}
.section2_bbox b{
	font-family: '3ds', sans-serif;
	font-size: 250%;
}
.section2_bbox div{
	width: 100%;
	border-bottom: 2px solid black;
	margin: 0px auto;
	margin-bottom: 5px;
}
.section2_bbox span{
	opacity: 0;	
}
@media (max-width: 1100px)  and (orientation: landscape) {

	.section2{
     height: 90%;	
   }

	.section2_content{
	vertical-align: top;
	font-size: 110%;
	padding: 50px 20px 100px 20px;	
	}

}

@media (max-width: 800px)  and (orientation: landscape) {
	.section2{
    height: 100%;	
    }
	.section2_content{
	
	font-size: 100%;
	}
   .ba_2{
	background: url("../myimages/section2_bg.jpg") no-repeat -25% bottom; 
	background-size: 130%;	
    }
}
@media (max-width: 750px)  and (orientation: landscape) {
	.section2{
    height: 150%;	
    }
	.section2_content{
	font-size: 90%;
	}
}

@media (max-width: 700px)  and (orientation: landscape) {
	.section2{
    height: 150%;	
    }
	.section2_content{
	font-size: 90%;
	}

}

@media (max-width: 600px)  and (orientation: landscape) {

	.section2{
    height: 150%;	
    }
	.section2_content{
	font-size: 75%;
	}
   .ba_2{
	background: url("../myimages/section2_bg.jpg") no-repeat -20% bottom; 
	background-size: 140%;	
    }
}
@media (max-width: 1100px)  and (orientation: portrait) {
	.section2{
    height: 100%;	
    }
	.section2_content{
	vertical-align: top;
	font-size: 180%;
	padding: 100px;
	}

    .ba_2{
	background: url("../myimages/section2_bg.jpg") no-repeat -20% bottom; 
	background-size: 140%;	
	}
}
@media (max-width: 800px)  and (orientation: portrait) {
	.section2{
    height: 100%;	
    }
	.section2_content{
	font-size: 130%;
	padding: 100px;
	}

    .ba_2{
	background: url("../myimages/section2_bg.jpg") no-repeat -20% bottom; 
	background-size: 140%;	
	}
}
@media (max-width: 450px)  and (orientation: portrait) {
	.section2{
    height: 100%;	
    }
	.section2_content{
	font-size: 100%;
	padding: 30px;
	}

    .ba_2{
	background: url("../myimages/section2_bg.jpg") no-repeat 0% bottom; 
	background-size: 170%;	
	}
}
@media (max-width: 380px)  and (orientation: portrait) {
	.section2{
    height: 90%;	
    }
}
@media (max-width: 350px)  and (orientation: portrait) {
	.section2{
    height: 90%;	
    }
	.section2_content{
	font-size: 90%;
	padding: 30px;
	}

    .ba_2{
	background: url("../myimages/section2_bg.jpg") no-repeat 0% bottom; 
	background-size: 160%;	
	}
}
/* -----------------------------------------------------------section 3 */

.section3{
	background-color: #000;
	height: 100%;
	
}

.section3_content{	
   position:relative;
	bottom:-40%;
   height: 300px;

    text-align: left;
	font-size: 120%;
	margin: 0px auto;
	padding: 0 50px;
}
.section3_content b{
	font-family: '3ds', sans-serif;
	font-size: 170%;
}
.blacktext{
	color: #000 !important; 
}
.ba_3{
	background: url("../myimages/section3.1_bg.jpg") no-repeat center 30%; 
	background-size: 135%;	
}
.makedivright{
    float:right !important;  
}

@media (max-width: 1400px)  and (orientation: landscape) {
.ba_3{
	background: url("../myimages/section3.1_bg.jpg") no-repeat center 30%; 
	background-size: 140%;	
}
}

@media (max-width: 1100px)  and (orientation: landscape) {
.ba_3{
	background: url("../myimages/section3.1_bg.jpg") no-repeat center center; 
	background-size: 150%;	
}
.section3_content{	
bottom:-17%;
	font-size: 100%;
	padding: 0 15px;
}

}



@media (max-width: 1200px) and (orientation: portrait) {
.makedivright{
    float:center !important;  
}

	.ba_3{
	background: url("../myimages/section3.1_bg.jpg") no-repeat 30% center; 
	background-size: 330%;	
}
.section3_content{	
bottom:-17%;
	font-size: 100%;
	padding: 0 15px;
}
}


/* -----------------------------------------------------------section 4 */

.section4{
	background-color: #000;
	height: 100%;
	
}

.ba_4_1{
	background: url("../myimages/section4_1.jpg") center center; 
	background-size: cover;	
}
.ba_4_2{
	background: url("../myimages/section4_2.jpg") center center; 
	background-size: cover;	
}
.ba_4_3{
	background: url("../myimages/section4_3.jpg") center center; 
	background-size: cover;	
}
.ba_4_4{
	background: url("../myimages/section4_4.jpg") center center; 
	background-size: cover;	
}

.section4_content{
	position:relative;
	top:25%;
   height: 300px;

    text-align: center;
	font-size: 130%;
	padding: 200px 200px 150px 200px;
}
.section4_content b{
	font-family: '3ds', sans-serif;
	font-size: 180%;
}

@media (max-width: 800px)  and (orientation: landscape) {
.section4_content{
	font-size: 100%;
	padding: 150px 100px 50px 100px;
}
}
@media (max-width: 700px)  and (orientation: landscape) {
.section4_content{
	font-size: 100%;
	padding: 100px 80px 50px 80px;
}
}
@media (max-width: 600px)  and (orientation: landscape) {
.section4_content{
	font-size: 90%;
	padding: 70px 70px 50px 70px;
}
}
@media (max-width: 1100px)  and (orientation: portrait) {
.section4_content{
	font-size: 180%;
	padding: 150px 100px 50px 100px;
}
}
@media (max-width: 500px)  and (orientation: portrait) {
.section4_content{
	font-size: 100%;
	padding: 150px 60px 50px 60px;
}
}
@media (max-width: 400px)  and (orientation: portrait) {
.section4_content{
	font-size: 90%;
	padding: 100px 40px 50px 40px;
}
}

/* -----------------------------------------------------------section 5 */
.section5{
	background-color: #000;
}
.circle{
	border-radius: 40px;
	margin: 0px auto;
	width: 45px;
	color: #fff;
	background-color: #444444;
}
.section5_content{
		color: #000;
		text-align: center;
		background-color: #fff;
	}

.section5_description{
	text-align: center;
	padding: 35px 0 35px 0px;
	font-family: '3ds', sans-serif;
	font-size: 180%;
	background: rgba(255,255,255,1);
	width: 100% !important;
	margin: auto;
	margin-top: 350px;
	
}


.ba_5_1{
	background: url("../myimages/section5.1_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_5_2{
	background: url("../myimages/section5.2_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_5_3{
	background: url("../myimages/section5.3_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_5_4{
	background: url("../myimages/section5.4_bg.jpg") no-repeat center center ; 
	background-size: cover;
}


/* -----------------------------------------------------------section 6 */
.section6{
	background-color: #000;
}
.section6_content{
		color: #000;
		height: 500px;
		text-align: center;
	}
	.section6_content2{
		
		color: #000;
		text-align: center;
	}
	.section6_description2{
padding: 50px 200px;
	text-align: center;
	font-family: '3ds', sans-serif;
	font-size: 120%;
	background: #fff;
	width: 100% !important;
	
}
.section6_description2 b{
font-size: 170%;
}
.section6_play_bt{
	width: 80px;
	height: 80px;
	margin-right: 10px;
	margin-top: 120px;
	margin-bottom: 2px;
}
.section6_play_bt:hover{
	opacity: 0.8;
	transform: scale(1.1); 
	transition-duration: 0.2s;
}
.column_fix{
	padding: 0px !important;
}
.section6_description{
	color: #fff;
    
	padding: 15px 0 20px 30px;
	text-align: left;
	font-family: '3ds', sans-serif;
	font-size: 130%;
	background: rgba(0,0,0,0.75);
	width: 100% !important;
	margin: auto;
	margin-top: 170px;
	
}


.ba_6_1{
	background: url("../myimages/section6.1_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_6_2{
	background: url("../myimages/section6.2_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_6_3{
	background: url("../myimages/section6.3_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_6_4{
	background: url("../myimages/section6.4_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_6_5{
	background: url("../myimages/section6.5_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
.ba_6_6{
	background: url("../myimages/section6.6_bg.jpg") no-repeat center center ; 
	background-size: cover;
}
@media (max-width: 800px)  and (orientation: landscape) {
	.section6_description2{
padding: 50px 100px;
	text-align: center;
	font-family: '3ds', sans-serif;
	font-size: 100%;
	background: #fff;
	width: 100% !important;
	
}
}
@media (max-width: 500px)  and (orientation: portrait) {
	.section6_description2{
padding: 50px 50px;
	text-align: center;
	font-family: '3ds', sans-serif;
	font-size: 100%;
	background: #fff;
	width: 100% !important;
	
}
}
@media (max-width: 320px)  and (orientation: portrait) {
	.section6_description2{
padding: 50px 50px;
	text-align: center;
	font-family: '3ds', sans-serif;
	font-size: 80%;
	background: #fff;
	width: 100% !important;
	
}
}

/* -----------------------------------------------------------section 7 */

.section7{
	background-color: #000;
	height: 100%;
	overflow: hidden;
}

.ba_7{
	
	background: url("../myimages/section7_bg.jpg") center 20%; 
	background-size: 120%;	
	background-repeat: no-repeat;
}

.section7_content{

   position:relative;
	bottom:-62%;

    text-align: center;
	font-size: 120%;
	margin: 0px auto;
	color: #000;
	padding: 0 200px;
}

.section7_content b{
	font-family: '3ds', sans-serif;
	font-size: 170%;
}

@media (max-width: 1400px)  and (orientation: landscape) {

}
@media (max-width: 1100px)  and (orientation: landscape) {
.section7_content{
font-size: 120%;
padding: 0 200px;
bottom:-60%;

}
}

@media (max-width: 800px)  and (orientation: landscape) {

.section7_content{
font-size: 90%;
padding: 0 100px;
bottom:-60%;

}
}
@media (max-width: 750px)  and (orientation: landscape) {

.section7_content{
font-size: 85%;
padding: 0 100px;
bottom:-50%;

}
}
@media (max-width: 700px)  and (orientation: landscape) {

.section7_content{
font-size: 85%;
padding: 0 100px;
bottom:-50%;
}
}
@media (max-width: 600px)  and (orientation: landscape) {

.section7_content{
font-size: 70%;
padding: 0 60px;
bottom:-50%;
}
}
@media (max-width: 1100px)  and (orientation: portrait) {

.ba_7{
	
	background: url("../myimages/section7_bg.jpg") center 0%; 
	background-size: 150%;	
	background-repeat: no-repeat;
}
.section7_content{
font-size: 130%;
padding: 60px;
bottom:-40%;

}
}
@media (max-width: 800px)  and (orientation: portrait) {
.section7_yocam{
	width:100px;
}
.ba_7{
	
	background: url("../myimages/section7_bg.jpg") center 0%; 
	background-size: 130%;	
	background-repeat: no-repeat;
}
.section7_content{
font-size: 100%;
padding: 30px;
bottom:-40%;

}
}
@media (max-width: 330px)  and (orientation: portrait) {
.section7_yocam{
	width:90px;
}
.section7_content{
font-size: 85%;
padding: 20px;
bottom:-30%;

}
}
/* -----------------------------------------------------------section 8 */

.section8{
	overflow: hidden;
}
.section8_content{
   position:relative;
	height: 100%;
	height: 800px;

    text-align: center;
	font-size: 120%;
	margin: 0px auto;
	color: #000;
	padding: 40px 50px !important;
}
.ba8_1{

background-color: #fbb731;
}
.ba8_2{
background-color: #63a1c9;
}
.ba8_3{
background-color: #88bb5a;
}
.section8_content b{
margin: 70px auto;
	font-family: '3ds', sans-serif;
	font-size: 170%;
}
.section8_app{
width:200px;
}
@media (max-width: 800px)  and (orientation: landscape) {
.section8_content{
font-size: 90%;
}
}
@media (max-width: 800px)  and (orientation: portrait) {
.section8_content{
font-size: 110%;
}
}

/* -----------------------------------------------------------section 9 */

.section9{
	background-color: #000;
	height: 100%;
	
}

.ba_9{
	background: url("../myimages/section9_bg.jpg") center top; 
	background-size: 100%;	
}

.section9_content{
	position:relative;
	top:35%;
   height: 300px;

    text-align: center;
	font-size: 130%;
	padding: 0 200px;
}
.section9_content b{
	font-family: '3ds', sans-serif;
	font-size: 180%;
}


@media (max-width: 600px){
.ba_9{
background-size: 200%;	
}
.section9_content{
font-size: 100%;
padding: 50px;
}
.section9_content b{
	font-size: 120%;
}

}

/* -----------------------------------------------------------section 10 */

.section10{
	 background: #fff;
	 }
.section10_image{
	overflow: hidden;
	height: 100%;
	margin: 100px 0;
	
}
.section10_content{
	color: #000;
	vertical-align: middle;
	font-size: 130%;
	padding: 250px 100px;
	font-weight: 300;
}



@media (max-width: 1100px) and (orientation: landscape) {
	.section10_content{
		color: #000;
		vertical-align: middle;
		font-size: 95%;
		padding: 60px 100px;
		margin: 80px 0px ;	
	}
}
@media (max-width: 800px) and (orientation: landscape) {
	.section10_image{
/* 	background-color: red; */
	overflow: hidden;
	height: inherit;
	margin: 0px 0 0 0px;
	padding: 40px 0 0 0;
	}
	.section10_content{
/* 		background-color: green; */
		color: #000;
		vertical-align: middle;
		font-size: 95%;
		padding: 0px 0px 0 0;
		margin: 90px 0px 0 0;	
	}
}
@media (max-width: 750px) and (orientation: landscape) {
	.section10_image{
/* 	background-color: red; */
	overflow: hidden;
	height: inherit;
	margin: 0px 0 0 0px;
	padding: 70px 0 0 0;
	}
	.section10_content{
/* 		background-color: green; */
		color: #000;
		vertical-align: middle;
		font-size: 95%;
		padding: 0px 0px 0 0;
		margin: 100px 0px 0 0;	
	}
}
@media (max-width: 700px) and (orientation: landscape) {
	.section10_image{
/* 	background-color: red; */
	overflow: hidden;
	height: inherit;
	margin: 0px 0 0 0px;
	padding: 60px 0 0 0;
	}
	.section10_content b{
	font-family: '3ds', sans-serif;
	font-size: 110%;
	
}
	.section10_content{
/* 		background-color: green; */
		color: #000;
		vertical-align: middle;
		font-size: 95%;
		padding: 0px 0px 0 0;
		margin: 120px 0px 0 0;	
	}
}
@media (max-width: 600px) and (orientation: landscape) {
	.section10_image{
		margin: 20px 0 0 0;
		text-align: center;}
		
	.section10_content{
		width: 100% !important;
		font-size: 90%;
		text-align: center;

		margin: 0px auto;
		padding: 20px !important;
	}
}
@media (max-width: 800px) and (orientation: portrait) {
	.section10_image{
/*     background-color: red; */
	overflow: hidden;
	height: inherit;
	padding: 20px 0 0 0;
	}

	.section10_content{
/* 		background-color: green; */
		color: #000;
		vertical-align: middle;
		font-size: 95%;
		margin: 10px 0px 0 0;	
	}

}
@media (max-width: 500px) and (orientation: portrait) {
	.section10_image{
		margin: 20px 0 0 0;
		text-align: center;
	}
	.section10_content{
	text-align: center;
		width: 100% !important;
		font-size: 90%;

		margin: 0px auto;
		padding: 20px !important;
	}
}



/* -----------------------------------------------------------section8 */
.section_press{
	background-color: #232323;
	padding: 10px;
	text-align: center;
	
}

.section_press img{
	margin: 10px 10px;
	height: 50px;
}

/* -----------------------------------------------------------footer */

.footer{
	background-color: #4c4c4c;
	padding: 50px 20px 40px 50px;
}
.footer_copyright{
	color: #ccc;
	font-size: 90%;
	margin: 10px 0 0 0;
}

.footer_menu ul{ 
	list-style: none;
	padding: 0;
}
.footer_menu li{
	font-size: 100%;
	margin: 5px 0;
}
.footer_menu a{
	text-decoration: none;
	color: #dddddd;
}
.footer_menu a:hover{
	color: #fff;
}
.footer_menu .flag{

	width:20px;
	margin: 0px 10px 0 0px;
}
.footer_menu .s_bt{
	width:20px;
	margin: 5px 0 0 5px;
}
.footer_subscription label{
	color: #fff !important;
	
}
@media (max-width: 800px){
.footer{
	padding: 50px 20px;
}
.footer_menu li{
	margin: 0 4px;
	font-size: 50%;
}


}
@media (max-width: 600px){
.footer_menu ul{
text-align: center;
padding: 0px;
	margin: 0px;
	list-style: none;
}

.footer_menu li{
float: center;
	margin: 4px auto;
	font-size: 100%;
}
.footer_s_bt{
	margin: 20px 0 40px 0;
	text-align: center;
}

.footer_copyright{
text-align: center;
	color: #ccc;
	font-size: 90%;
}

}
/* -----------------------------------------------------------gallery */

.gallery{
display: table;
width: 100%;
}
.gallery .title{
font-family: '3ds', sans-serif;
	font-size: 110% !important;
margin: 30px 0 20px 0;
	color: #000;
	text-align: center;
	font-size: 23px;
	
}

.video-container, .image-container{
text-align: center;
	background-color: #f5f5f5;
	padding: 7px 0;
}


.thumbnail {
display: table-cell;
  position: relative !important;
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 10px;
  border: 1px solid #666;
  background-position: center center;
    background-size: cover;
}

@media (max-width: 400px){
.thumbnail {
display: table-cell;
  position: relative !important;
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin: 7px;
  border: 1px solid #666;
  background-position: center center;
    background-size: cover;
}
}
/* -----------------------------------------------------------spec */
.spec_title{
font-family: '3ds', sans-serif;
color: #3b3b3b;
font-size: 110%;
padding: 40px 30px !important;
	
}
.spec_content{
color: #737373;
border-left: 1px solid #ccc;
padding: 40px 30px !important;
font-size: 100%;
text-align: center;
	
}
.spec_content2{
color: #737373;
padding: 20px 30px !important;
font-size: 100%;
	
}
tr:nth-child(even) {background-color: #fff !important;}
.
{
	text-align: right;
}
td{
	text-align: left;
}
.specs03{
width: 60%;
	
}
.totheleft{
text-align: left;
	
}
.spec_separator{
height: 1px;
background-color: #ccc;
	
}
.as_title{
color: black;
display: inline-block;
padding: 7px;
height: 50px;
top:-10px;
position: relative;
width: 60px;
font-size:70%;

	
}
.as_block{
display: inline-block;
	text-align: center;
	border: 1px solid black;
	border-radius: 2px;
	width: 120px;
	padding: 5px;
	height: 50px;
	font-size:55%;
	margin: 0 5px;
}
.as_block .large{
font-size: 150%;
}
.as_block .largede{
font-size: 120%;
}
.as_block .large_middle{
font-size: 150%;
position: relative;
top:8px;
}
.as_block_s{
	display: inline-block;
	text-align: center;
	border: 1px solid black;
	border-radius: 2px;
	width: 140px;
	padding: 5px;
	height: 50px;
	font-size:55%;
	margin: 0 5px;
}
.as_block_s span{
font-size: 150%;
position: relative;
top:8px;
}

.a_title{
font-size: 110%;
color: #2b2b2b;	
}

.a_thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
/*   float: left; */
  display: inline-block;
  border: 1px solid #acacac;
  border-radius: 50%;
  margin: 10px;
}
.a_thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.a_thumbnail img.portrait {
  width: 100%;
  height: auto;
}
.a_separator{
	height: 1px;
	width: 100%;
	background-color: #e2e2e2;
}
@media (max-width: 420px){
.spec_title{
border-bottom: 1px solid #f4f4f4;
	
}
.as_title{
height: 30px;
text-align: center;
margin: 0 auto;
display: block;
padding: 7px;
width:100px;
top:-10px;
position: relative;
margin-top: 20px;

	
}
.as_block{
display: inline-block;
	text-align: center;
	border: 2px solid black;
	border-radius: 2px;
	width: 45%;
	padding: 5px;
	height: 60px;
	font-size:69%;
	margin: 10px 5px;
}
.as_block_s{
	display: inline-block;
	text-align: center;
	border: 2px solid black;
	border-radius: 2px;
	width: 65%;
	padding: 5px;
	height: 60px;
	font-size:69%;
	margin: 10px 5px;
}

.spec_content{
border-left: 0px solid #ccc;
padding: 20px 20px 50px 20px !important;

}
.specs03{
width: 100%;
	
}
.test{
	display: none;
}
}
@media (max-width: 320px){

.as_title{
	text-align: center;
	margin: 0 auto;
	display: block;
	padding: 7px;
	width:100px;
	top:-10px;
	position: relative;
	margin-top: 20px;

	
}
.as_block{
	display: inline-block;
	text-align: center;
	border: 2px solid black;
	border-radius: 2px;
	width: 47%;
	padding: 5px;
	height: 50px;
	font-size:55%;
	margin: 5px 2px;
}
.as_block_s{
	display: inline-block;
	text-align: center;
	border: 2px solid black;
	border-radius: 2px;
	width: 67%;
	padding: 5px;
	height: 50px;
	font-size:58%;
	margin: 5px 2px;
}


}

.faq-container{
margin: auto;
width: 70%;
	color: #555555;
	text-align: left;
}
.faq-container .titletext{
font-family: '3ds', sans-serif;
color: #000;
font-size: 120% !important;
}

.faq-container .question{
text-align: left;
padding: 10px 0 0px 10px;
 font-size: 100%;
 color: #2f4b86;
}

.faq-container .answer{
padding: 5px 0 0px 15px;
 font-size: 90%;
 color: #4a4a4a !important;
 display: none;
}
.faq-container .answer li{
list-style: decimal;
}

.faq-container .answer a{
color: #888;
}
.faq-container .answer_video{
padding: 5px 0 0px 15px;
 font-size: 90%;
 color: #4a4a4a !important;
 display: block;
}
.faq-container .answer_video li{
list-style: decimal;
}

.faq-container .answer_video a{
color: #888;
}

/* -----------------------------------------------------------general */

.general-container{
margin: auto;
width: 70%;
	color: #555555;
	text-align: left;
}

.general-container .titletext{
font-family: '3ds', sans-serif;
color: #000;
font-size: 120% !important;
}

.general-container .content{
padding: 5px 0 0px 15px;
 font-size: 90%;
 color: #4a4a4a !important;
}
.general-container .content li{
list-style: decimal;
}

.general-container .content a{
color: #888;
}