/**
Theme Name: v2 - (responsive version)
Theme URI: http://www.zabelandfriends.com/-de
Version: v2
Author: Vico Zabel
**/

/* @group --------- SITE ---------------------------------------------------------- */
html {

	margin:           0 0 0 0;
	padding:          0 0 0 0;
	background-color: rgba(238,240,235,1.0);

	font-size:                100%;
	-webkit-text-size-adjust: 100%;

	background-color: rgba(238,240,235,1.0);
	background-image: url(001_ASSETS/site/images/site_container__background.jpg);
	overflow-x: hidden;
}
body {
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	opacity:          0.0;
}

#site_container {
	display:          block;
	position:         relative;
	width:            auto;
	max-width:        1440px;
	min-width:        320px;
	height:           auto;
	max-height:       900px;
	min-height:       620px;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;

	opacity:          1.0;
}


@media (max-width: 1023px) {}
@media (max-width: 767px) {
	#site_container {
		max-height:       999999px;
		min-height:       490px;
	}
}

/*
	display:          block;
	position:         relative;
	float:            xxx;
	left:             xxx;
	right:            xxx;
	top:              xxx;
	bottom:           xxx;
	width:            xxx;
	max-width:        xxx;
	height:           xxx;
	max-height:       xxx;
	margin:           xxx;
	padding:          xxx;
	background-color: rgba(xxx,xxx,xxx,1.0);
	background-image: url(001_ASSETS/xxxx/xxxx.jpg);
	border:           xxx;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        10px;
	line-height:      10px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   uppercase;
	text-align:       center;
	color:            rgba(255,255,255,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;

	-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);
	text-shadow:        0px 0px 10px rgba(0,0,0,1);

	z-index:  9999; 
	cursor:   pointer;
	overflow: hidden;
*/
/* @end */
/* @group --------- CONTENT ------------------------------------------------------- */
#content_container {
	display:          block;
	position:         relative;
	width:            100%;
	height:           auto;
	max-height:       810px;
	min-height:	      530px;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;
}


/* additions */
em, p em, #site_container.portfolio .section_additional_slides .additional_slide_copy p em {
	font-style: italic;
}

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


@media (max-width: 1023px) {
	#content_container {
		min-height:	      400px;
	}
}
@media (max-width: 767px) {
	#content_container {
		max-height:       999999px;
		min-height:	      490px;
	}
}
/* @end */
/* @group --------- site-HEADER --------------------------------------------------- */
#header {
	display:          block;
	position:         relative;
	width:            100%;
	height:           180px;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
	background-color: rgba(5,8,38,1.0);

	z-index:          9;
}
#header .header_container {
	display:          block;
	position:         relative;
	width:            auto;
	max-width:        1545px;
	height:           180px;
	margin:           0 auto 0 auto;
	padding:          0 20px 0 20px;
}

#header .header_container .logo {
	display:          block;
	position:         absolute;
	top:              0;
	left:             50%;
	width:            auto;
	height:           auto;
	margin:           0 0 0 -525px;
	padding:          0 0 0 0;
}
#header .header_container .logo img.CW {
	display:          block;
	position:         relative;
	width:            810px;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
}
#header .header_container .logo img.CW_mobile {
	display:          none;
	position:         relative;
	width:            165px;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;
}
#header .header_container .logo img.hamburger {
	display:          none;
	position:         absolute;
	left:             -60px;
	top:              25px;
	width:            40px;
	height:           40px;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	opacity:          0.2;
}

/* main navigation */
#header .header_container ul.navigation {
	display:          block;
	position:         absolute;
	top:              50px;
	left:             50%;
	width:            auto;
	max-width:        650px;
	height:           90px;
	margin:           0 0 0 310px;
	padding:          0 0 0 0;

	z-index: 5000;
}
#header .header_container ul.navigation li {
	display:          inline-block;
	position:         relative;
	width:            auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
}
#header .header_container ul.navigation li a {
	display:          block;
	position:         relative;
	width:            auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 10px 0 10px;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      400;
	font-size:        12px;
	line-height:      89px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   uppercase;
	text-align:       center;
	color:            rgba(132,154,235,1.0);
}
#header .header_container ul.navigation li a:hover {
	color:            rgba(132,154,235,0.5);
}
#header .header_container ul.navigation li a.active {
	font-weight:      600;
	color:            rgba(244,077,044,1.0);
}

