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

@import url(https://fonts.googleapis.com/css?family=Sarpanch:400,500,600);
 html, body, .block {
    height: 100%;
  }
body{color:#FFF; width:100%;}
html, body, .block {
    height: 100%;
  }

.row{padding:1em 0; margin-bottom:0;}
.header-space {
	background: #3e3e3e;
	padding-top: 4em;
	-webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;
}
.section{padding:0;}
h1, h2, h3, h4, h5, h6, a{font-family:"Sarpanch", sans-serif; text-transform:uppercase;}

h3{font-size:25px;}

a{    color: #d6c391;}
/* navigation*/

.container.wrap{width:auto;}
.pushpin-wrap{width:100%; z-index:3; position:static;}
nav.black {
	    border-top: 4px solid #464646;
    border-bottom: 4px solid #464646;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    z-index: 3;
    position: relative;
    height: auto!important;
    padding: 1em 0;
    height: 100px!important;
	 -webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;
}
.main-nav .brand-logo {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    width: 200px;
    position: relative;
    text-align: center;
    padding: 7px 0 0;
    background: #000;
    margin-top: -50px;
    margin-left: 30px;
    height: 195px;
    margin-bottom: 0;
    margin-right: 20px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    border: 4px solid #464646;
	-webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;
}

.main-nav .brand-logo > img{-webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease; width:90%}
.main-nav {
	    margin: 0 auto;
    display: block;
    float: none;
	left:1em;
    position: relative;
   width: 100%;
}
ul.main-nav > li > a {display:inline-block;
	    color: #cdcdcd;
    font-family: 'Sarpanch', sans-serif;
    font-weight: 400;
        font-size: 1.25em;
    padding: .2em 1.2em;
    text-transform: uppercase;
    line-height: 2em;
    margin-top: .5em;
    border-bottom: 1px solid #777;
    letter-spacing: 2px;
    letter-spacing: 2px;
	border-top: 1px solid #777;
    -webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;
}

.table-of-contents{}
a.phone {
	    padding: .2em 1em .2em 1.5em!important;
	margin-left:.5em;

}
a.phone:before {
	    content: url(../images/phone.png);
  position:absolute;
    margin: 8px 4px 0 -1.5em;
}

/* PINNED MENU*/

.pinned  .header-space {
    padding-top: 3.5em;
	-webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;
}
.pinned .brand-logo {
    width: 150px;
    height: 150px;
	padding:7px 0 0!important;
	-webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;
}
.pinned .brand-logo > img {
	-webkit-transition: all 0.5 ease; /* Safari */
    transition: all 0.5 ease;
}
.pinned .main-nav{margin:0 4em; left:0!important;}

.pinned  ul.main-nav > li > a{    padding: .2em 1em;
-webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;}

.pinned nav.black{padding:.5em 0;
	height: 85px!important;
 -webkit-transition: all 0.5s ease; /* Safari */
    transition: all 0.5s ease;}
.pinned a.mobile-logo:before{margin-top: 1em!important;}
/* SIDE NAV*/
.side-nav{    background-color: rgba(224,191,104,.94); z-index:800;}
.side-nav a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 2em;
    font-weight: 500;
    height: 2em;
    margin: 1em;
    line-height: 48px;
    padding: 0 32px;
}
#sidenav-overlay{z-index:0;}

/* HERO */
.hero {
	text-align: center;
	background: url(../images/hero-bg.png) center top no-repeat;
	background-size: cover;
	margin-top: -4px;
	margin-bottom:0;
	z-index: 0;
	padding-bottom:4em;
}
.hero h2{margin-top:0; font-size:2em; font-weight:500; letter-spacing:1px; color:#d6c391;}

.hero p, .about p{font-size:1.25em; line-height:24px; color:#999; font-weight:300;}

.hero p{max-width:1000px; margin:0 auto; display:block;}
.about img{width:100%; max-width:100%;}


/* GALLERY */
.galleryOffset{padding-top:400px!important;}
#gallery{padding:2em 0;}

#gallery .row, .about .row{max-width:1100px; margin-bottom:0px;}
#gallery .row .s4 {padding:.1em .55%; height:auto!important; min-height:268px; }
@supports (-webkit-appearance:none) {

#gallery .row .s4 {transition:none!important;}

}
.image-wrapper{ display: inline-block;
    overflow: hidden;
	max-height:261px;
}
.image-wrapper img{width:100%; max-width:100%; max-height:100%; display:block;}
ul.simplefilter:after{margin-bottom:1em; display:block; content:""; clear:both;}
ul.simplefilter > li{display:inline-block; line-height:2em; background:#333; padding:.5em 1.5em; color:#d6c391; font-weight:900; text-transform:uppercase; float:left; margin: 1em 1em 0 0;}
ul.simplefilter > li:first-child{display:none;}
.simplefilters{display:block; clear:both; height:auto;}
.filtr-container{z-index:0; }

.filtr-item{overflow:hidden!important;}

a .image-wrapper  img{
		-webkit-transition:all 0.25s ease;
		-moz-transition:all 0.25s ease;
		-o-transition:all 0.25s ease;
		-ms-transition:all 0.25s ease;
		transition:all 0.25s ease;
	}


#gallery .row .s4 a:hover .image-wrapper img{     opacity: 1;
    transform: scale(1.15,1.15);
    -webkit-transform: scale(1.15,1.15);
    -moz-transform: scale(1.15,1.15);
    -ms-transform: scale(1.15,1.15);
    -o-transform: scale(1.15,1.15);
	position:relative;}

.gallery-caption{top: .1em;
    left: .4em;
    width: 100%;
    height: 100%;
    max-width: 355px;
    max-height: 262px;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
	overflow:hidden;
}
.filtr-item:hover .gallery-caption, .filtr-item:hover .gallery-caption .blur{
		opacity: 1;
	}

.blur{width:100%;
		height:100%;
		background-color: rgba(224,191,104,.9);
		z-index: 5;
		position: absolute;
	opacity:0;
	-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.8);
-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.8);
box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.8);

	}



.gallery-caption .caption-text{
		z-index: 10;
		color: #fff;
		position: relative;
		text-align: left;
		padding:2.5em 2em 2em;

	}

.caption-text p{font-size:1.75rem;
	color:#000;
	font-weight:500;}

.caption-text span{color:#FFF; font-size:1.75rem;}
.modal.large-pic-caption {
    background-color: transparent!important;
    padding: 0;
    max-height: 80%!important;
    width: 70%!important;
	max-width:800px!important;
    box-shadow: none!important;
	overflow:visible;
	font-weight:400;
}
.modal{ font-size:1rem}
.large-pic-caption.modal img{width:100%; max-width:100%!important;}
.close-button {
  width: 50px;
  height: 50px;
  right:0;
	top:0;
	margin-top:-50px;
	margin-right:-15px;
  position: absolute;
  display: block;
  z-index: 200;
  text-indent: -9999px;
}
.close-button:before,
.close-button:after {
  content: '';
  width: 55%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 48%;
  left: 22%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.close-button:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.close-button:hover:before,
.close-button:hover:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.button-collapse{display:none;}

/* FOOTER*/
.footer-wrap{background:#353535;
padding:1em 0;
}
.footer{ font-family:"Sarpanch", sans-serif; text-transform:uppercase; width:85%; max-width:1100px;}

.footer img{width:100%; max-width:100%;}
.footer-right{padding-left:5%!important;}
.footer-inner{border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
padding:1rem 0!important;}
.footer a{color:#FFF;}
.footer-inner .s5{padding-left: 2rem;
    border-left: 1px solid #FFF;}

.subfooter{background:#282727; padding:2em 0; font-family:"Sarpanch", sans-serif; text-transform:uppercase; color:#686868;}
.subfooter .container{width:75%!important;}

.subfooter a{float:right; color:#686868;}
@media only screen and (max-width: 599px){
	.caption-text p, .caption-text span{line-height:1em!important; margin:0!important;}
	.subfooter a{float:none!important;}
}
@media only screen and (max-width: 768px){

	nav.black{padding:0;}
	.pinned  {position:relative!important;}

	.hero h2{margin-top:auto!important;}

	.footer div{display:block; border:0!important; padding:10px!important; width:100%!important; text-align:center;}

	.footer img{width:auto; max-width:auto;}
	ul.simplefilter > li {
    display: inline-block;
    line-height: 2em;
    background: #333;
    padding: .25em;
    font-size: .95em;
    color: #d6c391;
    font-weight: 900;
    text-transform: uppercase;
    float: left;
    margin: .25em;
}
	.gallery-caption{margin-left:-4px; height:95%;}
	.blur {left:-5px;
    width: 100%;
    height: 100%;
-webkit-box-shadow: none;
    box-shadow: none;
}


		.mobile-logo:before {
    width: 190px;
    margin-top: 15px;
    height: 190px;
}

	.mobile-logo:before {    margin-top: 45px!important;
    top: -75px;
	    padding: 5px 0 0 0!important;}

	.drag-target {
    z-index: 100;
}

	.about .col{width:100%!important; display:block;}

	#gallery .row .s4 {
    padding: .1em .55%;
    height: auto!important;
    min-height: 80px!important;
}
}
@media only screen and (max-width: 1000px){
	.button-collapse{display:block!important;
	}
	.hero {
    padding-top: 5em;

}
	.mobile-logo{
    line-height: 1.25em;
    margin-left: .25em;
    width: 100%;
    text-align: center;
    display: block;
}
	.mobile-logo:before{    display: block;
    position: relative;
    margin-top: -20px;
    background: url(../images/logo.png) center center #000 no-repeat;
		content:"";
		background-size:99%;
    width: 150px;
		height:150px;
    z-index: 9999!important;
    border-radius: 200px;
    padding: 3px 0 0 0;
    margin: -40px auto;
    border: 3px solid #666;}

	.mobile-logo span{    position: absolute;
    font-size: 0;}

	.button-collapse {    text-align: right;
    display: block;
    background: #333;
    padding: 25px!important;
}
	.button-collapse i{z-index: 9999;
	display:block;
	position:absolute;
	    right: 1em;
    top: .5em;}

	.c-hamburger {    z-index: 850;
    float: right;
	  display: block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 46px;
	  height: 46px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  border: none;
	  cursor: pointer;
	  transition: background 0.3s;
	}

	.c-hamburger:focus {
	  outline: none;
	}

	.c-hamburger span {
  display: block;
  position: absolute;
  top: 23px;
  left: 10px;
  right: 10px;
  height: 3px;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

	.c-hamburger--htx {border:2px solid #FFF;

  background-color: #e7cd8a;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #000000;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
	.gallery-caption .caption-text {font-size:1em!important;
    padding: .75em 1em;
}
	.caption-text p, .caption-text span{font-size:1.5em!important;}
	.caption-text p, .caption-text span{font-size:1.5em!important;}

}

@media only screen and (max-width: 1024px) {
.drag-target {
    z-index: 100;
}
#gallery .row .s4 {
    padding: .1em .55%;
    height: auto!important;
    min-height: 100px!important;
}
.modal.large-pic-caption {
    max-height: 80%!important;
    width: 90%!important;
    max-width: 800px!important;
}
}

@media only screen and (min-width: 1093px) {
.container.wrap {
    width: 1030px;
}


}