/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/

@import url("/fonts/ibm-type-rev2.css");

html, body {
	width: 100%; 
	height: 100%; 
	min-height: 100%; 
	background-color: #FFFFFF; 
	font-family:"IBM Plex Mono Text", serif; 
	font-weight:400;
	font-size:12px;
	line-height:18px;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
}


#header {
	position:fixed;
	display:block;
	z-index:10002;
	top:50%;
	left:50%;
	margin-left:-107px;
	margin-top:-236px;
	background-color:#FFF;
	width:214px;
	height:471px;
	
	transition-property: width, margin-left, left;
	transition-duration: 1s;
	transition-delay: 6s;
	transition-timing-function: ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

#header.expanded {
	position:absolute;
}
#header.scrolled,
#header.scrolled #logo {
	transition-delay: 0s;
	transition-duration: 0s;
}


body.tr .en,
body.en .tr {
	display:none;
}

body.tr iframe.en {
	display:block;
}

body.tr .tr,
body.en .en {
	display:block;
}

.animate #header.white {
	left:-236px;
	
	transition-delay: 0s;
}

.animate #header.after-white {
	transition-delay: 0s;
}

.animate #header.white #logo{
	margin-left:280px;
	transition-delay: 0s;
}

.animate #header.after-white #logo{
	transition-delay: 0s;
}

.animate #header.white #logo path,
.animate #header.white #logo polygon,
.animate #header.white #logo rect { 
	fill:#FFF;
}

.animate #header {
	margin-left:0px;
	left:0px;
	width:214px;
}

#header #logo {
	width:133px;
	height:122px;
	position:relative;
	display:block;
	margin-top:127px;
	margin-left:41px;
	
	transition-property: margin-top, margin-left, width, height, opacity;
	transition-duration: 1s;
	transition-delay: 6s;
	transition-timing-function: ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

.animate #header #logo {
	width:133px;
	height:122px;
	margin-left:41px;
	margin-top:30px;
}

#header #logo svg {
	width:100%;
	height:auto;
}

#header #logo #l1,
#header #logo #l2,
#header #logo #l3,
#header #logo #l4 {
	opacity:0;
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}


#header #logo #l1 {
	transition-delay: 0s;
}
#header #logo #l2 {
	transition-delay: 0.25s;
}
#header #logo #l3 {
	transition-delay: 0.5s;
}
#header #logo #l4 {
	transition-delay: 0.75s;
}

.animate #header #logo #l1,
.animate #header #logo #l2,
.animate #header #logo #l3,
.animate #header #logo #l4 {
	opacity:1;
}

#header #logo #line1,
#header #logo #line2,
#header #logo #line4,
#header #logo #line6,
#header #logo #line8,
#header #logo #line10 {
	width:0;
	transition-property: x, width;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

#header #logo #line1 {
	x:116.3px;
}

.animate #header #logo #line1 {
	x:0px;
}

#header #logo #line4,
#header #logo #line8 {
	x:235.8px;
}

.animate #header #logo #line4,
.animate #header #logo #line8 {
	x:0px;
}

.animate #header #logo #line1,
.animate #header #logo #line2 {
	width:116.3px;
	transition-delay: 1s;
}
.animate #header #logo #line4,
.animate #header #logo #line6,
.animate #header #logo #line8,
.animate #header #logo #line10 {
	width:235.8px;
}

.animate #header #logo #line4 {
	transition-delay: 2s;
}

.animate #header #logo #line6 {
	transition-delay: 3s;
}

.animate #header #logo #line8 {
	transition-delay: 4s;
}

.animate #header #logo #line10 {
	transition-delay: 5s;
}


#header #logo #line3,
#header #logo #line5,
#header #logo #line7,
#header #logo #line9 {
	height:0;
	transition-property: height;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

.animate #header #logo #line3,
.animate #header #logo #line5,
.animate #header #logo #line7,
.animate #header #logo #line9 {
	height:29.5px
}

.animate #header #logo #line3 {
	transition-delay: 1.5s;
}