/* sub navigation */
#header .header_container ul.navigation li ul.subnavigation {
	display:          none;
	position:         absolute;
	width:            220%;
	height:           auto;
	margin:           0 0 0 -60%;
	padding:          20px 0 25px 0;
	background-color: rgba(223,224,222,1.0);
	border-top:       1px solid rgba(190,095,080,1.0);

	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
	        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
}
#header .header_container ul.navigation li ul.subnavigation li {
	display:          inline-block;
	position:         relative;
	width:            100%;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
}
#header .header_container ul.navigation li ul.subnavigation li a {
	display:          block;
	position:         relative;
	width:            100%;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 15px 0 15px;
	border-bottom:    0px solid rgba(190,095,080,0.0);

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      500;
	font-size:        12px;
	line-height:      30px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   uppercase;
	text-align:       center;
	color:            rgba(000,045,075,1.0);
}
#header .header_container ul.navigation li ul.subnavigation li a:hover {
	border-bottom:    0px solid rgba(190,095,080,0.0);

	color:            rgba(190,095,080,1.0);
}
#header .header_container ul.navigation li ul.subnavigation li a.active {
	border-bottom:    0px solid rgba(190,095,080,0.0);

	color:            rgba(190,095,080,1.0);
}

/* moblie navigation */
#header .header_container ul.mobilenavigation {
	display:          none;
}


@media (max-width: 1100px) {
	#header {
		height:           140px;
	}
	#header .header_container {
		height:           140px;
	}
	#header .header_container .logo {
		left:             50%;
		margin:           0 0 0 -350px;
	}
	#header .header_container .logo img.CW {
		width:            650px;
	}
	#header .header_container ul.navigation {
		top:              60px;
		left:             50%;
		margin:           0 0 0 121px;
	}
}
@media (max-width: 767px) {
	#header {
		height:           110px;
	}
	#header .header_container {
		display:          block;
		position:         relative;
		width:            auto;
		height:           110px;
		margin:           0 auto 0 auto;
		padding:          0 20px 0 20px;
	}
	#header .header_container .logo {
		display:          block;
		position:         relative;
		float:            none;
		left:             0;
		width:            220px;
		height:           90px;
		margin:           0 auto 0 auto;
	}
	#header .header_container .logo img.CW {
		display:            none;
	}
	#header .header_container .logo img.CW_mobile {
		display:          block;
	}
	#header .header_container .logo img.hamburger {
		display:          block;
	}

	/* main navigation */
	#header .header_container ul.navigation {
		display:          none;
		float:            none;
		width:            auto;
	}

	/* moblie navigation */
	#header .header_container ul.mobilenavigation {
		display:          none;
		position:         absolute;
		left:             -50px;
		width:            320px;
		height:           auto;
		margin:           0 0 0 0;
		padding:          30px 0 35px 0;
		background-color: rgba(215,225,220,1.0);

		-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
		   -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
		        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
	}
	#header .header_container ul.mobilenavigation li {
		display:          inline-block;
		position:         relative;
		width:            100%;
		height:           auto;
		margin:           0 0 0 0;
		padding:          0 0 0 0;
	}
	#header .header_container ul.mobilenavigation li a {
		display:          block;
		position:         relative;
		width:            100%;
		height:           auto;
		margin:           0 0 0 0;
		padding:          0 15px 0 15px;
		border-bottom:    0px solid rgba(190,095,080,0.0);

		font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-style:       normal;
		font-weight:      500;
		font-size:        20px;
		line-height:      50px;
		letter-spacing:   1px;
		text-indent:      0;
		text-transform:   uppercase;
		text-align:       center;
		color:            rgba(000,045,075,1.0);
	}
	#header .header_container ul.mobilenavigation li a:hover {
		border-bottom:    0px solid rgba(190,095,080,0.0);

		color:            rgba(190,095,080,1.0);
	}
	#header .header_container ul.mobilenavigation li a.active {
		border-bottom:    0px solid rgba(190,095,080,0.0);

		color:            rgba(190,095,080,1.0);
	}
}
@media (max-width: 420px) {
	#header .header_container .logo img.hamburger {
		display:          block;
		position:         absolute;
		left:             -40px;
		top:              30px;
		width:            30px;
		height:           30px;
		margin:           0 0 0 0;
		padding:          0 0 0 0;

		z-index:          9999;
	}
}
/* @end */
/* @group --------- site-FOOTER --------------------------------------------------- */
#footer {
	display:          block;
	position:         relative;
	width:            100%;
	height:           100px;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
}
#footer .footer_container {
	display:          block;
	position:         relative;
	width:            100%;
	height:           auto;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;
}

