/* ------------------- Basic Stuff -------------------*/

/* @group basic */
	
body, 
html {
	margin: 0; 
	padding: 0;
}	

body {
	font: 400 18px/26px 'Montserrat', sans-serif;
	color: #666;
}
#siteframe {
	overflow: hidden;
}
.content_wrap {
	max-width: 1110px;
	padding: 0 20px 100px 20px;
	margin: 0 auto 100px;
	border-bottom: 2px solid #eee;
}

/* @end */


/* @group header */

header {
	max-width: 1110px; 
	margin: 0 auto;
	text-align: center; 
	padding: 32px 0 45px;
}	
header h1 {
	margin: 0;
}
	
/* @end */


/* @group slider */
	
.bx-wrapper {
	margin-bottom: 80px;
}
.bx-viewport {
	max-height: 650px;
	height: auto !important;
	width: 100% !important;
	overflow: hidden;
}
.bx-pager-item {
	display: none;
}
.bx-wrapper ul li img {
	width: 100%;
	height: auto;
}
.bx-wrapper ul {
	margin: 0;
}
.bx-caption, 
.bx-controls {
	width: 1110px;
	margin: 0 auto;
}
.bx-wrapper .bx-caption {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 240px;
	top: 50%;
	margin-top: -37px;
}
.bx-caption span {
	font-size: 62px;
	line-height: 62px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 3px 8px rgba(50, 50, 50, 1);
}
.bx-controls-direction {
	position: absolute;
	width: 1110px;
	top: 50%;
	margin-top: -6px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -36px;
	text-indent: -9999px;
	z-index: 9999;
	background: url('../img/slider_arrwos.png') no-repeat;
	height: 72px;
	width: 57px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	background-position: right center;
}
.bx-wrapper .bx-controls-direction a:hover {
	opacity: 0.7;
}
.bx-wrapper .bx-prev {
	left: -7px;
}
.bx-wrapper .bx-next { 
	right: -13px;
}
.bx-wrapper {
	position: relative;
}
.bx-wrapper li {
	max-height: 650px;
}


/* @end */


/* @group section 1 */

.image_wrap {
	margin: 0 -10px 0 0;
}
.image_wrap a {
	display: block; 
	float: left;
	width: 50%;
	padding: 0 10px 10px 0;
	box-sizing: border-box; 
	font-size: 0; 
	line-height: 0;
	position: relative; 
	text-align: center;
	text-decoration: none;
}
.image_wrap a.arvenstube,
.image_wrap a.taugwalder,
.image_wrap a.pollux {
	width: 41.67%;
}
.image_wrap a.bar,
.image_wrap a.zermatt,
.image_wrap a.fluhalp {
	width: 58.33%;
}
.image_wrap a .image {
	display: block;
	overflow: hidden;
}
.image_wrap a img {
	min-width: 100%;
	max-width: 100%;
	width: auto; 
	height: auto;
}
.image_wrap a .text {
	font-size: 30px; 
	line-height: 34px; 
	color: #fff;
	text-transform: uppercase;
	padding: 22px 30px;
	position: absolute; 
	left: 50%; 
	top: 50%; 
	z-index: 10;
	text-shadow: 2px 3px 5px rgba(74, 74, 74, 1);
	-webkit-transition: all 0.8s ease-out;
	   -moz-transition: all 0.8s ease-out;
	     -o-transition: all 0.8s ease-out;
		 	transition: all 0.8s ease-out;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
		 	transform: translate(-50%, -50%);
}

.image_wrap a .text:before {
	content:'';
	border-top: 3px solid #fff;
	height: 3px;
	margin-top: -25px;
	position: absolute;
	left: 0;
	width: 100%;
	box-shadow: 2px 2px 6px rgba(74, 74, 74, 1);
	-webkit-transition: all 0.8s ease-out;
	   -moz-transition: all 0.8s ease-out;
	     -o-transition: all 0.8s ease-out;
		 	transition: all 0.8s ease-out;
}

#section_1 .image_wrap .image:hover ~ .text:before {
	width: 130%;
	left: -15%;
}
#section_1 .text {
	pointer-events: none;
}
#section_2 .timeline-image a img,
#section_1 .image_wrap img {
	-webkit-transition: all 0.8s;
	   -moz-transition: all 0.8s;
		 -o-transition: all 0.8s;
			transition: all 0.8s;
}
#section_2 .timeline-image a img:hover,
#section_1 .image_wrap img:hover {
	-webkit-transform: scale(1.05, 1.05);
	   -moz-transform: scale(1.05, 1.05);
		 -o-transform: scale(1.05, 1.05);
			transform: scale(1.05, 1.05);
}
#section_2 *,
#section_1 * {
	-webkit-font-smoothing: antialiased;
}

/* @end */


/* @group section 2 */

#section_2 {
	margin-bottom: 15px;
}
	
/* @end */

footer {
	max-width: 1110px;
	margin: 0 auto;
	padding: 0 0 50px;
	font-size: 13px;
	line-height: 18px;
	color: #bbb;
}
footer a {
	color: #bbb; 
	text-decoration: none;
}
footer a:hover {
	color: #333;
}
footer span {
	display: none;
}
footer p {
	margin: 0; 
}
footer .copy {
	float: left; 
}
footer .indual_link {
	float: right;
}

/* @group footer */