.animate #header #logo #line5 {
	transition-delay: 2.5s;
}

.animate #header #logo #line7 {
	transition-delay: 3.5s;
}

.animate #header #logo #line9 {
	transition-delay: 4.5s;
}

#header #logo #w1,
#header #logo #w2,
#header #logo #w3,
#header #logo #w4 {
	opacity:0;
	transition-property: transform, opacity;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

#header #logo #w1,
#header #logo #w3 {
	transform:translateX(-50px);
}

#header #logo #w2,
#header #logo #w4 {
	transform:translateX(50px);
}

#header #logo #w1 {
	transition-delay: 1.5s;
}
#header #logo #w2 {
	transition-delay: 2.5s;
}
#header #logo #w3 {
	transition-delay: 3.5s;
}
#header #logo #w4 {
	transition-delay: 4.5s;
}

.animate #header #logo #w1,
.animate #header #logo #w2,
.animate #header #logo #w3,
.animate #header #logo #w4 {
	opacity:1;
	transform:translateX(0px);
}

#content {
	min-height:100vh;
	position:absolute;
	z-index:10000;
	left:20px;
	top:0px;
	width:calc(100% - 50px);
	display:none;
	/*overflow-x:hidden;*/
}

#content.photography {
	z-index:1;
}


#content.display {
	display:block;
}
.carousel {
	position:fixed;
	z-index:1;
	width:calc(100% - 20px);
	left:20px;
	top:100%;
	height:100vh;
	overflow:hidden;
}

.carousel .before {
	position:absolute;
	z-index:200;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
}

.carousel .after {
	position:absolute;
	z-index:200;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
}

#carousel {
	opacity:0;
	top:0px;
	transition-property: opacity;
	transition-duration: 1s;
	transition-delay: 6.5s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}


.animate #carousel {
	opacity:1;
}

.carousel li {
	width:calc(100% - 30px);
	height:100%;
	background-size:cover;
	background-position:center center;
}

#carousel .caption {
	position:absolute;
	bottom:-54px;
	width:550px;
	/*left:50vw;*/
	left:858px;
	background-color:#FFF;
	padding:9px 30px;
	transition-property: bottom;
	transition-duration: 1s;
	transition-delay: 7s;
	transition-timing-function: ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
	z-index:1000;
}

.carousel .caption.with-close {
	position:absolute;
	bottom:-54px;
	width:550px;
	left:858px;
	height:54px;
	background-color:#FFF;
	padding:9px 30px;
	transition-property: bottom;
	transition-duration: 1s;
	transition-delay: 0s;
	transition-timing-function: ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
	z-index:1000;
}

.carousel#carousel-photography .caption.with-close {
	bottom:0px;
}

.carousel.captions .caption.with-close {
	bottom:0px;
}

.animate #carousel .caption {
	bottom:0px;
}

#carousel .caption h1 {
	text-align:center;
	font-size:16px;
	line-height:36px;
	color:#802528;
}



#carousel .caption p {
	font-size:12px;
	line-height:18px;
	color:#6AA2B8;
	text-align:center;
	display:none;
	margin-top:16px;
}

#carousel .caption:hover p {
	display:block;
}

.carousel .caption .prev,
.carousel .caption .next {
	position:absolute;
	top:15px;
	width:24px;
	height:24px;
	border-radius:12px;
	background-color:#6AA2B8;
	color:#FFF;
	font-size:16px;
	line-height:22px;
	text-align:center;
	
	transition-property: background-color;
	transition-duration: 0.25s;
	transition-delay: 0s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}


.carousel .caption .prev:hover,
.carousel .caption .next:hover,
.carousel .caption .close:hover {
	background-color:#802528;
}


.carousel .caption .prev {
	left:15px;
}
.carousel .caption .next {
	right:15px;
}

.carousel .caption .close {
	text-align:center;
	font-size:16px;
	line-height:36px;
	color:#802528;
	display:block;
}


.carousel .caption .close:hover {
	background-color:transparent;
}



#menu {
	text-align:center;
	margin-top:45px;
	
}


