body { font-family: 'Open Sans', sans-serif; font-weight:300; }

header { margin:0; }

a, button {
	transition:all 0.25s ease 0s;
	}
	
a:hover, button:hover {
	text-decoration:none;
	}

h1, h2, h3 {
	margin-bottom:0;
	margin-top:0;
	}

header { margin:0; padding-top:2%; }

header h1 { font-size: 90px; font-weight: 400; font-family: 'Playfair Display', serif; color:#2f1a16; }

header h2 { font-size: 35px; font-weight: 700; color:#fff; }

	.shadow { background:url(../images/shadow.png) center center no-repeat; padding:10px 0 15px 0; }
	
.img-bg { background:url(../images/body-bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }	

.content846 { width:846px; max-width:100%; margin:0 auto; }

.trans-box { padding:5% 8%; text-align:center; margin:5% 0 0 0; color:#fff; background-color: rgba(0,0,0,0.5); }

	.trans-box h2 { color:#8cde49; font-size:70px; margin-top:0; font-weight:800; }
	
	.trans-box h3 { color:#fff; font-size:40px; margin-bottom:20px; }
	
	.trans-box h4 { font-size:25px; line-height:30px }
	
	.trans-box .form-control { height:64px; font-size:18px; border-radius:0; border:1px solid #fff; background:none; color:#fff; }

.trans-box::-webkit-input-placeholder {
  color: #fff;
}

.trans-box:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}

.trans-box::-moz-placeholder { /* Firefox 19+ */
  color: #fff
}

.trans-box:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}

.trans-box::-ms-input-placeholder { /* Edge */
  color: #fff;
}	
	.arrow_box {
position: relative;
background:#000 ;
border: 10px solid #000;
text-align: center;
margin-bottom: 55px;
display: inline-block;
padding: 5px 30px;
font-size: 24px;
font-weight: 700;
color: #fff;
margin: 20px auto 50px auto;
}

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #000;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(0, 76, 128, 0);
	border-top-color: #000;
	border-width: 44px;
	margin-left: -44px;
}
	
	.blue-box { background-color:#2f4576; padding-top:40px; padding-bottom:40px; }
	
 .blue-box .form-control { height:54px; font-size:15px; }	
 
 .blue-box label { font-size:18px; font-weight:400; color:#fff; margin-bottom:10px; }
 
 .blue-box input[type="radio"], .blue-box input[type="checkbox"] { margin-top:7px; }
	
	.green-btn {
		background-color:#8cde49;
		border:1px solid #8cde49;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-size:20px;
		padding:17px 31px;
		text-decoration:none;
		font-weight:700;
		border-radius:0;
	}
	.green-btn:hover {
		background-color:#5cbf2a;
		border-color:#5cbf2a
	}
	.green-btn:active {
		position:relative;
		top:1px;
	}
	
.centeredImage { text-align:center; display:block; margin:0 auto; }	

.sep { width:50px; height:8px; background-color:#8cde49; display:block; margin:5% auto; }

.center-block {
    float: none;
}


/*VIDEO CONTAINER*/
		
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media(max-width:420px) 
{ 
	header h1 { font-size: 280%; }
	header h2 { font-size: 200%; }
	.trans-box h2 { font-size:180%; }	
	.trans-box h3 { font-size:140%; }	
	.trans-box h4 { font-size:120%; }
}