/**
Theme Name: v9
Theme URI: http://www.zabelandfriends.com/-de
Version: v.9
Author: Vico Zabel
**/



/* @group --------- SITE ---------------------------------------------------------- */
html {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgb(246,244,241);

	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0;
	color: rgba(90,100,110,1.0);
	text-align: left;
	text-decoration: none;
}

#site_container {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	opacity: 0.0;

}

@media (max-width: 1023px) {}
@media (max-width: 767px) {}


/* @end */
/* @group --------- CONTENT ------------------------------------------------------- */
#content_container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1440px;
	height: auto;
	margin: 0 auto 0 auto;
	background-color: rgb(255,255,255);

	text-align: left;
}

#content_container a {
	color: rgba(115,120,130,1.0);
	text-decoration: underline;
}
#content_container a:hover {
	color: rgba(60,70,80,1.0);
}


/* additions */
.clear {
	display: block;
	position: relative;
	width: 100%;
	height: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}

.more:before {
	content: "more [ ... ]";
}
.more_active:before {
	content: "[ ... ] less";
}

em {
	font-style: italic;
}
strong {
	font-weight: 700;
}



#content_container a.back_top {
	display: none;
	position: fixed;
	width: 70px;
	height: 70px;
	right: 30px;
	bottom: 40px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(/theme/back_top.png);
	background-size: 70px 140px;
	background-position: 0px 0px;

	text-indent: -2000px;
	overflow: hidden;
	cursor: pointer;
	z-index: 999;
}
#content_container a.back_top:hover {
	background-position: 0px -70px;
}

@media (max-width: 1023px) {
}
@media (max-width: 767px) {
	#content_container {
		text-align: center;
	}

	#content_container a.back_top {
		display: none;
		position: fixed;
		width: 35px;
		height: 35px;
		right: 30px;
		bottom: 40px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-image: url(/theme/back_top.png);
		background-size: 35px 70px;
		background-position: 0px 0px;

		text-indent: -2000px;
		overflow: hidden;
		cursor: pointer;
		z-index: 999;
	}
	#content_container a.back_top:hover {
		background-position: 0px -35px;
	}
	
}


/* @end */


/* @group ----- ___HEADER ------------------------ */
#header_container {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
	margin: 0 auto 0 auto;
	background-color: rgba(255,255,255,0.98);
	border-bottom: solid 1px rgba(115,120,130,0.4);

	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.15);
	        box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.15);

	z-index: 9999;
}

/* @group - navigation -------------- */
#header_container img.logo {
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 60px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}
#header_container span.mobile_nav {
	display: none;

	cursor: pointer;
}
#header_container .navigation_container {
	display: block;
	position: relative;
	width: auto;
	max-width: 1440px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 20px 0 20px;
}
#header_container .navigation_container ul.navigation {
	display: block;
	position: relative;
	float: right;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#header_container .navigation_container ul.navigation li {
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#header_container .navigation_container ul.navigation li a {
	display: block;
	position: relative;
	width: auto;
	height: 30px;
	margin: 20px 0 0 20px;
	padding: 0 3px 0 5px;
	border-bottom: solid 1px rgba(35,45,55,0.0);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: left;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(150,160,170,1.0);

	-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
}
#header_container .navigation_container ul.navigation li a:hover {
	color: rgba(35,45,55,1.0);
}
#header_container .navigation_container ul.navigation li a.active {
	border-bottom: solid 1px rgba(35,45,55,0.7);
	color: rgba(35,45,55,1.0);
}

	@media (max-width: 1160px) {
		#header_container {
			height: 60px;
		}
		#header_container img.logo {
			height: 50px;
			margin: 3px 0 0 0;
			padding: 0 0 0 0;
		}
		#header_container .navigation_container ul.navigation li a {
			margin: 12px 0 0 12px;
			padding: 0 0 0 3px;
		}
	}
	@media (max-width: 1023px) {
		#header_container {
			height: 90px;
		}
		#header_container img.logo {
			float: none;
			height: 40px;
			margin: 7px auto 0 auto;
			padding: 0 0 0 0;
		}
		#header_container .navigation_container ul.navigation {
			display: table;
			position: relative;
			float: none;
			width: auto;
			height: auto;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}
		#header_container .navigation_container ul.navigation li a {
			margin: 0 0 0 15px;
			padding: 0 0 0 3px;
		}
	}
	@media (max-width: 767px) {
		#header_container {
			display: block;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 10px 0;
		}
		#header_container img.logo {
			float: none;
			width: 100%;
			max-width: 220px;
			height: auto;
			margin: 15px auto 0 auto;
			padding: 0 0 0 0;
		}
		#header_container span.mobile_nav {
			display: block;
			position: absolute;
			width: auto;
			height: 60px;
			right: 20px;
			top: 10px;
			margin: -5px 0 0 0;
			padding: 0 0 0 0;

			font-size: 20px;
			line-height: 30px;
			color: rgba(100,110,120,0.8);
		}
		#header_container .navigation_container ul.navigation {
			display: none;
			position: relative;
			float: none;
			width: auto;
			height: auto;
			margin: 0 0 0 0;
			padding: 20px 0 2000px 0;
		}
		#header_container .navigation_container ul.navigation li {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;

			text-align: center;
		}
		#header_container .navigation_container ul.navigation li a {
			display: inline;
			position: relative;
			width: auto;
			height: 30px;
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			border-bottom: solid 1px rgba(35,45,55,0.0);

			font-family: "ff-meta-web-pro",sans-serif;
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 30px;
			letter-spacing: 1px;
			text-indent: 0;
			text-transform: uppercase;
			color: rgba(150,160,170,1.0);

			-webkit-transition: .3s ease-in-out;
			   -moz-transition: .3s ease-in-out;
			     -o-transition: .3s ease-in-out;
			    -ms-transition: .3s ease-in-out;
			        transition: .3s ease-in-out;
		}
	}


/* @end */


/* @end */
/* @group ----- ___OVERLAY ----------------------- */
#overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: 0 0 0 0;
	padding: 100px 0 0 0;

	text-align: center;

	overflow: auto;
	pointer-events: scroll;

	z-index: 9998;
}
#overlay_background {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(235,235,235,1.0);

	overflow: auto;
	pointer-events: all;

	z-index: 9996;
}

