/*--------------------------------------------------------
Resets
--------------------------------------------------------*/

html, body {
	height: 100%;
}

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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, th, 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;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	color: #fefb00;
}

ol, ul {
	list-style: none;
}

.conference{
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 10px;
	line-height: 24px;
}

blockquote, q {
	quotes: none;
	padding-left: 15px;
	border-left: 3px solid;
	margin: 10px 20px 10px 0;
	border-color: #fde732;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}



.list {
	margin-top: 10px;
}

.list a {
	text-decoration: none;
	color: #272727;
}

.list a:hover {
	text-decoration: none;
	color: #d11f0f;
}

/*--------------------------------------------------------
Commons
--------------------------------------------------------*/

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

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

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

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

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

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

::-moz-selection {
	background: #b0b825;
	color: white;
}

::selection {
	background: #b0b825;
	color: white;
}

body {
	background: white;
	color: #1c1f26;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font: 14px/20px 'ArvoRegular', serif;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	/* 16

/9 ratio */
    padding-top: 30px;
	/* I

E6 workaround*/
    height: 0;
	overflow: hidden;
}

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

img.scaleimg {
	width: 100%;
	height: auto;
}

.hidden {
	display: none;
}

.vertical-text {
	display: table-cell;
	vertical-align: middle;
}


.pattern {
	background: url(images/pattern.png);
	width: 100%;
	position: absolute;
}

/*
.pattern {
	width: 100%;
	position: absolute;
}
*/
.pattern_dark {
	background: url(images/pattern_teaser.png);
	width: 100%;
	position: absolute;
}

.margin_top{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*Buttons------------------------------------------*/

.button {
	width: auto;
	background: #f0d136;
	color: #14171c;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	outline: none;
	padding: 11px 20px 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}

.button:hover {
	background-color: #272727;
	color: #ffffff;
}

.button:active {
	background-color: #285692;
}

.button:focus {
	background-color: #b0b825;
}

.button.large {
	font-size: 16px;
	padding: 14px 30px 14px;
}

.button.medium {
	font-size: 12px;
}

.button.small {
	font-size: 10px;
	padding: 6px;
	font-weight: 400;
}

.special_button {
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	text-align: center;
}

.reserve_button {
	background: #272727;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	outline: none;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
	line-height: 1.5em;
}

.reserve_button:hover {
	background-color: #fff;
	color: #272727;
}

.adventure_button {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: center;
}

.button.slider { font: 32px/1.15 'BebasNeueRegular'; }


.facebook {
	margin-top: 20px;
}

.facebook_icon {
	width: 32px;
	height: 32px;
	margin-right: 15px;
	margin-bottom: -10px;
}

.splash_box {
	background-color: #fcf9e4;
	padding: 20px;
	text-align: center;
}

.splash_box h1 {
	margin-top: 10px;
}

.slider_price {
	color: #e3c429;
}

/*Forms------------------------------------------*/

form {
	margin-bottom: 20px;
	color: #fff;
}

fieldset {
	margin-bottom: 20px;
}

input, textarea {
	
	font-size: 13px;
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

textarea {
	min-height: 100px;
}

input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
	border: 1px solid #868991;
	color: #1c1f26;
	background: white;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 0 4px rgba(0,0,0,.2);
}

input.error {
	border: 1px solid #c60f13;
	background: #f9e7e8;
}

input.error[type="text"]:focus,
	input.error[type="password"]:focus,
	input.error[type="email"]:focus {
	border: 1px solid #c60f13;
}

legend {
	display: block;
	font-weight: 600;
	font-size: 14px;
}

/*--------------------------------------------------------
Typography
--------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-weight: 400;
}

h1 {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 60px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px;
}

h1.white {
	color: white;
}

p.white {
	color: white;
}

.italic {
	font: italic 75% Georgia, "Times New Roman", Times, serif;
	vertical-align: middle;
}

h2 {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 44px;
	text-transform: uppercase;
	position: relative;
}

h2.white {
	color: white;
}

h3 {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 26px;
	letter-spacing: 1px;
}

.rooms {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 21px;
	letter-spacing: 1px;
}

h3.white {
	color: white;
}

h3.centered {
	text-align: center;
}

h4 {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	margin-top: 10px;
}

h4.white {
	color: white;
}

h5 {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #919191;
}

h6 {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: -5px;
}

p {
	margin-top: 10px;
}

p a {
	color: #3268ab;
	text-decoration: none;
}

.price_list {
	margin-top: 0px;
	font-weight: bold;
}

p a:hover {
	color: #d11f0f;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}

.bold {
	font: 100% 'ArvoBold', serif;
}

.arvo_bold {
	color: #d11f0f;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font: 'ArvoBold', serif;
	font-weight: bold;
}

.bold_sans {
	text-transform: uppercase;
	font: 100% 'ArvoBold', serif;
}

.menu_italic {
	text-transform: none;
	font: italic 11px 'ArvoItalic', serif;
	border: 1px solid #272727;
	padding: 5px 10px;
	margin-top: 20px;
}

.red {
	color: #d11f0f;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font: 'ArvoBold', serif;
	font-weight: bold;
}

.pub_nights {
	border-bottom: 1px dashed #fde732;
	padding-bottom: 8px;
}

.margin_bot_20 {
	margin-bottom: 20px;
}

.clearfix {
	clear: both;
	margin-top: 20px;
	width: 100%;
	height: 20px;
}

.clearfix_menu {
	clear: both;
	margin-top: 50px;
	width: 100%;
	height: 20px;
}

/*--------------------------------------------------------
Navigation
--------------------------------------------------------*/

nav {
	background: url(images/nav-bg.png) repeat;
	width: 100%;
	position: relative;
	z-index: 1000;
	height: 75px;
	opacity: 0;
	filter: alpha(opacity=0);
	border-top: 3px solid #272727;
}

.links {
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

.links li {
	display: inline;
	margin: 0 12px 0 0;
}

.links a {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

.links a:visited {
	color: 000;
}

.links a:hover {
	color: #fff;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}

.links img {
	margin-right: 12px;
	width: 100px;
	height: 50px;
	opacity: 1;
}

.links img:hover {
	opacity: 0.6;
}

.social-icons {
	text-align: right;
	margin-top: 20px;
}

.social-icons li {
	display: inline-block;
	margin: 0 0 0 6px;
}

.social-icons img {
	width: 18px;
	height: 18px;
}

.social-icons img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
/

* For IE8 and earlier */
}

.social-icons-footer {
	text-align: center;
	margin-top: 10px;
}

.social-icons-footer li {
	display: inline-block;
	margin: 0 0 0 6px;
}

.social-icons-footer img {
	width: 18px;
	height: 18px;
}

.social-icons-footer img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
/

* For IE8 and earlier */
}


.dropmenu {
	display: none;
}


/*--------------------------------------------------------
Parallax
--------------------------------------------------------*/

#parallax1, #parallax2, #parallax3, #parallax4 {
	width: 100%;
	height: 440px;
	background-color: #1c1f26;
	position: relative;
	overflow: hidden;
}

#parallax1 .vertical-text,
#parallax2 .vertical-text,
#parallax3 .vertical-text,
#parallax4 .vertical-text,
#parallax1 .pattern,
#parallax2 .pattern,
#parallax3 .pattern,
#parallax4 .pattern {
	height: 440px;
}

/*Parallax1------------------------------------------*/

.bg1 {
	background: url(images/teaser1.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}

/*Parallax2------------------------------------------*/

.bg2 {
	background: url(images/teaser2.jpg) top center fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 120%;
}

.twitter-author {
	text-transform: uppercase;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 24px;
}

.twitter-author a {
	color: #fde732;
}

.twitter-author a:hover {
	color: #d11f0f;
}

.tweet {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	color: white;
	line-height: 1.4;
	margin: 7px 0 12px 0;
}

.tweet a {
	color: #fde732;
}

.tweet a:hover {
	color: #d11f0f;
}


.twitter-date {
	color: #fefffe;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
}

/*Parallax3------------------------------------------*/

#parallax3 h2 {
	text-align: center;
	margin-bottom: 20px;
}

.bg3 {
	background: url(images/teaser3.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

.clients {
	text-align: center;
}

.clients li {
	display: inline;
	margin: 0 15px 0 15px;
	height: 50px;
	opacity: 1;
}

.clients li:hover {
	opacity: 0.7;
}

/*Parallax4------------------------------------------*/
	
.bg4 {
	background: url(images/teaser4.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}

.bg5 {
	background: url(images/teaser5.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}

.bg6 {
	background: url(images/teaser6.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}

.bg7 {
	background: url(images/teaser7.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}

.bg8 {
	background: url(images/teaser8.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}


/*Parallax2------------------------------------------*/
.banner {
	width: 100%;
	max-width: 100%;
	height: auto;
}


.bgdining {
	background: url(images/dining.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 120%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}


/*Parallax3------------------------------------------*/


.bgjacks {
	background: url(images/jacks.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}


.bggreenroom {
	background: url(images/greenroom.jpg) 50% 50% fixed repeat-y;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 110%;
}

p.prlx-quote {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	margin: 0 10% 0 10%;
}

.prlx-author {
	height: 24px;
	background: url(images/quote.png) left no-repeat;
	width: auto;
	padding-left: 40px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	line-height: 0.9;
	position: relative;
	margin-top: 26px;
	left: 42%;
	z-index: 200;
}



.banner_img{
	margin-top: 30px;
}

/*--------------------------------------------------------
Content
--------------------------------------------------------*/

#about, #culture, #services, #rooms, #marina {
	padding-top: 104px;
	padding-bottom: 50px;
	position: relative;
	background: white;
}

#portfolio {
	padding-top: 104px;
	padding-bottom: 50px;
	position: relative;
	background: #000;
	border-bottom: 1px solid #272727;
}

#jacks, #greenroom {
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
	background: white;
}

.one-text {
	font-size: 18px;
	line-height: 1.5;
}

.description {
	font-size: 14px;
	line-height: 20px;
}

.menu_txt {
	font-size: 12px;
	line-height: 18px;
	padding-right: 10px;
}

.coupon_description {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.pkg_fineprint {
	color: #868991;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-top: 20px;
}

.columns .img-wrp {
	position: relative;
	margin-bottom: 10px;
}

.img-wrp img {
	display: block;
}

.overlay-wrp {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	height: 100%;
	width: 100%;
}

.overlay-wrp .overlay {
	opacity: 0.1;
	filter: alpha(opacity=10);
	height: 100%;
	width: 100%;
}

.overlay {
	background: #fefffe;
}

/*Homepage------------------------------------------*/
/*
#homepage {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin-bottom: -70px;
	background-image: url(images/pattern.png);
}
*/

#homepage {
		position: relative;
		overflow: hidden;
		height: 100%;
		margin-bottom: -70px;
}


#homepage .container {
	height: 100%;
}

/*	.logo {
		top: 40px;
		position: absolute;
		opacity: 0;
		filter: alpha(opacity=50);
	}
*/
.logo_holder{
	width: 100%;
	margin-bottom: -130px;
	border-top: 15px solid #f0d02c;
}

.logo {
	display: block;
	margin: 0 auto;
	opacity: 0;
	filter: alpha(opacity=50);
}

.slider-text {
	position: absolute;
	overflow: hidden;
	bottom: 120px;
	min-height: 220px;
}

#slidecaption {
	overflow: hidden;
	float: left;
	color: white;
	font: 62px/0.9 "ArvoBold", Helvetica, Arial, sans-serif;
	margin: 0 20px 0 0;
	padding: 20px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: -2px;
}

.slidedescription {
	font: 32px/1.15 'BebasNeueRegular';
	margin: 13px 0 0 0;
	text-transform: none;
	letter-spacing: 1px;
}

#slidecaption a {
	text-decoration: none;
	color: white;
}

#slidecaption a:hover {
	color: #cdecfc;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}

a:hover .slidedescription {
	color: white;
}

.line {
	border-bottom: solid white 1px;
	margin-bottom: 36px;
	opacity: 0;
	filter: alpha(opacity=0);
}

/*About------------------------------------------*/

.container .overlay-content.social-icons {
	text-align: center;
	margin-top: -11px;
	position: absolute;
	top: 20%;
	width: 100%;
	z-index: 10;
}

.container .overlay-content.social-icons img {
	background: white;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	opacity: 0.7;
}

.container .overlay-content.social-icons img:hover {
	opacity: 1;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}

.column .img-wrp {
	position: relative;
	margin: 32px 0 14px;
}

.job-position {
	color: #919191;
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0px;
}

.restrictions {
	color: #919191;
	font-size: 12px;
	margin: 2px 0px;
	line-height: 1.35em;
}

.packages {
	margin-top: 30px;
}

/*Culture------------------------------------------*/

.culture-full {
	background: #f0f2f5;
	padding: 60px 0px 60px 0px;
	margin: 53px 0px 0px 0px;
}

#culture h3 {
	text-align: left;
	margin-top: 16px;
}

#culture h4 {
	margin: 54px 0 10px 0;
}

/*Services------------------------------------------*/

#services h3 {
	text-align: center;
	margin-top: 46px;
}

#services .description {
	text-align: left;
	margin-top: 20px;
}

