@charset "utf-8";
/* CSS Document */

.sub_slide{
	background-attachment:fixed;
	width:100%;
	height:400px;
	position:relative;
	/*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/
}

.m_slide{
	background-attachment:fixed;
	width:100%;
	height:300px;
	position:relative;
	/*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/
}

/******************************
 SUBPAGE_SLIDE
*******************************/
#subpage_slide {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#subpage_slide .parallaxbg {
	position:absolute;
	left:0px;
	top:0px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

#subpage_slide .bg_pattern {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:400px;
	margin-top:0px;
	margin-left:0px;
}

#subpage_slide .sub_text {
	position:absolute;
	width:360px;
	left:50%;
	margin-left:-180px;
	font-size:18px;
	z-index:1;
	margin-top:50px;
}

/******************************
 MOBILE_SLIDE
*******************************/
#mpage_slide {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#mpage_slide .parallaxbg {
	position:absolute;
	left:0px;
	top:0px;
	font-size:22px;
	color:rgba(51,51,51,0.3);
}

#mpage_slide .bg_pattern {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:300px;
	margin-top:0px;
	margin-left:0px;
}

#mpage_slide .sub_text {
	position:absolute;
	width:100%;
	left:50%;
	margin-left:-50%;
	font-size:22px;
	z-index:1;
	margin-top:40px;
}

/******************************
 Responsive 
*******************************/
@media all and (min-width:1200px) {
	#subpage_slide .sub_text {
	width:360px !important;
	left:50% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-top:50px !important;
	margin-left:-180px !important;
	}
	#mpage_slide .sub_text {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-top:40px !important;
	margin-left:-50% !important;
	}
	
	#subpage_slide .bg_pattern, .sub_slide { height:400px !important; }	
	#mpage_slide .bg_pattern, .m_slide { height:300px !important; }
}
@media all and (max-width:1199px) {
	#subpage_slide .sub_text {
	width:100% !important;
	left:50% !important;
	font-size:28px !important;
	padding-left:30px !important;
	padding-right:30px !important;
	margin-top:40px !important;
	margin-left:-50% !important;
	}
	#mpage_slide .sub_text {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-top:100px !important;
	margin-left:-50% !important;
	}
	
	#subpage_slide .bg_pattern, .sub_slide { height:400px !important; }
	#mpage_slide .bg_pattern, .m_slide { height:360px !important; }
}
@media all and (max-width:750px) {
	#subpage_slide .sub_text {
	width:100% !important;
	font-size:20px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	margin-top:30px !important;
	margin-left:-50% !important;
	}
	#mpage_slide .sub_text {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-top:100px !important;
	margin-left:-50% !important;
	}
	
	#subpage_slide .bg_pattern, .sub_slide { height:360px !important; }
	#mpage_slide .bg_pattern, .m_slide { height:320px !important; }
}
@media all and (max-width:480px) {
	#subpage_slide .sub_text {
	width:100% !important;
	font-size:18px !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-top:20px !important;
	margin-left:-50% !important;
	}
	#mpage_slide .sub_text {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-top:100px !important;
	margin-left:-50% !important;
	}

	#subpage_slide .bg_pattern, .sub_slide { height:320px !important; }
	#mpage_slide .bg_pattern, .m_slide { height:320px !important; }
}