#overlay h2 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(35,45,55,1.0);
}
#overlay h2 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 40px auto;
	padding: 0 0 0 0;
	background-color: rgba(0,0,0,1.0);
}
#overlay p {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 60px 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(90,100,110,0.5);
}

#overlay a.back_btn {
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0 0 0 40px;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: left;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(90,100,110,0.5);

	-webkit-transition: .1s ease-in-out;
	   -moz-transition: .1s ease-in-out;
	     -o-transition: .1s ease-in-out;
	    -ms-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;

	cursor: pointer;
	pointer-events: all;
	z-index: 9999;
}
#overlay a.back_btn:hover {
	color: rgba(35,45,55,1.0);
}

#overlay a.link {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: -30px auto 40px auto;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(90,100,110,0.5);

	-webkit-transition: .1s ease-in-out;
	   -moz-transition: .1s ease-in-out;
	     -o-transition: .1s ease-in-out;
	    -ms-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;

	cursor: pointer;
	pointer-events: all;
}
#overlay a.link:hover {
	color: rgba(35,45,55,1.0);
}

@media (max-width: 1023px) {
}
@media (max-width: 767px) {
	#overlay {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0;
		margin: 0 0 0 0;
		padding: 100px 0 0 0;

		text-align: center;
	}

	#overlay a.back_btn {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;

		line-height: 20px;
	}

	#overlay h2 {
		font-size: 28px;
		line-height: 36px;
	}
	#overlay h2 .underline {
		margin: 17px auto 0px auto;
	}
}

/* @group - collections -------------- */
#overlay .collection {
	display: block;
	position: relative;
	display: block;
	position: relative;
	width: 100%;
	max-width: 1440px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 100px 0;

	overflow: hidden;
	pointer-events: all;
}
#overlay .collection .wrapper { /* prevents scrolling issue */
	display: block;
	position: relative;
	display: block;
	position: relative;
	width: 100%;
	max-width: 1440px;
	height: auto;
	margin: 0 auto 0 auto;

	pointer-events: all;
}

#overlay .collection .zoom {
	display: inline-block;
	position: relative;
	width: 22%;
	height: 200px;
	margin: 40px 10px 20px 10px;
	padding: 0 0 0 0;
}
#overlay .collection .zoom img {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	cursor: pointer;
	pointer-events: all;
}
#overlay .collection .zoom img::selection { background-color: transparent; }
#overlay .collection .zoom p {
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	right: 20px;
	bottom: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(90,100,110,0.5);
}

/* container which opens zoomed image */
#cake_zoom {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
/*	max-height: 490px; */

	z-index: 10000;

	cursor: pointer;
}
#cake_zoom #cake_image {
	display: block;
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border: solid 3px rgba(255,255,255,0.9);

	z-index: 10003;

	cursor: pointer;
}
#cake_zoom .background {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(40,40,40,0.8);

	z-index: 1;
	pointer-events: all;
}


@media (max-width: 1023px) {
}
@media (max-width: 767px) {
	#overlay .collection .zoom {
		display: inline-block;
		position: relative;
		width: 90%;
		height: auto;
		margin: 40px 10px 20px 10px;
		padding: 0 0 0 0;
	}
	#overlay .collection .zoom p {
		right: 5px;
		bottom: -30px;
	}
}


/* @end */
/* @group - press -------------------- */
#overlay .press {
	display: block;
	position: relative;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 100px 0;

	overflow: hidden;
	pointer-events: all;
}
#overlay .press .wrapper { /* prevents scrolling issue */
	display: block;
	position: relative;
	display: block;
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto 0 auto;

	pointer-events: all;
}

#overlay .press a.print {
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 10px 40px 10px;
	padding: 0 0 0 0;

	pointer-events: all;
}
#overlay .press a.print img {
	display: block;
	position: relative;
	width: auto;
	height: 220px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: solid 1px rgba(235,235,235,1.0);

	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;

	filter: grayscale(100%);
}
#overlay .press a.print img:hover {
	border: solid 1px rgba(200,200,200,1.0);

	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);

	filter: grayscale(0%);
}

@media (max-width: 1023px) {
}
@media (max-width: 767px) {
	#overlay .press a.print {
		margin: 20px 10px 0 10px;
	}
	#overlay .press a.print img {
		height: 150px;
	}
}


/* @end */
/* @group - video -------------------- */
#overlay .video {
	display: block;
	position: relative;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 100px 0;

	overflow: hidden;
	pointer-events: all;
}
#overlay .video .wrapper { /* prevents scrolling issue */
	display: block;
	position: relative;
	display: block;
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto 0 auto;

	pointer-events: all;
}

#overlay .video iframe {
	display: block;
	position: relative;
	width: 700px;
	height: 372px;
	margin: 0 auto 40px auto;
	padding: 0 20px 0 20px;

	pointer-events: all;
}

@media (max-width: 1023px) {
}
@media (max-width: 767px) {
	#overlay a.link {
		margin: 0px auto 20px auto;
	}
	#overlay .video iframe {
		display: block;
		position: relative;
		width: 300px;
		height: 145px;
		margin: 0 auto 20px auto;
		padding: 0 20px 0 20px;

		pointer-events: all;
	}
}


/* @end */


/* @end */

/* @group ----- 1__OPENING ----------------------- */
#opening {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 1300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(200,200,200,1.0);
}

/*-- slideshow --*/
#opening .slideshow {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	overflow: hidden;
}
#opening .slideshow img {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#opening .slideshow img#opening_img_1 {
	z-index: 5;
}
#opening .slideshow img#opening_img_2 {
	z-index: 4;
}
#opening .slideshow img#opening_img_3 {
	z-index: 3;
}
#opening .slideshow img#opening_img_4 {
	z-index: 2;
}
#opening .slideshow img#opening_img_5 {
	z-index: 1;
}