#menu li {
	display:block;
	text-align:center;
	opacity:0;
	
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

.animate #menu li {
	opacity:1;
}

#menu li:nth-child(1){
	transition-delay: 7s;
}
#menu li:nth-child(2){
	transition-delay: 7.25s;
}
#menu li:nth-child(3){
	transition-delay: 7.5s;
}
#menu li:nth-child(4){
	transition-delay: 7.75s;
}
#menu li:nth-child(5){
	transition-delay: 8s;
}
#menu li:nth-child(6){
	transition-delay: 8.25s;
}

#menu li:nth-child(7){
	transition-delay: 8.50s;
	margin-top:13px;
}
/*
#menu li:nth-child(7) a{
	pointer-events:none;
}*/

#menu li {
	font-size:15px;
	line-height:24px;
	color:#6AA2B8;
	font-weight:600;
}

#menu li a {
	font-size:15px;
	line-height:20px;
	color:#6AA2B8;
	
	transition-property: color;
	transition-duration: 0.25s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

#menu li ul {
	position:relative;
	display:block;
	width:100%;
	height:0px;
	overflow:hidden;
	
	transition-property: height;
	transition-duration: 0.25s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

#menu li a.selected + ul {
	height:45px;
}

/*
#menu li ul li {
	opacity:0;
} 



#menu li a.selected + ul li {
	opacity:1;
	transition-delay: 0.25s;
}
#menu li a.selected + ul li:nth-child(2) {
	opacity:1;
	transition-delay: 0.50s;
}
*/
#menu li li a {
	font-size:13px;
	line-height:20px;
	font-weight:500;
}

#menu li a.selected,
#menu li a.active,
#menu li a:hover {
	color:#802528;
}

#social-media {
	position:absolute;
	bottom:10px;
	left:37px;
}

#social-media li {
	position:relative;
	float:left;
	width:25px;
	margin:0 5px;
	opacity:0;
	
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

.animate #social-media li {
	opacity:1;
}

#social-media li:nth-child(1){
	transition-delay: 9s;
}
#social-media li:nth-child(2){
	transition-delay: 9.25s;
}
#social-media li:nth-child(3){
	transition-delay: 9.5s;
}
#social-media li:nth-child(4){
	transition-delay: 9.75s;
}

#social-media li a {
	position:relative;
	display:block;
}


#social-media li svg {
	width:100%;
}


#social-media li svg circle {
	fill:#6AA2B8;
	
	transition-property: fill;
	transition-duration: 0.25s;
	transition-timing-function: linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

#social-media li:nth-child(1) a:hover svg circle{
	fill:#4E71A8;
}
#social-media li:nth-child(2) a:hover svg circle{
	fill:#1CB7EB;
}
#social-media li:nth-child(3) a:hover svg circle{
	fill:#444444;
}
#social-media li:nth-child(4) a:hover svg circle{
	fill:#AACA54;
}

.page-left {
	position:fixed;
	left:214px;
	top:calc(50vh - 236px);
	/*width:calc(50vw - 194px);*/
	width:664px;
	height:471px;
	padding:30px;
	/*display:none;*/
	z-index:3;
	text-align:center;
	margin-top:-100%;
}
/*
.page-left#book-left {
	width:664px;
}
*/
.page-left .bg{
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(128, 37, 40, .76);
}
.page-left img {
	position:absolute;
	display:block;
	max-width:calc(100% - 60px);
	max-height:calc(100% - 60px);
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.page-left iframe {
	position:absolute;
	display:block;
	max-width:calc(100% - 60px);
	max-height:calc(100% - 60px);
	width:100%;
	height:100%;
	/*top:50%;
	left:50%;
	transform:translate(-50%, -50%);*/
}

.page-left #logo-exhibition {
	z-index:1;
	position:absolute;
	display:block;
	max-width:calc(100% - 60px);
	max-height:calc(100% - 60px);
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%, -50%);
}
.page-left #logo-exhibition svg {
	height:300px;
	margin-top:50px;
	width:auto;
	max-width:100%;
}
.page-left #logo-exhibition path,
.page-left #logo-exhibition polygon,
.page-left #logo-exhibition rect { 
	fill:#FFF;
}

