/**********
 **
 ** Layout Top (Home exception)
 ** ID: #home #lay-top
 ** Partial: #part-logo, #part-contact
 ** 
 ****************************************/

	/* General */
	#home #lay-top {
		background-color: transparent;
		position: absolute;
		z-index: 99; 
		height: auto;
	}
	@media( min-width: 768px ){
		#home #lay-top { background-color: rgba(0,0,0,0.40); }
	}
	@media( min-width: 1360px ){
		#home #lay-top { height: 80px; }
	}		
	
	/* Partial: Logo */
	#home #lay-top #part-logo  {
		background-color: rgba(0,0,0,0.40);
		margin: 0px;
		padding: 25px 20px 0px 20px;
	}
	#home #lay-top #part-logo img{ display: none; }
	#home #lay-top #part-logo img.white { display: block; }
	@media( min-width: 768px ){
		#home #lay-top #part-logo  { background-color: transparent  }
	}
	@media( min-width: 1360px ){
		#home #lay-top #part-logo  { padding: 18px 0px 0px 25px; }
	}		
	
	/* Partial: Contact */
	#home #lay-top #part-contact { margin-top: 97px; border: 0px; }
	#home #lay-top #part-contact li {
		background-color: rgba(0,0,0,0.40); 
		border: 0px;
		margin-left: 1px;
	}
	#home #lay-top #part-contact li:first-child { margin-left: 0px; }
	#home #lay-top #part-contact li a { text-shadow: 1px 1px #948073; color: #FFFFFF; font-weight: 600; }
	#home #lay-top #part-contact li a:before { color: #FFFFFF; }
	@media( min-width: 768px ){
		#home #lay-top #part-contact { margin-top: 0px; }
		#home #lay-top #part-contact li { background-color: transparent; }
	}
	
/**********
 **
 ** Layout: Top (fixed)
 ** ID: #home #lay-top.fixed
 ** Partial: #part-logo, #part-contact, #part-top-menu 
 ** 
 ****************************************/ 
 
	/* General */
	#home #lay-top.fixed {
		position: fixed;
		top: -80px;
		z-index: 999;
		overflow: hidden;
		transition-property: top;
		transition-duration: 0.2s;
		transition-timing-function: linear;	
		background-color: #FFFFFF;
	}
	@media( min-width: 1360px ){
		#home #lay-top.fixed.active { top: 0px; }
	}	
	
	/* Partial: Logo*/
	@media( min-width: 1360px ){
		#home #lay-top.fixed #part-logo img { display: block; }
		#home #lay-top.fixed #part-logo img.white { display: none; }
	}
	
	/* Partial: Contact */
	@media( min-width: 1360px ){
		#home #lay-top.fixed #part-contact li a { color: #000000; }
		#home #lay-top.fixed #part-contact li a:before { color: #88d300; }
	}
	
/**********
 **
 ** Template: Header (content_home.html)
 ** ID: #home #temp-header
 ** Partial: #part-slideshow, #latest-projects, #slogan
 ** 
 ****************************************/
 
	/* General */
	@media( min-width: 1360px ){
		#home #temp-header #inner-wrap {
			width: 1280px;
			margin: 0 auto;
			position: absolute;
			top: 36px;
			left: 0px;
			right: 0px;
		}
	}		
	
	/* Partial: Slideshow */
	#home #temp-header #part-slideshow { position: relative; height: 272px; overflow: hidden; }
	@media( min-width: 768px ){
		#home #temp-header #part-slideshow { height: 596px; overflow: hidden; }
		#home #temp-header #part-slideshow > div {  
			position: absolute;
			bottom: 0px;
			left: 0px;
			right: 0px;
		}
	}
	@media( min-width: 1024px ){
		#home #temp-header #part-slideshow { height: 665px; overflow: hidden; }
	}	
	@media( min-width: 1360px ){
		#home #temp-header #part-slideshow { height: 765px; overflow: hidden; }
	}		
	
	/* Partial: Latest projects */
	#home #temp-header #part-latest-projects h3 { display: none; }
	@media( min-width: 768px ){
		#home #temp-header #part-latest-projects h3 {
			display: block;
			font-size: 15px;
			color: #FFFFFF;
			text-transform: uppercase;
			font-weight: 900;
			margin-bottom: 10px;
		}
		#home #temp-header #part-latest-projects {
			position: absolute;
			top: 140px;
			width: 455px;
			height: 405px;
			left: 20px;
		}
	}
	@media( min-width: 1024px ){
		#home #temp-header #part-latest-projects { left: 30px; top: 165px; width: 500px; }
	}	

	/* Partial: Slogan */
	#home #temp-header #part-slogan { display: none; }
	@media( min-width: 1024px ){
		#home #temp-header #part-slogan {
			display: block;
			width: 40%;
			height: 225px;
			position: absolute;
			top: 233px;
			left: 58%;
		}
		#home #temp-header #part-slogan h3 {
			color: #FFFFFF;
			font-size: 61px;
			font-family: 'Damion', cursive;
			font-weight: 400;
			line-height: 60px;
			text-shadow: 1px 1px #000000;
		}
	}	
	@media( min-width: 1360px ){
		#home #temp-header #part-slogan { width: 45%; left: 53%; top: 212px; }
		#home #temp-header #part-slogan h3 { line-height: 90px; }
	}			