/*-- interface --*/
#opening .slideshow .interface {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(40,40,40,0.2);

	text-align: center;
	z-index: 100;
}
#opening .slideshow .interface .title {
	display: block;
	position: relative;
	width: auto;
	height: 400px;
	top: 50%;
	margin: -250px auto 0 auto;
	padding: 0 0 0 0;
}
#opening .slideshow .interface img.logo {
	display: block;
	position: relative;
	width: auto;
	height: 360px;
	margin: 0 auto 20px auto;
	padding: 0 0 0 0;
}
#opening .slideshow .interface p.large {
	display: block;
	position: relative;
	width: 80%;
	max-width: 800px;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(255,255,255,0.8);
}
#opening .slideshow .interface p {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	bottom: 40px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(255,255,255,0.8);
}
#opening .slideshow .interface p a {
	color: rgba(255,255,255,0.8);
}
#opening .slideshow .interface a.arrow_down {
	display: block;
	position: absolute;
	width: 70px;
	height: 70px;
	left: 50%;
	bottom: 60px;
	margin: 0 0 0 -35px;
	padding: 0 0 0 0;
	background-image: url(/theme/opening_arrow_down_new.png);
	background-size: 70px 140px;
	background-position: 0px 0px;

	text-indent: -2000px;
	overflow: hidden;
	cursor: pointer;
}
#opening .slideshow .interface a.arrow_down:hover {
	background-position: 0px -70px;
}

/*-- quote rotator --*/
#quote-rotator {
	overflow: hidden;
	width: 100%;
	position: relative;
}
#quote-slide {
	transform: translateX(110%);
}

@media (max-width: 1279px) {
	#opening .slideshow .interface .title {
		height: 400px;
		top: 50%;
		margin: -210px auto 0 auto;
	}
	#opening .slideshow .interface img.logo {
		height: 260px;
		margin: 0 auto 10px auto;
	}
	#opening .slideshow .interface p.large {
		margin: 0 auto 0 auto;
		padding: 60px 0 0 0;

		font-size: 26px;
		line-height: 30px;
	}
	#opening .slideshow .interface p {
		bottom: 40px;
		margin: 0 auto 0 auto;
		padding: 10px 0 0 0;

		font-size: 16px;
		line-height: 20px;
	}
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
	#opening .slideshow .interface .title {
		height: 300px;
		top: 50%;
		margin: -150px auto 0 auto;
	}
	#opening .slideshow .interface img.logo {
		height: 120px;
		margin: 0 auto 10px auto;
	}
	#opening .slideshow .interface p.large {
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;

		font-size: 20px;
		line-height: 22px;
	}
	#opening .slideshow .interface p {
		bottom: 40px;
		margin: 0 auto 0 auto;
		padding: 10px 0 0 0;

		font-size: 14px;
		line-height: 20px;
	}
}


/* @end */
/* @group ----- 2__COLLECTIONS ------------------- */
#collections {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 40px 60px 40px;
	max-width: 1100px;
	text-align: center;
}

#collections h1 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(35,45,55,1.0);
}
#collections h1 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 60px auto;
	padding: 0 0 0 0;
	background-color: rgba(0,0,0,1.0);
}


/* collection container */
#collections .collection {
	display: inline-block;
	position: relative;
	width: 19%;
	max-width: 196px;
	height: auto;
	margin: 0 3px 0 3px;
	padding: 0 0 0 0;

	cursor: pointer;
}

#collections .collection .image {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	overflow: hidden;
}
#collections .collection .image img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
}
#collections .collection .image:hover img {}
#collections .collection p {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 20px 0 30px 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(90,100,110,1.0);
}
#collections .collection p .underline {
	display: block;
	position: relative;
	width: 20px;
	height: 2px;
	margin: 0 auto 5px auto;
	padding: 0 0 0 0;
	background-color: rgba(220,220,220,1.0);
}

@media (max-width: 1023px) {
	#collections .collection {
		width: 30%;
		max-width: 296px;
		margin: 0 3px 0 3px;
		padding: 0 0 0 0
	}
}
@media (max-width: 767px) {
	#collections .collection p {
		margin: 20px 0 30px 0;
		padding: 0 0 0 0;

		font-size: 12px;
		line-height: 20px;
	}
}
@media (max-width: 479px) {
	#collections .collection {
		display: inline-block;
		position: relative;
		width: 90%;
		max-width: 296px;
		height: auto;
		margin: 0 3px 0 3px;
		padding: 0 0 0 0;

		cursor: pointer;
	}
}


/* @end */
/* @group ----- 3__ABOUT ------------------------- */
#about {
	min-height: 400px;
}

/* @group ----- SLIDESHOW ------------------------ */


/*-- slideshow --*/
#about #slideshow_container {
	display: block;
	position: relative;
	width: 100%;
	height: 700px;
	max-height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	overflow: hidden;
}
#about #slideshow_container .slideshow {
	display: none;
	position: relative;
	width: 100%;
	height: 700px;
	max-height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	background-color: rgba(251,251,251,1.0);
}
#about #slideshow_container .slideshow#slideshow_1 {
	display: block;
}

#about #slideshow_container .slideshow img {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#about #slideshow_container .slideshow img#slide_1 {
	z-index: 20;
}
#about #slideshow_container .slideshow img#slide_2 {
	z-index: 19;
}
#about #slideshow_container .slideshow img#slide_3 {
	z-index: 18;
}
#about #slideshow_container .slideshow img#slide_4 {
	z-index: 17;
}
#about #slideshow_container .slideshow img#slide_5 {
	z-index: 16;
}
#about #slideshow_container .slideshow img#slide_6 {
	z-index: 15;
}
#about #slideshow_container .slideshow img#slide_7 {
	z-index: 14;
}
#about #slideshow_container .slideshow img#slide_8 {
	z-index: 13;
}
#about #slideshow_container .slideshow img#slide_9 {
	z-index: 12;
}
#about #slideshow_container .slideshow img#slide_10 {
	z-index: 11;
}
#about #slideshow_container .slideshow img#slide_11 {
	z-index: 10;
}
#about #slideshow_container .slideshow img#slide_12 {
	z-index: 9;
}
#about #slideshow_container .slideshow img#slide_13 {
	z-index: 8;
}
#about #slideshow_container .slideshow img#slide_14 {
	z-index: 7;
}
#about #slideshow_container .slideshow img#slide_15 {
	z-index: 6;
}
#about #slideshow_container .slideshow img#slide_16 {
	z-index: 5;
}
#about #slideshow_container .slideshow img#slide_17 {
	z-index: 4;
}
#about #slideshow_container .slideshow img#slide_18 {
	z-index: 3;
}
#about #slideshow_container .slideshow img#slide_19 {
	z-index: 2;
}
#about #slideshow_container .slideshow img#slide_20 {
	z-index: 1;
}

