@import 'https://fonts.googleapis.com/css?family=Oswald:400,700';
@charset "utf-8";
/* CSS Document */

body	
{	margin:0 auto; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cdcdcd; font-size:13px; font-weight:normal;
	background:#ffffff;
}

form{padding:0; margin:0;}

p	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:13px; font-weight:normal; margin:0 0 15px 0;}
h1	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:20px; font-weight:normal; margin:0 0 15px 0;}
h2	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:18px; font-weight:normal; margin:0 0 15px 0;}
h3	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:16px; font-weight:normal; margin:0 0 15px 0;}

iframe, img, embed, object, video, canvas { max-width: 100% }
img	{ border:none; vertical-align:middle; height:auto;}

a	{ outline:none; text-decoration:none; color:#cdcdcd; }
a:hover
{	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
div { outline:none; }
a:hover	{	text-decoration:underline;	}

.fclear {clear:both; float:none; height:0px; overflow:hidden;}
.fleft  {float:left;}
.fright {float:right;}

input, select, textarea	
{	color:#666; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px; vertical-align:middle;	}

.pagemn{ max-width:1168px; margin:0 auto;}

.headermn
{	position:absolute;
	top:0;
	width:100%;
	z-index:3;
}
.logo
{	padding-top:60px;
}

.bannermn
{	background:url(../images/banner1.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.bannerbar
{	position:relative;
	z-index:2;
	margin-top:-128px;
	height:62px;
	padding:33px 0;
	text-align:center;
	width:100%;
	background:url(../images/barbg.png);
	float:left;
}
.leftofbar
{	float:left;
	color:#FFF;
	font-size:36px;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	padding-top:2px;
}
.leftofbar label
{	display:inline-block;
	vertical-align:middle;
}
.leftofbar input
{	color:#959595;
	font-size:36px;
	font-family:'Oswald', sans-serif;
	padding:0;
	background:none;
	border:0;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:middle;
	width:180px;
}
.btn1
{	float:right;
	height:62px;
	border:0;
	color:#FFF;
	font-size:28px;
	background:#ff0000;
	cursor:pointer;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	padding-left:30px;
	padding-right:30px;
	border-radius:4px;
}
.btn1:hover
{	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	background:#c20000;
}

.video_sec{ float:left; width:100%; background:#ffffff; text-align:center; padding:7px 0 40px 0}
.video_box{ display:inline-block; vertical-align:top; width:16.2%; padding:0 0.2%;}
.video_box p{ margin:0; }
.video_box h3{ margin:8px 0 0 0; text-align:center; font-family: 'Oswald', sans-serif; font-size:24px; color:#000000; font-weight:400}

.lettet_text_mn{ float:left; width:100%; background:url(../images/letter_text_bg.jpg) center top; padding:70px 0}
.lettet_text_mn h2{ margin:0 0 0 0; text-align:center; font-family: 'Oswald', sans-serif; font-size:46px; color:#000000; font-weight:400}
.lettet_text_mn p{ margin:25px 0 0 0; text-align:left; font-family: 'Oswald', sans-serif; font-size:18px; color:#000000; font-weight:400}
.gallery_mn{ float:left; width:100%; background:#ffffff; text-align:center}
.gallery_mn a{ display:inline-block; width:16.2%; margin:0 0.2% 6px }
.gallery_mn a:hover{opacity:0.8;}
.gallery_mn h2{ margin:40px 0 30px; text-align:center; font-family: 'Oswald', sans-serif; font-size:46px; color:#000000; font-weight:400}
.footer_mn{ float:left; width:100%; background:#000000; padding:15px 0}
.copyright{ float:left; font-family: 'Oswald', sans-serif; font-size:16px; color:#ffffff; font-weight:400; margin:10px 0 0 0}
.copyright span{ font-weight:700;}
.social{ float:right;}
.social a{ opacity:0.7;}
.social a:hover{ opacity:1}
/*======== Start header and Menu class ========*/


/*======== Start footer class ========*/


/*======== Start content class ========*/
/*===============keep screen 1024=============*/
@media screen and (max-width: 1280px) 
{
.pagemn{ padding:0 15px}
.video_box {
    width: 16%;
	margin:0 0 20px 0
}
.video_box h3{ font-size:16px}
.lettet_text_mn{ padding:40px 0}
.gallery_mn a {
    width: 16%;
}
.video_sec{ padding:30px 0 10px 0}


}

/*===============keep screen 768=============*/
@media screen and (max-width: 999px) 
{

.video_box {
    width: 32%;
}

.gallery_mn a {
    width: 24%;
}
.logo
{	width:40%;
}
}

/*===============keep screen 480=============*/
@media screen and (max-width: 767px) 
{
.video_box {
    width: 48%;
}
.gallery_mn a {
    width: 48%;
}
.gallery_mn h2,
.lettet_text_mn h2{font-size: 30px;}
.lettet_text_mn p {
    font-size: 15px;
}
.logo
{	width:50%;
	padding-top:30px;
}
.bannerbar
{	margin:0;
	height:auto;
	padding:15px 0 20px 0;
	text-align:center;
	background:#2a2a2a;
}
.leftofbar
{	float:none;
	font-size:20px;
	padding:0 0 10px;
}
.leftofbar input
{	width:80px;
	font-size:20px;
}
.leftofbar label
{	padding-left:20px;
}
.btn1
{	display:block;
	margin:0 auto;
	width:150px;
	float:none;
	padding-left:0;
	padding-right:0;
	text-align:center;
	font-size:20px;
	height:50px;
}

} 


/*===============keep screen 320=============*/
@media screen and (max-width: 479px) 
{
.video_box {
    width: 92%;
}
.gallery_mn a {
    width: 92%;
}
.social,
.copyright
{	float:none;
	margin:0; padding:5px 0;
	text-align:center;
	
}
.headermn
{	background:#2a2a2a;
	text-align:center;
	position:relative;
}
.logo
{	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}
.logo img
{	max-width:220px;
}
.gallery_mn
{	padding-bottom:20px;
}
}