

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {outline: none !important;
}

html, hmtl a{
	width:100%;
	font-size: 100%;
	-webkit-transition: font-size .3s;
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}

body{
	background:#fff;
	color:#7F8289;
	font-size: 62.5%;
	-webkit-transition: font-size .3s;
	font-family: 'Roboto', 'sans-serif';
	
}

.headerLine{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:auto;
	/*background: url(../images/bgTop.jpg) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.headerLine:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 150px solid white;
	border-left: 3000px solid transparent;
}

#news{
	background-color:transparent;
}

#newsletter{
	background-color:transparent;
}

#verein{
	background-color:transparent;
}

#contact{
	background-color:transparent;
}

#activities{
	background-color:transparent;
}
#impressum{
	background-color:transparent;
}
#dokus{
	background-color:transparent;
}
#fahrten{
	background-color:transparent;
}
.center {
	text-align: center;
	vertical-align: middle;
}
.left {
	text-align: left;
}
.right {
	text-align:right; 
}
.tab {
	text-indent: 5%;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    padding: 5px 15px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.hintergrund_head {
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; 
	width: 100%;
	height: auto;
	position: relative;
	margin-left: 0;
	margin-right: 0;
	
	margin-top: 5em;
	margin-bottom: 0em;
}
.hintergrund_body {
	background-image: url(../images/hintergrund/hintergrund_body.jpg);
	background-repeat: repeat-y;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: 100%; 
	width: 100%;
	height: auto;
	position: relative;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 10em;
}
.fahrten {
	position: relative;
	margin-left: auto;
 	margin-right: auto;
	padding-top: 0;
	padding-bottom: 5em;
	left: 0;
	right: 0;
	z-index: 1;
	font-size: 90%;
	font-family: Times New Roman, serif;
	color: #000000;
}
.title {
	margin-top: 0;
	margin-left: auto;
 	margin-right: auto;
	left: 0;
	right: 0;
	text-align:center;
	font-size: 4em;
	font-family: Times New Roman, serif;
	font-style:italic;
	color: #1C47CD;
}
.centertext {
	text-align: center;
	font-size: 1.5em;
	margin-left: 2em;
	margin-right: 2em;
}
.fett {
	font-weight: bold;
	font-size: 1em;
}
.linie {
	margin-left: auto;
 	margin-right: auto;
	margin-top: 0em;
 	left: 0;
	right: 0;	
	align: center;
	max-width: 100%;
}
.ueberschrift {
	margin-left: 0em;
	margin-top: 0.6em;
	font-size: 1.5em;
	width: 100%;
	text-align: left;	
	font-weight: bold;
	font-family: Times New Roman, serif;
	text-decoration: underline;
	color: #1C47CD;
}
.ueberschrift_1{
	font-family: Brandish;
	font-size: 3em;
	text-align: left;
	margin-top: 10%;
}
.beschreibung {
	margin-top: 0.5em;
	margin-right: 1.5em;
	font-size: 1.1em;
	line-height: 1.1em;
	text-align: left;	
	font-style: normal;
	font-weight: bold;
	color: #514C4D;
}
.beschreibung_2 {
	margin-top: 0.5em;
	margin-right: 1.5em;
	font-size: 1.5em;
	line-height: 1.3em;
	text-align: left;	
	font-style: normal;
	font-weight: bold;
	color: #514C4D;
}
.beschreibung_1{
	margin-top: 1.5em;
	margin-right: 2em;
	font-size: 1.7em;
	font-family: Trebuchet ms;
	color:#143BD3;
}
.textbox{
	padding-left: 3em;
	padding-right: 1.5em;
	margin-top: 2em;
	text-align: left;
	line-height: 1.2em;	
	width: 100%;
	font-size: 1.5em;
	font-style: normal;	
	color: #000000;
}
.anmeldung{
    height:auto;
    position: relative;
    display:block;
	overflow: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
}
@media screen and (max-width: 680px) {
	.hintergrund {
		max-width: 100%;
	}
	.title{
		font-size: 2em;
		margin-top: 0;
	}
	.beschreibung{
		font-size: 1em;
	}
	.ueberschrift {
		font-size: 1.3em;
	}
}
ul li {
	margin-left: 1em;
	line-height: 1.2em;
	font-size: 1.2em;
}
.bild_mitte {
	position: absolute;
	float: right;
	top: 28em;
	right: -15em;
	width: 60%;
	z-index: -1;
	height:auto;
	
}
.foto{
	position: relative;
	z-index: -1;
	clear:right;
	float: right;
	}
.foto_steckbrief{
	position: relative;
	clear: both;
	float: right;
	max-width: 20%;
	margin: 0 0 0 0;
}
.bild {
	max-width:98%;
    height:auto;
    position: relative;
    display:block;
	overflow: hidden;
	float: right;
	margin-left: -1em;
	margin-top: 0em;
	margin-bottom: 0em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: content;
}
.bild img{
	width:100% !important;
	height:auto !important;
	display:block;
}
.rot {
	color: #FF0000;
}
.black{
	color:#000000;
}
.white{
	background-color:#fff;
}
.box_green1{
	background: -webkit-linear-gradient(-90deg, #B7E58A -0%, #5EBF00 89%);
	background: -o-linear-gradient(-90deg, #B7E58A -0%, #5EBF00 89%);
	background: linear-gradient(180deg, #B7E58A -0%, #5EBF00 89%);
	background-size: cover; 	
	position: relative;
	width: 80%;
	height: auto;
	padding-bottom: 3%;
	margin-left: 8%;
	margin-top: 10%;
	
}
.box_green2{
	background: -webkit-linear-gradient(-90deg, #B7E58A -0%, #5EBF00 89%);
	background: -o-linear-gradient(-90deg, #B7E58A -0%, #5EBF00 89%);
	background: linear-gradient(180deg, #B7E58A -0%, #5EBF00 89%);
	background-size: cover; 	
	position: relative;
	width: 65%;
	height: auto;
	padding-bottom: 3%;
	margin-left: 8%;
	margin-top: 5%;
	
}

#container_steckbriefe {
  position: relative;
  width: 70%;
  height: auto;
  margin: 0% 5% 3% 10%;
  float: left;	
  padding: 1%;
  background:#5CAAE9;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);
}

#container_steckbriefe dl{
	position: relative;
	z-index: 2;
	width: 15%;
	float: left;
}
#container_steckbriefe dt {
	font-weight:bold;
	background: #6098f7;
	background: -moz-linear-gradient(top, #24ad1d 0%, #f0fcef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #24ad1d), color-stop(100%, #f0fcef));
	background: -webkit-linear-gradient(top, #24ad1d 0%, #f0fcef 100%);
	background: -o-linear-gradient(top, #24ad1d 0%, #f0fcef 100%);
	background: -ms-linear-gradient(top, #24ad1d 0%, #f0fcef 100%);
	background: linear-gradient(top, #24ad1d 0%, #f0fcef 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ad1d', endColorstr='#f0fcef', GradientType=0 );
	float:left;
	width:100%;
	padding:5px 5px 5px 5px;
	margin-top:5px;
	margin-bottom:-4px;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	cursor:pointer;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,1);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,1);
	-ms-box-shadow:0 1px 1px rgba(0,0,0,1);
	-o-box-shadow:0 1px 1px rgba(0,0,0,1);
	box-shadow:0 1px 1px rgba(0,0,0,1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

 #container_steckbriefe dt:hover {
	color:black;
	background: #498dff;
	background: -moz-linear-gradient(top, #fff 0%, #5fd858 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #5fd858));
	background: -webkit-linear-gradient(top, #fff 0%, #5fd858 100%);
	background: -o-linear-gradient(top, #fff 0%, #5fd858 100%);
	background: -ms-linear-gradient(top, #fff 0%, #5fd858 100%);
	background: linear-gradient(top, #fff 0%, #5fd858 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#5fd858', GradientType=0 );
}

 #container_steckbriefe dd {
	display:none;
	 z-index: 2;
	background:#aae2ab;
	margin: 0 15px 0 0%;
	float:left;
	width:650%;
	padding:10px 10px 15px 10px;
	border-left:1px solid white;
	border-right:1px solid white;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,1);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,1);
	-ms-box-shadow:0 1px 1px rgba(0,0,0,1);
	-o-box-shadow:0 1px 1px rgba(0,0,0,1);
	box-shadow:0 1px 1px rgba(0,0,0,1);
	-webkit-border-radius:0 0 5px 5px;
}

.button {
	float:right;
	display:block;
	height:18px;
	width:18px;
	text-indent:-9999px;
}


.closed { background:url(../images/button.png) left no-repeat; }

.open { background:url(../images/button.png) right no-repeat; }


.side-nav {
  width: 180px;
  margin: 5% auto auto 5%;
  float: left;	
  padding: 10px;
  background: #c5d5e6;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);
}

.side-nav-button, .side-nav:active .active {
  display: block;
  position: relative;
  height: 36px;
  line-height: 36px;
  margin-bottom: 10px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: bold;
  color: #597490;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #d8e6f4;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #b2bcc8 #acb6c0 #97abba;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #f1f6ff, #d3dde7 70%, #bfcddc);
  background-image: -moz-linear-gradient(top, #f1f6ff, #d3dde7 70%, #bfcddc);
  background-image: -o-linear-gradient(top, #f1f6ff, #d3dde7 70%, #bfcddc);
  background-image: linear-gradient(to bottom, #f1f6ff, #d3dde7 70%, #bfcddc);
  -webkit-box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.06);
}

.side-nav-button:before, .side-nav-button:after {
  content: '';
  position: absolute;
}
.side-nav-button:before {
  top: 10px;
  right: 12px;
  width: 15px;
  height: 15px;
  background: #59718a;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
}
.side-nav-button:after {
  top: 14px;
  right: 13px;
  border: 4px solid transparent;
  border-left: 4px solid #ecf1f7;
}
.side-nav-button:hover, .side-nav-button.active, .side-nav-button.active, .side-nav-button.active:active {
  color: #f6fdff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  background-clip: border-box;
}
.side-nav-button:hover {
  background: #99abb9;
  border-color: #718190;
  background-image: -webkit-linear-gradient(top, #99abb9, #7e93a8);
  background-image: -moz-linear-gradient(top, #99abb9, #7e93a8);
  background-image: -o-linear-gradient(top, #99abb9, #7e93a8);
  background-image: linear-gradient(to bottom, #99abb9, #7e93a8);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(255, 255, 255, 0.3);
}
.side-nav-button:active, .side-nav-button.active, .side-nav-button.active:active {
  background: #7d91a9;
  border-color: #708191 #6d8295 #7b8c9e;
  background-image: -webkit-linear-gradient(top, #7d91a9, #92a7bc);
  background-image: -moz-linear-gradient(top, #7d91a9, #92a7bc);
  background-image: -o-linear-gradient(top, #7d91a9, #92a7bc);
  background-image: linear-gradient(to bottom, #7d91a9, #92a7bc);
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
}
.side-nav-button:last-child {
  margin-bottom: 0;
}




.logo{
	margin-top: 2em;
	margin-left: -1em;
	font-family: 'Roboto', 'sans-serif';
	font-size: 1.8em;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
}
.logo span{
	color:#1fcdff;
}
.logo p{
	letter-spacing: 0.05em;
	margin-top: -1em;
	font-family: 'Roboto', 'sans-serif';
	font-size: 1.8em;
	font-weight:300;
	text-transform:lowercase;
}
.logo a{
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}
#menu a:active {
color:#1fcdff;
}
#menu select {
display: none;
}

#menu .active a {
border:0;
color:#1fcdff;
}
#menu .active a:focus{
	outline: none;
border: none;
}
#menu .active a:active {
	outline: none;
border: none;;
}
#menu .active a:link {
	outline: none;
border: none;
}
#menu .active a:visited  {
	outline: none;
border: none;
}
#menu li{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	border-right:0.15em solid #000;
	padding-left: 0em;
	padding-right: 0.3em;
	float:left;
	font-family: 'Roboto', 'sans-serif';
	font-size:1.5em;
	line-height: 1.5em;
	color:#fff;
	list-style:none;
	text-transform:uppercase;
	font-weight:700;
}
#menu li:last-child{
	border-right:0;
	padding-right:0em;
}
#menu{
	margin-top: 2em;
	float: right;
}
#menu li a{
	color:#fff;
	text-decoration:none;
}
#menu li a:hover{
	border:none;
	outline:none;
	color:#1fceff;
}
.gallery {
	height: 60em;
}
#camera_wrap_1{
	margin-bottom: 0 !important;
	margin-top: 0.5em;
}
.camera_caption h2{
	border-bottom:0.1em solid #1fcdff;
	font-family: 'Open Sans', sans-serif;
	font-size: 8em;
	font-weight:700;
	letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
	.camera_caption h2{
		font-size: 5em;
	}
	#camera_wrap_1{
		margin-top: 0.1em;
	}
}

.slicknav_menu {
	display:none;
}
@media screen and (max-width: 767px) {
	.news p{
		text-align: center;
	}
	.news div{
		text-align:center;
	}
	.news img{
		display:inline;
	}
	.pic1Ab{
		margin-bottom:0 !important;
	}
	.pic2Ab{
		margin-bottom:0 !important;
	}
	#menu {
		display:none;
	}
	#menuF{
		opacity:0 !important;
		/*display:none !important;*/
	}
	.fixed{
		opacity:0;
		/* display:none;*/
	}
	
	 .slicknav_menu {
		display:block;
		 position:fixed;
          width:100%;
          top: 0;
		 z-index: 99999;
	}
	.about p{
		text-align: justify;
	}
}
@media screen and (max-width: 1229px){
	.pic1Ab{
		margin-bottom: 5em ;
	}
	.pic2Ab{
		margin-bottom: 2em ;
	}
	
}
@media screen and (max-width: 460px) {
	.pic2Ab{
		padding-bottom:0 !important;
		margin-bottom:0;
	}
	.pic1Ab{
		padding-bottom:0 !important;
		margin-bottom:0;
	}
	.camera_caption h2{
		font-size: 6.5em;
	}
	.about h3{
		text-align:center;
		margin-top: 7.3em !important;
	}
	.about p{
		margin-top: 3em !important;
		text-align: justify;
	}
	.Ama {
	margin-top: 20em !important;
	margin-bottom: 5em !important;
}
	.soc ul li{
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 323px){
	.footer .fEmail{
		border-radius: 0.4em !important;
		margin-bottom: 1em ;
	}	
	.footer .subS{
		border-radius: 0.4em !important;
	}
	.news p{
		text-align: justify;
	}
	
}
@media screen and (max-width: 1229px) {
	.cont {
		/*text-align:center;*/
		margin-left: 0em !important;
	}
	.name {
	width: 100% !important;
}
	.Email {
	width: 100% !important;
}	
	.ftext .cBtn ul{
		padding-left: 2em !important;
	}
	.news p{
		text-align:justify;
	}
	
}
.sl{
	height: 4em;
	position: absolute;
	width: 100%;
	top: 20em;
	background: url(../images/sliderL.png) no-repeat;
}
/**/

.project{
	margin-top: 1em;
	text-align:center;
}
.project h3{
	letter-spacing: 0.1em;
	font-family: 'Roboto', 'sans-serif';
	font-size: 3.5em;
	font-weight:400;
	color:#2f2f2f;
}
.project h4{
	margin-left: -0.5em;
	font-family: 'Roboto', 'sans-serif';
	font-size: 2em;
	font-weight:300;
	color:#2f2f2f;
}
.project p{
	font-family: 'Roboto', 'sans-serif';
	font-size: 1.6em;
	font-weight:300;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 2em;
	color:#666666;
}
/**/

.cBusiness{
	margin-top: 2.5em;
}
.cBusiness h3{
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-size: 2.8em;
	font-weight:400;
}
.cBusiness h4{
	margin-top: 1.6em;
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-size: 1.6em;
	font-weight:300;
}
/**/
.centPic{
	/*margin-left: 2.4em;*/
	margin-top: 5.7em;
	text-align: center;
	
	margin-bottom: -8.9em;
	z-index: 10;
}
.centPic img{
	display:inline-block;
}

/**/
/*.line2{
	height:496px;
	background:url(../images/line2.png)no-repeat;
	margin-top: -10px;
}*/
.line2{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:100%;
	/*background: url(../images/line7Bg.jpg) center center no-repeat;*/
	/*background:url(../images/line2.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line2:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 240px;*/
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 15em solid white;
	border-left: 300em solid transparent;
}
.line2:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 19.4em solid white;
	border-right: 300em solid transparent;
	/*bottom: 48.9em;*/
}


 .Des .fa-heart{
	/*margin-left: -1.4em;*/
	background: url(../images/cir.png) no-repeat;
	padding: 2.6em;
	font-size: 2.4em;
	color: #fff;
	font-family: FontAwesome;
	text-align: center;
}
.Fresh{
	margin-bottom: 14em;
	color: #fff;
	margin-top: 22em;
	text-align: center;
}	
.Fresh1{
	margin-top: 7em;
}
.Fresh2{
	margin-bottom: 15em;
	color: #ffffff;
	margin-top: 30em;
	text-align: center; 
	
}
.Fresh h4{
	/*margin-left: -1.5em;*/
	margin-top: 1.7em;
	font-family: 'Roboto', 'sans-serif';
	font-size: 2em;
	font-weight:300;
}
.Fresh p{
	font-family: 'Roboto', 'sans-serif';
	font-size: 1.3em;
	font-weight: 300;
	margin-top: 1.2em;
	line-height: 2.3em;
}
.fa-cog {
	margin-left: 0.2em;
	background: url(../images/cir.png) no-repeat;
	padding: 2.6em;
	font-size: 2.4em;
	color: #fff;
	font-family: FontAwesome;
	text-align: center;
}
.Des  h4{
	/*margin-left: -1.9em;*/
}
.Ver  h4{
	/*margin-left:0;*/
}
.Fully  h4{
	/*margin-left: 2em;*/
}
.fa-tablet{
	/*margin-left: 2em;*/
	width: 7.3em;
	background: url(../images/cir.png) no-repeat;
	padding: 2.6em;
	font-size: 2.4em;
	color: #fff;
	font-family: FontAwesome;
	text-align: center;
}
/**/
.wwa{
	margin-top: 0.8em;
	text-align: center;
}
.wwa h3{
	font-size: 2.8em;
	color:#2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
}
.wwa h4{
	margin-top: 1.5em;
	font-size: 1.6em;
	color:#2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
/**/
.team{
	text-align:center;
	margin-top: 4.6em;
}
.team .b1{
	padding-left:0;
}
.team .b3{
	padding-right:0;
}
.team img{
	margin:0 auto;
}
.team h4{
	margin-top: 2.4em;
	font-size: 2em;
	color:#2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.team h5{
	margin-top: -0.3em;
	font-size: 1.3em;
	color:#a9a9a9;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.team p{
	margin-top: 1.2em;
	font-size: 1.3em;
	color: #666;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	line-height: 2.4em;

}
.team ul{
	margin-top: 0.2em;
	padding-left: 0em;
	display: inline-block;
	margin:0 auto;
}
.team ul li{
	padding:0 1em;
	float:left;
	list-style:none;
	font-family: FontAwesome;
	font-size: 1.5em;
}
.team ul li a{
	color:#2f2f2f;
}
.team ul li a:hover{
	color:#1fcdff;
}
/**/
/**/
.hr1{
	margin-top: 3.4em;
}
.hr1 hr{
	border: 0;
	height: 0.1em;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
}
/**/
/**/
.chart {
	margin: 0 auto;
	position: relative;
	width: 7em;
	height: 7em;
	text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 11em;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
.angular {
  margin-top: 10em;
}
.angular .chart {
  margin-top: 0;
}
.chart span{
	margin-top: -1.9em;
	font-size: 1.8em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
}
.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
	font-size: 1.8em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
}
.chart sup{
	font-size:18px;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
	
	top: 0em !important;
	left: 0em !important;
	margin-left: 0.1em;
}
.textP h3{
	margin-top: 2.2em;
	text-align:center;
	font-size: 2em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.textP p{
	line-height: 2.3em;
	margin-top: 1.3em;
	text-align:center;
	font-size: 1.3em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.bar{
	margin-top: 3.2em;
}
/*.bar:first-child{
	padding-left:0;
}
.bar:last-child{
	padding-right:0;
}*/
/**/
.aboutUs {
	margin-top: 3.2em;
	text-align:center;
}
.aboutUs h3{

	font-size: 2.8em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
}
.about h3{
	margin-top: 5.1em;
	font-size: 1.6em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.about p{
	font-size: 1.3em;
	line-height: 2.2em;
	color: #666666;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	margin-top: 1.2em;
	margin-bottom: 0;
}

.pic1Ab{
	padding-bottom: 1.5em;
	float: right;
	padding: 3.4em;
	padding-top: 5.1em;
	padding-right: 4em;
}
.about1{
	float: right;
	text-align: right;
}
.pic2Ab{
	float: left;
	padding: 4em;
	padding-top: 5.1em;
	padding-right: 3.7em;
	padding-bottom: 3.9em;
}
.about2{
	float: left;
	text-align: left;
}
.horL{
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 3.1em;
	left: 0;
	bottom: 0;
	right: 0;
	width: 117em;
	height: 25.4em;
	/*left: 36.7em;*/
	/*top: 5.5em;*/
	content: '';
	z-index: 30;
	background: url(../images/horL.png) no-repeat;
}
/**/
.line3{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:100%;
	/*background: url(../images/Schnee.jpg) center center no-repeat;*/
	/*background: url(../images/line3Bg.jpg) center center no-repeat;*/
	/*background:#3f2d28;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.line3:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24em;
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 15em solid white;
	border-left: 300em solid transparent;
}
.line3:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 19.4em solid white;
	border-right: 300em solid transparent;
	//bottom: 48.9em;
}
.Ama{
	margin-top: 20em;
	margin-bottom: 10em;
/*	margin-top: 241px;
	margin-bottom: 94px;*/
}

@media screen and (min-device-width:1919px) {   
	.Ama {
		margin-top: 24.6em;
		margin-bottom: 16.4em;
	}
}
.Ama h3{
	font-size: 4em;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
	margin-top: 1.5em;
}
.Ama p{
	font-size: 1.8em;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
/**/

/**/
.lb{
	margin-bottom: -5em;
	z-index: 10;
}
.lb ul{
	margin-left: 1.4em !important;
	margin-top: 4.5em !important;
	display: inline-block;
	margin-bottom: 1.5em;
}
.cBtn ul{
	margin-left: -3.7em;
	margin-top: 3.7em;
	display: inline-block;
}
.cBtn ul li{
	margin-bottom: 1.5em;
	margin-right: 1em;
	border-radius: 0.4em;
	float:left;
	list-style:none;
	padding: 1em;
	background:#2f2f2f;
	box-shadow: 0em 0.2em 0em 0em #000;
	padding-right: 1.8em;
	padding-left: 1.8em;
	padding-top:11px;
}
.cBtn ul li:last-child{
	margin-right: 0;
}
.cBtn ul li a{
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size: 1.3em;
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
}
.cBtn ul li:hover{
	cursor:pointer;
	background:#1fcdff;
	color:#fff;
	box-shadow: 0em 0.2em 0em 0em #179abf;
}
/**/


 #filter {
	margin-bottom: 1em !important;
	margin-left: -3em !important;
	margin-top: 3em !important;
	display: inline-block !important;
}
#filter  li{
	margin-bottom: 3em !important;
	margin-right: 0.5em !important;
	border-radius:0!important;
	background:none!important;
	padding:0!important;
	box-shadow: none!important;
	padding-right: 0!important;
	padding-left: 0!important;
	padding-top:0!important;


	float:left;
	list-style:none;
}
#filter  li:last-child{
	margin-right: 0;
}
#filter li a{
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size: 1.2em;
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
	
	/*margin-bottom: 1.5em;*/
	/*margin-right: 1em;*/
	border-radius:0.6em;
	margin-bottom: 0.3em;
	padding:0.8em;
	background:#2f2f2f;
	box-shadow: 0em 0.2em 0em 0em #000;
	padding-right: 0.8em;
	padding-left: 0.8em;
	padding-top: 0.8em;
}
#filter li a:hover{
	cursor:pointer;
	background:#1fcdff;
	//color:#fff;
	box-shadow: 0em 0.2em 0em 0em #179abf;
}
#filter .current{
	background:#1fcdff;
	box-shadow: 0em 0.2em 0em 0em #179abf;
}
/**/
.pretty{
	margin-top: 4em;
}
.pretty img{
	border-radius: 0.2em;
}
.pretty {
	margin-top:0;
}
.isotope-item{
	top: 2.5em !important;
}