.icon {
	width: 190px;
	height: 190px;
	border-radius: 190px;
	-webkit-border-radius: 190px;
	-moz-border-radius: 190px;
	margin: 24px auto 24px auto;
	background: #fff center center no-repeat;
	border: 6px solid #fde732;
}

.icon_jacks {
	width: 300px;
	height: 180px;
	margin: 5px auto;
}

.crabfest {
	width: 300px;
	height: 340px;
	margin: 34px auto 14px;
	border: 2px dashed #cacaca;
}

.dividing_line {
	clear: both;
	border-bottom: 1px dashed #fde732;
	padding-top: 30px;
	width: 88%;
	margin-left: 12%;
}

.dividing_line_full {
	clear: both;
	border-bottom: 1px dashed #fde732;
	padding-top: 30px;
	width: 100%;
}

.hr_line {
	border-bottom: 1px dashed #919191;
	width: 100%;
	margin-top: 5px;
}

/*Portfolio------------------------------------------*/

#portfolio h1 {
	margin-bottom: 34px;
	color: #fff;
}

.project-title {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 7px;
}

.project-description {
	color: #868991;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.columns .overlay-content.loupe {
	width: 34px;
	height: 34px;
	background: url(images/loupe.png) 0px 0px no-repeat;
	position: absolute;
	top: 22%;
	margin: -17px 0 0 -17px;
	left: 50%;
	z-index: 10;
}