/* social navigation */
#footer .footer_container ul.navigation {
	display:          block;
	position:         relative;
	float:            right;

	width:            220px;
	height:           100px;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
	text-align:       center;
}
#footer .footer_container ul.navigation li {
	display:          inline-block;
	position:         relative;
	width:            auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
}
#footer .footer_container ul.navigation li a {
	display:          block;
	position:         relative;
	width:            24px;
	height:           auto;
	margin:           20px 2px 0 2px;
	padding:          0 0 0 0;

	opacity:          1.0;
}
#footer .footer_container ul.navigation li a:hover {
	opacity:          0.5;
}
#footer .footer_container ul.navigation li a img {
	display:          block;
	position:         relative;
	width:            100%;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
}

#footer .footer_container ul.navigation li.houzz {
	margin:           0 20px 0 0;
}


@media (max-width: 1023px) {
	#footer .footer_container ul.navigation {
		width:            160px;
		margin:           0 30px 0 0;
	}
}
@media (max-width: 767px) {
	#footer .footer_container ul.navigation {
		float:            none;
		width:            160px;
		margin:           0 auto 0 auto;
	}
}
/* @end */

/* ---------------- 1__HOME ------------------------------------------------------- */
/* @group ---------------- section_main_image ------------------ */
#site_container.home .section_main_image {
	display:          block;
	position:         relative;
	width:            auto;
	max-width:        100%;
	height:           auto;
	max-height:       1000px;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
	background-position: center center;

	-webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;

	overflow: hidden;
}

@media (max-width: 1023px) {
	#site_container.home .section_main_image {
	}
}
@media (max-width: 767px) {
	#site_container.home .section_main_image {
	}
}
/* @end */

/* ---------------- 2__PORTFOLIO -------------------------------------------------- */
/* @group ---------------- thumbnails -------------------------- */
#site_container.portfolio ul.section_thumbnails {
	display:          block;
	position:         relative;
	width:            100%;
	height:           auto;
	margin:           60px 0 0 0;
	padding:          0 0 0 0;
}

#site_container.portfolio ul.section_thumbnails li.thumbnail_container {
	display:          inline-block;
	position:         relative;
	float:            left;
	width:            21%;
	height:           auto;
	margin:           0 2% 60px 2%;
	padding:          0 0 0 0;
	background-color: rgba(213,220,220,1.0);
}
#site_container.portfolio ul.section_thumbnails li.thumbnail_container div.thumbnail {
	display:          block;
	position:         relative;
	width:            21%;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
	background-color: rgba(213,220,220,1.0);
	background-position: center center;

	-webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;

	overflow: hidden;
}
#site_container.portfolio ul.section_thumbnails li.thumbnail_container div.title {
	display:          block;
	position:         relative;
	width:            auto;
	height:           auto;
	min-height:       70px;
	margin:           0 0 0 0;
	padding:          10px 20px 15px 20px;
	background-color: rgba(213,220,220,1.0);

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       italic;
	font-weight:      500;
	font-size:        15px;
	line-height:      20px;
	letter-spacing:   0;
	text-indent:      0;
	text-transform:   none;
	text-align:       left;
	color:            rgba(26,87,110,1.0);
}

@media (max-width: 1199px) {
	#site_container.portfolio ul.section_thumbnails {
		margin:           40px 0 0 0;
		padding:          0 30px 0 30px;
	}
	#site_container.portfolio ul.section_thumbnails li.thumbnail_container {
		width:            29%;
		margin:           0 2% 60px 2%;
	}
}
@media (max-width: 767px) {
	#site_container.portfolio ul.section_thumbnails {
		margin:           30px 0 0 0;
		padding:          0 0 0 0;
	}
	#site_container.portfolio ul.section_thumbnails li.thumbnail_container {
		display:          block;
		float:            none;
		clear:            both;
		width:            90%;
		margin:           0 5% 60px 5%;
	}
}
/* @end */
/* @group ---------------- section_opening_slide --------------- */
#site_container.portfolio .section_opening_slide {
	display:          block;
	position:         absolute;
	width:            100%;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	z-index:          2;
}

