body, p, td, li, h1,h2,h3,h4,h5 {
	font-family: 'Rubik', sans-serif;
	line-height: 1.2;
	font-size:9pt;
}

html, body{
	height:100%;
	background-color: #fffffa;
}

#topleft{
	position: absolute;
	left:25px;
	top:20px;
	z-index: 1000;
}

#bottomleft{
	position: absolute;
	left:25px;
	bottom:25px;
	z-index: 1000;
}

#bottomright, .bottomright{
	position: absolute;
	right:55px;
	bottom:25px;
	z-index: 100000;
	text-align: left;
}

#topright{
	position: absolute;
	right:55px;
	top:20px;
	z-index: 10000;
}

#logo{
	width:100px;
	height:auto;
	margin-bottom:20px;
	z-index: 1000;
}

a{
	text-decoration: none;
}


#fullpage{
	position: absolute;
    z-index: 999;
    text-align: center
}
.photo-big-cover{
	text-align: center;
	width:100%;
	height:90%;
	overflow: hidden;
	position: relative;
	border:1px solid red;
	box-sizing: border-box;
	  text-align: center;
	  margin-right:200px;
}
.photo-big{
	max-width:65%;
	max-height:80%;
	height:auto;
	width:auto;
}



a,body {
	color:#a99b9a;
}

a:hover, a.active, ul.menu li a.active, .active, ul.menu li a:hover, .active{
	color:#391812;
	text-decoration: underline;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;  
	transition: all 1s ease-in-out;
	text-decoration: none;
}

.project_description{
	/*background-color: rgba(255,250,250,.8);*/
	margin:0;
}


/* Menu */

ul.menu{
	list-style-type:none;
    padding:0;
    margin:0;
}
ul.menu li{
	list-style-type:none;
    padding:0;
    margin:0;
    margin-left: 15px;
}
ul.menu li a{
	color:#a99b9a;
	-webkit-font-smoothing: antialiased;	
}
#menu1{
	margin-bottom:10px
}
#menu1 li{
	line-height: 1.3;
}
#menu1 li a{
}
#menu1 li:last-child a{
	padding-right:0;
}
#menu2{
}
#menu2 li {
	line-height: 1.2;
}
#menu2 li a{
	padding-right:43px;
	font-weight: 400;
}

.slicknav_btn {
	margin-top:-40px;
	background-color: transparent;
	z-index:1000;
	margin-right:-5px;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #a99b9a;
}
.slicknav_menu {
	background-color:transparent;
	padding:0;
	padding-top: 50px;
	padding-right:20px;
}
.slicknav_menu ul:not(.inner) {
  background-color: #fffffa;
  padding-top:90px;
  display: block;
  top:0;
  position:absolute;
  width:100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #a99b9a;
}
.slicknav_nav ul, .slicknav_nav li {
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0px;
}
.slicknav_nav li a{
	color:#a99b9a;
	padding:0;
	margin-left: 25px;
}
.slicknav_nav ul.inner li a{
	margin-left: 0;
}
.slicknav_nav .slicknav_item {
	background:none;
	color:#a99b9a;
}
.slicknav_nav .slicknav_item:hover {
	background:none;
	color:#a99b9a;
}
.slicknav_nav a:hover, .slicknav_nav a.active{
	background:none;
	color:#391812;
}
.slicknav_nav .slicknav_txtnode {
    padding: 7px 15px;
	margin: 0;
}

.slicknav_menu {
    position: absolute;
    width: 100%;
    top: 0;
}



.img_text{
	max-width:300px;
	width:50%;
	height:auto;
}


/* Useful styles */
.uppercase {text-transform: uppercase}
.text-center {text-align: center}
.white {color:white}
.inline {display:inline}
.nomargin {margin:0px}
.nomargin-top {margin-top:0}
.thirtypx{margin-left:30px}


.slicknav_menu, #menu_small {
	display:none;
	z-index:1000;
}



#header, #footer{
	position:fixed;
	height: 50px;
	display:block;
	width: 100%;
	background: #333;
	z-index:9;
	text-align:center;
	color: #f2f2f2;
	padding: 20px 0 0 0;
}

#header{
	top:0px;
}
#footer{
	bottom:0px;
}


.container{
	width:100%;
	height:100%;
	padding: 115px 0 0 300px;
	box-sizing: border-box;
}
.container p, .container ul{
	max-width: 800px;
	margin-right: 20px;
}