#about #slideshow_container .slideshow a.prev {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 42%;
	margin: 0 0 0 40px;
	padding: 0 0 0 0;
	background-image: url(/theme/slideshow_prev.png);
	background-size: 60px 120px;
	background-position: 0px 0px;

	text-indent: -2000px;

	opacity: 0.3;
	z-index: 200;
	overflow: hidden;
}
#about #slideshow_container .slideshow a.prev:hover {
	background-position: 0px -60px;

	opacity: 0.2;
}
#about #slideshow_container .slideshow a.next {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	right: 0px;
	top: 42%;
	margin: 0 40px 0 0;
	padding: 0 0 0 0;
	background-image: url(/theme/slideshow_next.png);
	background-size: 60px 120px;
	background-position: 0px 0px;

	text-indent: -2000px;

	opacity: 0.3;
	z-index: 201;
	overflow: hidden;
}
#about #slideshow_container .slideshow a.next:hover {
	background-position: 0px -60px;

	opacity: 0.2;
}

/*-- interface --*/
#about #slideshow_container .slideshow .interface {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(40,40,40,0.5);

	text-align: center;
	z-index: 100;
}

#about #slideshow_container .slideshow .interface h1 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 200px 0 0 0;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 2px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(255,255,255,1.0);
}
#about #slideshow_container .slideshow .interface h1.show {
	display: block;
}
#about #slideshow_container .slideshow .interface h1.hide {
	display: none;
}
#about #slideshow_container .slideshow .interface h1 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 5px auto;
	padding: 0 0 0 0;
	background-color: rgba(255,255,255,1.0);
}
#about #slideshow_container .slideshow .interface p {
	display: block;
	position: relative;
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 40px;
	letter-spacing: 2px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(255,255,255,1.0);
}


/* @end */
/* @group ----- CONTENT -------------------------- */
#about #content_container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: -80px auto 0 auto;
	padding: 0 0 0 0;
	background-color: rgba(255,255,255,1.0);

	z-index: 998;
}

/*-- navigation --*/
#about #content_container .navigation_container {
	display: table;
	position: relative;
	width: auto;
	height: 80px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#about #content_container .navigation_container ul.navigation {
	display: block;
	position: relative;
	width: auto;
	height: 80px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#about #content_container .navigation_container ul.navigation li.topic {
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 20px 0 20px;
	padding: 0 0 0 0;
}
#about #content_container .navigation_container ul.navigation li.topic a {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	margin: 40px 0 0 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 2px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(215,220,225,1.0);
	text-decoration: none;

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;
}
#about #content_container .navigation_container ul.navigation li.topic a:hover {
	color: rgba(90,100,110,1.0);
}
#about #content_container .navigation_container ul.navigation li.topic a .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 1px;
	margin: 13px auto 0 auto;
	padding: 0 0 0 0;
	background-color: rgba(255,255,255,1.0);
}
#about #content_container .navigation_container ul.navigation li.topic_active a {
	color: rgba(90,100,110,1.0);
}
#about #content_container .navigation_container ul.navigation li.topic_active a .underline {
	background-color: rgba(35,45,55,1.0);
}

/*-- topic --*/
#about #content_container .copy_container div.topic {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	max-width: 800px;
	margin: 0 auto 0 auto;
	padding: 0 20px 0 20px;
}
#about #content_container .copy_container div.topic#topic_1 {
	display: block;
}

#about #content_container .copy_container div.topic h3 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: italic;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(35,45,55,1.0);
}
#about #content_container .copy_container div.topic p {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	text-indent: 0;
	text-transform: none;
	color: rgba(115,120,130,0.8);
}
#about #content_container .copy_container div.topic .folder {
	display: none;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#about #content_container .copy_container div.topic .folder p {}

#about #content_container span.more_underline {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 30px;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	border-bottom: solid 1px rgba(215,215,215,1.0);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(175,180,185,0.8);

	cursor: pointer;
}
#about #content_container a.more {
	display: block;
	position: relative;
	width: 120px;
	height: 40px;
	margin: -1px auto 0 auto;
	padding: 0 0 0 0;
	border-left: solid 1px rgba(215,215,215,1.0);
	border-right: solid 1px rgba(215,215,215,1.0);
	border-top: solid 1px rgba(255,255,255,1.0);
	border-bottom: solid 1px rgba(215,215,215,1.0);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(175,180,185,0.8);
	text-decoration: none;

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;

	cursor: pointer;
}
#about #content_container a.more:hover {
	color: rgba(90,100,110,1.0);
}


/* @end */


@media (max-width: 1023px) {
	#about #slideshow_container .slideshow a.prev {
		left: 0px;
		top: 32%;
		margin: 0 0 0 40px;
		padding: 0 0 0 0;
	}
	#about #slideshow_container .slideshow a.prev:hover {
		background-position: 0px -60px;
	}
	#about #slideshow_container .slideshow a.next {
		right: 0px;
		top: 32%;
		margin: 0 40px 0 0;
		padding: 0 0 0 0;
	}
	#about #slideshow_container .slideshow a.next:hover {
		background-position: 0px -60px;

		opacity: 0.2;
	}
	#about #slideshow_container .slideshow .interface h1 {
		margin: 120px 0 0 0;
	}
}
@media (max-width: 767px) {
	#about #content_container {
		margin: 0 auto 0 auto;
	}

	#about #slideshow_container .slideshow a.prev {
		width: 40px;
		height: 40px;
		left: 0px;
		top: 13%;
		margin: 0 0 0 10px;
		background-size: 40px 80px;
	}
	#about #slideshow_container .slideshow a.prev:hover {
		background-position: 0px -40px;

		opacity: 0.2;
	}
	#about #slideshow_container .slideshow a.next {
		width: 40px;
		height: 40px;
		right: 0px;
		top: 13%;
		margin: 0 10px 0 0;
		background-size: 40px 80px;
		background-position: 0px 0px;
	}
	#about #slideshow_container .slideshow a.next:hover {
		background-position: 0px -40px;

		opacity: 0.2;
	}

	#about #slideshow_container .slideshow .interface h1 {
		margin: 40px auto 0 auto;
		max-width: 70%;

		font-size: 22px;
		line-height: 26px;
	}
	#about #slideshow_container .slideshow .interface h1 .underline {
		height: 2px;
		margin: 10px auto 5px auto;
	}

	#about #content_container .navigation_container ul.navigation li.topic {
		margin: 0 10px 0 10px;
	}
	#about #content_container .navigation_container ul.navigation li.topic a {
		margin: 20px 0 0 0;

		font-size: 16px;
		line-height: 16px;
		letter-spacing: 1px;
	}
	#about #content_container .navigation_container ul.navigation li.topic a:hover {
		color: rgba(90,100,110,1.0);
	}
	#about #content_container .navigation_container ul.navigation li.topic a .underline {
		width: 40px;
	}

	#about #content_container .copy_container div.topic h3 {
		margin: 0px 0 20px 0;
	}
}