/**********
 **
 ** Template: Content (content_home.html)
 ** ID: #home #temp-content
 ** Partial: #part-content-left, #part-content, #part-content-right, #part-social
 ** 
 ****************************************/
 
 	/* General */
	#home #temp-content { width: 100%; padding: 20px 0px 0px 0px; }
	@media( min-width: 768px ){
		#home #temp-content { overflow: hidden; padding: 0px; }
		#home #temp-content #inner { overflow: hidden; }
	}
	@media( min-width: 1024px ){
		#home #temp-content #inner #inner-left,
		#home #temp-content #inner #inner-right { float: none; width: auto; margin: 0px; }
	}	
	@media( min-width: 1360px ){
		#home #temp-content  { background-color: #FFFFFF; }
		#home #temp-content #inner { margin-top: 30px; background-color: #f5f6f6; }
	}		
	
	/* Partial: Content left */
	#home #temp-content #part-content-left {
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		padding: 0px 20px;
		margin-bottom: 0px;
	}
	#home #temp-content #part-content-left h1 { margin-bottom: 10px; }
	@media( min-width: 768px ){
		#home #temp-content #part-content-left {
			width: calc(50% - 60px);
			width: -webkit-calc(50% - 60px);
			width: -moz-calc(50% - 60px);
			width: -o-calc(50% - 60px);
			float: left;
			padding: 30px;
		}
		#home #temp-content #part-content-left a.button { margin-top: 20px; }
		#home #temp-content #part-content-left p { margin-bottom: 0px; line-height: 25px; }
	}
	@media( min-width: 1360px ){
		#home #temp-content #part-content-left {
			width: calc(33.3333% - 60px);
			width: -webkit-calc(33.3333% - 60px);
			width: -moz-calc(33.3333% - 60px);
			width: -o-calc(33.3333% - 60px);
			float: left;
			padding: 30px;
		}
	}		
	
	/* Partial: Content */
	#home #temp-content #part-content { background-color: #FFFFFF; }
	#home #temp-content #part-content img { width: 100%; height: auto; }	
	#home #temp-content #part-content .csc-textpic-text {
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		padding: 20px 20px;
	}
	#home #temp-content #part-content .csc-textpic-text h2 { font-size: 18px; margin-bottom: 8px; }
	@media( min-width: 768px ){
		#home #temp-content #part-content { 
			width: 50%;
			float: left;
			padding: 0px;
			min-height: 476px;
		}
		#home #temp-content #part-content .csc-textpic-text {
			width: calc(100% - 60px);
			width: -webkit-calc(100% - 60px);
			width: -moz-calc(100% - 60px);
			width: -o-calc(100% - 60px);
			padding: 30px 30px;
		}		
		#home #temp-content #part-content .csc-textpic-text p { line-height: 25px; }
	}
	@media( min-width: 1024px ){
		#home #temp-content #part-content { min-height: 440px; }
	}	
	@media( min-width: 1360px ){
		#home #temp-content #part-content {
			width: calc(33.3333% - 0px);
			width: -webkit-calc(33.3333% - 0px);
			width: -moz-calc(33.3333% - 0px);
			width: -o-calc(33.3333% - 0px);
			float: left;
			min-height: 433px;
		}
	}	 
	
	/* Partial: Content right */
	#home #temp-content #part-content-right {
		display: block;
		margin-bottom: 0px;
		position: relative;
		padding-bottom: 40px;
	}
	#home #temp-content #part-content-right img { width: 100%; height: auto; }
	#home #temp-content #part-content-right .csc-textpic-text {
		padding: 30px 20px 0px 20px; 
		display: block;
	}
	#home #temp-content #part-content-right .csc-textpic-text h3 { margin-bottom: 5px; }
	#home #temp-content #part-content-right .csc-textpic-text ul { margin-bottom: 0px; }
	#home #temp-content #part-content-right .csc-textpic-text li { list-style: none; margin: 0px; }
	#home #temp-content #part-content-right .csc-textpic-text li.phone:before {
		content: "\f10b";
		font-size: 18px;
		vertical-align: -1px;
		color: #000000;
		margin-right: 5px;
	}
	#home #temp-content #part-content-right .social {
		margin: 20px 20px 0px 20px;
		display: block;
		overflow: hidden;
	}	
	@media( min-width: 768px ){
		#home #temp-content #part-content-right{
			width: 100%;
			float: none;
			padding: 0px;
			position: relative;
			overflow: hidden;
			display: block;
		}
		#home #temp-content #part-content-right .csc-textpic-imagewrap { width: 50%; float: left; }
		#home #temp-content #part-content-right .csc-textpic-text {
			float: left;
			padding: 30px;
			width: calc(50% - 60px);
			width: -webkit-calc(50% - 60px);
			width: -moz-calc(50% - 60px);
			width: -o-calc(50% - 60px);
		}
		#home #temp-content #part-content-right .social {
			position: absolute;
			bottom: 19px;
			left: 50%;
			margin: 0px 0px 0px 30px;
			width: calc(50% - 40px);
			width: -webkit-calc(50% - 40px);
			width: -moz-calc(50% - 40px);
			width: -o-calc(50% - 40px);
		}
	}
	@media( min-width: 1024px ){
		#home #temp-content #part-content-right .csc-textpic-text {
			padding: 35px;
			width: calc(50% - 70px);
			width: -webkit-calc(50% - 70px);
			width: -moz-calc(50% - 70px);
			width: -o-calc(50% - 70px);
		}
		#home #temp-content #part-content-right .social { margin: 0px 0px 0px 35px; }
	}	
	@media( min-width: 1360px ){
		#home #temp-content #part-content-right {
			width: calc(33.3333% - 0px);
			width: -webkit-calc(33.3333% - 0px);
			width: -moz-calc(33.3333% - 0px);
			width: -o-calc(33.3333% - 0px);
			float: left;
		}
		#home #temp-content #part-content-right .csc-textpic-imagewrap {
			float: none;
			width: 100%;
			display: block;
		}
		#home #temp-content #part-content-right .csc-textpic-text {
			float: none;
			display: block;
			width: calc(100% - 60px);
			width: -webkit-calc(100% - 60px);
			width: -moz-calc(100% - 60px);
			width: -o-calc(100% - 60px);
			padding: 30px;
		}
		#home #temp-content #part-content-right .csc-textpic-text h3 { margin-bottom: 8px; }
		#home #temp-content #part-content-right .social {
			position: relative;
			margin: 0px;
			left: 30px
		}
	}
	
