/*-----------------------------------------------------------------------------------*/
/*	BACKGROUND SELECTION
/*-----------------------------------------------------------------------------------*/

/* select the background you want by comenting the others */

/* background 1 (image grid) */
	@import url(image-grid.css);

/* background 2 (fullscreen images / gallery) */
	@import url(supersized.css);
	@import url(supersized.shutter.css);


/* background 3 (google maps) */

	#map_canvas { position: absolute; width:100%; height:100%; } 



/*-----------------------------------------------------------------------------------*/
/*	IMPORTS
/*-----------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic);



/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

*{
	margin:0;padding:0;
}
html,body{
    height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#fff;
	-webkit-font-smoothing: antialiased;
	overflow-y: auto;
	overflow-x: hidden;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}/*\*/
.clearfix{display:block}/**/
.none{display:none}



/*-----------------------------------------------------------------------------------*/
/*	Highest Resolutions
/*-----------------------------------------------------------------------------------*/

a{
	color: #d68327;
	text-decoration: none;
}
#images_container{
	width: 100%;
	position: relative;
}
.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}
.main{
	position: relative;
}

#helper_top {
	position: absolute;
	top: -60px;
	left: 100px;
	display: block;
	background: url(../../assets/images/helper_top.png) no-repeat;
	width: 185px;
	height: 50px;
}
#helper_bottom {
	position: absolute;
	bottom: -70px;
	left: 300px;
	display: block;
	background: url(../../assets/images/helper_bottom.png) no-repeat;
	width: 150px;
	height: 55px;
}
#shadow_over {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../assets/images/bg-top.png) no-repeat center center;
	background-size:100% 100%;
}

#progress-bar {
    height: 8px;
    position: relative;
    /*width: 960px;*/
	clear:both;
	margin: -38px 0 33px 0;
	width: 100%;
	background: url('../images/progress-bar.png') repeat-x;
}

#bar {
    background: url(../../assets/images/bg_progress-bar.png) repeat-x;
    height: 7px;
    width: 0;
	
	/*filter: alpha(opacity=80); *//* internet explorer */
	/*-khtml-opacity: 0.8; */     /* khtml, old safari */
	/*-moz-opacity: 0.8; */      /* mozilla, netscape */
	/*opacity: 0.8; */          /* fx, safari, opera */
}

#percent-tooltip {
    position: absolute;
	color:#c14c3d;
    top: 8px;
	width:15px;
	height:10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:10px;
}
#percent-tooltip2 {
	background: url(../../assets/images/bg_progressbar-percent.png) no-repeat;
    position: absolute;
	color:#fff;
    top: -40px;
	left: -13px;
	width:28px;
	height:28px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: italic;
	font-size:10px;
	line-height: 28px;
}
#sparkle {
    position: absolute;
	top: -8px;
	left: 0;
	width: 15px;
	height: 23px;
	display: block;
	background: url(../../assets/images/sparkle.png) no-repeat;
}
#bar_end {
	background: url(../../assets/images/bg_barend.png) no-repeat;
	display: block;
	width: 1px;
	height: 18px;
	position: absolute;
	right: 0;
	top: -5px;
}

.floater {
	float:left;
	height:50%;
	margin-top:-134px; /* half the box's height */
	position:relative;
}