/* @end */
/* @group ----- 4__TEACHING ---------------------- */
#teaching {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 120px 0 0 0;
	padding: 0 0 0 0;
}

/* @group ----- SLIDESHOW ------------------------ */


/*-- slideshow --*/
#teaching #slideshow_container {
	display: block;
	position: relative;
	width: 100%;
	height: 700px;
	max-height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	overflow: hidden;
}
#teaching #slideshow_container .slideshow {
	display: none;
	position: relative;
	width: 100%;
	height: 700px;
	max-height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	overflow: hidden;
}
#teaching #slideshow_container .slideshow#slideshow_teaching {
	display: block;
}

#teaching #slideshow_container .slideshow img {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#teaching #slideshow_container .slideshow img#slide_1 {
	z-index: 20;
}
#teaching #slideshow_container .slideshow img#slide_2 {
	z-index: 19;
}
#teaching #slideshow_container .slideshow img#slide_3 {
	z-index: 18;
}
#teaching #slideshow_container .slideshow img#slide_4 {
	z-index: 17;
}
#teaching #slideshow_container .slideshow img#slide_5 {
	z-index: 16;
}
#teaching #slideshow_container .slideshow img#slide_6 {
	z-index: 15;
}
#teaching #slideshow_container .slideshow img#slide_7 {
	z-index: 14;
}
#teaching #slideshow_container .slideshow img#slide_8 {
	z-index: 13;
}
#teaching #slideshow_container .slideshow img#slide_9 {
	z-index: 12;
}
#teaching #slideshow_container .slideshow img#slide_10 {
	z-index: 11;
}
#teaching #slideshow_container .slideshow img#slide_11 {
	z-index: 10;
}
#teaching #slideshow_container .slideshow img#slide_12 {
	z-index: 9;
}
#teaching #slideshow_container .slideshow img#slide_13 {
	z-index: 8;
}
#teaching #slideshow_container .slideshow img#slide_14 {
	z-index: 7;
}
#teaching #slideshow_container .slideshow img#slide_15 {
	z-index: 6;
}
#teaching #slideshow_container .slideshow img#slide_16 {
	z-index: 5;
}
#teaching #slideshow_container .slideshow img#slide_17 {
	z-index: 4;
}
#teaching #slideshow_container .slideshow img#slide_18 {
	z-index: 3;
}
#teaching #slideshow_container .slideshow img#slide_19 {
	z-index: 2;
}
#teaching #slideshow_container .slideshow img#slide_20 {
	z-index: 1;
}

#teaching #slideshow_container .slideshow a.prev {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 42%;
	margin: 0 0 0 40px;
	padding: 0 0 0 0;
	background-image: url(/theme/slideshow_prev.png);
	background-size: 60px 120px;
	background-position: 0px 0px;

	text-indent: -2000px;

	opacity: 0.3;
	z-index: 200;
	overflow: hidden;
}
#teaching #slideshow_container .slideshow a.prev:hover {
	background-position: 0px -60px;

	opacity: 0.2;
}
#teaching #slideshow_container .slideshow a.next {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	right: 0px;
	top: 42%;
	margin: 0 40px 0 0;
	padding: 0 0 0 0;
	background-image: url(/theme/slideshow_next.png);
	background-size: 60px 120px;
	background-position: 0px 0px;

	text-indent: -2000px;

	opacity: 0.3;
	z-index: 201;
	overflow: hidden;
}
#teaching #slideshow_container .slideshow a.next:hover {
	background-position: 0px -60px;

	opacity: 0.2;
}

/*-- interface --*/
#teaching #slideshow_container .slideshow .interface {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(40,40,40,0.5);

	text-align: center;
	z-index: 100;
}

#teaching #slideshow_container .slideshow .interface h1 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 200px 0 0 0;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 2px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(255,255,255,1.0);
}
#teaching #slideshow_container .slideshow .interface h1 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 5px auto;
	padding: 0 0 0 0;
	background-color: rgba(255,255,255,1.0);
}
#teaching #slideshow_container .slideshow .interface p {
	display: block;
	position: relative;
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 40px;
	letter-spacing: 2px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(255,255,255,1.0);
}


/* @end */
/* @group ----- CONTENT -------------------------- */
#teaching #content_container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: -80px auto 0 auto;
	padding: 0 0 50px 0;
	background-color: rgba(255,255,255,1.0);

	z-index: 998;
}

/*-- topic --*/
#teaching #content_container .copy_container {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	max-width: 800px;
	margin: 0 auto 0 auto;
	padding: 60px 20px 0 20px;
}
#teaching #content_container .copy_container h3 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: italic;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(35,45,55,1.0);
}
#teaching #content_container .copy_container p {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 26px 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	text-indent: 0;
	text-transform: none;
	color: rgba(115,120,130,0.8);
}
#teaching #content_container .copy_container .folder {
	display: none;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#teaching #content_container .copy_container .folder p {}
#teaching #content_container .copy_container .folder ul li {
	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	text-indent: 20px;
	text-transform: none;
	color: rgba(80,85,90,0.8);
}