/*.page-left.display{
	display:block;
}*/

.page {
	position:absolute;
	top:calc(50vh - 236px);
	/*left:50vw;*/
	left:858px;
	z-index:3;
	width:550px;
	background-color:#FFF;
	padding:20px 30px;
	/*display:none;*/
	min-height:471px;
	margin-bottom:30px;
	margin-top:-1000%;
}

.page#photography {
	opacity:0;
	-webkit-opacity:0;
	padding-top:0px;
}

.page .carousel {
	display:none;
	position:relative;
	margin-left:-23px;
	width:calc(100% + 46px);
	height:100vh;
	overflow:hidden;
}

.page .media {
	position:relative;
	display:none;
	margin-left:-23px;
	width:calc(100% + 46px);
	margin-bottom:23px;
	margin-top:-23px;
	overflow:hidden;
}

.page .media img {
	width:100%;
	height:auto;
}

.page .media .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	background-color:#000;
}
.page .media .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page .media .bookWrapper {
	position: relative;
	padding-bottom: 68vw; /* 16:9 */
	height: 0;
	background-color:#FFF;
}
.page .media .bookWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:68vw;
}

.page .closer,
#pageflip .closer {
	display:block;
	position:absolute;
	top:20px;
	right:20px;
	width:24px;
	height:24px;
	border-radius:12px;
	text-align:center;
	background-color: #6AA2B8;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	font-weight:600;
	cursor:pointer;
}

/*#pageflip .closer {
	top:8px;
	right:8px;
}*/

.page .closer:hover,
#pageflip .closer:hover
 {
	background-color:#802528;
}

/*
.page.display{
	display:block;
}
*/
.page h1 {
	font-size:16px;
	line-height:24px;
	color:#802528;
	margin-bottom:24px;
}

.page h1 span {
	white-space: nowrap;
}

.page p {
	margin-bottom:12px;
}

.page p a {
	font-weight:500;
	color:#6AA2B8;
}

.page p a:hover {
	color:#802528;
}

.menu-toggle {
	display:none;
	position:absolute;
	z-index:1002;
	right:23px;
	top:124px;
	border:0px;
	pointer-events:auto;
	background-color:transparent;
	width: 28px;
	height: 28px;
	margin: 0px;
	padding:2px;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	-o-transition: top .3s ease-out;
	transition: top .3s ease-out;
	cursor: pointer;
	opacity:0;
	
	transition-property: opacity;
	transition-duration: 1s;
	transition-delay: 11s;
}

.animate .menu-toggle {
	opacity:1;
} 

.menu-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 23px;
	background: #6AA2B8;
	border-radius: 0px;
	opacity: 1;
	left: 2px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
/*
.menu-toggle:hover span {
	background:#802528;
}
*/
.menu-toggle span:nth-child(1) {
	top: 8px;
}

.menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) {
	top: 14px;
}

.menu-toggle span:nth-child(4) {
	top: 20px;
}

.expanded .menu-toggle span:nth-child(1) {
	top: 13px;
	width: 0%;
	left: 50%;
}

.expanded .menu-toggle span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.expanded .menu-toggle span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.expanded .menu-toggle span:nth-child(4) {
	top: 13px;
	width: 0%;
	left: 50%;
}

.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
	background-color:transparent;
	outline: none;
}

#menu li,
#menu li a {
	line-height:26px;
}

#menu {
	/*margin-top:34px;*/
	margin-top:60px;
}

#pageflip {
	position:fixed;
	top:100%;
	left:0px;
	width:100%;
	height:100%;
	z-index:10003;
	transition-property: top;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	
}

#pageflip iframe {
	width:100%;
	height:100%;
}

#pageflip.show {
	top:0px;
}


form {
	width:100%;
	position:relative;
	display:block;
}

form label {
	float:left;
	width:150px;
	line-height:36px;
}

