@charset "UTF-8";

@font-face {
  	font-family: 'Siaga';
	    src: url("../fonts/Siaga-Regular.woff2")	format("woff2");
    src: url("../fonts/Siaga-Regular.woff") format("woff");	
}
@font-face {
  	font-family: 'Super';
    src: url("../fonts/GT-Super-Text-Book.woff2")	format("woff2");
    src: url("../fonts/GT-Super-Text-Book.woff") format("woff");	
}

body{
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

*{
	box-sizing: border-box;
	color: black;
	font-size: 11.5px;
	line-height: 20px;
	letter-spacing: .02em;
	
}
.footer ul{
text-decoration: none;
list-style: none;
margin: 0;
padding: 0;

	}
.footer li{
text-decoration: none;
list-style: none;
display: inline-block;
margin: 0;
font-family: 'Siaga';
color: #929292;
font-size: 11px;
line-height: 17px;
letter-spacing: .03em;
padding:0px 35px 0px 35px;
	
	}
.footer li a{
text-decoration: none;
list-style: none;
margin: 0;
padding: 0;
font-family: 'Siaga';
color: #929292;
font-size: 11px;
line-height: 17px;
letter-spacing: .03em;

	
	}
.footer li a:hover{
text-decoration: underline;
list-style: none;

}
.container {
	width: 100vw;
	height: auto;
	padding: 0;
	margin: 0;
	
}
.fullphoto {
	width: 100%;
	height: 100%;
	z-index: -10000;
	margin:0;
	padding: 0;
	float: none;
	position: static;
	
}
.fullphoto img {
    height: 100%;
	width: 100%;
    object-fit: cover;
	box-sizing: border-box;

}
.header {
	background-color: none;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
	
	}
.header-container-one {
	height: auto;
	box-sizing: border-box;
	padding: 41px 0 0 0;

	}
.header img {
	width: 100%;
	max-width: 335px;
	
}
.beader {
	width: 100%;
	height: auto;
	position: fixed;
	margin: 0;
	padding: 20px 0 42px 0;
	float: none;
	background-color: none;
	bottom: 0;
	text-align: center;
	color: #e5ecdb;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: .02em;
	font-family: 'Siaga';
	}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-shadow: 0 1px 0 #fff;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;

	

}
/* off-screen-menu */
.off-screen-menu {
    background-color: #4b2c2a;
    height: 100vh;
    width: 100%;
    max-width: 450px;
    position: fixed;
    top: 0;
    left: -450px;
    display: flex;
    flex-direction: column;
    align-items: right;    
    text-align: right;
    font-size: 10px;
	line-height: 165px;
	text-decoration: none;
	list-style-type: none;
	font-family: 'Siaga';
	box-sizing: border-box;
	color: white;
	padding-right: 15px;
	letter-spacing: .04em;
	z-index: 4000;
	text-transform: uppercase;
	transition: 200ms ease-in-out;


}
.off-screen-menu.active {
    left: 0;
	opacity: .9;
	
}
.off-screen-menu ul {
text-decoration: none;
list-style-type: none;
	
	
}
.off-screen-menu li {
	text-decoration: none;
	list-style-type: none;
	transition: opacity 200ms ease-in-out;
	padding-bottom: 20px;
	padding-top: 30px;
	
}
.off-screen-menu  a {
	color: white;
	text-decoration: none;
	cursor: pointer;
	
}.off-screen-menu  a:link {
	color: white;
	text-decoration: none;

	}
.off-screen-menu  a:visited {
	color: white;
	text-decoration: none;

	}
.off-screen-menu  a:hover {
	color: white;
	text-decoration: none;
	opacity: .4;
	transition: opacity 200ms ease-in-out;

	
	}
.off-screen-menu  a:active {
	color: white;
	text-decoration: none;
}

