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


*{ 
	margin:0; padding:0; border:none; text-decoration:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}

.wrapper{
	width:100%;
	clear:both;
	float:left;
	}
.holder{
	width:100%;
	margin:auto;
	padding:0 15px;
	max-width:1130px;
	}

.head{
	width:100%;
	clear:both;
	padding:5px 0;
	text-align:center;
	font-size:50px;
	font-weight:400;
	background:#333;
	border-bottom:3px #7ADC34 solid;
	}
.head h1{
	color:#000;
	font-size:50px;
	font-weight:400;
}
.head img{
	max-width:100%;
	}

.mbd{
	width:100%;
	clear:both;
	float:left;
	padding:25px 0 0 0;
	background:url(../images/mbg.jpg) no-repeat;
	background-size:100%;
	}
.mbd h1{
	color:#000;
	font-size:50px;
	font-weight:400;
	text-align:center;
	font-style:italic;
	text-shadow:1px 1px 2px #555;
	}
.brd{
	width:100%;
	height:2px;
	clear:both;
	margin:15px 0;
	background:#000;
	box-shadow:0px 0px 2px #222;
	}
.mbd .holder{
	text-align:justify;
	text-justify:distribute;
	}
.mbd 
.holder:after{
	width:100%;
	content:"";
	display:inline-block;
	}
.mbd .holder > div{
	vertical-align:top;
	display:inline-block;
	}
.prdc{
	width:60%;
	margin-top:15px;
	text-align:center;
	}
.prdc img{
	max-width:100%;
	}
.prdc p{
	font-size:14px;
	padding:0 30px;
	font-family:arial;
	}
.prdc p strong{
	font-family:arial;
	}
.fpart{
	width:36%;
	margin-top:25px;
	text-align:center;
	}
.fpart img{
	max-width:100%;
	}
.fpart a{
	display:block;
	margin-top:20px;
	}

.moroc{
	width:100%;
	clear:both;
	padding:20px 0;
	}
.moroc h2{
	color:#000;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	font-style:italic;
	font-family:arial;
	margin-bottom:10px;
	}
.moroc p{
	color:#000;
	font-size:13px;
	font-weight:400;
	text-align:center;
	font-family:arial;
	}

footer{
	width:100%;
	clear:both;
	float:left;
	padding:15px 0 0 0;
	background:#fff;
	border-top:3px #000 solid;
	}
footer p{
	color:#000;
	font-size:15px;
	text-align:center;
	font-family:arial;
	padding-top:10px;
	}
footer strong{
	font-family:arial;
	}
footer p a{
	color:#000;
	font-size:14px;
	font-family:arial;
	}


/****************************/ 
.lightbox{
	display:none;
	}
.featherlight-content{
	width:100%;
	max-width:720px;
	border-radius:6px;
	}
.lightbox h1{
	color:#fff;
	font-size:30px;
	padding:15px 15px;
	text-align:center;
	text-shadow:1px 1px 2px #111;
	background:#003366;
	border-radius:8px 8px 0 0;
	border-bottom:3px #000 solid;
	}
.mbvd{
	float:left;
	padding:20px 0;
	text-align:center;
	background:#efefef;
	background-size:100%;
	}
.mbvd input{
	width:100%;
	color:#000;
	margin:8px 0;
	font-size:17px;
	padding:8px 10px;
	border-radius:4px;
	font-family:arial;
	border:4px #ccc solid;
	}
.mbvd button{
	background:none;
	margin-top:20px;
	}
.mbvd button img{
	max-width:100%;
	}
/************************/


@media screen and (max-width:480px){
.mbd h1{
	font-size:29px;
	text-shadow:none;
	line-height:40px;
	}
footer p{
	font-size:11px;
	}
.prdc{
	width:100%;
	text-align:center;
	}
.mbd{
	background-size:cover;
	}
.fpart{
	width:100%;
	clear:both;
	margin-top:15px;
	}
.lightbox h1{
	line-height:38px;
	}
}