/* image */
#site_container.portfolio .section_opening_slide .opening_slide_image {
	display:             block;
	position:            relative;
	width:               auto;
	height:              auto;
	margin:              0 0 0 0;
	padding:             0 0 0 0;
	background-position: center center;
	background-repeat:   no-repeat;

	overflow:            hidden;
}
#site_container.portfolio .section_opening_slide .opening_slide_image.contain {
	-webkit-background-size: contain;
       -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}
#site_container.portfolio .section_opening_slide .opening_slide_image.cover {
	-webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
#site_container.portfolio .section_opening_slide .opening_slide_image.full		{	width: 100%;	float: none;	}
#site_container.portfolio .section_opening_slide .opening_slide_image.left_50	{	width: 50%;		float: left;	}
#site_container.portfolio .section_opening_slide .opening_slide_image.right_50	{	width: 50%;		float: right;	}
#site_container.portfolio .section_opening_slide .opening_slide_image.left_33	{	width: 33%;		float: left;	}
#site_container.portfolio .section_opening_slide .opening_slide_image.left_66	{	width: 66%;		float: left;	}
#site_container.portfolio .section_opening_slide .opening_slide_image.right_33	{	width: 33%;		float: right;	}
#site_container.portfolio .section_opening_slide .opening_slide_image.right_66	{	width: 66%;		float: right;	}

/* copy */
#site_container.portfolio .section_opening_slide .opening_slide_copy {
	display:          none;
	position:         relative;
	width:            auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          100px 70px 100px 70px;
}
#site_container.portfolio .section_opening_slide .opening_slide_copy.full		{	display: none;										}
#site_container.portfolio .section_opening_slide .opening_slide_copy.left_50	{	display: block;		width: 50%;		float: right;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.right_50	{	display: block;		width: 50%;		float: left;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.left_33	{	display: block;		width: 66%;		float: right;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.left_66	{	display: block;		width: 33%;		float: right;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.right_33	{	display: block;		width: 66%;		float: left;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.right_66	{	display: block;		width: 33%;		float: left;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.full		{	text-align: left;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.center		{	text-align: center;	}
#site_container.portfolio .section_opening_slide .opening_slide_copy.right		{	text-align: right;	}

#site_container.portfolio .section_opening_slide .opening_slide_copy h1 {
	display:          block;
	position:         relative;
	width:            auto;
	max-width:        700px;
	height:           auto;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        30px;
	line-height:      35px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   none;
}
#site_container.portfolio .section_opening_slide .opening_slide_copy p {
	display:          block;
	position:         relative;
	width:            auto;
	max-width:        700px;
	height:           auto;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        25px;
	line-height:      35px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   none;
}

@media (max-width: 1024px) {
	#site_container.portfolio .section_opening_slide .opening_slide_copy {
		display:          none;
		position:         relative;
		width:            auto;
		height:           auto;
		margin:           0 0 0 0;
		padding:          10px 70px 100px 70px;
	}
}
@media (max-width: 1023px) {
	#site_container.portfolio .section_opening_slide {
		padding:          30px 30px 0 30px;
	}

	#site_container.portfolio .section_opening_slide .opening_slide_copy {
		padding:          80px 60px 60px 60px;
	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy h1 {
		font-size:        28px;
		line-height:      30px;
	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy p {
		padding:          10px 0 0 0;
		font-size:        23px;
		line-height:      30px;
	}
}
@media (max-width: 767px) {
	#site_container.portfolio .section_opening_slide {
		position:         relative;
		padding:          20px 20px 30px 20px;
	}

	/* image */
	#site_container.portfolio .section_opening_slide .opening_slide_image {
	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.contain {
		min-height: 400px;
	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.cover {
		min-height: 300px;
	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.full		{	width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.left_50	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.right_50	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.left_33	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.left_66	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.right_33	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_image.right_66	{	width: 100%;		float: none;	}

	/* copy */
	#site_container.portfolio .section_opening_slide .opening_slide_copy {
		padding:          20px 20px 50px 20px;
	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.full		{	display: none;										}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.left_50	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.right_50	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.left_33	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.left_66	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.right_33	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.right_66	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.full		{	text-align: center;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.center		{	text-align: center;	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy.right		{	text-align: center;	}

	#site_container.portfolio .section_opening_slide .opening_slide_copy h1 {
		font-size:        20px;
		line-height:      25px;
	}
	#site_container.portfolio .section_opening_slide .opening_slide_copy p {
		font-size:        15px;
		line-height:      25px;
	}
}
/* @end */
/* @group ---------------- section_additional_slides ----------- */
#site_container.portfolio .section_additional_slides {
	display:          none;
	position:         absolute;
	width:            100%;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	z-index:          1;
}
#site_container.portfolio .section_additional_slides .slide {
	display:          none;
	position:         absolute;
	width:            100%;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;
}