/* nav */
nav {
    padding: 1rem;
    display: flex;
    background-color: none;
	top: 0;
	cursor: pointer;
	width:0;

}
/* ham menu */
.ham-menu {
    height: 8px;
    width: 21px;
    margin-left: auto;
    position: fixed;;
	left: 38px;
	top: 45px;
	z-index: 4000;
	padding: 0;
	box-sizing: border-box;

}
.ham-menu span {
    height: .15em;
    width: 100%;
    background-color: white;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	transition: transform 200ms ease-in-out;
	
}
.ham-menu span:nth-child(1) {
    top: 0%;
}
.ham-menu span:nth-child(2) {
    top: 100%;
}
.ham-menu.active span {
    background-color: white;
}
.ham-menu.active span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);

}
.ham-menu.active span:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
	
	
}
/* ham menu */
.specifics {
    height:auto;
    width: 10px;
    margin-left: auto;
	position:absolute;
	z-index: 4000;
	padding: 0;
	right: 53%;
	top: 50%;
	box-sizing: border-box;

}
.specifics span {
    height: .1em;
    width: 100%;
    background-color: #AAA9A5;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	transition: transform 200ms ease-in-out;
	
	
}
.specifics span:nth-child(1) {
    top: 0%;
	transform: rotate(45deg);
}
.specifics span:nth-child(2) {
    top: 100%;
	transform: rotate(-45deg);
}
.specifics.active span {
    background-color: #AAA9A5;
}
.specifics.active span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);

}
.specifics.active span:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
	
}
.content {
	width: auto;
	height: auto;
	margin: 0 0 250px 0;
	padding: 33vh 33vw 0 33vw;
	float: none;
	text-align: left;
	color: #101406;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: .04em;
	font-family: 'Siaga';
	z-index: 10000;
	text-transform: uppercase;
	
}
.content em3{
	color: #929292;

	
	
	
	}
.aside-container-two em{
	color: #85857B;
	font-style: normal;
	opacity: .5;
	
	}
.content a{
	line-height: 13px;
	color: #85857B;
	
	
	}
.content a:link {
	color: #85857B;
	text-decoration: none;

	}
.content a:visited {
	color: #85857B;
	text-decoration: none;

	}
.content a:hover {
	color: #85857B;
	opacity: .4;
	transition: .3s ease-in-out;	
	text-decoration: none;

	}
.content a:active {
	color: #85857B;
	text-decoration: none;

}
.gallery {
	width: 100%;
    text-align: center;
	float: left;
	position: static;
	box-sizing: border-box;
	padding: 0;
	margin:  0;
	-ms-overflow-style: none;  /* IE and Edge */
 	scrollbar-width: none;  /* Firefox */
	
}
	.gallery::-webkit-scrollbar {
  display: none;

	}
.horizontal-photo {
	width: 50%;
	box-sizing: border-box;
	float: left;
	position: static;
		
	}
.horizontal-photo img {
 	height: auto;
    width: 100%;
	
	}
.vertical-photo {
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	position: static;
	float: left;

	}
.title {
	width: 100%;
	text-align: left;
	float: left;
	left: 0;
	font-family: 'Siaga';
	font-style: normal;
	margin-bottom: 11px;
	padding-bottom: 8px;
	border-bottom-color: #AAA9A5;
	border-bottom-width: .04em;
	border-bottom-style: solid;
	
}
.title a {
	line-height: 13px;
	
	}
.horizontal-photo .title em{
	width: 75%;
	text-align: left;
	float: left;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	padding-left: 0;
	padding-right: 25%;
	margin: 0;
	border-right-color: #AAA9A5;
	border-right-width: .04em;
	border-right-style: solid;
		letter-spacing: .03em;

	
		}
.vertical-photo .title em{
	width: 75%;
	text-align: left;
	float: left;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	padding-left: 0;
	padding-right: 10px;
	margin: 0;
	border-right-color: #AAA9A5;
	border-right-width: .04em;
	border-right-style: solid;
	letter-spacing: .03em;

	}
.title em2 {
	text-align: left;
	float: right;
	right: 0;
	font-size: 10px;
	line-height: 16px;
	position: static;	
	width: 25%;
	height: 100%;
	padding-left: 5px;
	margin: 0;
	color: #101406;
	
 }
.title em3 {
	color: black;
	letter-spacing: .03em;

}
.footer {
	height: auto;
	width: 100%;
	padding: 15px;
	margin: 0;
	box-sizing: border-box;
	position: static;
	text-align: center;
	font-family: 'Siaga';
	font-size: 11px;
	line-height: 17px;
	letter-spacing: .03em;
	text-decoration: none;
	
	}