form input {
	float:left;
	width:calc(100% - 150px);
	padding:9px;
	background-color:#c3d8e1;
}

form textarea {
	float:left;
	width:calc(100% - 150px);
	padding:9px;
	background-color:#c3d8e1;
	height:51px;
}

form input:focus,
form textarea:focus {
	background-color:#87b2c3;
}

form input.error,
form textarea.error {
	background-color:#bf9293;
}

form .row:after {
	content:" ";
	display:block;
	clear:both;
}

form .row {
	margin-bottom:16px;
}

form input[type='submit']{
	margin-left:150px;
	cursor:pointer;
}

.response p {
	padding-left:150px;
}
.response.error {
	color:#802528;
}
.response.success {
	color:#6AA2B8;
}
form input[type='submit']:hover {
	background-color:#87b2c3;
}

@media (max-width:1503px){ 
	#header {
		height:437px;
		margin-top:-218px;
	}
	.page-left {
		width:616px;
		height:437px;
		top:calc(50vh - 218px);
	}
	
	.page {
		left:810px;
		width:480px;
		top:calc(50vh - 218px);
		min-height:437px;
	}
	
	.carousel .caption.with-close,
	#carousel .caption {
		left:810px;
		width:480px;
	}
	
	#menu {
		margin-top:45px;
	}
}

@media (max-width:1350px){ 
	.page-left {
		position:absolute;
	}
	
	.page {
		width:616px;
		left:194px;
		top:calc(50vh + 219px);
		min-height:initial;
	}
	
	.carousel .caption.with-close,
	#carousel .caption {
		left:194px;
		width:616px;
	}
}
@media (max-width:1024px){ 
	#menu li,
	#menu li a {
		line-height:26px;
	}

	#menu {
		/*margin-top:34px;*/
	}
	
	#header #logo #line1, #header #logo #line2, #header #logo #line4, #header #logo #line6, #header #logo #line8, #header #logo #line10,
	#header #logo #line3, #header #logo #line5, #header #logo #line7, #header #logo #line9 {
		opacity:0;
	}
	
	.animate #header #logo #line1, .animate #header #logo #line2, .animate #header #logo #line4, .animate #header #logo #line6, .animate #header #logo #line8, .animate #header #logo #line10,
	.animate #header #logo #line3, .animate #header #logo #line5, .animate #header #logo #line7, .animate #header #logo #line9 {
		opacity:1;
		transition-delay:2s;
	}
	
	#header #logo #w1, #header #logo #w2, #header #logo #w3, #header #logo #w4,
	#header #logo #line1, #header #logo #line2, #header #logo #line4, #header #logo #line6, #header #logo #line8, #header #logo #line10,
	#header #logo #l1, #header #logo #l2, #header #logo #l3, #header #logo #l4,
	#header #logo #line3, #header #logo #line5, #header #logo #line7, #header #logo #line9 {
		transition-property:opacity;
		transition-delay:2s;
		transition-duration:1s;
	}
	
}
@media (max-width:875px){ 
	.page {
		width:calc(100% - 214px);
	}
	.page-left {
		width:calc(100% - 264px);
	}
	
	.carousel .caption.with-close,
	#carousel .caption {
		width:calc(100% - 214px);
	}
}