/* interface */
#site_container.portfolio ul.interface {
	display:          block;
	position:         relative;
	width:            auto;
	height:           auto;
	margin:           10px auto 0 auto;
	padding:          0 0 0 0;

	text-align:       center;
}
#site_container.portfolio ul.interface li {
	display:          inline-block;
	position:         relative;
	width:            auto;
	height:           auto;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;

	text-align:       center;
}
#site_container.portfolio ul.interface li.left {
	float:            left;
}
#site_container.portfolio ul.interface li.right {
	float:            right;
}
#site_container.portfolio ul.interface li p.title {
	display:          block;
	position:         relative;
	width:            auto;
	height:           40px;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       italic;
	font-weight:      500;
	font-size:        15px;
	line-height:      40px;
	letter-spacing:   0;
	text-indent:      0;
	text-transform:   none;
	text-align:       center;
	color:            rgba(26,87,110,1.0);
}
#site_container.portfolio ul.interface li p.caption {
	display:          block;
	position:         relative;
	width:            auto;
	height:           40px;
	margin:           0 0 0 30px;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        15px;
	line-height:      40px;
	letter-spacing:   0;
	text-indent:      0;
	text-transform:   none;
	text-align:       center;
	color:            rgba(26,87,110,1.0);
}
#site_container.portfolio ul.interface li p.arrow {
	display:          block;
	position:         relative;
	width:            auto;
	height:           40px;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      600;
	font-size:        12px;
	line-height:      40px;
	letter-spacing:   0;
	text-indent:      0;
	text-transform:   uppercase;
	text-align:       center;
	color:            rgba(244,77,44,1.0);
}

#site_container.portfolio ul.interface li a.arrow_project_prev {
	display:             block;
	position:            relative;
	width:               40px;
	height:              40px;
	margin:              0 0 0 0;
	padding:             0 0 0 0;
	background-image:    url(001_ASSETS/template-2__PORTFOLIO/images/arrow_left.png);
	background-size:     50%;
	background-position: center center;
	background-repeat:   no-repeat;

	opacity:             1.0;
	text-indent:         -2000px;
	overflow:            hidden;
}
#site_container.portfolio ul.interface li a.arrow_project_next {
	display:             block;
	position:            relative;
	width:               40px;
	height:              40px;
	margin:              0 0 0 0;
	padding:             0 0 0 0;
	background-image:    url(001_ASSETS/template-2__PORTFOLIO/images/arrow_right.png);
	background-size:     50%;
	background-position: center center;
	background-repeat:   no-repeat;

	opacity:             1.0;
	text-indent:         -2000px;
	overflow:            hidden;
}

#site_container.portfolio ul.interface li a.arrow_image_prev {
	display:             block;
	position:            relative;
	width:               40px;
	height:              40px;
	margin:              0 0 0 0;
	padding:             0 0 0 0;
	background-image:    url(001_ASSETS/template-2__PORTFOLIO/images/arrow_left.png);
	background-size:     50%;
	background-position: center center;
	background-repeat:   no-repeat;

	opacity:             1.0;
	text-indent:         -2000px;
	overflow:            hidden;
}
#site_container.portfolio ul.interface li a.arrow_image_next {
	display:             block;
	position:            relative;
	width:               40px;
	height:              40px;
	margin:              0 0 0 0;
	padding:             0 0 0 0;
	background-image:    url(001_ASSETS/template-2__PORTFOLIO/images/arrow_right.png);
	background-size:     50%;
	background-position: center center;
	background-repeat:   no-repeat;

	opacity:             1.0;
	text-indent:         -2000px;
	overflow:            hidden;
}
#site_container.portfolio ul.interface li a.arrow_image_next.inactive {
	background-image:    url(001_ASSETS/template-2__PORTFOLIO/images/arrow_right_inactive.png);
}


/* image */
#site_container.portfolio .section_additional_slides .additional_slide_image {
	display:             block;
	position:            relative;
	width:               auto;
	height:              auto;
	margin:              0 0 0 0;
	padding:             0 0 0 0;
	background-position: center center;
	background-repeat:   no-repeat;

	cursor:              pointer;

	overflow:            hidden;
}
#site_container.portfolio .section_additional_slides .additional_slide_image.contain {
	-webkit-background-size: contain;
       -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}
