/* ====== Reset CSS ======*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed ,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; text-decoration: none; }
*, *:before, *:after { webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0 !important; }
input:focus, select:focus, textarea:focus { outline: none; }
address, caption, cite, code, dfn, th, var, h1, h2, h3 { font-style: normal; font-weight: normal; }
body { line-height: 1.5; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; background: #ffffff; color: #000000; min-height: 100%; }
p { line-height: 1.5; margin-bottom: 15px; }
html { margin-top: 0 !important; height: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left;}
small { font-size: 75%; }
a img { border: none; }
a { cursor: pointer; color: #000000; text-decoration: none; }
a:hover, a:focus { text-decoration: none; outline: none; }
img { display: inline-block; max-width: 100%; height: auto; vertical-align: top; }
.noScroll { height: 100%; overflow: hidden; }

/* ====== Reset CSS ======*/

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* ====== Fontface ====== */

@font-face {
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato-Regular/Lato-Regular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Lato-Regular/Lato-Regular.woff') format('woff'),
	   url('../fonts/Lato-Regular/Lato-Regular.ttf')  format('truetype'),
	   url('../fonts/Lato-Regular/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Bold';
  src: url('../fonts/Lato-Bold/Lato-Bold.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Lato-Bold/Lato-Bold.woff') format('woff'),
	   url('../fonts/Lato-Bold/Lato-Bold.ttf')  format('truetype'),
	   url('../fonts/Lato-Bold/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ====== General Setup ====== */

body { font-family: 'Lato-Regular', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; overflow: hidden; }
h1 { font-family: 'Lato-Bold', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 80px; color: #ffffff; line-height: 60px; text-align: center; text-transform:uppercase; letter-spacing: 3px; margin-bottom: 20px; text-shadow: 0 0 3px rgba(0,0,0,.2),1px 0 3px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.2),1px 1px 3px rgba(0,0,0,.2); font-smooth: always; opacity: .85; cursor: pointer; }
p { line-height: 1.5; margin-bottom: 5px; color: #000000; }
a { color: #5d9cec; font-family: 'Lato-Bold', 'Open Sans', Arial, Helvetica, sans-serif; }
.wrapper { width: 100vw; height: 100vh; position: relative; }
.align-right { text-align: right; }

/* ====== Page Styles ====== */

.outer-container{ max-width: 650px; position: absolute; left:0; right: 0; top: 50%; margin-left: auto; margin-right: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.container {  min-width: 320px; padding: 25px 45px 35px; background: rgba(255,255,255,0.6); }
.container.inactive { visibility: hidden; height: 0px; opacity: 0; padding: 0px; }

.tabs-container { padding-left: 45px; padding-right: 45px; background: rgba(255,255,255,0); padding-top: 5px; }
.tabs-container.inactive { background-color: transparent; padding-top: 0px; }

ul.tabs { margin: 0px; padding: 0px; list-style: none;  padding-left: 25px; padding-right: 25px; border-top: 0px solid #000000; border-bottom: 0px solid #000000; text-shadow: 0 0 3px rgba(0,0,0,.2),1px 0 3px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.2),1px 1px 3px rgba(0,0,0,.2); font-smooth: always; opacity: .95; }
.tabs-container.inactive ul.tabs { border-top: 0px solid #ffffff; border-bottom: 0px solid #ffffff; text-shadow: none; font-smooth: always; opacity: 1; }
ul.tabs li { font-family: 'Lato-Bold', 'Open Sans', Arial, Helvetica, sans-serif; background: none; color: #ffffff; display: inline-block; padding: 15px 0px 15px; cursor: pointer; width: 33.33%; text-align: center; float: left; font-size: 24px; text-transform: uppercase; line-height: 25px; text-shadow: none; font-smooth: always; opacity: 1; }
.tabs-container.inactive ul.tabs li { color: #ffffff; text-shadow: 0 0 3px rgba(0,0,0,.2),1px 0 3px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.2),1px 1px 3px rgba(0,0,0,.2); font-smooth: always; opacity: .95; }
ul.tabs li span { padding-left: 3px; padding-right: 3px; }
ul.tabs li:first-child { text-align: left; }
ul.tabs li:last-child { text-align: right; }

ul.tabs li.current span{ color: #ffffff; position: relative; }
ul.tabs li.current span:after { content:""; height: 2px; width: 100%; background-color: #ffffff; position: absolute; bottom: 0; left: 0; right: 0; }
.tab-content{   visibility: hidden; height: 0px; opacity: 0; transition: visibility 0s, opacity 0.9s linear; }
.tab-content.current{ visibility: visible; height: auto; opacity: 1; }
.address { width: 50%; padding-right: 5%; float: left; }
.contact { width: 50%; padding-left: 5%; float: left; }

@media only screen and (max-width: 767px) {
	ul.tabs li { width: 100%; float: none; text-align: center !important; }
	h1 { font-size: 50px; }
	.address, .contact { width: 100%; float: none; padding: 0px; }
	.contact p { text-align: left !important; }
	.address { margin-bottom: 5%; }
	ul.tabs li { padding: 15px 0px; }
	
}