@font-face {
	font-family: 'NeutraDisplayTitling';
	src: url('fonts/NeutraDisplayTitling.otf');
	src: local('NeutraDisplayTitling'), local('ProximaNeutraDisplayTitlingNovaReg'), url('fonts/NeutraDisplayTitling.otf') format('otf');
}
@font-face {
	font-family: 'NeutraTextBold';
	src: url('fonts/NeutraTextBold.otf');
	src: local('NeutraTextBold'), local('NeutraTextBold'), url('fonts/NeutraTextBold.otf') format('otf');
}
@font-face {
	font-family: NeutraDisplayTitling;
	src: url('../fonts/NeutraDisplayTitling.otf');
}
@font-face {
	font-family: NeutraDisplayTitling;
	font-weight: bold;
	src: url('../fonts/NeutraDisplayTitling.otf');
}
@font-face {
	font-family: NeutraTextBold;
	src: url('../fonts/NeutraTextBold.otf');
}
@font-face {
	font-family: NeutraTextBold;
	font-weight: bold;
	src: url('../fonts/NeutraTextBold.otf');
}
* {
	margin: 0;
	padding: 0;
}
body {
	font: 14px/1.4 Georgia, serif;
}
article, aside, figure, footer, header, nav, section {
	display: block;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.group:after {
	content: "";
	display: table;
	clear: both;
}
h3 {
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 38px;
}
#MdHeaderTop h3 span {
	font-family: 'NeutraDisplayTitling', Arial, Helvetica, sans-serif;
	font-size: 45px;
	padding: 100px 150px 0 0;
	line-height: 195px;
}
.MdBrown {
	color: #3e3943;
}
#MdPageWrap {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.MdLogo {
	background: url(../images/logo.png) no-repeat;
	width: 248px;
	height: 165px;
	position: absolute;
	left: 366px;
	top: 74px;
}
#MdHeader {
	width: 100%;
	height: 195px;
}
#MdHeaderTop {
	background: url('../images/header-bg.png') no-repeat;
	width: 100%;
	height: 195px;
}
#MdYellowBg {
	width: 100%;
	height: 450px;
	background: #ecb01e;
	padding: 110px 0 0 0;
}
#MdMiddle {
	background: #f0eee9;
	height: 1550px;
	width: 100%;
}
#MdMiddleWrap {
	background: url(../images/miggle-wrap-bg.png);
	height: 1440px;
	width: 900px;
	margin: 0 auto;
	padding: 0 34px 0;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
}
.MdVideo {
	width: 835px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	top: -50px;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
}
.MdVideoSub {
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	width:480px;
	height:290px;
}
#MdMiddleArea {
	width: 100%;
}
.MdMiddleLeft {
	width: 480px;
	float: left;
	margin: 0 34px 0 0;
}
.MdMiddleRight {
	width: 318px;
	float: left;
	background: #f0eee9;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
}
.MdPost {
	margin: 25px 0 0 0;
}
.MdImage {
	width: 340px;
	height: 142px;
}
.title {
	font-family: 'NeutraTextBold', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #1b2932;
	text-transform: uppercase;
}
.Mdnewsletter {
	width: 400px;
	height: 265px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	background: #ffffff;
	padding: 15px;
}
.sidebar {
	width: 274px;
	height: 164px;
	margin: 0 auto 30px;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, .2);
}
.sidebar-btn {
	width: 274px;
	height: 64px;
	margin: 0 auto 30px;
}
#MdSocialMedia {
	text-align: center;
}
#MdSocialMedia ul {
	list-style-type: none;
}
#MdSocialMedia ul li {
	float: left;
	margin: 50px 0 0 38px;
}
.btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: #ffffff;
	font-size: 22px;
	background: #96bf48;
	border: solid #8ab539 1px;
	text-decoration: none;
	width: 100%;
	display: block;
	text-align: center;
	height: 85px;
	line-height:85px;
	font-family: Arial, Helvetica, sans-serif;
}
.btn:hover {
	background: #96bf48;
	text-decoration: none;
}
input[type="text"] {
	border: 1px solid #cccccc;
	width: 100%;
	height: 85px;
	margin: 0 0 15px 0;
	font-size: 22px;
	padding: 15px;
	color:#cccccc;
}
.Mdnewsletter i {
	color:#cccccc;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.protected {
	float:right;
}