#site_container.portfolio .section_additional_slides .additional_slide_image.cover {
	-webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
#site_container.portfolio .section_additional_slides .additional_slide_image.full		{	width: 100%;	float: none;	}
#site_container.portfolio .section_additional_slides .additional_slide_image.left_50	{	width: 50%;		float: left;	}
#site_container.portfolio .section_additional_slides .additional_slide_image.right_50	{	width: 50%;		float: right;	}
#site_container.portfolio .section_additional_slides .additional_slide_image.left_33	{	width: 33%;		float: left;	}
#site_container.portfolio .section_additional_slides .additional_slide_image.left_66	{	width: 66%;		float: left;	}
#site_container.portfolio .section_additional_slides .additional_slide_image.right_33	{	width: 33%;		float: right;	}
#site_container.portfolio .section_additional_slides .additional_slide_image.right_66	{	width: 66%;		float: right;	}

/* copy */
#site_container.portfolio .section_additional_slides .additional_slide_copy {
	display:          none;
	position:         relative;
	width:            auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          100px 70px 100px 70px;
}
#site_container.portfolio .section_additional_slides .additional_slide_copy.full		{	display: none;										}
#site_container.portfolio .section_additional_slides .additional_slide_copy.left_50		{	display: block;		width: 50%;		float: right;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.right_50	{	display: block;		width: 50%;		float: left;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.left_33		{	display: block;		width: 66%;		float: right;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.left_66		{	display: block;		width: 33%;		float: right;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.right_33	{	display: block;		width: 66%;		float: left;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.right_66	{	display: block;		width: 33%;		float: left;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.full		{	text-align: left;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.center		{	text-align: center;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy.right		{	text-align: right;	}
#site_container.portfolio .section_additional_slides .additional_slide_copy h1 {
	display:          block;
	position:         relative;
	width:            auto;
	max-width:        700px;
	height:           auto;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        30px;
	line-height:      35px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   none;
}
#site_container.portfolio .section_additional_slides .additional_slide_copy p {
	display:          block;
	position:         relative;
	width:            auto;
	max-width:        700px;
	height:           auto;
	margin:           0 auto 0 auto;
	padding:          0 0 0 0;
	border-bottom:    1px solid rgba(190,095,080,0.0);

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        25px;
	line-height:      35px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   none;
}
#site_container.portfolio .section_additional_slides .additional_slide_copy a {
	text-decoration: underline;
}