.wrap {
	width: 100%;
	clear:both;
	height:268px;
	position:relative;	
	background: url(../../assets/images/bg_info.png) repeat-x;
}
	#info-content{
		position: relative;
		margin: 0 auto;
		padding: 38px 0 0 0;
		height: 194px;
		width: 960px;
	}
		#leftSide {
			float: left;
			width: 650px;
		}
		#rightSide {
			float: right;
			width: 300px;
			margin: 15px 0 0 0;
		}

		.logo {
			margin: 0 30px 0 0;
			float: left;
		}
		#slogan {
			width: 440px;
			float: left;
			text-align: left;
			font-size: 21px;
			line-height: 27px;
			font-weight: 300;
			font-style: italic;
			margin: 10px 0 0 0;
		}
		#info-p {
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 12px;
			line-height: 18px;
			float: left;
			margin: 15px 0 0 0;
		}
		
		/* Start Form */
		#form_placeholder {
			float: right;
			-moz-box-shadow:    1px 3px 2px #222;
			-webkit-box-shadow: 1px 3px 2px #222;
			box-shadow:         1px 3px 2px #222;
			width: 280px;
			position: relative;
		}
		.msg_success {
			font-family: 'Source Sans Pro', sans-serif;
			font-size:13px;
			color: #fff !important;
			font-style: italic;
			font-weight: bold;
			line-height: 40px;
			text-align: center;	
			
			margin: 0 auto;
			width: 280px;
			height:40px;
			display: none;
		}
		.msg_error {
			font-family: 'Source Sans Pro', sans-serif;
			font-size:13px;
			color: #c47878 !important;
			font-style: italic;
			font-weight: bold;
			line-height: 40px;
			text-align: center;	
			
			margin: 0 auto;
			width: 280px;
			height:40px;
			display: none;
		}
		.boxShadowDelete {
			-moz-box-shadow:    none !important;
			-webkit-box-shadow: none !important;
			box-shadow:         none !important;
		}
		.emailInput{
			background:#fff;
			width:200px;
			height:40px;
			/*line-height: 45px;*/
			font-family: 'Source Sans Pro', sans-serif;
			font-size:13px;
			color:#6a6a6a!important;
			outline:0;
			border:0;
			
			padding:0 5px 0 18px;
		}
		.emailInput::-webkit-input-placeholder{
			font-size:13px;
			color:#b4b4b4 !important;
			font-style: italic;
		}
		.emailInput:-moz-placeholder{
			font-size:13px;
			color:#b4b4b4 !important;
			font-style: italic;
		}
		.emailInput:-ms-input-placeholder{
			font-size:13px;
			color:#b4b4b4 !important;
			font-style: italic;
		}
		.placeholder {
			line-height: 45px !important;
			font-size:16px;
			color:#b4b4b4 !important;
			font-style: italic;
		}

		.ie .emailInput {  
			line-height: 45px !important;
			float: left !important;
		}  

		.emailBt{
			position: absolute;
			top: 0;
			right: 0;
			background: #c14c3d; /* Old browsers */
			background: -moz-linear-gradient(top,  #ae4639 0%, #c14c3d 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae4639), color-stop(100%,#c14c3d)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ae4639 0%,#c14c3d 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ae4639 0%,#c14c3d 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ae4639 0%,#c14c3d 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ae4639 0%,#c14c3d 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae4639', endColorstr='#c14c3d',GradientType=0 ); /* IE6-9 */

			border-top:1px solid #d55140;
			border-right:0;
			border-bottom:0;
			border-left:1px solid #a34134;
			display:inline-block;
			color:#ffffff;
			font-family: 'Source Sans Pro', sans-serif;
			font-size:13px;
			font-style: italic;
			width: 82px;
			height: 40px;
			text-decoration:none;
			text-shadow:1px -1px 0px #902618;
			cursor: pointer;
		}
		.emailBt:hover{
			background:#c14c3d !important;
		}
		/* End Form */
		
	#info-twitter {
		float: right;
		margin: 28px 0 0 0;
		width: 206px;
		background: url(../../assets/images/twitter-big.png) no-repeat;
		padding: 0 0 0 75px;
	}
		#ticker ul.tweet_list {
			margin: -4px 0 0 0;
			height:90px;
			overflow-y:hidden;
		}
		#ticker .tweet_list li {
			height: 90px;
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 13px;
			line-height: 18px;
			font-style: italic;
		}
		#ticker .info-twitterSpan {
			text-transform: uppercase;
			font-size: 11px;
		}

		
	#info-bottom {
		position: relative;
		margin: 0 auto;
		padding: 5px 0 0 0;
		width: 960px;
	}
		/* countdown */
		#countdown_wrap{
			float: left;
			font-family: 'Open Sans', sans-serif;
			font-size:18px;
			font-style: italic;
			color: #ffffff;
			width: 620px;
		}
		#countdown_wrap img{
			float: left;
			margin: 0 8px 0 0;
		}
		#countdown_description {
			margin: 0 5px 0 0;
			float: left;
		}
		#countdown{
			float: left;
		}
		.item{
			float:left;
			padding-right: 5px !important;
			font-family: 'Open Sans', sans-serif;
			font-size:18px;
			font-style: italic;
			color: #b54839;
			text-align: right;
		}
			.item:last-child{margin-right:0; padding-right: 0;}
			.item span{
				font-family: 'Open Sans', sans-serif;
				font-size:13px;
				font-style: normal;
				color: #7a7a7a;
			}

		.ie #countdown_wrap{
			/*margin: 40px auto 20px auto;*/
		}
		.ie #countdown{
		/*
			display:inline;
			zoom: 1;
		*/
		}
		.ie .item{
		/*
			display:inline-block;
			height:auto!important;
			zoom: 1;
		*/
		}
			.ie .item span{
				/*
				bottom: -5px;
				*/
			}
		.ie #form_coming {
			height: 45px;
		}

		/* social buttons */
		.social-buttons {
			float: right;
		}
			.social-buttons a {
				width: 30px;
				height: 22px;
				float: left;
				display: block;
				text-indent: -9999px;
				margin-left: 5px;
			}
			.social_bt-Youtube {
				background: url(../images/social/bt_Youtube.png) no-repeat 0 0;
			}
				.social_bt-Youtube:hover {
					background-position: 0 -22px;
				}
			.social_bt-Vimeo {
				background: url(../images/social/bt_social-Vimeo.png) no-repeat 0 0;
			}
				.social_bt-Vimeo:hover {
					background-position: 0 -22px;
				}
			.social_bt-Twitter {
				background: url(../images/social/bt_Twitter.png) no-repeat 0 0;
			}
				.social_bt-Twitter:hover {
					background-position: 0 -22px;
				}
			.social_bt-Facebook {
				background: url(../images/social/bt_Facebook.png) no-repeat 0 0;
			}
				.social_bt-Facebook:hover {
					background-position: 0 -22px;
				}
			.social_bt-LinkedIn {
				background: url(../images/social/bt_social-LinkedIn.png) no-repeat 0 0;
			}
				.social_bt-LinkedIn:hover {
					background-position: 0 -22px;
				}
			.social_bt-GooglePlus {
				background: url(../images/social/bt_GooglePlus.png) no-repeat 0 0;
			}
				.social_bt-GooglePlus:hover {
					background-position: 0 -22px;
				}
			.social_bt-Skype {
				background: url(../images/social/bt_social-Skype.png) no-repeat 0 0;
			}
				.social_bt-Skype:hover {
					background-position: 0 -22px;
				}
			.social_bt-Dribbble {
				background: url(../images/social/bt_Dribbble.png) no-repeat 0 0;
			}
				.social_bt-Dribbble:hover {
					background-position: 0 -22px;
				}


				



