@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400');
body {background-color:#fff;font-family:'Source Sans Pro', sans-serif;color:#000000; font-weight:300;font-size:1.20em;overflow:auto;margin:0;padding:0}
a {color:#333333;text-decoration:none;transition:color 0.40s ease-in-out}
a:hover {color:#92683c}
img {text-align:center;max-width:100%;height:auto}

.contact {
	height: 18px;
	vertical-align: middle;
}
/* fixed menu------------------------------------- */
header {
	  background-color: rgba(255, 255, 255, 0.9);
	  height: 50px;
	  padding-top: 10px;
	  position: fixed;
	  width: 100%;
	  top: 0;
	  z-index: 999;
}
.inner {
	  max-width: 1200px;
	  margin: 0 auto;
	  padding: 0px 20px;
	  position: relative;
}
.logo {
	text-decoration: none;
	font-weight: 300;
	color: #000;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.04em;
	font-family:'Source Sans Pro', serif;
    text-transform: none;
}
nav > ul {
  	float: right;
	list-style:none;
}
nav > ul > li {
  	text-align: center;
	  line-height: 15px;
	  margin-left: 40px;
}
nav ul li:hover {
	  position: relative;
}
nav ul li:hover > ul {
  	display: block;
}
nav ul li:hover > a {
	  color:#867052;
	  border-bottom: 1px solid #867052;
	  padding-bottom: 5px;
}
nav > ul > li > a {
	display: block;
	outline: none;
	width: 100%;
	text-decoration: none;
}
nav > ul > li {
  	float: left;
}
nav a {
	  color: #666;
	  text-transform: uppercase;
	  letter-spacing : 0.15em;
	  font-size: 13px;
	  font-weight: 400;
}
nav > ul li ul {
  	display: none;
  	position: absolute;
  	left: 0;
	  top: 100%;
  	width: 100%;
	  z-index: 2000;
}
[type="checkbox"], label {
	  display: none;
}
@media screen and (max-width: 768px) {
	nav ul {
		  display: none;
	}
	label {
  		display: block;
		  width: 40px;
  		height: 40px;
  		cursor: pointer;
		  position: absolute;
		  right: 20px;
  		top: 0px;
	}
label:after{
  content:'';
  display: block;
  width: 30px;
  height: 5px;
  background: #777;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
}
	[type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		  right: 20px;
		  left: -40px;
	}
	nav a {
		  color: #fff;
		  font-size: 18px;
	}
	nav ul li {
		  display: block;
  		float: none;
  		width: 108%;
  		text-align: left;
  		background: rgba(0,0,0,0.9);
		line-height: 70px;
		  text-indent: 40px;
	}
	nav > ul > li {
  		margin-left: 0px;
	}
	nav > ul li ul li {
  		display: block;
		  float: none;
	}
	nav > ul li ul {
		  display: block;
  		position: relative;
  		width: 100%;
		  z-index: 9999;
		  float: none;
	}
}
/* Div ids------------------------------------- */
#wrapper {margin:0 auto;max-width:1000px;width:100%;padding-top:75px;}
#wrapper ul {
    list-style: none;
    padding:0;
    margin:0;
}
#wrapper li { 
    padding-left: 1em; 
    text-indent: -.5em;
}
#wrapper li:before {
    content: "•";
    color: #4f4840;
}
#wrapgallery {text-align:center;width:100%}
#inner {color: #fff;text-align:center;line-height : 1.0em;}
/* Gallery thumbs------------------------------------- */
.item {text-align:center;margin:6px;position:relative;}
.item, .item-hover, .item-hover .mask, .item-img, .item-info {width:400px;height:400px;display:inline-block}
.item-hover, .item-hover .mask, .item-img {position:absolute;top:0;left:0;}
.item-type-line .item-hover {z-index:100;transition:all 300ms ease-out;opacity:0;cursor:zoom-in;display:block;text-decoration:none;text-align:center;}
.item-type-line .item-info {z-index:10;color:#ffffff;display:table-cell;vertical-align:middle;position:relative;z-index:5}
.item-type-line .item-info .headline {font-size:22px;text-transform:uppercase;letter-spacing:0.12em}
.item-type-line .item-info .line {height:1px;width:0%;margin:18px auto;background-color:#ffffff;transition:all 800ms ease-out}
.item-type-line .item-info .date {font-size:18px}
.item-type-line .item-hover .mask {background-color:#867052;opacity:0.9;z-index:0;}
.item-type-line .item-hover:hover .line {width:70%}
.item-type-line .item-hover:hover {opacity:1}
.item-img {z-index:0}
.gallery1 {animation: fadein 0.5s}
.gallery2 {animation: fadein 1s}
.gallery3 {animation: fadein 1.5s}
.gallery4 {animation: fadein 2s}
.gallery5 {animation: fadein 2.5s}
.gallery6 {animation: fadein 3s}
.gallery7 {animation: fadein 3.5s}
.gallery8 {animation: fadein 4s}
.gallery9 {animation: fadein 4.5s}
.gallery10 {animation: fadein 5s}
.gallery11 {animation: fadein 5.5s}
.gallery12 {animation: fadein 6s}
.exclusive {color: #c0a076; font-size: 22px; letter-spacing: 0em; text-transform: uppercase; vertical-align: middle; }
/* Responsive adjusts------------------------------------- */
/* Lower than 1080 full HD Screens adjust goes here------------------------------------- */
@media only screen and (max-width:1600px) {
.item {margin:3px;}
.item, .item-hover, .item-hover .mask, .item-img, .item-info {width:314px;height:314px;}
#wrapper {max-width:800px;width:100%;padding-top:55px;}
#inner {margin-top:-35px}
.hero {padding-top: 120px;}
.logo {
	  font-size: 28px;
}
.exclusive {font-size: 20px;}
}