@media (max-width: 1024px) {}
@media (max-width: 1023px) {}
@media (max-width: 767px) {
	#site_container.portfolio .section_additional_slides {
		display:          block;
		position:         relative;
		padding:          30px 0 30px 0;
	}
	#site_container.portfolio .section_additional_slides .slide {
		display:          block;
		position:         relative;
		padding:          10px 20px 10px 20px;
	}

	#site_container.portfolio .section_additional_slides p.caption {
		margin:           -10px auto 10px auto;
	}

	/* image */
	#site_container.portfolio .section_additional_slides .additional_slide_image {
	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.contain {
		min-height: 300px;
		-webkit-background-size: cover;
	       -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.cover {
		min-height: 300px;
		-webkit-background-size: cover;
	       -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.full		{	width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.left_50	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.right_50	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.left_33	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.left_66	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.right_33	{	width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_image.right_66	{	width: 100%;		float: none;	}

	/* copy */
	#site_container.portfolio .section_additional_slides .additional_slide_copy {
		padding:          20px 20px 50px 20px;
	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.full		{	display: none;										}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.left_50		{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.right_50	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.left_33		{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.left_66		{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.right_33	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.right_66	{	display: block;		width: 100%;		float: none;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.full		{	text-align: center;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.center		{	text-align: center;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy.right		{	text-align: center;	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy h1 {
		font-size:        20px;
		line-height:      25px;
	}
	#site_container.portfolio .section_additional_slides .additional_slide_copy p {
		font-size:        15px;
		line-height:      25px;
	}

#site_container.portfolio ul.interface li.hide_on_mobile {display:none;}

}
/* @end */
/* @end */
/* ---------------- 3__ABOUT/CONTACT ---------------------------------------------- */
/* @group ---------------- section_about_content --------------- */
#site_container.about_experts .section_about_content {
	display:          block;
	position:         relative;
	width:            80%;
	height:           auto;
	margin:           0 0 0 10%;
	padding:          50px 50px 50px 50px;
}

/* image */
#site_container.about_experts img.experts {
	display:          block;
	position:         relative;
	float:            right;
	width:            35%;
	max-width:        auto;
	height:           auto;
	margin:           -90px 0 0 0;
	padding:          0 40px 0 0;
}

/* copy */
#site_container.about_experts .section_about_content h1 {
	display:          block;
	position:         relative;
	float:            left;
	width:            60%;
	max-width:        auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      400;
	font-size:        25px;
	line-height:      30px;
	letter-spacing:   1px;
	text-indent:      0;
	text-transform:   none;
}
#site_container.about_experts .section_about_content h2 {
	display:          inline-block;
	position:         relative;
	float:            left;
	width:            60%;
	max-width:        auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        16px;
	line-height:      25px;
	letter-spacing:   1px;
	text-indent:      40px;
	text-transform:   none;
}
#site_container.about_experts .section_about_content p {
	display:          inline-block;
	position:         relative;
	float:            left;
	width:            60%;
	max-width:        auto;
	height:           auto;
	margin:           0 0 0 0;
	padding:          0 0 0 0;

	font-family:      "freight-sans-pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:       normal;
	font-weight:      300;
	font-size:        16px;
	line-height:      25px;
	letter-spacing:   1px;
	text-indent:      40px;
	text-transform:   none;
}



@media (max-width: 767px) {
	#site_container.about_experts .section_about_content {
		display:          block;
		position:         relative;
		width:            100%;
		height:           auto;
		margin:           0 0 0 0;
		padding:          30px 20px 50px 20px;
	}

	/* image */
	#site_container.about_experts img.experts {
		position:         relative;
		width:            100%;

		left:             0;
		top:              0;
		width:            100%;
		margin:           30px 0 0 0;
		padding:          0 0 0 0;
	}

	/* copy */
	#site_container.about_experts .section_about_content h1 {
		width:            100%;
		font-size:        20px;
		line-height:      25px;
	}
	#site_container.about_experts .section_about_content h2 {
		width:            100%;

		font-size:        14px;
		line-height:      20px;
		letter-spacing:   1px;
		text-indent:      30px;
	}
	#site_container.about_experts .section_about_content p {
		width:            100%;

		font-size:        14px;
		line-height:      20px;
		letter-spacing:   1px;
		text-indent:      30px;
	}
}
/* @end */
/* @group ---------------- section_form ------------------------ */
#site_container.about_experts .section_form {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 20px 0 50px 0;
	border-top: 1px solid rgba(26,87,110,1.0);
}
#site_container.about_experts .section_form p {
	font-family: "freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 300;

	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0px;
	color: #868d99;
	
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}
#site_container.about_experts .section_form a {
	color:            rgba(244,077,044,1.0);
	text-decoration:  underline;
}
#site_container.about_experts .section_form a:hover {
	color: #cb5d50;
}

#site_container.about_experts .section_form #cntctfrm_contact_form {
	width: 450px;
	margin: 0 auto 0 auto;
}
#site_container.about_experts .section_form #cntctfrm_contact_form label {
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
	font-family: "freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: 2px;
	color: #868d99;
}
#site_container.about_experts .section_form #cntctfrm_contact_form div {
	margin: 5px 0 0 0;
}
#site_container.about_experts .section_form #cntctfrm_contact_name, #site_container.about_experts .section_form #cntctfrm_contact_email, #site_container.about_experts .section_form #cntctfrm_contact_phone, #site_container.about_experts .section_form #cntctfrm_contact_subject {
	font-family: "Lucida Grande", Arial, "MS Trebuchet", sans-serif;
	font-size: 13px;
	display: block;
	width: 450px;
	height: 40px;
	border: 1px solid rgba(26,87,110,1.0);
	background-color: rgba(213,220,220,1.0);
	color: rgba(26,87,110,1.0);
	padding: 15px;
}
#site_container.about_experts .section_form #cntctfrm_contact_message {
	display: block;
	width: 450px;
	height: 105px;
	border: 1px solid rgba(26,87,110,1.0);
	background-color: rgba(213,220,220,1.0);
	padding: 15px;
	font-family: "Lucida Grande", Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	color: rgba(26,87,110,1.0);
	resize: none;
}

