/************************************************ Background ************************************************/
body {
	background:#0F2634;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

/************************************************ Format ************************************************/

body, select, input, textarea {
	font-size:62.5%;
	font-family: "nocturne-serif-lights", Arial, Helvetica, serif;
	color:#fff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color:#fff;
	text-decoration:none;
	transition: all 0.3s ease-out;
}

a:hover {
	color:#fff;
	text-decoration:none;
}

img, object {
	max-width: 100%;
}

img {
	height:auto;	
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}


/************************************************ Layout ************************************************/

.row {
	width:100%;
	float:left;
	padding: 2% 2% 0;
	box-sizing: border-box;
	background: url("../images/bg.jpg") no-repeat bottom center;
	background-size: cover!important;
}

.row_inner {
	max-width: 1200px;
	min-width: 900px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

#wrapper {
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#container {
	max-width: 1140px;
	min-width: 960px;
	margin:0 auto;
}

header {
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header_inner {
	max-width: 1140px;
	min-width: 960px;
	margin:0 auto;
}

nav {
	position:absolute;
	right:3%;
	top:20px;
	z-index: 2;
}

nav ul li {
	display:inline-block;
	vertical-align:top;
	text-align:right;
	margin-right:10px;
	font-size:11px;	
}

nav ul li:last-child,
nav ul li:last-child a {
	margin-right:0;
}

nav ul li a {
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0 0 5px;
	margin-right:10px;
	font-weight:bold;	
}

nav ul li a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

/************************************************ Content ************************************************/

.main_banner {
	height:100%;
	width:100%;
	overflow:hidden;
	position:absolute;
	top: 0;
	left: 0;
}

video.background {
	height: 100%;
	width: 177.77777778vh;
	min-width: 100%;
	min-height: 56.25vw;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

#logo {
	width:100%;
	margin:80px auto 8em;
	text-align:center;
	position: relative;
	z-index: 2;
}

#logo img {
	width:220px;
}

h1 {
	font-size:34px;
	color:#fff;
	text-align:center;
	width:100%;
	float:left;
	line-height:1em;
	display:inline-block;
	margin:1em 0 0;
	letter-spacing:1px;	
}

h2 {
	font-size:26px;
	color:#fff;
	text-align:center;
	width:100%;
	float:left;
	line-height:1em;
	display:inline-block;
	margin:2em 0 3em;
	letter-spacing:1px;	
}

ul.double_boxes {
	width:100%;
	float:left;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}

ul.double_boxes li {
	width:20%;
	margin:0 0 2.5em;
	position:relative;
}

ul.double_boxes li img {
	width:100%;
	position:relative;
}

ul.double_boxes li .image_surround {
	width:100%;
	box-sizing:border-box;
	padding:20px 0 0;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	line-height:none;
}

ul.double_boxes li .image_surround img {
	width:100%;
}

ul.double_boxes li .text_surround {
	width:100%;
	height:99.6%;
	top:0;
	left:0;
	z-index:3;
}

ul.double_boxes li .text {
	width:100%;
	box-sizing:border-box;
	padding:15px 0 0;
	margin:auto;
	text-align:center;
}

ul.double_boxes li .text p {
	font-size:16px;
	color:#fff;
	line-height:1.5em;
	letter-spacing: 0.5px;
}

ul.double_boxes li .text p strong {
	font-weight:bold;
	font-size:16px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

ul.double_boxes li .find_out_hover {
	opacity:0;
	position: relative;
	padding: 90px 0 0;
	margin: 40px auto 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	font-size: 13px;
	transition: all 0.3s ease-out;
}

ul.double_boxes li:hover .find_out_hover {
	opacity:1;
}

ul.double_boxes li .find_out_hover:after {
	content:'';
	position:absolute;
	top:0;
	width:0.5px;
	height:0;
	background:#fff;
	left:0;
	right:0;
	margin:auto;
	transition: height 0.3s linear;
}

ul.double_boxes li:hover .find_out_hover:after {
	height:70px;
}

a.btn {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #fff;
	padding: 10px 0;
	line-height: 1em;
	box-sizing: border-box;
	width: 50%;
}

a.btn.first {
	margin-right: 20px;
}

a.btn:hover {
	color:#231f20;
	border: 2px solid rgba(255,255,255,0.7);
	background:rgba(255,255,255,0.7);
}

.address_bottom {
	width:100%;
	float:left;
	text-align:left;
	padding:80px 5% 110px;
	box-sizing:border-box;
	background:#405D71;
	z-index: 2;
	position: relative;
}

.address_bottom p.copyright {
	width: 100%;
	float: left;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 60px;
	line-height: 1.5em;
}

.footer_surround {
	width:100%;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: stretch;
	box-sizing: border-box;
	padding: 0;
}

.footer_surround p {
	font-size:15px;
	line-height: 1.5em;
}

.footer_logo {
	width:25%;
}

.footer_logo img {
	width:100px;
	margin: 0 0 15px;
}

.address_bottom ul {
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: stretch;
	box-sizing: border-box;
	padding: 0;
	width: 70%;
}

.address_bottom ul li {
	vertical-align:top;
	color:#fff;
	font-size:15px;	
	line-height:1.5em;
	text-align:left;
	padding-right:2%;
	width: 25%;
	box-sizing: border-box;
}


.address_bottom ul li a {
	color:#fff;
}

.address_bottom ul li:last-child {
	margin-right:0;
	padding-right:0;	
	border-right:none;
}


/************************************************ Smaller screens ************************************************/

@media only screen and (min-width: 2000px) {
.message p {
	font-size: 28px;
}
}

@media only screen and (max-width: 1200px) {

ul.double_boxes li .image_surround img {
	width:75%;
}

.address_bottom ul {
	flex-flow: row wrap;
}
	
}

@media only screen and (max-width: 1023px) {

.row_inner {
	width: 100%;
	min-width: 0;
}
	
ul.double_boxes li {
	width: 45%;
	margin: 0 0 1em;
}
	
ul.double_boxes li .image_surround img {
  width: 70%;
}

ul.double_boxes li .text {
	padding:20px 7% 0;
}

ul.double_boxes li .text p {
	font-size:16px;
}

ul.double_boxes li .text p strong {
	font-size:18px;
}
	
.address_bottom ul {
	width: 60%;
}
	
.address_bottom ul li {
	margin-bottom: 20px;
	width: 45%;
}
	
}

@media only screen and (max-width: 767px) {

h1 {
    margin: 1.25em 0 1em;
}

ul.double_boxes li .text:after {
	bottom:-59px;
}

#logo {
	width: 300px;
}

.main_banner {
	height:400px;
}
	
.text_btns {
  flex-wrap: wrap;
}
	
a.btn {
	width: 100%;
}

a.btn.first {
	margin-right: 0;
	margin-bottom: 10px;
}

a.btn:hover {
	color:#231f20;
	border: 2px solid rgba(255,255,255,0.7);
	background:rgba(255,255,255,0.7);
}
	
}

@media only screen and (max-width: 600px) {

#logo {
    width: 380px;
}

ul.double_boxes li .text:after {
	bottom:-20px;
}
	
.footer_surround {
	flex-flow: row wrap;
}
	
.footer_logo {
  width: 100%;
  margin: 0 0 0px;
}
	
.address_bottom ul {
  width: 100%;
}
	
}