/*-----------------------------------------------------------------------------------*/
/*	Tablets (portrait)
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 765px) and (max-width: 978px){

	.floater {
		margin-top:-175px; /* half the box's height */
	}

	.wrap {
		height:350px;
		background: url(../../assets/images/bg_info_768.png) repeat-x !important;
	}

	
	#info-content, #info-bottom{
		width: 758px;
	}
	#info-content {
		height: 280px;
	}
		#leftSide {
			width: 400px;
		}
		#rightSide {
			margin: 78px 0 0 0;
		}
		
			.logo, #slogan{
				clear: both !important;
			}
	
}



/*-----------------------------------------------------------------------------------*/
/*	smartphones (landscape)
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 640px) and (max-width: 765px){
	.floater {
		margin-top:-175px; /* half the box's height */
	}

	.wrap {
		height:370px;
		background: url(../../assets/images/bg_info_640.png) repeat-x !important;
	}

	
	#info-content, #info-bottom{
		width: 630px;
	}
	#info-content {
		height: 300px;
	}
		#leftSide {
			width: 280px;
		}
		#rightSide {
			margin: 78px 0 0 0;
		}
			.logo, #slogan{
				clear: both !important;
			}
			#slogan {
				width: 300px;
				font-size: 16px !important;
			}

}



/*-----------------------------------------------------------------------------------*/
/*	smartphones (portrait)
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 640px){
	.floater {
		margin-top:-320px; /* half the box's height */
	}

	.wrap {
		height:640px;
		background: url(../../assets/images/bg_info_320.png) repeat-x !important;
	}

	.main, #image_grid, #supersized, #map_canvas, #helper_top , #helper_bottom{
		display: none !important;
	}
	
	#progress-bar {
		height: 5px;
		position: absolute !important;
		width: 320px !important;
		clear:both;
		bottom: 65px;
	}
	#info-content, #info-bottom{
		width: 310px !important;
	}
	#info-content {
		height: 520px;
	}
		#leftSide {
			width: 280px;
		}
		#rightSide {
			width: 280px;
			float: left;
			margin: 30px 0 0 0;
		}
			.logo, #slogan{
				clear: both !important;
			}
			#slogan {
				width: 300px;
				line-height: 22px;
				font-size: 16px !important;
			}
			
			#countdown_wrap{
				font-size: 12px;
			}
			.item{
				font-size:12px;
			}
			.social-buttons {
				float: left;
				margin: 15px 0 0 0;
			}

}