@import url(http://fonts.googleapis.com/css?family=Varela+Round);
/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


body { background: #292929;}




/* Utilities */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

.wrapper {
	width: 80%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
.wrapper.slide-wrap {
	width: 100%;
}




/* header */
header {

	padding: 10px 10px 15px 10px;
	background: #fff;
}

.hgLogo {
	position: relative;
	top: 43px;
}






/* slider */
.slider-container {
	padding: 3% 10%;
	height: 750px;
	background: transparent url(images/atlantic.jpg) no-repeat right top;
	background-size: 100%;
}
.slide h1 {
	font-family: proxima-nova, Helvetica, Arial, sans-serif;
	font-size: 35px;
	font-style: italic;
	font-weight: bold;
	line-height: 70px;
	text-rendering: optimizelegibility;
	color: #fff;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);	
}
.slides {
    padding: 0;
    height: 450px;
    display: block;
    margin: 50px 1% 0 1%;
    position: relative;
}
.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 450px;
    display: block;
    position: absolute;

    transform: scale(0);
    transition: all 1.2s ease-in-out;
}
.nav label {
    height: 100%;
    display: none;
    position: absolute;
	opacity: 0;
    z-index: 9;
    cursor: pointer;
    transition: opacity .2s;
    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 380px;
    font-family: "Varela Round", sans-serif;
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
    top: -65px;
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: -10%; top: 0; }
.nav .prev { left: -10%; top: 0; }
input:checked + .slide-container  .slide {
    opacity: 1;

    transform: scale(1);
/*	transition: opacity 1s ease-in-out;*/
    transition: opacity 2s ease-in-out;
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}
.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}
.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8);
}


.super {
	margin: 0;
    font-size: 110px;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.text {
    font-weight: normal;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    padding-left: 5px;
}
.text.pre {
	margin: 0;
}
.bold {
    font-weight: bold;
}

.panel {
    width: 250px;
    float: left;
}

.panel.large {
	width: inherit;
}

.slide {
    color: #fff;
}

.desktop {
	position: absolute;
	top: 235px;
	right: 120px;
	position: absolute;
	top: -5%;
	right: 0%;
}






/* footer */
footer {
	background-color: rgba(0,0,0,0.15);
	background-color: #fff;
	color: #fff;
	position: relative;
	top: -10px;
	padding-top: 15px;
	margin-top: -225px;
	background: #30303C;
	background: #ccc;
}

.tile {
	border: 1px solid #A29B9B;
	background: #fff;
	background: url(images/atlantic-tiny-sliver.jpg);
	border-radius: 3px;
	height: 200px;
	width: 18%;
	margin: 0.89%;
	font-size: 35px;
	text-align: center;	
	transition: box-shadow 0.5s ease;
	transition: margin-top 0.5s ease;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 16px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 16px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.5);
}

.tile:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: pointer;	
}
.tile span {
	display: block;
	margin-top: 40px;
    color: rgba(0,0,0,0.6);
    text-shadow: 0px 2px 3px rgba(255,255,255,0.75);
}