
body {
	width: 100%;
	height: 100%;
	color: #1a1e1c;
	background-color: #e1c8a7;
	background-image: url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center; 
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

	
p {
	line-height: 24px;
}

strong{
	font-weight: 800
}

.home {
	width:100%;  
	height: 700px;
}

.menu {
	position: fixed; 
	top: 0; 
	width: 100%;
	z-index: 100;
	background: #1a1e1d;
	text-align: center;
}

.menu .nav {
	display: table;
	width: 100%;
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;

}

.menu .nav li {
	display: inline-block;
	float: none;
	padding: 0;
}

.menu  .nav li a{
	color: #fff;
	transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
	background: url(../img/line-menu.png) no-repeat top right;
}

.menu  .nav li.last a{
     background: none;
}

.menu  .nav li a:hover{
	color: #771919;
	transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
}


/* content */

h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 38px;
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	margin: 0;
}

h2{
	color: #771919;
	text-align: center;
	font-size: 18px;
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	margin: 10px 0 10px 0;
	line-height: 30px;
}

span.citation-signature{
	display: block;
	width: 80%;
	color: #771919;
	font-family: 'Playfair Display', serif;
	text-align: right;
	font-size: 16px;
	font-weight: 400;
	padding: 0 0 20px 0;
}


/* video player */

.player {
	max-width: 730px;
	margin: 130px auto 0 auto;
	border: solid 5px #b4a694;
}

.video-js
{
	width: auto !important;
	height: auto !important;
}

.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}


.vjs-default-skin .vjs-big-play-button {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/poster-video0.png) center center;
	border: 0;
	text-indent: -9999px; 
	border-radius: 0 !important;
}

.vjs-default-skin-1 .vjs-big-play-button {

    background: url(../img/poster-video2.jpg) center center;
}


.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #ffffff }
.vjs-default-skin .vjs-big-play-button:hover { 
	opacity:1;
	filter:alpha(opacity=10); 
	box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
	-moz-box-shadow: 0 0 0 #fff;
	border-radius: 0 !important;
}

/* Legal age gate */
#AgeHeaderLogo img
{
	margin: 10px auto 0 auto;
}

section.age {
	background-color:rgba(255, 255, 255, 0.3);
	padding: 50px 0;
	margin: 20px auto;
}

section.age h1{	
	margin: 0 auto 20px auto;
}

select {
	background: #b4a694;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
	color: #fff !important;
	cursor: pointer;
}

select:hover {
	background:  #000;
	transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
}

label {
	cursor: pointer;
}
.buttonsubmit {
	background:  #000;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	color: #fff !important;
	transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
}

.buttonsubmit:hover {
	background:  #771919;
	transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
}

/* home */
#YTchannelLink
{
	width: 730px;
	margin: 10px auto;
	text-align: right;
}

#YTchannelLink img
{
	width: 80px;
	height: 35px;
}

/* journey */

.journey .container{
    padding-top: 80px;
}


/* gallery */

section.gallery {
    background-color:rgba(255, 255, 255, 0.3);
    padding: 80px 0 50px 0;
}


section.gallery img{
 	margin: 20px 0px;
 	border: solid 5px #b4a694;
 	transition:all 0.2s ease-in-out; 
 	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
}

section.gallery img:hover, section.gallery .videocontent:hover{
 	border: solid 5px #771919;
	transition:all 0.2s ease-in-out; 
 	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
}

section.gallery .videocontent{
    margin-top: 20px;
    border: solid 5px #b4a694;
    transition:all 0.2s ease-in-out; 
    -moz-transition:all 0.2s ease-in-out; 
    -webkit-transition:all 0.2s ease-in-out;
}


/* contact */

section.contact {
 	padding: 50px 0 40px 0;
}

.contact p{
	padding: 15px 0;
	text-align: center;
}

.contact a{
    color: #1a1e1c;
    transition:all 0.2s ease-in-out; 
    -moz-transition:all 0.2s ease-in-out; 
    -webkit-transition:all 0.2s ease-in-out;
}

.contact a:hover{
    color: #771919;
    transition:all 0.2s ease-in-out; 
    -moz-transition:all 0.2s ease-in-out; 
    -webkit-transition:all 0.2s ease-in-out;
    text-decoration: none;
}

#GVcontactLogo img
{
	transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
	margin: auto;
}

#GVcontactLogo img:hover
{
	opacity: 0.5;
	transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out;
}

/* responsive */

@media (max-width: 480px) {

	.home {
		height: 300px;
		padding-top: 40px;
	}
	.player {
		margin: 20px auto;
	}
	.menu  .nav li a{
		padding-left: 6px;
		padding-right: 6px;
	}
	h1{
		font-size: 28px;
		margin: 0;
	}
	h2{
		font-size: 16px;
	}
	#YTchannelLink
	{
		width: auto;
	}
}


