@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.svg#icomoon') format('svg'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Needed for a fluid height: */
html, body, .container, .main { height: 100%;  overflow: hidden;}



/* main wrapper */
.cbp-contentslider {
	
	width: 100%;
	height: 101%;
	margin: 0px auto;
	position: relative;
	overflow-y: visible;
	 -webkit-font-smoothing: antialiased;
	 overflow-x: hidden;
}

.cbp-contentslider > ul {
	list-style: none;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: visible;
	position: relative;
	padding: 0;
	margin: 0;
	background-image:url('#');
	background-size: cover;
	background-attachment: fixed;
	border: 30px solid #fff;
	border-bottom: 56px solid #fff;
}

.cbp-contentslider > ul li {
	overflow-x: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	
}

.post_image{
	width: 800px;
	display: block;
	margin: 0 auto;
	margin-bottom: 25px;
	border: 8px solid #fff;
	box-shadow: 0px 10px 30px #000;
}

.post_image.video{		
	width:900px; 
	height:400px;
	
}

.header_image{
	width: 900px;
	display: block;
	margin: 0 auto;
	border: 8px solid #fff;
	box-shadow: 0px 10px 30px #000;
}

/* Whithout JS, we use :target */
.cbp-contentslider > ul li:target {
	z-index: 100;
}

.cbp-contentslider nav {
	
	font-family: 'Oswald', sans-serif;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 75px;
	width:800px;
	z-index: 9;
	overflow: visible;
	background-color: #fff;
	background: url('../img/nav_back.png');
	background-size: 800px 75px;
	background-repeat: no-repeat;
	background-position: center;

}

.naveroo {
	
	font-family: 'Oswald', sans-serif;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 75px;
	width:800px;
	z-index: 9;
	overflow: visible;
	background-color: #fff;
	background: url('../img/nav_back.png');
	background-size: 800px 75px;
	background-repeat: no-repeat;
	background-position: center;

}


.cbp-contentslider nav a {
	text-decoration: none;
	float: left;
	display: block;
	width: 125px;
	height: 75px;
	font-weight: 400;
	letter-spacing: 0.1em;
	overflow: visible;
	background-color:#fff;
	color: #292929;
	background: transparent;
	outline: none;
	text-align: center;
	line-height: 3;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.cbp-contentslider nav a span {
	z-index: 999;
	padding-top: 25px;
	height: 50px;
	display: block;
	
}

.naveroo a {
	text-decoration: none;
	float: left;
	display: block;
	width: 125px;
	height: 75px;
	font-weight: 400;
	letter-spacing: 0.1em;
	overflow: visible;
	background-color:#fff;
	color: #292929;
	background: transparent;
	outline: none;
	text-align: center;
	line-height: 3;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.naveroo a span {
	z-index: 999;
	padding-top: 25px;
	height: 50px;
	display: block;
	
}

.cbp-contentslider nav a span img{ bottom: 0;}

.cbp-contentslider nav a:last-child {
	border: none;

}

.cbp-contentslider nav a:hover {
	
	color: #292929;
}

.cbp-contentslider nav a.rc-active {
	
	text-decoration: underline; 
	background-image:url('https://cdn2.iconfinder.com/data/icons/picol-vector/32/arrow_sans_down-512.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #292929;
}

/* Iconfont for navigation and headings */
.cbp-contentslider [class^="icon-"]:before, 
.cbp-contentslider [class*=" icon-"]:before {
	font-family: 'icomoon';
	font-style: normal;
	text-align: center;
	speak: none;
	font-weight: normal;
	line-height: 2.5;
	font-size: 2em;
	position: absolute;
	left: 10%;
	top: 50%;
	margin: -1.250em 0 0 0;
	height: 2.500em;
	width: 2.500em;
	color: rgba(0,0,0,0.1);
	-webkit-font-smoothing: antialiased;
}

.cbp-contentslider .icon-wolf:before {
	content: "\56";
}

.cbp-contentslider .icon-rabbit:before {
	content: "\52";
}

.cbp-contentslider .icon-turtle:before {
	content: "\54";
}

.cbp-contentslider .icon-platypus:before {
	content: "\42";
}

.cbp-contentslider .icon-aligator:before {
	content: "\41";
}

.cbp-contentslider [class^="icon-"].rc-active:before, 
.cbp-contentslider [class*=" icon-"].rc-active:before,
.cbp-contentslider nav a:hover:before {
	color: rgba(255,255,255,0.9);
}

.cbp-contentslider h3 {
	z-index: 1;
	width:900px;
	display:block;
	font-size: 2.5em;
	font-family: 'Ubuntu', sans-serif;
	line-height: 2.0em;
	font-weight: 300;
	margin: 0px auto;
	margin-bottom: 20px;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.25em;
	padding: 50px 0 0 0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);


}





.cbp-contentslider h3[class^="icon-"]:before, 
.cbp-contentslider h3[class*=" icon-"]:before {
	top: 0;
	left: 0;
	width: 2em;
	line-height: 1;
	height: 1.2em;
	margin: 0;
	 
}

.cbp-contentslider li > div {
	
	position: absolute;
	width: 100%;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	

}

.cbp-contentslider .cbp-content {
	vertical-align: middle;
	position: relative;
	margin:0 auto;
	width: 900px;
	overflow: visible;
	
}

.cbp-contentslider p {

	margin:0 auto;
	color: #fff;
	
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.2em;
	line-height:2.1;
	font-weight: 300;
	text-align: justify;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.right{width:425px; float:right;}
.left{ width:425px; float:left;}
.team{ width: 900px; display: block; text-align:left; margin: 0px auto;}

.cbp-contentslider h2 {

	margin-top: 50px;
	margin-bottom: 50px;

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.cbp-contentslider h3 {

	width:650px;

}


.cbp-contentslider .cbp-content {
	
	width: 650px;
	
	
}

.right{width:650px;}
.left{ width:650px; }



}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.cbp-contentslider {
	
	width: 100%;
	height: 100%;
	overflow-x:visible;
	overflow-y:hidden;
	}

.cbp-contentslider h3 {
	font-size: 1.5em;
	width:300px;

}

.cbp-contentslider .cbp-content {
	
	width: 300px;

	
}

.right{width:300px;}
.left{ width:300px;}

.cbp-contentslider p {

	font-size: 1.0em;


}

.cbp-contentslider nav {
	
	background: url('#');
	height: 75px;
	width:300px;
	font-size: 12px;	
	margin-bottom:-15px;
}

.cbp-contentslider > ul {
	
	border: 10px solid #fff;
	border-bottom: 35px solid #fff;
}


.naveroo {
	
	background: url('#');
	height: 75px;
	width:300px;
	font-size: 12px;	
	margin-bottom:-15px;
}




}