/**********
 **
 ** Layout: Footer form
 ** ID: #home #lay-footer-form
 ** Partial: 
 ** 
 ****************************************/	

	/* General */
	@media( min-width: 768px ){
		#home #lay-footer-form { padding-bottom: 0px; }
	}
	@media( min-width: 1360px ){
		#home #lay-footer-form {
			padding: 100px 30px 70px 30px;
			background-color: #f5f6f6;
			border-top: 35px solid #FFFFFF;
		}
	}
	
/**********
 **
 ** Layout: Footer impression
 ** ID: #home #lay-footer-impression
 ** Partial: #part-contact
 ** 
 ****************************************/

	/* General */
	@media( min-width: 768px ){
		#home #lay-footer-impression { background-color: #FFFFFF; }
	}
	
	/* Partial: Contact */
	@media( min-width: 768px ){
		#home #lay-footer-impression #part-contact { background-color: #f4f4f4; }	
	}
	
/**********
 **
 ** Layout: Footer sitemap
 ** ID: #home #lay-footer-sitemap
 ** Partial: 
 ** 
 ****************************************/
 
	/* General */
	@media( min-width: 768px ){
		#home #lay-footer-sitemap { background-color: #f4f4f4; } 
	}
	
	/* Partial: Links */
	@media( min-width: 768px ){
		#home #lay-footer-sitemap #part-links > div { border-bottom: 3px solid #f4f4f4; }
	}
 
 /**********
 **
 ** Layout: Footer
 ** ID: #home #lay-footer
 ** Partial: 
 ** 
 ****************************************/
 
	/* General */
	@media( min-width: 768px ){
		#home #lay-footer { background-color: #f4f4f4; } 
	}