@charset "UTF-8";
/* CSS Document */

a.topmenu:link {color: #fff; text-decoration:none; }
a.topmenu:visited {color: #fff; text-decoration:none; }
a.topmenu:hover {color:#F60; text-decoration:none; }
a.topmenu:active {color: #000; text-decoration:none} 

a.topmenudark:link {color: #3d3d3d; text-decoration:none; }
a.topmenudark:visited {color: #3d3d3d; text-decoration:none; }
a.topmenudark:hover {color:#F60; text-decoration:none; }
a.topmenudark:active {color: #000; text-decoration:none} 

a.bottommenutest:link {color: #000; text-decoration: none; }
a.bottommenutest:visited {color: #ffffff; text-decoration:none; }
a.bottommenutest:hover {color:#F60; text-decoration:none; }
a.bottommenutest:active {color: #000; text-decoration:none} 

img
{  border-style: none;
}

.p {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1em;
	font-weight: 800;
	color: #000000;
	text-align:left;
	
}
#orange {
	color:#F60
}
.h1 {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.5em;
	font-weight: lighter;
	color: #fff;
	line-height: 0.4em;
}
.h1dark{
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.5em;
	font-weight: lighter;
	color: #3d3d3d;
	line-height: 0.4em;
}

.h1bottom{
	font-family: 'Cormorant Garamond', serif;
	font-size: 2.5em;
	font-weight: 900;
	color: #ffffff;
	line-height: 0.7em;
}




.h2 {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.5em;
	font-weight: lighter;
	color: #000000;
	line-height: 0em;
	float:left;
}
.h3 {
	font-family:  'Cormorant Garamond', serif;
	font-size: 1.7em;
	font-weight: lighter;
	line-height: 0em;
	color: #000000;
}
.h4 {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1em;
	color: #000000;
	text-align:left;
}
.headermenu {
	
	position: fixed;
	margin: 0px;
	padding-top: 0em;
	padding-left: 1em;
	padding-bottom: 1em;
}


.bottommenu {
	width: 100%;
	position: fixed;
	margin: 0;	
	bottom: 2%;
	left: 92%;
}

.bottomleft{
	position: fixed;
	margin: 0;	
	bottom: 0%;
	left: 2%;
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.4em;
	color: #632413;
	text-align:left;
}

.centretextbox {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 550;
	font-size: 1.5em;
	color: #000;
	float: right;
	padding-top: 6%;
	padding-right: 3em;
	padding-bottom: 30%;
}
.rightphotobox {
	float: right;
	margin-bottom: 2em;
	margin-right: 3em;
	margin-left: 2em;
	text-align: right;
	padding: 5px;
	width: auto;
	
	
}
.mphoto {
	margin-bottom: 2em;
	margin-right: 3em;
	margin-left: 2em;
	text-align: right;
	padding: 5px;
	width: auto;
}
	
.textbox {
	float:right;
	padding: 2em;
	text-align: left;
	font-family:'Cormorant Garamond', serif;
	font-weight: lighter;
	font-size: 1.5em;
	color: #fff;
}




	
.thumbsContainer {
	text-align:right;
	}

.thumbsContainer:hover { 
	color: #F00;
	
	}
	
.coverContainer {
	color:#fff;
	}
	
.coverContainer:hover { 
	color:#fcf;
	}



	
.captionContainer {
	text-align:right;
	}	
	
.iframe-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.iframe-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


	
	
/* Type */


.caption {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	line-height: 25px; 
	}

	

/* Utility */
	


.padTop {
	padding-top: 6px;
	align: right;
	}

	
/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(195, 195, 197, 0.55);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(233, 233, 238, 0.55);
  }
}
.hvr-back-pulse {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #fff;
  background-color: #fff;
  color: white;
}
.topbox {
	padding: 25%;
}