/*Contact------------------------------------------*/
/*
#contact {
	width: 100%;
	height: auto;
	min-height: 100%;
	position: relative;
	background: #1c1f26 url(images/contact_img.jpg) fixed center;
	background-size: cover;
}
*/
#contact {
	width: 100%;
	position: relative;
	background: #1c1f26 url(images/contact_img.jpg) fixed center;
	height: 100%;
}

#contact .pattern {
	height: 100%;
}

.card {
	width: 100%;
	text-align: left;
	padding: 10px 0 60px;
	margin: 15% 0 100px;
}

.adress {
	color: #fde732;
	margin-top: 5px;
	font: 21px/31px 'Oswald', sans-serif;
}

.lines {
	color: white;
	font: 21px/31px 'Oswald', sans-serif;
	padding: 21px 0 41px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.lines p a {
	font: 21px/31px 'Oswald', sans-serif;
	padding: 31px 0 31px 0;
	color: #fde732;
}

.lines p a:hover {
	color: #d11f0f;
}

.contact-social-icons {
	text-align: left;
}

.contact-social-icons li {
	display: inline;
	margin: 0 7px 0 7px;
}

.contact-social-icons img {
	width: 60px;
	height: 60px;
}

.contact-social-icons img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
/* For

IE8 and earlier */
}