@media only screen and (max-width: 550px) {

h1 {
	font-size:30px;	
}

#logo {
    width: 300px;
	margin: 60px auto 20px;
}

nav {
	display:block;	
}
	
h2 {
  font-size: 24px;
}

ul.double_boxes {
    display: block;
}

ul.double_boxes li {
    width: 100%;
	margin:0 0 30px;
	float:left;
}

ul.double_boxes li .text_surround {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: none;
    float: left;
}

ul.double_boxes li .text {
    width: 100%;
    box-sizing: border-box;
    padding: 0 5% 60px;
    position: relative;
    top: 0;
    transform: none;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    float: left;
}

ul.double_boxes li .text p {
	font-size:15px;
}

ul.double_boxes li .text p strong {
	font-size:16px;
}

ul.double_boxes li .find_out_hover {
	display: block !important;
	opacity: 1 !important;
	padding: 0;
	margin: 30px 0 0;
}
	
ul.double_boxes li .find_out_hover::after {
	content: '';
	position: absolute;
	bottom: 30px;
	top: inherit;
	width: 0.5px;
	height: 30px;
	background: #fff;
	left: 0;
	right: 0;
	margin: auto;
	transition: height 0.3s linear;
}
	
ul.double_boxes li:hover .find_out_hover::after {
	height: 30px;
}

ul.double_boxes li .image_surround {
	top:65%;
}

ul.double_boxes li:hover .image_surround {
	display:block;
}
	
.address_bottom {
	padding: 50px 5% 50px;
	text-align: center;
}
	
.address_bottom p.copyright {
	text-align: center;
}

.address_bottom ul li,
.address_bottom ul li:nth-child(3n), .address_bottom ul li:last-child{
	width:100%;
	float:left;
	display:block;
	text-align:center;
	padding:30px 0 0;
	border-right: none;
	margin:0;
}
	
.text_btns {
	flex-flow: nowrap;
}

a.btn {
	border: 2px solid #231f20;
	color: #231f20;
	width: 50%;
}

a.btn.first {
	margin-right: 20px;margin-bottom: 0;
}

a.btn:hover {
	color:#fff;
	border: 2px solid #231f20;
	background:#231f20;
}

}

@media only screen and (max-width: 360px) {
#logo {
    width: 250px;
}
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}