/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style: circle; margin-left:15px; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
div { position:relative } 
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html{
	height:100%;
}
body{
	height:100%;
	margin:0px;
	padding:0px;
	font-family: 'PT Sans', sans-serif;
	font-weight:300;
	font-size:100%;
	color:#434343;
	background:#fafafa;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
.br{
	clear:both;
}
p{
	margin:10px 0px;
}
h1{
	font-family: 'Roboto Condensed', sans-serif;
	color:#526a7b;
	padding:10px;
	font-size:210%;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
}
.left_wrapper{
	float:left;
}
.right_wrapper{
	float:right;
}
.margin_vert_30px{
	height:30px;
}
.title_font{
	font-family: 'Roboto Condensed', sans-serif;
}
.title{
	color:#526a7b;
	padding:10px;
	font-size:210%;
	font-weight:600;
	text-transform:uppercase;
}
.title_up_img{
	max-width:300px;
	margin:0 auto;
	padding-top:20px;
}
.title_up_img img{
	width:100%;
}
.main_wrapper{
	max-width:100%;
	margin:0 auto;
}
.main_wrapper_dark{
	max-width:100%;
	margin:0 auto;
	background:#526a7b;
}
.button{
	display:inline-block;
	border:1px double #FFF;
	padding:10px 30px;
	margin-top:40px;
	font-size:95%;
	font-weight:300;
	color: #FFF;
	background:#526a7b;
	text-transform:uppercase;
}
.button:hover{
	color: #ef7d03;
	background:#FFF;
	border:1px double #526a7b;
	cursor:pointer;
}
.button a{
	color: #FFF;
	text-decoration:none;
}
.button:hover a{
	color: #526a7b;
	text-decoration:none;
}



.shadow
{
  position: relative;
}
.shadow:before, .shadow:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.video {
	display:inline-block;
	margin:10px;
}
@media (max-width: 1280px) {
body{
	font-size:90%;
}
.main_wrapper{
	max-width:100%;
	margin:0 auto;
}	
}