#teaching #content_container span.more_underline {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 30px;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	border-bottom: solid 1px rgba(215,215,215,1.0);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(175,180,185,0.8);

	cursor: pointer;
}
#teaching #content_container a.more {
	display: block;
	position: relative;
	width: 120px;
	height: 40px;
	margin: -1px auto 0 auto;
	padding: 0 0 0 0;
	border-left: solid 1px rgba(215,215,215,1.0);
	border-right: solid 1px rgba(215,215,215,1.0);
	border-top: solid 1px rgba(255,255,255,1.0);
	border-bottom: solid 1px rgba(215,215,215,1.0);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(175,180,185,0.8);
	text-decoration: none;

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;

	cursor: pointer;
}
#teaching #content_container a.more:hover {
	color: rgba(90,100,110,1.0);
}
/* @end */


@media (max-width: 1023px) {
	#teaching #slideshow_container .slideshow a.prev {
		left: 0px;
		top: 32%;
		margin: 0 0 0 40px;
		padding: 0 0 0 0;
	}
	#teaching #slideshow_container .slideshow a.prev:hover {
		background-position: 0px -60px;
	}
	#teaching #slideshow_container .slideshow a.next {
		right: 0px;
		top: 32%;
		margin: 0 40px 0 0;
		padding: 0 0 0 0;
	}
	#teaching #slideshow_container .slideshow a.next:hover {
		background-position: 0px -60px;

		opacity: 0.2;
	}
	#teaching #slideshow_container .slideshow .interface h1 {
		margin: 120px 0 0 0;
	}
}
@media (max-width: 767px) {
	#teaching {
		margin: 60px 0 0 0;
	}

	#teaching #content_container {
		margin: 0 auto 0 auto;
	}

	#teaching #slideshow_container .slideshow a.prev {
		width: 40px;
		height: 40px;
		left: 0px;
		top: 13%;
		margin: 0 0 0 10px;
		background-size: 40px 80px;
	}
	#teaching #slideshow_container .slideshow a.prev:hover {
		background-position: 0px -40px;

		opacity: 0.2;
	}
	#teaching #slideshow_container .slideshow a.next {
		width: 40px;
		height: 40px;
		right: 0px;
		top: 13%;
		margin: 0 10px 0 0;
		background-size: 40px 80px;
		background-position: 0px 0px;
	}
	#teaching #slideshow_container .slideshow a.next:hover {
		background-position: 0px -40px;

		opacity: 0.2;
	}

	#teaching #slideshow_container .slideshow .interface h1 {
		margin: 40px 0 0 0;

		font-size: 22px;
		line-height: 20px;
	}
	#teaching #slideshow_container .slideshow .interface h1 .underline {
		height: 2px;
		margin: 10px auto 5px auto;
	}

	#teaching #content_container .copy_container h3 {
		margin: -20px 0 20px 0;
		padding: 0 0 0 0;
	}
}


/* @end */
/* @group ----- 5__INSTAFEED --------------------- */
#instagram {
	min-height: 700px;
	padding: 0 20px 0 20px;
}

#instagram h1 {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(35,45,55,1.0);
}
#instagram h1 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 40px auto;
	padding: 0 0 0 0;
	background-color: rgba(0,0,0,1.0);
}

#instagram .instagram_container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	min-height: 60px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
@media (max-width: 1023px) {}
@media (max-width: 767px) {
	#questions_and_answers h1 {
		padding: 30px 0 0 0;

		font-size: 28px;
		line-height: 35px;
	}
	#questions_and_answers h1 .underline {
		height: 3px;
		margin: 17px auto 20px auto;
	}

	#questions_and_answers .question_container h3.question {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 15px 10px 18px 10px;

		font-family: "ff-meta-web-pro",sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 26px;
		letter-spacing: 0px;
		text-indent: 0;
		text-transform: none;
		color: rgba(115,120,130,1.0);

		cursor: pointer;
	}
	#questions_and_answers .question_container div.answer {
		display: none;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 60px 0;
		padding: 10px 0 0 0;
	}
	#questions_and_answers .question_container div.answer p {
		display: block;
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;

		font-family: "ff-meta-web-pro",sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 17px;
		line-height: 26px;
		letter-spacing: 0px;
		text-indent: 0;
		text-transform: none;
		color: rgba(115,120,130,0.8);
	}
}


/* @end */
/* @group ----- 6__QUESTIONS_AND_ANSWERS --------- */
#questions_and_answers {
	min-height: 700px;
	padding: 0 20px 0 20px;
}

#questions_and_answers h1 {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(35,45,55,1.0);
}
#questions_and_answers h1 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 40px auto;
	padding: 0 0 0 0;
	background-color: rgba(0,0,0,1.0);
}

#questions_and_answers .question_container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	min-height: 60px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border-bottom: solid 1px rgba(115,120,130,0.2);
}
#questions_and_answers .question_container h3.question {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 15px 0 18px 20px;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0px;
	text-indent: 0;
	text-transform: none;
	color: rgba(115,120,130,1.0);

	cursor: pointer;
}
#questions_and_answers .question_container div.answer {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 60px 0;
	padding: 10px 0 0 60px;
}
#questions_and_answers .question_container div.answer p {
	display: block;
	position: relative;
	width: 90%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 0px;
	text-indent: 0;
	text-transform: none;
	color: rgba(115,120,130,0.8);
}
#questions_and_answers .folder {
	display: none;
}

#questions_and_answers span.more_underline {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 55px;
	margin: -1px auto 0 auto;
	padding: 0 0 0 0;
	border-top: solid 1px rgba(255,255,255,1.0);
	border-bottom: solid 1px rgba(215,215,215,1.0);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(175,180,185,0.8);

	cursor: pointer;
}
#questions_and_answers a.more {
	display: block;
	position: relative;
	width: 120px;
	height: 40px;
	margin: -1px auto 120px auto;
	padding: 0 0 0 0;
	border-left: solid 1px rgba(215,215,215,1.0);
	border-right: solid 1px rgba(215,215,215,1.0);
	border-top: solid 1px rgba(255,255,255,1.0);
	border-bottom: solid 1px rgba(215,215,215,1.0);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	text-decoration: none;
	color: rgba(175,180,185,0.8);

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;

	cursor: pointer;
}
#questions_and_answers a.more:hover {
	color: rgba(90,100,110,1.0);
}