@media (max-width:737px){ 
	.carousel .caption .prev,
	.carousel .caption .next {
		display:none;
	}
	.page {
		left:0px;
		width:100%;
		top:92px;
		padding:23px;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	.page-left {
		left:0px;
		width:100%;
		margin-top:-200%;
		top:92px;
		padding:0px;
		display:none;
	}
	
	.page#photography {
		opacity:1;
		-webkit-opacity:1;
	}
	
	.page .media {
		display:block;
	}
	
	
	.carousel {
		display:none;
	}
	
	#carousel {
		display:block;
	}
	
	.page .carousel {
		display:block;
	}
	#content {
		left:0px;
		width:100%;
	}
	
	.page-left img {
		max-width:100%;
		height:auto;
		max-height:none;
		position:relative;
		top:auto;
		left:auto;
		transform:none;
	}
	
	.carousel .caption.with-close,
	#carousel .caption {
		left:26px;
		width:calc(100% - 52px);
		padding:9px 10px;
		bottom:0px;
	}
	
	
	.page .closer {
		display:none;
	}
	
	#header {
		top:0px;
		margin-top:0px;
		width:100%;
		height:162px;
		left:0px;
		transition-property:none;
	}
	
	#header.scrolled {
		overflow:hidden;
	}
	
	.animate #header {
		width:100%;
	}
	
	#menu {
		position:absolute;
		top:200px;
		margin-top:0px;
		width:100%;
		padding-left:100%;
	}
	
	#menu li a {
		font-size:20px;
		line-height:30px;
		width:100%;
	}
	
	#menu li {
		font-size:20px;
		line-height:30px;
	}
	#header #logo {
		 margin-top:calc(50vh - 108px);
	 }
	.animate #header #logo {
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		transition-property:margin-top, width, height;
	}
	
	#social-media {
		left:50%;
		margin-left:-110px;
		padding-left:100%;
		bottom:auto;
		top:444px;
	}
	
	#social-media li {
		width:35px;
		margin:0 10px;
	}
	
	.scrolled .menu-toggle {
		display:block;
	}
	
	.expanded #social-media {
		padding-left:0;
	}
	
	.expanded #menu {
		padding-left:0;
	}
	
	#header.expanded {
		height:427px;
	}
	
	.carousel {
		width:100%;
		left:0px;
	}
	
	.carousel li {
		width:100%;
	}
	
	/*.carousel#carousel-photography-inner li {
		height:calc(100% - 92px);
	}*/
	
	#header.scrolled #logo {
		margin-left:-4px;
		width:100px;
		transition-delay:0s;
		transition-duration:0s;
		margin-top:23px;
	}
	
	#header.scrolled.expanded #logo {
		margin-left:auto !important;
		width:160px;
	}
	
	#header.scrolled {
		height:92px;
	}
	
	#header.scrolled.expanded {
		height:100%;
		min-height:530px;
	}
	
	#header.expanded + #content {
		display:none;
	}
	
	.animate #header.scrolled .menu-toggle {
		top:46px;
	}
	
	.animate #header.scrolled.expanded .menu-toggle {
		/*top:503px;*/
		top:463px;
		margin-right:-14px;
		right:50%;
	}
	
	#header.scrolled #logo #w1,
	#header.scrolled #logo #w2,
	#header.scrolled #logo #w3,
	#header.scrolled #logo #w4,
	#header.scrolled #logo #line1,
	#header.scrolled #logo #line2,
	#header.scrolled #logo #line3,
	#header.scrolled #logo #line4,
	#header.scrolled #logo #line5,
	#header.scrolled #logo #line6,
	#header.scrolled #logo #line7,
	#header.scrolled #logo #line8,
	#header.scrolled #logo #line9,
	#header.scrolled #logo #line10 {
		display:none;
	}
	
	#header.scrolled.expanded #logo #w1,
	#header.scrolled.expanded #logo #w2,
	#header.scrolled.expanded #logo #w3,
	#header.scrolled.expanded #logo #w4,
	#header.scrolled.expanded #logo #line1,
	#header.scrolled.expanded #logo #line2,
	#header.scrolled.expanded #logo #line3,
	#header.scrolled.expanded #logo #line4,
	#header.scrolled.expanded #logo #line5,
	#header.scrolled.expanded #logo #line6,
	#header.scrolled.expanded #logo #line7,
	#header.scrolled.expanded #logo #line8,
	#header.scrolled.expanded #logo #line9,
	#header.scrolled.expanded #logo #line10 {
		display:block;
	}
	
}

@media (max-width:600px){ 
	form label {
		width:100%;
		line-height:34px;
	}

	form input,
	form textarea {
		width:100%;
	}

	form .row {
		margin-bottom:16px;
	}

	form input[type='submit']{
		margin-left:0px;
	}
}