@charset "utf-8";
/* CSS Document */
@import url("fonts.css");

/* tab */
.content { margin: 0; padding: 30px 0; width: 100%; position: relative; background-color: #fff; }
.tab { margin: 0 auto; padding: 0; width: 1000px; }
.tab p { font-family: 'tenagabold', Arial, sans-serif; font-size: 16px; text-transform: uppercase; }
.tab p a { color: #666; }
.tab p a:hover { padding: 10px 20px; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #e44126; }
.tab p a.selected { padding: 10px 20px; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #e44126; cursor: default; }
.fixed-header { position: fixed; top: 0; left: 0; z-index: 6; }

/* lists */
.is_a { background-color: #e44126; }
.is_s { background-color: #005da9; }
.is_g { background-color: #ffc200; }
.is_v { background-color: #189b43; }
.overBg { -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.8); box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.8); }
.overBg2 { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); }
.item { display: none; }
.ga_item { display: none; }
.content2 { margin: 0; padding: 60px 0 80px 0; width: 100%; position: relative; }
.bg_gradient { background: url("../img/gradient_bar.png") top left repeat-y #ca0054; }
.lists { margin: 0 auto; padding: 0; width: 1020px; position: relative; }
.l_ind { margin: 25px auto 0 auto; padding: 0; width: 315px; position: relative; background: center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-border-radius: 0px 40px 0px 40px; -moz-border-radius: 0px 40px 0px 40px; border-radius: 0px 40px 0px 40px; }
.l_ind_title { margin: 0; padding: 6px 0; width: 130px; -webkit-border-radius: 0px 10px 0px 10px; -moz-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; text-align: center; }
.l_ind_title p { margin: 0; font-family: 'tenaga', Arial, sans-serif; font-size: 16px; color: #fff; text-transform: uppercase; }
.l_ind_info { margin: 0; padding: 160px 25px 30px 25px; }
.gallery_space { padding: 313px 25px 29px 25px; }
.video_space { padding: 158px 25px 159px 25px; text-align: center; }
.l_ind_info h1 { margin: 10px 0 0 0; font-family: 'tenagabold', Arial, sans-serif; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 20px; }
.l_ind_info p { margin: 20px 0 0 0; font-family: 'tenaga', Arial, sans-serif; font-size: 14px; color: #fff; }
.l_ind_info p.date { margin: 0; font-size: 16px; }
.share { margin: 30px 0 0 0; padding: 0; }
.share p { margin: 3px 0 0 0; font-family: 'tenagabold', Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; }
.share p a { color: #fff; }
.share p a:hover { color: #e44126; }
.lm { margin: 30px 0 0 0; padding: 0; position: relative; width: 100%; text-align: center; }

/* gallery detail page */
.ga_content { margin: 0; padding: 60px 0 80px 0; width: 100%; position: relative; background-color: #e5e5e5; }
.select { margin: 0 auto; padding: 0; position: relative; display: inline-block; width: 300px; }  
.select select { padding: 10px 15px; font-family: 'tenaga', Arial, sans-serif; font-size: 16px; text-transform: uppercase; display: inline-block; width: 100%; cursor: pointer; outline: 0; border: 2px solid #E44126; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; color: #F44336; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.select select::-ms-expand { display: none; }
.select select:hover, .select select:focus { color: #F44336; background: #fff; }
.select select:disabled { opacity: 0.3; pointer-events: none; }
.select_arrow { padding: 3px; position: absolute; top: 18px; right: 15px; width: 0; height: 0; border: solid #f44336; border-width: 0 2px 2px 0; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.ga_list { margin: 30px auto 0 auto; padding: 0; width: 1000px; }
.ga_ind { margin: 20px auto 0 auto; padding: 0; width: 230px; overflow: hidden; position: relative; background: center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-border-radius: 0px 40px 0px 40px; -moz-border-radius: 0px 40px 0px 40px; border-radius: 0px 40px 0px 40px; }

/* only for safari and chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper { /*padding-top: 20px;*/ padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 
	.gallery_space { padding: 313px 25px 23px 25px; }
	.video_space { padding: 158px 25px 152px 25px; }
}

/* only for IE10 or above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media only screen and (max-width: 1024px) {
	/* lists */
	.content2 { padding: 20px 20px 80px 20px; width: auto; }	
	.lists { margin: 0 auto; width: auto; }
	
	/* gallery detail page */
	.ga_content { padding: 30px 20px 80px 20px; width: auto; }		
	.ga_list { margin: 20px auto 0 auto; width: auto; }
}

@media only screen and (min-width: 991px) and (max-width: 1023px) {
	/* tab */
	.content { padding: 30px 20px; width: auto; }
	.tab { margin: 0; width: auto; }

	/* lists */
	.content2 { padding: 20px 20px 80px 20px; width: auto; }
	.lists { margin: 0; width: auto; }	
	
	/* gallery detail page */
	.ga_content { padding: 30px 20px 80px 20px; width: auto; }		
	.ga_list { margin: 20px auto 0 auto; width: auto; }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	/* tab */
	.content { padding: 30px 20px; width: auto; }
	.tab { margin: 0; width: auto; }
	
	/* lists */
	.content2 { padding: 20px 20px 80px 20px; width: auto; }
	.lists { margin: 0; width: auto; }	
	
	/* gallery detail page */
	.ga_content { padding: 30px 20px 80px 20px; width: auto; }		
	.ga_list { margin: 20px auto 0 auto; width: auto; }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {	
	/* tab */
	.content { padding: 30px 20px; width: auto; }
	.tab { margin: 0; width: auto; }
	.top_space { margin: 0 0 25px 0; }

	/* lists */
	.content2 { padding: 20px 20px 80px 20px; width: auto; }
	.lists { margin: 0; width: auto; }	
	.l_ind { width: 100%; }
	.l_ind_info { padding: 60px 25px 30px 25px; }
	.gallery_space { padding: 60px 25px 30px 25px; }
	.video_space { padding: 60px 25px; }

	/* gallery detail page */
	.ga_content { padding: 30px 20px 80px 20px; width: auto; }	
	.ga_list { margin: 20px auto 0 auto; width: auto; }
}

/* Smartphones (other smartphones portrait) */
@media only screen and (min-width: 481px) and (max-width: 640px) {
	/* tab */
	.content { padding: 30px 20px; width: auto; }
	.tab { margin: 0; width: auto; }
	.top_space { margin: 0 0 25px 0; }
	
	/* lists */
	.content2 { padding: 20px 20px 80px 20px; width: auto; }
	.lists { margin: 0; width: auto; }	
	.l_ind { width: 100%; }
	.l_ind_info { padding: 60px 25px 30px 25px; }
	.gallery_space { padding: 60px 25px 30px 25px; }
	.video_space { padding: 60px 25px; }	
	
	/* gallery detail page */
	.ga_content { padding: 30px 20px 80px 20px; width: auto; }	
	.ga_list { margin: 20px auto 0 auto; width: auto; }
	.ga_ind { margin: 10px auto 0 auto; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
}

/* Smartphones (Landscape) */
@media only screen and (min-width: 321px) and (max-width: 480px) {
	/* tab */
	.content { padding: 30px 20px; width: auto; }
	.tab { margin: 0; width: auto; }
	.top_space { margin: 0 0 25px 0; }
	
	/* lists */
	.content2 { padding: 20px 20px 80px 20px; width: auto; }
	.lists { margin: 0; width: auto; }	
	.l_ind { width: 100%; }
	.l_ind_info { padding: 60px 25px 30px 25px; }
	.gallery_space { padding: 60px 25px 30px 25px; }
	.video_space { padding: 60px 25px; }	
	
	/* gallery detail page */
	.ga_content { padding: 30px 20px 80px 20px; width: auto; }
	.select { margin: 0; width: 260px; }  
	.ga_list { margin: 20px auto 0 auto; width: auto; }
	.ga_ind { margin: 10px auto 0 auto; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }	
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
	/* tab */
	.content { padding: 30px 20px; width: auto; }
	.tab { margin: 0; width: auto; }
	.top_space { margin: 0 0 25px 0; }
	
	/* lists */
	.content2 { padding: 15px 20px 80px 20px; width: auto; }
	.lists { margin: 0; width: auto; }
	.l_ind { width: 100%; }
	.l_ind_info { padding: 60px 25px 30px 25px; }
	.gallery_space { padding: 60px 25px 30px 25px; }
	.video_space { padding: 60px 25px; }
	
	/* gallery detail page */
	.ga_content { padding: 30px 20px 80px 20px; width: auto; }
	.select { margin: 0; width: 260px; }  	
	.ga_list { margin: 20px auto 0 auto; width: auto; }
	.ga_ind { margin: 10px auto 0 auto; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
}