@media (max-width: 1023px) {}
@media (max-width: 767px) {
	#questions_and_answers h1 {
		padding: 30px 0 0 0;

		font-size: 28px;
		line-height: 35px;
	}
	#questions_and_answers h1 .underline {
		height: 3px;
		margin: 17px auto 20px auto;
	}

	#questions_and_answers .question_container h3.question {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 15px 10px 18px 10px;

		font-family: "ff-meta-web-pro",sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 26px;
		letter-spacing: 0px;
		text-indent: 0;
		text-transform: none;
		color: rgba(115,120,130,1.0);

		cursor: pointer;
	}
	#questions_and_answers .question_container div.answer {
		display: none;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 60px 0;
		padding: 10px 0 0 0;
	}
	#questions_and_answers .question_container div.answer p {
		display: block;
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;

		font-family: "ff-meta-web-pro",sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 17px;
		line-height: 26px;
		letter-spacing: 0px;
		text-indent: 0;
		text-transform: none;
		color: rgba(115,120,130,0.8);
	}
}


/* @end */
/* @group ----- 7__MEDIA ------------------------- */
#media {
	display: block;
	position: relative;
	min-height: 700px;

	overflow: hidden;
}
#media .background {
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#media .alpha {
	display: block;
	position: absolute;
	width: 100%;
	height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(40,40,40,0.5);
}

#media h1 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 200px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(255,255,255,1.0);
}
#media h1 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 60px auto;
	padding: 0 0 0 0;
	background-color: rgba(255,255,255,1.0);
}

#media .press {
	display: block;
	position: relative;
	float: left;
	width: 100px;
	height: auto;
	margin: 0 0 0 26%;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255,255,255,1.0);

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;

	cursor: pointer;
}
#media .press:hover {
	opacity: 0.5;
}
#media .press img {
	display: block;
	position: relative;
	width: 100px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#media .video {
	display: block;
	position: relative;
	float: right;
	width: 100px;
	height: auto;
	margin: 0 26% 0 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255,255,255,1.0);

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;

	cursor: pointer;
}
#media .video:hover {
	opacity: 0.7;
}
#media .video img {
	display: block;
	position: relative;
	width: 100px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


@media (max-width: 1023px) {}
@media (max-width: 767px) {
	#media h1 {
		padding: 100px 0 0 0;
	}
	#media .press {
		float: none;
		width: 100px;
		height: auto;
		margin: 20px auto 60px auto;
		padding: 0 0 0 0;
	}
	#media .video {
		float: none;
		width: 100px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
}


/* @end */
/* @group ----- 8__GET_IN_TOUCH ------------------ */
#get_in_touch {
	overflow: hidden;
}
#get_in_touch .background {
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#get_in_touch .alpha {
	display: block;
	position: absolute;
	width: 100%;
	height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(40,40,40,0.5);
}

/* copy_container */
#get_in_touch .copy_container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 20px 0 20px;
}

#get_in_touch .copy_container h1 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 60px 0 0 0;

	font-family: "ltc-bodoni-175",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	color: rgba(35,45,55,1.0);
}
#get_in_touch .copy_container h1 .underline {
	display: block;
	position: relative;
	width: 100px;
	height: 3px;
	margin: 17px auto 60px auto;
	padding: 0 0 0 0;
	background-color: rgba(0,0,0,1.0);
}
#get_in_touch .copy_container p {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 26px 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(115,120,130,0.8);
}

#get_in_touch .copy_container div.social_container {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 40px auto 30px auto;
	padding: 0 0 0 0;
	text-align: center;
}
#get_in_touch .copy_container ul.social {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;

	font-family: "entypo_social",sans-serif;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0px;
}
#get_in_touch .copy_container ul.social li {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 10px 0 10px;
}
#get_in_touch .copy_container ul.social li a {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	text-align: left;
	text-indent: -2000px;
	text-transform: none;
	color: rgba(115,120,230,0.8);

	overflow: hidden;
}
#get_in_touch .copy_container ul.social li a:hover {
	opacity: 0.7;
}

#get_in_touch .copy_container ul.social li a.facebook_link {
	background-image: url(/theme/social_facebook.png);
	background-size: 60px 120px;
	background-position: 0px 0px;
}
#get_in_touch .copy_container ul.social li a.facebook_link:hover {
	background-position: 0px -60px;
}
#get_in_touch .copy_container ul.social li a.x_link {
	background-image: url(/theme/social_x.png);
	background-size: 60px 120px;
	background-position: 0px 0px;
}
#get_in_touch .copy_container ul.social li a.x_link:hover {
	background-position: 0px -60px;
}
#get_in_touch .copy_container ul.social li a.instagram_link {
	background-image: url(/theme/social_instagram.png);
	background-size: 60px 120px;
	background-position: 0px 0px;
}
#get_in_touch .copy_container ul.social li a.instagram_link:hover {
	background-position: 0px -60px;
}
#get_in_touch .copy_container ul.social li a.pinterest_link {
	background-image: url(/theme/social_pinterest.png);
	background-size: 60px 120px;
	background-position: 0px 0px;
}
#get_in_touch .copy_container ul.social li a.pinterest_link:hover {
	background-position: 0px -60px;
}
#get_in_touch .copy_container ul.social li a.youtube_link {
	background-image: url(/theme/social_youtube.png);
	background-size: 60px 120px;
	background-position: 0px 0px;
}
#get_in_touch .copy_container ul.social li a.youtube_link:hover {
	background-position: 0px -60px;
}

#get_in_touch .copy_container p.copyright {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 auto 60px auto;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0;
	text-transform: none;
	color: rgba(210,210,210,0.8);
}
#get_in_touch .copy_container p.copyright a {
	padding: 0 0 1px 0;
	border-bottom: solid 1px rgba(210,210,210,0.8);

	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;

	cursor: pointer;
	
	text-decoration: none;
	color: rgba(210,210,210,0.8);
}
#get_in_touch .copy_container p.copyright a:hover {
	color: rgba(20,20,20,1.0);
}

@media (max-width: 1023px) {}
@media (max-width: 767px) {
	#get_in_touch .copy_container ul.social li a.facebook_link, #get_in_touch .copy_container ul.social li a.x_link, #get_in_touch .copy_container ul.social li a.instagram_link, #get_in_touch .copy_container ul.social li a.pinterest_link, #get_in_touch .copy_container ul.social li a.youtube_link {
		width: 40px;
		height: 40px;
		background-size: 40px 80px;
	}
}