#site_container.about_experts .section_form .cntctfrm_error_text {
	margin: 0 0 0 0;

	font-family: "Lucida Grande", Arial, "MS Trebuchet", sans-serif;
	font-style: normal;
	font-weight: 400;

	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0;
	text-align: left;
	text-indent: 0;
	text-transform: none;
	color: rgba(220,0,0,1.0);
}

#site_container.about_experts .section_form input[type=submit] {
	color: #868d99;
	font-family: "freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background: transparent;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#site_container.about_experts .section_form input[type=submit]:hover {

	color: #cb5d50;
}
#site_container.about_experts #cntctfrm_thanks {
	display: block;
	width: auto;
	text-align: center;
	font-family: "freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 600;

	font-size: 20px;
	line-height: 50px;
	letter-spacing: 0px;
	color: #868d99;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

@media (max-width: 1024px) {
	#site_container.about_experts .section_form {
		padding: 0 0 0 0;
	}
}
@media (max-width: 1023px) {
	#site_container.about_experts .section_form {
		display: block;
		position: relative;
		height: auto;
		margin: 0px auto 0px auto;
		padding: 50px 0 0 0;
	}
}
@media (max-width: 767px) {
	#site_container.about_experts .section_form {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0px auto 0px auto;
		padding: 20px 20px 30px 20px;
	}
	#site_container.about_experts .section_form p {
		font-family: "freight-sans-pro",sans-serif;
		font-style: normal;
		font-weight: 300;

		font-size: 16px;
		line-height: 18px;
		letter-spacing: 0px;
		color: #868d99;
	
		margin: 0 0 0 0;
		padding: 20px 0 0 0;
	}
	#site_container.about_experts .section_form a {
		color: #868d99;
		text-decoration: underline;
	}
	#site_container.about_experts .section_form a:hover {
		color: #cb5d50;
	}

	#site_container.about_experts .section_form #cntctfrm_contact_form {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	#site_container.about_experts .section_form #cntctfrm_contact_form label {
		text-align: left;
		vertical-align: top;
		padding-right: 20px;
		font-family: "freight-sans-pro",sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 16px;
		letter-spacing: 2px;
		color: #868d99;
	}
	#site_container.about_experts .section_form #cntctfrm_contact_form div {
		margin: 5px 0 0 0;
	}
	#site_container.about_experts .section_form #cntctfrm_contact_name, #site_container.about_experts .section_form #cntctfrm_contact_email, #site_container.about_experts .section_form #cntctfrm_contact_phone, #site_container.about_experts .section_form #cntctfrm_contact_subject {
		font-family: "Lucida Grande", Arial, "MS Trebuchet", sans-serif;
		font-size: 13px;
		display: block;
		width: 100%;
		height: 40px;
		border: 1px solid rgba(26,87,110,1.0);
		background-color: rgba(213,220,220,1.0);
		color: rgba(26,87,110,1.0);
		padding: 15px;
	}
	#site_container.about_experts .section_form #cntctfrm_contact_message {
		display: block;
		width: 100%;
		height: 105px;
		border: 1px solid rgba(26,87,110,1.0);
		background-color: rgba(213,220,220,1.0);
		padding: 15px;
		font-family: "Lucida Grande", Arial, "MS Trebuchet", sans-serif;
		font-size: 12px;
		color: rgba(26,87,110,1.0);
		resize: none;
	}

	#site_container.about_experts .section_form .cntctfrm_error_text {
		margin: 0 0 0 0;

		font-family: "Lucida Grande", Arial, "MS Trebuchet", sans-serif;
		font-style: normal;
		font-weight: 400;

		font-size: 12px;
		line-height: 14px;
		letter-spacing: 0;
		text-align: left;
		text-indent: 0;
		text-transform: none;
		color: rgba(220,0,0,1.0);
	}

	#site_container.about_experts .section_form input[type=submit] {
		color: #868d99;
		font-family: "freight-sans-pro",sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 13px;
		margin: 10px 0px 0px 0px;
		border: 0px solid #000;
		background: transparent;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	#site_container.about_experts .section_form input[type=submit]:hover {

		color: #cb5d50;
	}
	#site_container.about_experts #cntctfrm_thanks {
		display: block;
		width: auto;
		text-align: center;
		font-family: "freight-sans-pro",sans-serif;
		font-style: normal;
		font-weight: 600;

		font-size: 20px;
		line-height: 50px;
		letter-spacing: 0px;
		color: rgba(26,87,110,1.0);
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 0 0 0;
		padding: 20px 0 0 0;
	}
}
/* @end */