.picsGall{
	max-width: 100%; 
	height: auto;
}
 .pretty .img-responsive{
	transition-duration: 0.5s;
 }

.pretty .gall a:hover .img-responsive{
	opacity:0.45;
	transition-duration: 0.5s;
}

.pretty .plS{
	display: block;
}
.view {
	margin-bottom: 0.5em;
	text-align:center;
	/*margin-left: -1.4em;*/
	margin-top: 1.2em;
}
.view a{
	text-decoration:none;
	color:#2f2f2f;
	font-size: 1.3em;
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.view li{
	display:inline-block;
	height: 4em;
	background:none;
	text-decoration:none;
	color:#a9a9a9;
	font-size: 1.3em;
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.view a:hover{
	color:#1fcdff;
}
.view ul{
	display:block !important;
	margin-top: 0.7em;
	margin-bottom: 2.5em;
	text-align: center;
	padding-left: 0;
}
.view ul i{
	margin-right: 0.5em;
	font-style:normal;
	display:inline-block;
	font-family: FontAwesome;
	font-size: 1.3em;
	color:#a9a9a9;
}
.view ul li{
	margin-right: 1.2em;
	text-align:center;
	display: inline-block;
	background: none;
	box-shadow: none;
	list-style:none;
}
/*.view ul li:hover{
	cursor:normal;
	color:#a9a9a9;
	background: none;
	box-shadow: none;
}*/
#filter{
	display: inline-block;
	margin-top: 4.5em;
}
.view ul a:hover , .view ul a:hover i{
	color:#fd5f5b;
}
.view ul a{
	display:inline-block;
	color:#a9a9a9;
	font-size: 1.3em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.pb2{
	margin-top: 2.5em;

}
.pb3{
	margin-top: 2.5em;
}
/**/
.cBtn ul i{
	padding-right: 1em;
}
.cBtn .download, .cBtn .buy{
	margin-left: 1em;
	margin-top: 0.4em;
	padding: 1.3em;
	padding-right: 2em;
	padding-left: 2em;
	
}
.cBtn .download a, .cBtn .buy a{
	font-size: 1.4em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
}
.cBtn .buy{
	box-shadow: 0em 0.2em 0em 0em #179abf;
	background:#1fcdff ;
}
.cBtn .buy:hover{
	background:#2f2f2f;
	box-shadow: 0em 0.2em 0em 0em #000 ;
}
/**/
.line4{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:100%;
	/*background: url(../images/WND1.jpg) center center no-repeat;*/
	/*background: url(../images/line4.png) center center no-repeat;*/
	/*background:#3f2d28;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line4:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24em;
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 15em solid white;
	border-left: 300em solid transparent;
}
.line4:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 19.4em solid white;
	border-right: 300em solid transparent;
	//bottom: 48.9em;
}
.line4 .Ama{
	/*margin-top: 121px;*/
	/*margin-bottom: 94px;*/
}
/**/
.news{
	margin-top: 4em;
}
.news2{
	margin-top: 2.5em;
}
.news img{
	border-radius: 0.3em;
}
.news h3{
	text-align:center;
	color:#2f2f2f;
	font-size: 1.6em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.news p{	
	line-height: 2.3em;
	color:#666666;
	font-size: 1.3em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
.readMore{
	color:#1fcdff;
}
.readMore i{
	font-size: 1.3em;
}
.news .readMore{
	text-decoration:none;
}
.news .readMore:hover{
	color:#666666;
}
.news h3 a{
	text-align: center;
	color: #2f2f2f;
	font-size: 1.6em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	text-decoration:none;
}
.news h3 a:hover{
	color: #1fcdff;
}
.news ul{
	margin-top: 1.4em;
	padding-left:0;
	text-align:center;
	
}
.news ul li{
	padding-right: 2em;
	display:inline-block;
	list-style:none;
}
.news ul li a{
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	color:#a9a9a9;
	font-size: 1.3em;
	text-decoration:none;
	list-style:none;
}
.news ul li{
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	color:#a9a9a9;
	font-size: 1.3em;
	text-decoration:none;
	list-style:none;
}
.news ul li a i{
	padding-right: 0.5em;
}
.news li i{
	padding-right: 0.5em;
}
.news ul li a:hover{
	color:#1fcdff;
}
.hrlinie {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	border: 0;
	height: 0.2em;	
	background-color:#fff;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
}
.hrNews{
	margin-top: 1.2em;
	margin-bottom: 1em;
	border: 0;
	height: 0.1em;	
	background-color:#fff;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
}
.hrtrenn{
	margin-top: -2em;
	height: 0.2em;
	border: 0;
	margin-right: 18%;
	margin-left: 12%;
	background-color: #EBE4E4;	
}
/**/
.mNews{
	margin-top: 2.6em !important;
	margin-left: -4.9em !important;
}
.line5 .Ama{
	/*margin-top: 127px;
	margin-bottom: 94px;*/
}
.line5{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:100%;
	/*background: url(../images/Schnee2.jpg) center center no-repeat; */
	/*background: url(../images/line5Bg.jpg) center center no-repeat;	*/
	/*background:#3f2d28;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line5:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24em;
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 15em solid white;
	border-left: 300em solid transparent;
}
.line5:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 19.4em solid white;
	border-right: 300em solid transparent;
	//bottom: 48.9em;
}
/**/
.forma{
	margin-bottom: -8em;
	z-index: 10;
	margin-top: 4.8em;
}
.forma input{
	border-radius: 0.4em;
	padding-top: 1em;
	padding-bottom: 1em;
	border:0em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	font-size: 1.3em;
	color:#555555;
	background:#ededed;
}
input:focus{
	//border:0;
	outline:none;
}
textarea:focus{
	/*border:0;*/
	outline:none;
}
.name{
	margin-bottom: 1em;
	margin-right: 1em;
	width: 40.3em;
}
.Email{
	margin-bottom: 1em;
	width: 40.3em;
}
.Subject{
	margin-bottom: 1em;
	max-width: 81.6em;
}

textarea {
	border-radius: 0.4em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	font-size: 1.3em;
	color:#555555;
	background:#ededed;
	border:none;
    max-width: 81.6em;
	height: 15.3em;
    resize: none;
   }
.forma input:focus, .forma textarea:focus{
	background:#dfdfdf;
	border:0;
}
.forma .cBtn a{
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
	font-size: 1.3em;
	color:#fff;
}

.forma .cBtn ul{
	margin-left: -1.5em;
	margin-top: 0.6em;
	padding-left:0;
	margin-bottom: 0;
}
.forma .cBtn ul i{
	padding-right: 1em;
}
.forma .cBtn .clear , .cBtn .send{
	margin-bottom: 0;
	margin-top: 0.4em;
	padding: 1em;
	padding-right: 1.7em;
	padding-left: 1.7em;
	
}
.forma .cBtn .clear  a, .cBtn .send a{
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
}
.forma .cBtn .send{
	box-shadow: 0em 0.2em 0em 0em #179abf;
	background:#1fcdff ;
}
.forma .cBtn .send:hover{
	background:#2f2f2f;
	box-shadow: 0em 0.2em 0em 0em #000 ;
}

/**/
.cont{
	margin-top: 3em;
	margin-left: 0em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	font-size: 1.6em;
	color:#666666;
	margin-bottom: -6em;
	z-index: 10;
}
.cont ul{
	padding-left:0;
	list-style:none;
}
.cont li{
 margin-bottom: 1.6em;

}
.cont .fa{
	color:#2f2f2f;
	padding-right: 0.5em;
}
.cont a{
	text-decoration:none;
	color:#1fcdff;
}
.cont a:hover{
	color:#666666;
}

/**/
.line6 iframe{
 /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
	height: 40em;
}
 /*
	filter: url(filters.svg#grayscale); 
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);*/

.line6{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 65em;
}
.line6:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 15em solid white;
	border-left: 300em solid transparent;
}
.line6:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 15em solid white;
	border-right: 300em solid transparent;
	/*bottom: 48.9em;*/
}
.line6 .Ama{
	margin-top: 15em;
	margin-bottom: 5em;
}
.line6 .Ama h3{
	font-size: 4.2em;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
}
.line6 .Ama p{
	font-size: 1.6em;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
/**/
.ftext{
	text-align: center;
	margin-bottom: -1.8em;
	z-index: 10;
}
.ftext h3{
	font-size: 2.8em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400; 
	margin-top: 3.7em;
}
.ftext p{
	font-size: 1.6em;
	color: #2f2f2f;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	margin-top: 1.3em;
	line-height: 2.4em;
}
.ftext .cBtn ul {
	margin-top: 4em;
	margin-top: 2.2em;
}
/**/
.line7{
	position: relative;
	width: 100%;
	overflow: hidden;
	max-height:100%;
	//background:#3f2d28;
	/*background: url(../images/line7Bg.jpg) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
.line7:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15em;
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 15em solid #101010;
	border-left: 300em solid transparent;
}

.line7:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 15em solid white;
	border-right: 300em solid transparent;
	//bottom: 48.9em;
}
.footer{
	margin-top: 4em;
	margin-bottom: 4em;
	min-height: 30em;
}
.footer h3{
	margin-top: 5em;
	font-size: 2.8em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin-bottom: 1.7em;
}
.footer p{
	font-size: 1.6em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	color:#fff;
	text-align:center;
}
.footer .fEmail{
	float:left;
	font-size: 1.3em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	border: 0;
	background: #1c1c1c;
	color: #fff;
	padding: 1.1em;
	width: 35em;
	border-radius: 0.4em 0em 0em 0.4em;
	padding-left: 2em;
}
.footer .email{
	float:left;
}
.footer .subS{
	text-transform:uppercase;
	font-size: 1.3em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
	float: left;
	color: #fff;
	border-radius: 0em 0.4em 0.4em 0em;
	text-decoration: none;
	box-shadow: 0em 0.2em 0em 0em #179abf;
	background: #1fcdff;
	padding: 1em;
	padding-right: 2em;
	padding-left: 2em;
}
.fr{
	margin-top: 4em;
	text-align: center;
	//margin: 4em 0em 0em 35.7em;
}
.footer a:hover{
	background:#2f2f2f;
	box-shadow: 0em 0.2em 0em 0em #000 ;
}
/**/
.soc ul li{
	margin-bottom: 2em;
	margin-right: 1.5em;
	float:left;
	text-align: center;
	text-decoration:none;
	list-style:none;
	
}
.soc {
	margin-top: 4.2em;
	text-align: center;
}
.soc ul{
	margin-left: 0em;
	padding-left: 0;
	display: inline-block;	
}
.soc1 a{
	display: inline-block;
	height: 1.7em;
	width: 1.7em;
	background: url(../images/socIcons.png) 0em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0em;
}
.soc1{
	width: 5.2em;
	height: 5.2em;

	
	
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc1 a:hover{
	border:0;
	background: url(../images/socIcons.png) 0em 0em no-repeat;
	box-shadow: none;
}
.soc1:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}
.soc2 a{
	display: inline-block;
	height: 1.7em;
	width: 1.7em;
	background: url(../images/socIcons.png) -6em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0em;
}
.soc2{
	width: 5.2em;
	height: 5.2em;
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc2 a:hover{
	border:0;
	background: url(../images/socIcons.png) -6em 0em no-repeat;
	box-shadow: none;
}
.soc2:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}
.soc3 a{
	display: inline-block;
	height: 1.9em;
	width: 1.9em;
	background: url(../images/socIcons.png) -12.1em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0em;
}
.soc3{
	width: 5.2em;
	height: 5.2em;
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc3 a:hover{
	border:0;
	background: url(../images/socIcons.png) -12.1em 0em no-repeat;
	box-shadow: none;
}
.soc3:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}
.soc4 a{
	display: inline-block;
	height: 1.9em;
	width: 1.9em;
	background: url(../images/socIcons.png) -18.2em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0em;
}
.soc4{
	width: 5.2em;
	height: 5.2em;
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc4 a:hover{
	border:0;
	background: url(../images/socIcons.png) -18.2em 0em no-repeat;
	box-shadow: none;
}
.soc4:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}
.soc5 a{
	display: inline-block;
	height: 1.9em;
	width: 1.9em;
	background: url(../images/socIcons.png) -24.3em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0em;
}
.soc5{
	width: 5.2em;
	height: 5.2em;
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc5 a:hover{
	border:0;
	background: url(../images/socIcons.png) -24.3em 0em no-repeat;
	box-shadow: none;
}
.soc5:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}
.soc6 a{
	display: inline-block;
	height: 1.9em;
	width: 1.9em;
	background: url(../images/socIcons.png) -30.5em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0;
}
.soc6{
	width: 5.2em;
	height: 5.2em;
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc6 a:hover{
	border:0;
	background: url(../images/socIcons.png) -30.5em 0em no-repeat;
	box-shadow: none;
}
.soc6:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}
.soc7 a{
	display: inline-block;
	height: 1.9em;
	width: 1.9em;
	background: url(../images/socIcons.png) -36.7em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0em;
}
.soc7{
	width: 5.2em;
	height: 5.2em;
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc7 a:hover{
	border:0;
	background: url(../images/socIcons.png) -36.7em 0em no-repeat;
	box-shadow: none;
}
.soc7:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}
.soc8 a{
	display: inline-block;
	height: 1.9em;
	width: 1.9em;
	background: url(../images/socIcons.png) -42.9em 0em no-repeat;
	margin-top: 1.5em;
	margin-left: 0em;
}
.soc8{
	width: 5em;
	height: 5em;
	border: 0.2em solid #fdfdfc;
	border-radius: 5em;
}
.soc8 a:hover{
	border:0;
	background: url(../images/socIcons.png) -42.9em 0em no-repeat;
	box-shadow: none;
}
.soc8:hover{
	cursor:pointer;
	border: 0.2em solid #1c1c1c;
	background:#1c1c1c;
}

/**/
.lineBlack{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
	
	/*background: url(../images/bgFooter.png)  no-repeat;*/
	background:#101010;
}
.downLine{
	margin-bottom: 2em;
	margin-top: 3em;
}
.downLine p{
	font-size: 1.6em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	color:#fff;
}
/*.lineBlack:before{
	top: 0;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 178px;
	background: url(../images/bgBeforFooter.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/
.lineBlack input{
	margin-top: 3px;
}
#downMenu{
	float:right;
}
#downMenu li{
	height: 1.8em;
	border-right: 0.1em solid #343434;
	float:left;
	list-style: none;
}
#downMenu li:last-child{
	border-right:none;
}
#downMenu li a{
	padding: 1em;
	text-decoration: none;
	font-size: 1.6em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
	color: #fff;
	margin-top: 1em;
	margin-bottom: 1em;
}
#downMenu li:last-child a{
	padding-right:0;
}
#downMenu li a:hover{
	color:#6d6d6d;
}
.downLine input{
	max-width: 9.5em;
	border:0;
	background:  #0D0C0C;
	font-size: 1.4em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	color:#6d6d6d;
}
.copy{
	margin-top: 1.5em;
}
.dm{
	margin-top: 2em;
	text-size: 1.6em;
}
/**/
/*responsive*/
@media screen and (max-width: 1190px){
	
	.horL {
		display:none;
	}


}

@media screen and (max-width: 991px){
	.copy p{
		text-align:center;
	}
	#downMenu ul li{
		float: none;
		text-align:center;
	}
	.downLine input{
		margin-top: 2.5em;
	}
	.footer .fEmail{
	float:left;
	//max-width: 35em;
	max-width: 16.3em;
	}
	#downMenu li a {
	padding: 1em;
}
	.team ul{
		margin-bottom: 3.5em;
	}
	.cont {
	margin-top: 12.4em;
	}
	.cBtn ul {
	margin-left: 0;
	}
	.line6 iframe{
		height:40em;
	}
	.line6{
		height:65em;
	}
}

/*isotop*/

/* ---- button ---- */
.isotope-item {
    z-index: 2;
}
.isotope-item{
max-height: 45em !important;
margin-bottom: 3em !important;

}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope{
	max-height:100% !important;
}

.isotope,
.isotope .isotope-item {
  
	
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/
/* __________ Isotope Styles __________ */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0.1s;
     -moz-transition-duration: 0.1s;
          transition-duration: 0.1s;
}

/* __________ Filter __________ */
/*#filter {padding:11px 0 25px; text-align:center;}
#filter li {display:inline-block;}
#filter li a {
	display:block;
	padding:0 22px;
	text-transform:capitalize;
	line-height:20px;
	font-size:15px;
	color:#707070;
}*/
#filter li a.selected {
	cursor:pointer;
	background:#1fcdff;
	color:#fff;
	box-shadow: 0em 0.2em 0em 0em #179abf;
}

#projects .columns1 .project {
	width:100%;
}

.load_more_cont {
	//width:100%;
	padding: 1em 0em 0em;
}


/* __________ Portfolio Item __________ */
.portfolio_block {
	width:100%;
}
.portfolio_block .project .hover_img {
	position:relative;
}
	/*background-color:#f9cdad;/
/*.portfolio_block .project .hover_img:before {content:''; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.portfolio_block .project:hover .hover_img:before {background-color:rgba(0,0,0,0.38);}
.portfolio_block .project .hover_img img {opacity:0.92;}
.portfolio_block .hover_img .zoom {
	display:block;
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0);
}*/
.portfolio_block.project_descr {
	position:relative;
	padding: 3.7em 1em 1.4em;
	color:#979797;
	border:0;
	border-bottom: 0.2em solid #ededed;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.portfolio_block .project:hover .project_descr {border-bottom-color:#765692;}
.portfolio_block .project_descr h4 {
	margin-bottom:11px;
	font-size:15px;
}



/* Portfolio Item Single */
/*.prev_next_links {
    display: block;
    float: left;
}*/
/*.prev_next_links a {
    margin: 0 17px 20px 0;
}*/




/* Portfolio Item Single Share */
.blogpost_share {
    display: block;
    float: right;
}

/*.blogpost_share a {
    display: inline-block;
    width:40px;
	height: 40px;
	margin:0 7px 10px 0;
    line-height: 40px;
	font-size: 19px;
    text-align: center;
	color:#555;
	background-color:#eaeaea;
}
.blogpost_share a:hover {background-color:#765692; color:#333;}

*/


/*                                                                    */
	.default{
		transition-duration: 1s;
	}
    .fixed {
	transition-duration: 1s;
	/*text-align:center;*/
	z-index: 999;
	position: fixed;
	top: -1em;
	padding: 1em 0em;
	width: 100%;
	background-color: #393CEC;
		
    }
.fixed .bild{
	width: 50%;
	height: auto;
}

/* ==================================================
   Preloader
================================================== */

#jpreOverlay,
#jSplash {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 700;
}

#jpreSlide{
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	margin: -5em 0em 0em -5em;
	width: 10em;
	height: 10em;
}