.inner-foot {
	height: 100%;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0 0 25px 0;
	text-align: center;
	float: left;
	font-family: 'Siaga';
	font-size: 12px;
	line-height: 17px;
	letter-spacing: .04em;
	text-decoration: none;
	color: #85857B;
	box-sizing: border-box;
	position: static;
	text-transform: uppercase;
	

}
/* Small Tablets */
@media (min-width: 321px) and (max-width: 768px) { 

body{
	background-color: white;
	margin:0px;
	padding: 0px;
}

*{
	box-sizing: border-box;
	color: black;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: .02em;

}
li{
display: list-item;
padding: 12px 0 12px 0;
color: #A3A1A1;
	
	}
	li a{
color: #646464;


}
.container {
	width: 100vw;
	height: auto;
	padding: 0;
	margin: 0;

	}
.fullphoto {
	width: 100%;
	height: 100%;
	z-index: -10000;
	margin:0;
	padding: 0;
	float: none;
	object-fit: cover;
	position: static;
	
}
.fullphoto img {
    height: 100%;
	width: 100%;
    object-fit: cover;
	box-sizing: border-box;


}
.header {
	background-color: none;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
	
	}
.header-container-one {
	height: auto;
	box-sizing: border-box;
	padding: 41px 0 0 0;

	}
.header img {
	width: 100%;
	max-width: 315px;
	
	}
.beader {
	width: 100%;
	height: auto;
	position: fixed;
	margin: 0;
	padding: 20px 9px 42px 9px;
	float: none;
	background-color: none;
	bottom: 0;
	text-align: center;
	color: #e5ecdb;
	font-size: 13px;
	line-height: 21px;
	letter-spacing: .02em;
	font-family: 'Siaga';
	
	}
.content {
	width: 100%;
	height: auto;
	margin: 0 0 250px 0;
	padding: 33vh 50px 0 50px;
	float: none;
	text-align: left;
	color: #101406;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: .04em;
	font-family: 'Siaga';
	z-index: 10000;
	text-transform: uppercase;
	
	
	}
.aside-container-two em{
	color: #85857B;
	font-style: normal;
	opacity: .5;
	
	}
.content a{
	line-height: 13px;
	color: #85857B;
	
	
	}
.content a:link {
	color: #85857B;
	text-decoration: none;

	}
.content a:visited {
	color: #85857B;
	text-decoration: none;

	}
.content a:hover {
	color: #85857B;
	opacity: .4;
	transition: .3s ease-in-out;	
	text-decoration: none;

	}
.content a:active {
	color: #85857B;
	text-decoration: none;

}
.gallery {
	width: 100%;
    text-align: center;
	float: left;
	position: static;
	box-sizing: border-box;
	-ms-overflow-style: none;  /* IE and Edge */
 	scrollbar-width: none;  /* Firefox */
	
}
.gallery::-webkit-scrollbar {
  display: none;

	}
.horizontal-photo {
	width: 100%;
	box-sizing: border-box;
		
	}
.horizontal-photo img {
 	height: auto;
    width: 100%;
	
		}
.vertical-photo {
	width: 100%;
	height: auto;
	margin: 0 0 -7px 0;
	padding: 0;
	position: static;
	float: left;

	}
.title {
	width: 100%;
	text-align: left;
	float: left;
	left: 0;
	font-family: 'Siaga';
	font-style: normal;
	margin-bottom: 11px;
	padding-bottom: 8px;
	border-bottom-color: #AAA9A5;
	border-bottom-width: .04em;
	border-bottom-style: solid;
	
}
.title a {
	line-height: 13px;
	
	}
.horizontal-photo .title em{
	width: 75%;
	text-align: left;
	float: left;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	padding-left: 0;
	padding-right: 25%;
	margin: 0;
	border-right-color: #AAA9A5;
	border-right-width: .04em;
	border-right-style: solid;
		letter-spacing: .03em;

	
		}
.vertical-photo .title em{
	width: 75%;
	text-align: left;
	float: left;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	padding-left: 0;
	padding-right: 10px;
	margin: 0;
	border-right-color: #AAA9A5;
	border-right-width: .04em;
	border-right-style: solid;
	letter-spacing: .03em;

	}
.title em2 {
	text-align: left;
	float: right;
	right: 0;
	font-size: 10px;
	line-height: 16px;
	position: static;	
	width: 25%;
	height: 100%;
	padding-left: 5px;
	margin: 0;
	color: #101406;
	
 }
.title em3 {
	color: black;
	letter-spacing: .03em;

}
.footer {
	height: auto;
	width: 100%;
	padding: 15px;
	margin: 0;
	box-sizing: border-box;
	position: static;
	text-align: center;
	font-family: 'Siaga';
	font-size: 11px;
	line-height: 17px;
	letter-spacing: .03em;
	text-decoration: none;
	
	}
.inner-foot {
	height: 100%;
	width: 100%;
	padding: 55px 0 0 0;
	margin: 0 0 25px 0;
	text-align: center;
	float: left;
	font-family: 'Siaga';
	font-size: 11px;
	line-height: 55px;
	letter-spacing: .03em;
	text-decoration: none;
	color: #85857B;
	box-sizing: border-box;
	position: static;
	text-transform: uppercase;



}
}
/* Small Desktops */
@media (min-width: 769px) and (max-width: 1000px) {
	

body{
	background-color: white;
	margin:0px;
	padding: 0px;
}

*{
	box-sizing: border-box;
	color: black;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: .02em;
	
	}
li{
display: list-item;
padding-bottom: 3px;

}
.container {
	width: 100vw;
	height: auto;
	padding: 0;
	margin:0;

	}
.fullphoto {
	width: 100%;
	height: 100%;
	z-index: -10000;
	margin: 0;
	padding: 0 0 10px 0;
	float: none;
	object-fit: cover;
	position: static;
	
}
.fullphoto img {
    height: 100%;
	width: 100%;
    object-fit: cover;
	box-sizing: border-box;


}
.header {
	background-color: none;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
	
	}
.header-container-one {
	height: auto;
	box-sizing: border-box;
	padding: 65px 0 0 0;

	}
.header img {
	width: 100%;
	max-width: 41px;

	
	}
.beader {
	width: 100%;
	height: auto;
	position: fixed;
	margin: 0;
	padding: 20px 0 42px 0;
	float: none;
	background-color: none;
	bottom: 0;
	text-align: center;
	color: #e5ecdb;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: .02em;
	font-family: 'Siaga';
	
	}
.content {
	width: 100%;
	height: auto;
	margin: 0 0 250px 0;
	padding: 33vh 30px 0 30px;
	float: none;
	text-align: left;
	color: #101406;
	font-size: 11.5px;
	line-height: 17px;
	letter-spacing: .03em;
	font-family: 'Siaga';
	z-index: 10000;
	text-transform: uppercase;
	
	}
.aside-container-two em{
	color: #85857B;
	font-style: normal;
	opacity: .5;
	
	}
.content a{
	line-height: 13px;
	color: #85857B;
	
	
	}
.content a:link {
	color: #85857B;
	text-decoration: none;

	}
.content a:visited {
	color: #85857B;
	text-decoration: none;

	}
.content a:hover {
	color: #85857B;
	opacity: .4;
	transition: .3s ease-in-out;	
	text-decoration: none;

	}
.content a:active {
	color: #85857B;
	text-decoration: none;

}
.gallery {
	width: 100%;
    text-align: center;
	float: left;
	position: static;
	box-sizing: border-box;
	-ms-overflow-style: none;  /* IE and Edge */
 	scrollbar-width: none;  /* Firefox */
	
}
	.gallery::-webkit-scrollbar {
  display: none;

	}
.horizontal-photo {
	width: 100%;
	box-sizing: border-box;
		
	}
.horizontal-photo img {
 	height: auto;
    width: 100%;
	
	}
.vertical-photo {
	width: 50%;
	height: auto;
	margin: 0 0 -7px 0;
	padding: 0;
	position: static;
	float: left;

	}
.title {
	width: 100%;
	text-align: left;
	float: left;
	left: 0;
	font-family: 'Siaga';
	font-style: normal;
	margin-bottom: 11px;
	padding-bottom: 8px;
	border-bottom-color: #AAA9A5;
	border-bottom-width: .04em;
	border-bottom-style: solid;
	
}
.title a {
	line-height: 13px;
	
	}
.horizontal-photo .title em{
	width: 75%;
	text-align: left;
	float: left;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	padding-left: 0;
	padding-right: 25%;
	margin: 0;
	border-right-color: #AAA9A5;
	border-right-width: .04em;
	border-right-style: solid;
		letter-spacing: .03em;

	
		}
.vertical-photo .title em{
	width: 75%;
	text-align: left;
	float: left;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	padding-left: 0;
	padding-right: 10px;
	margin: 0;
	border-right-color: #AAA9A5;
	border-right-width: .04em;
	border-right-style: solid;
	letter-spacing: .03em;

	}
.title em2 {
	text-align: left;
	float: right;
	right: 0;
	font-size: 11.5px;
	line-height: 16px;
	position: static;	
	width: 25%;
	height: 100%;
	padding-left: 5px;
	margin: 0;
	color: #101406;
	
 }
.title em3 {
	color: black;
	letter-spacing: .03em;

}
.footer {
	height: auto;
	width: 100%;
	padding: 15px;
	margin: 0;
	box-sizing: border-box;
	position: static;
	text-align: center;
	font-family: 'Siaga';
	font-size: 12px;
	line-height: 17px;
	letter-spacing: .04em;
	text-decoration: none;
	
	}
.inner-foot {
	height: 100%;
	width: 100%;
	padding: 55px 0 22px 0;
	margin: 0 0 25px 0;
	text-align: center;
	float: left;
	font-family: 'Siaga';
	font-size: 12px;
	line-height: 55px;
	letter-spacing: .03em;
	text-decoration: none;
	color: #85857B;
	box-sizing: border-box;
	position: static;
	text-transform: uppercase;
	

	}}