/* footer_container */
#get_in_touch .footer_container {
	display: block;
	position: relative;
	width: 100%;
	height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#get_in_touch .footer_container .alpha {
	display: block;
	position: absolute;
	width: 100%;
	height: 700px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(40,40,40,0.5);
}
#get_in_touch .footer_container .center {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 70px 20px 120px 20px;
}

/* footer_container - footer_left */
#get_in_touch .footer_container .footer_left {
	display: block;
	position: relative;
	float: left;
	width: 50%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 14px 20px 0 0;
}
#get_in_touch .footer_container .footer_left p {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 16px 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0px;
	text-indent: 0;
	text-transform: none;
	color: rgba(255,255,255,0.7);
}
#get_in_touch .footer_container .footer_left p.intro {
	font-size: 21px;
	line-height: 25px;
	color: rgba(255,255,255,1.0);
}
#get_in_touch .footer_container .footer_left a.large {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 25px;
	letter-spacing: 0px;
	text-indent: 0;
	text-transform: none;
	color: rgba(255,255,255,1.0);
	text-decoration: none;

	-webkit-transition: .1s ease-in-out;
	   -moz-transition: .1s ease-in-out;
	     -o-transition: .1s ease-in-out;
	    -ms-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;
}
#get_in_touch .footer_container .footer_left a.large:hover {
	color: rgba(255,255,255,0.5);
}
#get_in_touch .footer_container .footer_left .speaking {
	display: block;
	position: relative;
	width: 150px;
	height: auto;
	margin: 0 0 0 -5px;
	padding: 5px 0 0 0;
}
#get_in_touch .footer_container .footer_left .speaking img {
	display: block;
	position: relative;
	width: 150px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* footer_container - footer_right */
#get_in_touch .footer_container .footer_right {
	display: block;
	position: relative;
	float: right;
	width: 50%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
}
#get_in_touch .footer_container .footer_right #form_getintouch {}
#get_in_touch .footer_container .footer_right #form_getintouch p {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 5px 0 0 20px;
	background-color: rgba(255,255,255,0.5);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0px;
	text-indent: 0;
	text-transform: none;
	color: rgba(255,255,255,0.7);
}

#get_in_touch .footer_container .footer_right #form_getintouch input {
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 0 1px 0;
	padding: 0 0 0 20px;
	border: solid 0px #fff;
	background-color: rgba(255,255,255,0.5);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 50px;
	letter-spacing: 0px;
	text-align: left;
	text-indent: 0;
	text-transform: none;
	color: rgba(35,45,55,0.8);

	outline: none;
	resize: none;

	-webkit-transition: .1s ease-in-out;
	   -moz-transition: .1s ease-in-out;
	     -o-transition: .1s ease-in-out;
	    -ms-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;
}
#get_in_touch .footer_container .footer_right #form_getintouch input:focus {
	background-color: rgba(255,255,255,0.7);

	color: rgba(35,45,55,1.0);
}
#get_in_touch .footer_container .footer_right #form_getintouch input::placeholder {
	color: rgba(35,45,55,0.45);
}
#get_in_touch .footer_container .footer_right #form_getintouch #form_name {
	-webkit-border-top-left-radius:  4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft:      4px;
	-moz-border-radius-topright:     4px;
	border-top-left-radius:          4px;
	border-top-right-radius:         4px;
}
#get_in_touch .footer_container .footer_right #form_getintouch #form_getintouch {}
#get_in_touch .footer_container .footer_right #form_getintouch #form_name {}
#get_in_touch .footer_container .footer_right #form_getintouch #form_email {}
#get_in_touch .footer_container .footer_right #form_getintouch #form_email2 {}
#get_in_touch .footer_container .footer_right #form_getintouch #form_subject {}
#get_in_touch .footer_container .footer_right #form_getintouch #form_phone {}
#get_in_touch .footer_container .footer_right #form_getintouch #form_capcha {
	height: 40px;
}
#get_in_touch .footer_container .footer_right #form_getintouch #form_comments {
	display: block;
	position: relative;
	width: 100%;
	height: 180px;
	margin: 0 0 1px 0;
	padding: 10px 0 0 20px;
	border: solid 0px #fff;
	background-color: rgba(255,255,255,0.5);

	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	text-align: left;
	text-indent: 0;
	text-transform: none;
	color: rgba(35,45,55,0.8);

	outline: none;
	resize: none;

	-webkit-transition: .1s ease-in-out;
	   -moz-transition: .1s ease-in-out;
	     -o-transition: .1s ease-in-out;
	    -ms-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;
}
#get_in_touch .footer_container .footer_right #form_getintouch #form_comments:focus {
	background-color: rgba(255,255,255,0.7);

	color: rgba(35,45,55,1.0);
}
#get_in_touch .footer_container .footer_right #form_getintouch #form_comments::placeholder {
	color: rgba(35,45,55,0.45);
}
#get_in_touch .footer_container .footer_right #form_getintouch #form_submit {
	background-color: rgba(255,255,255,0.8);

	color: rgba(20,41,65,0.9);
	cursor: pointer;

	-webkit-border-bottom-left-radius:  4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft:      4px;
	-moz-border-radius-bottomright:     4px;
	border-bottom-left-radius:          4px;
	border-bottom-right-radius:         4px;
}
#get_in_touch .footer_container .footer_right #form_getintouch #form_submit:hover {
	background-color: rgba(255,255,255,1.0);

	color: rgba(35,45,55,1.0);
}

@media (max-width: 1023px) {}
@media (max-width: 767px) {
	#get_in_touch .footer_container {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 100px 0;
		overflow: hidden;
		background-size: cover;
	}
	#get_in_touch .footer_container .alpha {
		display: block;
		position: absolute;
		width: 100%;
		height: 3000px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-color: rgba(40,40,40,0.5);
	}
	#get_in_touch .footer_container .footer_left {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 20px 0 0;
		text-align: center;
	}
	#get_in_touch .footer_container .footer_right {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 30px 0 0 0;
	}
	#get_in_touch .footer_container .footer_left .speaking {
		margin: 0 auto 0 auto;
	}
}


/* @end */