.bottomleft_parchitect{
	display: none;
}

.socicon{
	width:auto;
	height:15px;
	margin-right:5px;
}
.socicon.mail{
	width:15px;
	height:auto;
	margin-bottom: 2px;
}

div#socicons{
	margin-left:15px;
	margin-top:20px;
}


@media (min-width: 1200px) {
  #fullpage img {
    max-width: 880px;
  }
}


@media screen and (max-width: 960px), screen and (max-height: 380px) {
	/* #menu is the original menu */
	#menu1, #menu2 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}

	#logo{
		width:100px;
		height:auto;
		margin-bottom: 0;
	}
	body, p, td, li, h1,h2,h3,h4,h5 {
		font-size:9pt;
	}
	.container{
		padding: 100px 0 0 35px;
	}
	.parchitect{
		display: none;
	}
	
	#topleft{
		left:25px;
		top:20px;
	}
	
	#bottomright, .bottomright{
		right:25px;
		bottom:25px;
	}
	
	#topright{
		right:25px;
		top:40px;
	}
	
	div#socicons{
		display:none;
	}
	
	.bottomleft_parchitect{
		display: block;
		position: absolute;
		left:25px;
		bottom:25px;
		z-index: 1000;
		max-width:30%;
		text-align: left;
		/*background-color: rgba(255,250,244,.3);*/
	}

}

@media screen and (max-width: 960px) and (orientation : landscape), screen and (max-height: 380px) and (orientation : landscape) {
	.photo-big{
		max-width: 60%;
		max-height: 72%;
	}
}
@media screen and (max-width: 960px) and (orientation : portrait), screen and (max-height: 380px) and (orientation : portrait) {
	.photo-big{
		max-width: 80%;
		max-height: 72%;
	}
}

.infolink{
	cursor:pointer;
}

.moreinfo {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: scroll;
  height: 100%;
  overflow-x: hidden;
  z-index: 100000;
  background-color: #fffffa;
}

.moreinfo_text {
	margin-top:100px;
	position: relative;
	padding-right: 35px;
	padding-left: 35px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	width: 550px;
	max-width: 100%;
}

.close a {
  display: inline-block;
  background-image: url("/images/close.png");
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: fixed;
  top: 35px;
  right: 35px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1000000;
}

.moreinfo_text td, .moreinfo_text td p{
	margin:0;
}

.first a, .first a.menu{
	color:#fffffa !important;
}
.first a:hover{
	color:#a99b9a !important;
}
.first .active{
	color:#a99b9a;
}

.first .slicknav_menu ul:not(.inner){
	background-color: rgba(57, 24, 18, 0.5);
	border-bottom: none;
}





.arrow {
  position: absolute;
  cursor: pointer;
  z-index: 99;
  display: none;
}
@media (min-width: 960px) {
  .arrow {
    display: block;
  }
}

.arrow.top {
  cursor: url("/images/arrow_up_new.png"), pointer;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 60%;
  height: 35%;
  margin-right: auto;
  margin-left: auto;
  z-index: 99999;
}

.arrow.bottom {
  cursor: url("/images/arrow_down_new.png"), pointer;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 60%;
  height: 35%;
  z-index: 99999;
  margin-right: auto;
  margin-left: auto;
}

.arrow.right {
  cursor: url("/images/arrow_right_new.png"), pointer;
  bottom: 100px;
  z-index: 9999;
  right: 120px;
  width: 50%;
  height: auto;
  top:100px;
}

.arrow.left {
  cursor: url("/images/arrow_left_new.png"), pointer;
  width: 50%;
  position: absolute;
  left: 120px;
  height: auto;
  top:100px;
  bottom:100px;
  z-index: 9999;
}









.firstpage-background{
	width:100%;
	height:100%;
/*	z-index:0; */
	background: no-repeat center center fixed; 
	background-size: cover;
/*  animation: fadein 3s; */
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.text-background{
	width:100%;
	height:100%;
	z-index:0;
	position:absolute;
  background: no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    position:fixed;
}
@keyframes fadein1 {
    from {
        opacity:0;
    }
    to {
        opacity:0.3;
    }
}
@-moz-keyframes fadein1 { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:0.3;
    }
}
@-webkit-keyframes fadein1 { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:0.3;
    }
}
@-o-keyframes fadein1 { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 0.3;
    }
}

.fade {
   opacity: 1;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.fade:hover {
  opacity: 0.7;
}

.fp-controlArrow{
	display:none;