#jpreLoader {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;	
}

#jprePercentage {
	width: 5em;
	height: 5em !important;
	line-height: 5em;
	position: absolute !important;
	text-align: center;
	left: 50%;
	top: 50%;
	margin: -2.5em 0em 0em -2.5em;
	z-index: 800;
	
	font-size: 2.4em;
	color: #FFFFFF;	

	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
		 -o-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

#circle {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin: -5em 0em 0em -5em;
	width: 10em;
	height: 10em;
	background: #DE5E60;
	-webkit-border-radius: 99.9em;
	-moz-border-radius: 99.9em;
	border-radius: 99.9em;
	opacity: 0;
	filter: alpha(opacity=0);
			
	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

@-webkit-keyframes circle {
	0% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
	50% {-webkit-transform: rotateY(180deg);
		-webkit-animation-timing-function: ease-out;
	}
	100% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes circle {
	0% {-moz-transform: rotateY(0deg);
	}
	50% {-moz-transform: rotateY(180deg);
		-moz-animation-timing-function: ease-out;
	}
	100% {-moz-transform: rotateY(0deg);
		-moz-animation-timing-function: ease-in;
	}
}

@-ms-keyframes circle {
	0% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
	50% {-ms-transform: rotateY(180deg);
		-ms-animation-timing-function: ease-out;
	}
	100% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
}

@-o-keyframes circle {
	0% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
	50% {-o-transform: rotateY(180deg);
		-o-animation-timing-function: ease-out;
	}
	100% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
}

@keyframes circle {
	0% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
	50% {transform: rotateY(180deg);
		animation-timing-function: ease-out;
	}
	100% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
}



/**/