.mar20bottom {
	margin-bottom: 20px;
}



/* Contact Form
=========================================================*/
.contact_form{
	margin:0;
	padding:0;
	width:100%;
	color: #fff;
}

.contact_form fieldset{
	margin: 0 3.5% 10px 0;
	padding:0;
	width:31%;
	display:inline;
	float:left;
}

.contact_form fieldset.last{
	margin:0 0 10px 0;
}

.contact_form fieldset.full{
	width:100%
}

.contact_form fieldset.half{
	width:48%;
}

.contact_form fieldset.right{
	margin:0;
	float:right;
}

.contact_form fieldset label{
	font-weight:700;
	display:block;
	margin:0 0 10px 0;
	padding:0;
}

.contact_form fieldset label span{
	font-weight:400;
}

.contact_form fieldset textarea{
	resize:vertical;
	height:140px;
 }

.contact_form #contact_response{
	margin:20px 0 0 0;
	font-size:12px;
}


.copyright {
	background: #1e1e1e url(images/footer-gr.png);
	width: 100%;
	bottom: 0;
	padding-bottom: 20px;
	padding-top: 5px;
	position: absolute;
}

.copyright p {
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	font-size: 10px;
	color: #fde732;
	margin-top: 26px;
}

.copyright p a {
	color: #fff;
	text-decoration: none;
}


.copyright p a:hover {
	color: #d11f0f;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}

#footer {
	width: 100%;
	background-color: #000;
	position: absolute;
}