/* Copyright 2014 Pebble Design Pty Ltd. All Rights Reserved. */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
@import url(http://fonts.googleapis.com/css?family=Cantarell);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);


* { text-decoration:none; border:none; outline:none; }
a, a span, .event { transition-timing-function:ease; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; transition-duration:0.2s; }
html, body { background:#dbdad8; width:100%; height:100%; min-height:100%; margin:0; padding:0; }
#container { position:relative; width:100%; margin:0; padding:100px 0 0 0; }
.col-25, .col-50 { height:auto; margin:0; padding:0; float:left; overflow:hidden; }
.col-25 { width:25%; min-width:25%; }
.col-50 { width:50%; min-width:50%; }
.clear { clear:both; }
::selection { color:#fff; background:#231f20; }
::-moz-selection { color:#fff; background:#231f20; }
/*.ie8bg-left {display: none;}*/

/* Header */

header { position:absolute; top:0; left:0; right:0; width:100%; height:100px; z-index:999; }
header nav { font:18px/100px 'Open Sans',arial; color:#000000; text-transform:uppercase; }
header nav ul { margin:0; padding:0; list-style:none; }
header nav ul li { height:auto; margin:0 50px 0 0; float:left; }
header nav ul li a { color:#0e6750; }
header nav ul li a em { font-style:normal; }
header .col-50 { width:100%; }
header .left { background:#000 url(../images/nav-bg.jpg); position:relative; height:100px; }
header .left nav { float:left; margin:0 0 0 263px; }
header .left .logo { position:absolute; top:13px; left:150px; width:68px; height:79px; }
header .left .phone { position:absolute; top:0; right:480px; font:30px/97px 'Open Sans',arial; color:#0e6750; font-weight: bold; padding:0 0 0 38px; z-index:999 !important; }
header .left .phone a { color:#0e6750; }
header .facebook { position:absolute; right:415px; width:18px; height:38px; padding:4px 0 0 0 /*0 1400px*/; z-index:999 !important; }
header .instagram { position:absolute; right:345px; width:38px; height:37px; padding:4px 0 0 0 /*0 1470px*/; z-index:999 !important; }
header .facebook img, header .instagram img {height: 28px;width: auto;}
.left-column a {color: #fff; text-decoration: underline;  }
.right-column a {color: #0e6750; }
header .left .dimmi { position:absolute; top:0; padding:11px 0 0; right:140px; }
header .left .dimmi img { width:180px; height:auto; }

a.anchor { position:relative; top:-100px; margin:0; padding:0; display:table; clear:both; visibility:hidden; }
a.anchor#home-anchor { top:0 !important; }

/* Slideshow */

.slideshow         { background:#7c7c7c url(../images/load.gif) center no-repeat; position:relative; margin:0; padding:0; overflow:hidden; }
.slideshow .slider { overflow:hidden; }
.slideshow .slider img { width:100%; height:auto; margin:0; padding:0; float:left; display:block; }
/*.slideshow .pager { background:url(../images/slide-nav-bg.png) bottom right no-repeat; position:absolute; bottom:0; right:0; width:100%; height:68px; padding:0 3px 0 0; text-align:right; z-index:10; }
.slideshow .pager a { background:url(../images/pagination.png) bottom left no-repeat; width:24px; height:24px; margin:36px 5px 0 0; display:inline-block; overflow:hidden; }*/
.slideshow .pager { background:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0; width:auto; height:auto; padding:15px; text-align:right; z-index:10; }
.slideshow .pager a { background:url(../images/pagination.png) bottom left no-repeat; width:24px; height:24px; margin:0 4px; display:inline-block; overflow:hidden; }
.slideshow .pager a span { display:none; }
.slideshow .pager a.selected { background-position:top left; }
#events .slideshow .pager { right:auto; left:0; }

.fade, .slide { overflow:hidden; }
.fade .item, .slide .item { position:relative; width:100%; margin:0; padding:0; float:left; overflow:hidden; cursor:default; }
.fade .item img, .slide .item img { width:100%; height:auto; margin:0; padding:0; display:block; }
.fade .item { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }


/* Html5 Video */
#video { background-image: url('/eaglesnest/_System/images/bg-rooftop-video.jpg'); background-size: cover; position:absolute; top:-4%; left:-4%; width:108%; max-width:108%; min-width:110%; height:108%; max-height:110%; min-height:108%; margin:0; padding:0; display:block; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:17; }
#rooftop .copy > div { float: left; }
#rooftop .content .copy p.readmore { margin-bottom: 90px; }




/* Main */

section, article { width:100%; height:auto; margin:0; padding:0; /*border-top:10px solid #fff;*/ clear:both; }
section img, article img { width:100%; height:auto; margin:0; padding:0; display:block; }
section .image { background:#eee url(../images/load.gif) center no-repeat; position:relative; }
section .image .angle { background:url(../images/angle-top.png) top left no-repeat; position:absolute; top:0; right:0; width:100%; height:68px; z-index:10; }
section .quote { background:#d2232a; position:relative; margin:0; padding:0; overflow:hidden; }
section .quote p { position:absolute; top:5%; left:10%; width:80%; height:auto; font:30px/40px 'Open Sans',arial; color:#fff; text-align:center; }
section .slideshow .slider { margin:-1px 0 0 0; }



.open-msg { position: absolute; bottom: 10%; width: 80%; padding: 0; color: #fff; font:100 18px/24px "Open Sans",arial; text-align: center; left: 0; right: 0; margin: 0 auto; }

.pagination { display:none; }
.content { background:#fff; position:relative; width:100%; height:auto;display:table; clear:both;position: relative; }
#bar .content { min-height:0px; }
.content .copy { width:50%; text-align:left; display:table-cell; position: relative; }
.content .copy h2 { font:50px/40px 'Open Sans Light',arial; font-weight:100; color:#0e6750; margin:70px 20px 35px 140; padding:0 140px 10px 140px; text-transform:uppercase; letter-spacing:0.075em; border-bottom:1px solid #a7a9ac; }
.content .copy .contact h2 { font:300 50px/40px 'Open Sans Light',arial; font-weight:100; color:#3f3f3f; margin:70px 0 35px 20px; padding:50px 140px 10px 50px; text-transform:uppercase; letter-spacing:0.075em; border-bottom:1px solid #a7a9ac; }
.content .copy .contact a {color:#0e6750; cursor:pointer;}
.content .copy .address {position: absolute; bottom: 0px; right: -20px;  padding: 0px 0px;margin-right: 20px;text-transform:uppercase;}
.content .copy h3 { font:24px/40px 'Cantarell',arial; color:#a7a9ac; margin:0 0 15px 0; padding:0 140px; text-transform:uppercase; letter-spacing:0.05em; }
.content .copy p { font:300 20px/33px 'Open Sans',arial; font-weight:100; color:#231f20; margin:0 0 20px 0; padding:0 140px; }
.content .copy p em { color:#d2232a; margin:0 5px 0 0; font-style:normal; }
.content .copy p span { background:#d2232a; font:700 18px/18px 'Open Sans',arial; color:#fff; margin:0 10px 0 0; padding:1px 5px; text-transform:uppercase; }
#rooftop .content .copy p span.secondlast { background: none; padding: 0; margin: 0; color: inherit; text-transform: inherit; font: inherit; }
.content .copy p.readmore { padding-top:54px; margin-bottom: 55px; }
.content .copy ul { margin:30px 0; padding:0 140px; list-style:none; }
.content .copy li { font:18px/18px 'Open Sans',arial; color:#231f20; margin:10px 0 0 0; }
.content .copy hr { border:none; border-top:1px solid #dedede; margin:25px 0; clear:both; }
.content .copy a.menu { font:500 18px/40px 'Open Sans',arial; color:#dbdad8; text-transform:uppercase; letter-spacing:0.025em; }
.content .copy a.menu span, p.readmore span { background:#0e6750; color:#dbdad8; margin:0 3px 0 0; padding:12px 12px; }
.content .copy h2.tagline { text-align:center; border-bottom:none; color:#231f20; margin: 70px 0 70px; }
.content .copy h2.tagline .tagbold { font-weight:600; letter-spacing:0.075em; }
.content .bg-image { position:relative; width:50%; display:table-cell; }
.content .google-map { position:relative; width:100%; display:table-cell; height: 100%; }
.content .google-map #map { width:100%; height:600px; display:block; }
#bar.content {min-height: 0px;}
footer .content .copy .contact h2 {padding-right: 60px;margin-left: 20px;}
footer .content .copy .contact p {padding-right: 60px;}
#location .content .copy {vertical-align: top;}
.logoheader section {background-color: #296757;}

.internal .content .main { font: 100 16px/20px "Open Sans",arial; padding: 50px 0 70px; width: 80%; margin: 0 auto; max-width: 1400px; }
.internal .content .main h1 { font: 100 40px/1.2em "Open Sans",arial; }
.internal .content .main a { color: #286657; }

#corporate .content .copy { background:#494848 url(../images/corporate.png) top right no-repeat; overflow:hidden; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; text-align: right; }
#corporate li, #bar li { background:url(../images/li.png) top right no-repeat; padding:0 25px 0 0; }
#corporate .content .bg-image {background: #fff url(../images/corporate-functions.jpg) 100% 50%; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
#rooftop .content { background:#fff url(../images/rooftop.png) top right no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
.col-50.right {background:#fff url(../images/rooftop.png) top right no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}

.left-column .content .copy h2 {color:#a7a9ac; padding: 0px 140px 10px 20px; margin: 70px 0px 35px 20px;}
.right-column .content .copy h2 {margin-right: 20px;}
.left-column .content .copy p {color:#fff;}
.left-column .content .copy a { color: #fff; text-decoration: none; }

.events .content .copy {padding-bottom: 50px;}
.events.left-column .content .copy { background:#494848 url(../images/corporate.png) top right no-repeat; overflow:hidden; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; text-align: right; }
.events.left-column .content .copy h2 {  color:#a7a9ac;}
.events.left-column .content .copy p { color:#fff;}
.events.left-column .content .bg-image { -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background: #231f20 url(../images/placeholder-1.jpg) no-repeat scroll right top transparent;}
.events.left-column .content .readmore a { text-decoration: none!important; }

.events.right-column .content .copy { background:#494848 url(../images/rooftop.png) top right no-repeat; overflow:hidden; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; text-align: left; }
.events.right-column .content .bg-image { -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}

#rooftop .content .bg-image {background: #fff url(../images/bg-rooftop-bar.jpg) 100% 50%; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }#bar .content { background-color:#dadada; }
#location .content { margin:-10px 0 0 0; }
#location .content .copy { padding:0 0; max-height:800px; overflow:hidden; }
#special .content .copy { background:#fff url(../images/special.png) top right no-repeat; overflow:hidden; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }
#special .content .copy { text-align:left; }

#special .content .copy a.menu { left:auto; right:50px; }
#special .quote { background:#231f20; }
#special .content .copy li { background:url(../images/li.png) top left no-repeat; padding:0 0 0 25px; }
#special .content .bg-image {background: #fff url(../images/special-events.jpg) 100% 50%; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }


/* News and Events */

#news .event { background:#f4f4f4 url(../images/bg-divider.png) 100% 80% no-repeat;  position:relative; padding:0 0 75px 0; min-height:750px;}
#news .event:nth-child(4n) { background-image: none; }
#news .event .date { background:#d2232a; position:absolute; top:0; left:0; width:100%; height:100%; max-width:115px; max-height:115px; z-index:10; }
#news .event .date span { font:700 20px/33px 'Lato',arial; color:#231f20; margin:10px 0 0 0; padding:0; text-align:center; text-transform:uppercase; display:block; }
#news .event p { font:300 20px/33px 'Open Sans',arial; font-weight:100; color:#231f20; margin:10px 0 15px 0; padding:0 25px; text-align:left;  padding:0 50px 0 70px; }
#news .event p.title { font:300 35px/33px 'Open Sans',arial; font-weight:100; color:#0e6750; text-transform:uppercase; letter-spacing:0.025em; padding: 50px 50px 0 70px; }
#news .event a { background:#0e6750; position:absolute; bottom:0; right:0; font:700 18px/18px 'Open Sans',arial; font-weight:700; letter-spacing:-0.025em; color:#f4f4f4; padding:20px; text-transform:uppercase; }
span.datebold { font:700 20px/33px 'Lato',arial; color:#0e6750; }
span.daybold { font:700 20px/33px 'Lato',arial; color:#231f20; }

/* Footer */

footer { background:#231f20; width:100%; height:auto; min-height:800px; margin:0; padding:0; border-top:10px solid #fff; clear:both;}
footer .contact h2 { font:72px/115px 'Open Sans',arial; margin:0 0 30px 20px!important; text-transform:uppercase;  }
footer .contact p { font:18px/30px 'Open Sans',arial; color:#fff; }
footer .contact form { position:relative; width:100%; margin:0; padding:0; }
footer .contact { background:url(../images/contact.png) bottom left no-repeat; min-height:800px; text-align:right; background-overflow: visible;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
footer .contact h2 { background:none bottom left repeat-x; color:#231f20; padding:20px 50px 0 0; }
footer .contact input, footer .contact textarea { background:none; width:89%; height:60px; font:24px/40px 'Lato',arial; font-weight:100; color:#0e6750; margin:15px 50px 0 0; padding:0; border:none; border-bottom:5px solid rgba(170, 170, 170, 0.5); text-align:right; }
footer .contact textarea { height:auto; overflow: hidden; }
footer .contact button { background:none; position:absolute; bottom:3px; left:50px; font:100 24px/24px 'Open Sans Light',arial; color:#231f20; padding:20px; text-transform:uppercase; cursor:pointer; z-index:10; }
footer .contact ::-webkit-input-placeholder { color:#aaaaaa; line-height:60px; text-transform:none; opacity:1; }
footer .contact :-moz-placeholder { color:#aaaaaa; line-height:60px; text-transform:none; opacity:1; }
footer .contact ::-moz-placeholder { color:#aaaaaa; line-height:60px; text-transform:none; opacity:1; }
footer .contact :-ms-input-placeholder { color:#aaaaaa; line-height:60px; text-transform:none; opacity:1; }
footer .copyright { background:#231f20; position:relative; width:100%; min-height:100px; text-align:center; clear:both; }
footer .copyright p { font:14px/100px 'Open Sans',arial; color:#616161; text-transform:uppercase; margin-bottom: 0px;}
footer .copyright p a { color:#fff; font-weight:bold; margin:0 25px; }
footer .copyright p a:hover { color:#0e6750; }
footer .copyright .logo { position:absolute; top:28px; left:50px; width:138px; height:44px; }
footer .copyright .pd { position:absolute; top:38px; right:50px; width:172px; height:27px; }


.flex-container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.more-content { display:none; }
.more-content a {color: #0e6750; font-weight: bold;}

/* Resize */

@media only screen and (min-width:1100px) {
	header.scroll { position:fixed; }

	/* Hovers */

	header .left nav ul li a:hover { color:#231f20; }
	header .left .logo:hover, footer .copyright .logo:hover, footer .copyright .pd:hover { opacity:0.7; }
	header .right nav ul li a:hover { color:#939598; }
	.slideshow .pager a:hover { background-position:top left; }
	section .content .copy a.menu:hover span { background:#231f20; }
	#news .event:hover { background:#0e6750 top right repeat-y; }
	#news .event:hover img { -webkit-filter:grayscale(100%); }
	#news .event:hover a { background:#231f20; }
	#news .event:hover p { color:#f4f4f4; }
	#news .event:hover p.title { color:#231f20; }
	#news .event:hover span.datebold { color:#f4f4f4; }
	footer .contact button:hover { background:none; color:#0e6750; }
	footer .facebook a:hover img, footer .google a:hover img, footer .twitter a:hover img, footer .instagram a:hover img { -webkit-filter:grayscale(100%); }
}


@media only screen and (max-width:2150px) {
	#rooftop .content .copy p { font: 100 18px/26px "Open Sans",arial; }
}

@media only screen and (max-width:2040px) {
	#rooftop .content .copy p { font: 100 16px/24px "Open Sans",arial; }
	#rooftop .content .copy p.readmore { padding-top: 20px; }
}

@media only screen and (max-width:1850px) {
	header .left nav { margin:0 0 0 260px; }
	header nav ul li { margin:0 40px 0 0; }
	header .left .phone { right:470px; }
}


@media only screen and (max-width:1800px) {
	header nav ul li { margin:0 35px 0 0; }
	header .left .phone { right:455px; }
	header .facebook { right:400px; }
	header .instagram { right:330px; }
	header .left .dimmi { right:130px; }
	.content .copy h3 { font: 22px/36px "Cantarell",arial; }
	#rooftop .content .copy h2 { margin-bottom: 20px; }
	#rooftop .content .copy p.readmore { margin-bottom: 80px; }
	#rooftop .content .copy p { padding: 0 120px 0 140px; }
}


@media only screen and (max-width:1730px) {
	header .left .phone { right:330px; }
	header .facebook { right:285px; }
	header .instagram { right:225px; }
	header .left .dimmi { right:30px; }
	.content .copy h2 { font:100 40px/30px 'Open Sans', arial; margin:50px 20px 30px 0px; padding:0 0 20px 40px; }
	.content .copy h2.tagline { font: 100 40px/50px 'Open Sans', arial; margin: 65px 0 50px;}
	.content .copy h3 { font:20px/30px 'Cantarell', arial; padding:0 20px 0 40px; }
	.content .copy p { font:100 16px/20px 'Open Sans', arial; padding:0 20px 0 40px;}
	#rooftop .content .copy p { padding: 0 20px 0 40px; }
	.content .copy.left h2 { margin:50px 0 30px 20px; padding:0 40px 20px 0px;}
	.content .copy.left h3 { padding:0 40px 0 20px; }
	.content .copy.left p { padding:0 40px 0 20px;}
	.content .copy .contact h2 {font:100 40px/30px 'Open Sans', arial;}
	#news .event p {font:100 16px/20px 'Open Sans', arial;}
}

@media only screen and (max-width:1680px) {
	section .slideshow .slider { margin:0; }
	section .quote p { font:25px/35px 'Open Sans',arial; }
	footer .subscribe { min-height:800px; }
	span.daybold {display: block;}

	#rooftop .content .copy p.readmore { margin-bottom: 60px; }
}

@media only screen and (max-width:1600px) {
	header .left .logo { left:40px; }
	header .left nav { margin-left:160px; }
}

@media only screen and (max-width: 1580px) {
	#rooftop .content .copy p { font: 100 15px/22px "Open Sans",arial; }
	#rooftop .content .copy p.last { display: none; }
}

@media only screen and (max-width:1550px) {
	header .left nav { margin-left:150px; font:17px/100px 'Open Sans',arial; }
	header .left .phone { font:28px/97px 'Open Sans',arial; }
}

@media only screen and (max-width:1450px) {
	header .left .logo { left:30px; }
	header .left nav { margin:0 0 0 130px; }
	header nav ul li { margin:0 30px 0 0; }
	header .left .phone { right:320px; font:26px/97px 'Open Sans',arial; }
	header .facebook { right:280px; }
	header .instagram { right:220px; }
}

@media only screen and (max-width:1400px){
	header .left nav { font:16px/100px 'Open Sans',arial; }
	header nav ul li { margin:0 25px 0 0; }
	header .left .phone { right:305px; }
	header .facebook { right:265px; }
	header .instagram { right:205px; }
	header .left .dimmi img { width:165px; }
}

@media only screen and (max-width:1380px) {
	#rooftop .content .copy p.readmore { padding-top: 10px; margin-bottom: 45px; }
	.content .copy.left h2 { font: 100 36px/32px "Open Sans",arial; }
	#rooftop .content .copy h2 { margin: 40px 20px 20px 0; }
}

@media only screen and (max-width:1366px) {
	header nav ul li { margin:0 20px 0 0; }
	header nav ul li a em { display:none; }
	header .left nav { margin:0 30px 0 130px; }
	header .left .logo { left:25px; }
	header .right .phone { right:25px; }
	section .quote p { font:20px/32px 'Open Sans',arial; }

	#news .event p.title { padding: 50px 5% 0px; }
	#news .event p { padding: 10px 5% 0px; }
	#news .event .date { max-width:90px; max-height:90px; }
	footer .contact input, footer .contact textarea, footer .subscribe input { width:87%; }
	footer .subscribe { min-height:800px; }
}

@media only screen and (max-width:1280px) {
	section .quote p { font:18px/30px 'Open Sans', arial; }
	footer .subscribe { background:none; min-height:800px; }
	footer .contact input, footer .contact textarea, footer .subscribe input { width:86%; }
	footer .copyright p span { display:none; }
	.content .copy h2.tagline { font:100 36px/30px 'Open Sans', arial; margin:50px 0 30px; padding:0 0 20px 40px; }
	#bar .content .copy { padding:0; }
}

@media only screen and (max-width:1260px) {
	#video { max-height: 108%; max-width: 120%; min-height: 110%; min-width: 120%; top: -8%; }
	.fade .item, .slide .item { top: 0; overflow: visible; }
	.fade, .slide { display: table-cell; height: 110%; overflow: hidden; position: relative; top: 0; }
}

@media only screen and (max-width: 1230px) {
	.content .copy.left h2 { margin: 50px 0 30px 20px;}
	.content .copy h2 { font:100 36px/36px 'Open Sans', arial; margin:50px 20px 30px 0px; padding:0 20px 20px 20px; }
	.content .copy .contact h2 { font:100 36px/36px 'Open Sans', arial; margin:50px 20px 30px 0px; padding:0 20px 20px 20px; }
	.content .copy h3 { font:18px/24px 'Cantarell', arial; padding:0 20px 0 20px; }
	.content .copy p {  padding:0 20px 0 20px; }
	#rooftop .content .copy p {  padding:0 20px 0 20px; }
	.left-column .content .copy h2 { padding:0 20px 20px 0px; margin: 50px 0px 30px 20px;}
	.left-column .content .copy h3 {  padding:0 20px 0 20px;}
	.left-column .content .copy p {  padding:0 20px 0 20px;}
	#bar .content .copy {text-align: center;}
	.content .copy h2.tagline { font:100 30px/30px 'Open Sans', arial; margin:40px 0 40px; padding:20px 2% 20px 2%; }
	footer .content .copy .contact h2 {padding:20px 20px 20px 20px!important; margin: 50px 20px 30px 0px;}
	footer .content .copy .contact p { padding:0 20px 0 20px;}
}

@media only screen and (max-width: 1220px) {
	header nav { font: 16px/100px 'Open Sans',arial; }
	#video { top: -12%; min-height: 115%; min-width: 126%; max-height: 140%; max-width: 140%; }
}


@media only screen and (max-width: 1180px) {
	#news .event p.title {padding: 50px 20px 0 20px;}
	#news .event p { padding: 0 20px 0 20px;}

	#video { top: -20%; min-height: 120%; min-width: 130%; left: -10%;  max-height: none; max-width: none; }
}

@media only screen and (max-width:1120px) {
	header nav ul li { margin: 0 10px 0 0; }
}

@media only screen and (max-width: 1180px) {
	header .left .logo { left:10px; }
	header .left nav { margin: 0 30px 0 100px;}
}

@media only screen and (max-width:1100px) {
	a.anchor { top:0; }
	section .image { display:none; }
	section .quote, section .slideshow, #news .event { width:50% !important; }
	#news .event { background-image: none; }
	#news .event:nth-child(odd) { background: #f4f4f4 url(../images/bg-divider.png) 100% 85% no-repeat;}
	section .quote { margin:-1px 0 0 0; }
	section .quote p { font:33px/43px 'Open Sans',arial; }
	#news .event .date { max-width:115px; max-height:115px; }
	footer .contact{ width:100% !important; }
	footer .contact input, footer .contact textarea { width:90%; }
	footer .facebook, footer .google, footer .twitter, footer .instagram { width:50% !important; }

	#video { top: -25%; min-height: 125%; min-width: 136%; left: -10%;  }
	#rooftop .content .copy p.readmore { margin-bottom: 50px; }
}


@media only screen and (max-width:1090px) {
	header .left nav {font: 14px/100px 'Open Sans',arial;}
	footer #location .content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	footer #location .content { order: 1;}
	footer #location .content .google-map { order: 2;}
	footer #location .content .copy { padding: 0px; width:100%;display:block; }
	footer #location .content .google-map { clear: left; width: 100%; height: 400px; display: block; }
	footer #location .content .copy .contact { -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }

	.content .copy h2 { font:100 32px/34px 'Open Sans', arial; margin:25px 20px 20px 0px; padding:0 20px 15px 20px; }
	#rooftop .content .copy h2 { margin:30px 20px 20px 0px; }
	.content .copy h3 { font: 16px/24px "Cantarell",arial; }
	#rooftop .content .copy p { font: 100 14px/20px "Open Sans",arial; }
	#rooftop .content .copy p span.secondlast { display: none; }
	#rooftop .content .copy p.readmore { margin-bottom: 40px; }
}

@media only screen and (max-width:1000px) {
	header {position:relative;}
	header .left nav ul {display: none;}
	#container { padding: 0px; }

	#video { top: -35%; min-height: 140%; min-width: 145%; left: -15%; }
}

@media only screen and (max-width:940px) {
	#video { top: -45%; min-height: 150%; min-width: 150%; left: -30%; }
}

@media only screen and (max-width:900px) {
	#video { top: -53%; min-height: 160%; min-width: 160%; left: -30%; }
	.content .copy h3 { font: 15px/22px "Cantarell",arial; }
	#rooftop .content .copy p.readmore { padding-top: 0; margin-bottom: 30px; }
}

@media only screen and (max-width:850px) {
	#video { top: -67%; min-height: 170%; min-width: 190%; left: -40%; }

	.open-msg { font-size: 16px; line-height: 20px; }
}

@media only screen and (max-width:800px) {
	.flex-container {flex-direction: column;}
	.flex-container .col-50 {width: 100%;}
	#container  section .slideshow { width:100% !important; display:block !important; }
	#container section .right { width:100% !important; }
	section .quote p { font:23px/33px 'Open Sans',arial; }
	#location .content { background:#fff; }
	#news .event .date { max-width:90px; max-height:90px; }
	footer .contact button { left:30px; }
	footer .subscribe button { right:30px; }
	footer .copyright { padding:35px 0 25px 0; }
	footer .copyright p { margin:-20px 0; padding:0; }
	footer .copyright .logo { position:static; top:0; left:0; margin:0 auto; padding:0; }
	footer .copyright .pd { position:static; top:0; right:0; margin:0 auto; padding:0; }

	#video { top: -73%; min-height: 175%; min-width: 200%; left: -53%; }
}

@media only screen and (max-width: 768px) {
	header .left nav ul { display:none; }
}

@media only screen and (max-width: 750px) {
	#video { top: -90%; min-height: 190%; min-width: 210%; left: -50%; }
}

@media only screen and (max-width:720px) {
	#container { padding:0; }
	header { position:static;height:185px; z-index:20; background-position: left top; }
	header .left { padding:0 0 0 0; text-align:center; height:185px; }
	header .left nav { position:relative; width:100%; margin:0px; padding:0px; height:85px; background:#fff; }
	header .left .logo {position:relative; margin:0; top:0px; height:100px; display:block; width:100%; left:0px; }
	header .left .logo img { right:50%; margin:0px auto; }
	header .left .dimmi { right:auto; top:20px; width:100%; padding:0; height:auto; }
	header nav {font:bold 30px/10px 'Open Sans', arial; text-align:center;}
	header .left .phone { position: relative; background:none; height:40px; width: 100%; display: inline-block; z-index: 2000;font: bold 30px/10px 'Open Sans', arial; text-align: center; top: -30px;right: 0px; width: 100%;padding: 0px;}
	header .facebook { display: none; }
	header .instagram { display: none; }
	section .content .bg-image { display:none; }
	section .content .copy, section .content .google-map, section .quote, section .slideshow, #news .event { width:100% !important; display:block !important; }
	.content .google-map {height: 400px; }
	.logoheader, .col-50.slideshow {width: 100%;}
	.content .copy h2 {margin: 50px 20px 30px 0px; padding-left: 20px;}
	.content .copy h3 {margin: 50px 20px 30px 20px; padding: 0 20px; font: 22px/26px "Cantarell",arial; }
	.content .copy p {margin: 0px 20px 30px 20px; font: 100 18px/26px "Open Sans",arial;}
	#rooftop .content .copy p { font: 100 18px/26px "Open Sans",arial; padding: 0;  }
	#rooftop .content .copy p.last { display: block; }
	#rooftop .content .copy p span.secondlast { display: block; }
	#rooftop .content .copy p.readmore { margin-bottom: 50px; padding-top: 10px; }
	#rooftop .content .copy h2 { font: 100 36px/32px "Open Sans",arial; }
	.left-column .content .copy h2 {margin: 50px 0px 30px 20px; padding-right: 20px;}
	.left-column .content .copy h3 {margin: 50px 0px 30px 20px; padding-right: 20px;}
	.left-column .content .copy p {margin: 50px 0px 30px 20px; padding-right: 20px;}
	#corporate .content .copy h2 {margin: 50px 0px 30px 20px; padding-right: 20px;}
	#corporate .content .copy h3 {margin: 50px 0px 30px 20px; padding-right: 20px;}
	#corporate .content .copy p {margin: 50px 0px 30px 20px; padding-right: 20px;}
	footer .content .copy .contact p {margin: 50px 0px 30px 20px; padding-right: 20px;}
	footer .content .copy p.address {right: 0px;}

	section .content { display: inline-block; }
	section .content .google-map { height:525px; }
	section .quote p { font:40px/50px 'Open Sans',arial; }
	footer .contact input, footer .contact textarea, footer .subscribe input { width:85%; }
	footer .contact button { left:35px; }
	footer .subscribe { min-height:450px; }
	footer .subscribe button { bottom:-85px; left:50px; right:auto; }
	.content .copy h2.tagline { font:100 20px/24px 'Open Sans', arial; margin:20px 0 20px; padding:10px 5% 10px 5%; }
	.content .copy h3 {padding-left:0px;}
	.content .copy p  {padding-left:0px;}
	.left-column .content .copy.left h2 {}
	.left-column .content .copy.left h3 {padding: 0 0 0 5%;}
	.left-column .content .copy.left p {padding: 0 0 0 5%;}
	#news .event { min-height:665px; }
	#news .event { background-image: none !important; }


	.fade, .slide { display: inline-block; width: 100%; }
	#rooftop .content .copy { width: 100%; display: inline-block; }
	#video { top: 0%; max-height: 100% !important; max-width: 100% !important; min-height: 100% !important; min-width: 100% !important; left: 0%; }
	.logoheader .copy > div { position: relative; }
}

@media only screen and (max-width:550px) {
	section .quote p { font:32px/42px 'Open Sans',arial; }
	section .content .google-map { height:425px; }
}

@media only screen and (max-width:450px) {
	header .left, header .right { text-align:center; }
	header .left .logo { margin:0 auto; }
	header .right .phone { left:25px; right:auto; }
	section { border:none; }
	section .content .google-map { height:325px; }
	section .content .copy ul { margin:30px 0; padding:0 25px !important; list-style:none; }
	section .content .copy li { font:15px/18px 'Open Sans',arial; color:#231f20; margin:10px 0 0 0; padding:0 0 0 25px !important; text-align:left !important; }
	#corporate li, #bar li, #rooftop .content .copy li, #location .content .copy li { background:url(../images/li.png) top left no-repeat; }
	section .quote p { font:26px/36px 'Open Sans',arial; }
	#news .event p { font:15px/26px 'Open Sans',arial; text-align:left !important; }
	footer .contact { text-align:left !important; }
	footer .contact h2 { font:50px/115px 'PT Sans Narrow',arial; padding:0 0 0 25px !important; text-align:left !important; }
	footer .contact p { font:15px/26px 'Open Sans',arial; margin:0 0 15px 0 !important; padding:0 25px !important; text-align:left !important; }
	footer .contact input, footer .contact textarea, footer .subscribe input { width:85%; font:15px/60px 'Open Sans',arial; margin:0 0 0 25px !important; padding:0; text-align:left !important; }
	footer .contact button { left:20px; }
	.content .copy h2 {font: 100 26px/30px 'Open Sans' arial !important;}
	.left-column .content .copy h2 {font: 100 26px/30px 'Open Sans' arial !important;}
	.left-column .content .copy h3 {font: 100 26px/30px 'Open Sans' arial !important;}
	.left-column .content .copy p {font: 100 26px/30px 'Open Sans' arial !important;}
}

@media only screen and (max-width:400px) {
	section .quote p { font:22px/32px 'Open Sans',arial; }
	footer .copyright p a { margin:-50px 0 0 0; display:block; clear:both;  padding: 0px 10px 5px 10px;}
	footer .contact form {margin-bottom: 30px;}
}

@media only and screen (max-width:380px) {
	footer .contact textarea {height: 300px;}
	footer .content .copy p.address {position: relative; clear: both;}
}

@media only screen and (max-width:330px) {
	section .quote p { font:18px/28px 'Open Sans',arial; }
	section .content .google-map { height:250px; }
	#news .event { min-height:450px; }
}

/* Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) { section .content .google-map #map {position:absolute; top:0; left:0;} }
@-moz-document url-prefix() { section .content .google-map #map {position:absolute; top:0; left:0; width:100%;} }