/*
	Theme Name: Felbertauernstrasse
	Theme URI: http://ploner-communications.com
	Description: felbertauernstrasse Theme
	Version: 1.0
	Author: Ilir Hoxha
	Author URI: http://www.ploner-communications.com
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

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


/***************** PSEUDO & GENERAl CLASSES ***************/

body {
	-webkit-font-smoothing: antialiased;
	background: #f7f7f7;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: left; }
input{ -webkit-appearance: none; }

header {
	margin-top: 120px;
}

a { color: #52bcb9; }
a:hover, a:focus { color: #25b4b1; }

/** SPACING **/

.pad-large{
	padding-top: 60px;
	padding-bottom: 0px;
}

#start {
	margin-bottom: -15px;
}

.pad-small{
	padding-top: 30px;
	padding-bottom: 30px;
}

.pad-bottom{
	margin-bottom: 60px;
}

/** TYPO **/

.text-white{
	color: #fff;
}

h3, h4, h5, h6{
	font-family: 'HelveticaNeueItalic', Arial, sans-serif;
	text-transform: uppercase;
}

ul.generell li h6,h5 { 
    font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    font-weight: bold;
}
h1 {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-right: -2px;
	font-weight: 400;
	font-size: 1.8em;
}
h2 {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-right: -2px;
}
h4 { color: #52bcb9; }

.clear { clear: both; }

/** ELEMENTS **/

.hr{
	background-color: #222;
	height: 1px;
	margin: 0px auto;
}

.thick-hr{
	background-color: #222;
	height: 6px;
	margin: 0px auto;
}

.btn{
	border: 1px solid #222;
	border-right: 3px solid;
	border-bottom: 3px solid;
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.btn:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;

}

.btn-wrapper{
	display: inline-block;
}

.page-header .box-heading{
	font-family: 'HelveticaNeue', Arial, sans-serif;
	font-size: 20px;
	padding: 10px 20px 6px;
	border: 1px solid #52bcb9;
	margin-bottom: 22px;
	display: inline-block;

	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
.page-header .box-heading:hover {
	background-color: #25b4b1;
	color: #25b4b1;
}
.page-header .box-heading:hover a {
	color: #fff;
}

.page-header .hr{
	margin-top: 22px;
}

#quote-divider{
	background: url('../images/d1.jpg');
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

#quote-divider:before{
	content:'';
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	position: absolute;
}

#quote-divider .large-8{
	padding-top: 88px;
	padding-bottom: 88px;
}

#quote-divider .thick-hr{
	margin: 0px;
	margin-top: 22px;
	margin-bottom: 32px;
	background-color: #fff;
}

#quote-divider .btn-wrapper{
	margin-right: 11px;
}

#quote-divider .btn{
	border-color: #fff;
	color: #fff;
	letter-spacing: 3px;
	font-size: 12px;
}

#quote-divider .btn i{
	margin-right: 5px;
}

#clients{
	background:url('../images/d2.jpg');
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

#clients:before{
	content:'';
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	position: absolute;
}

#clients .large-12{
	margin-top: 88px;
	margin-bottom: 44px;
}

#clients .large-12 .hr{
	background-color: #fff;
	margin-top: 22px;
}

.client{
	margin-bottom: 88px;
}

.client img{
	width: 80%;
}

.client .pad{
	position: relative;
	bottom: 20px;
}





/***************** NAVIGATION ***************/

.mobile-nav{
	display: none;
}

#nav{
	max-height: 150px;
	min-height: 150px;
	overflow: hidden;
	background-color: #52bcb9;
	position: fixed;
	top: 0px;
	z-index: 200;
	width: 100%;
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.open-nav{
	max-height: 500px !important;
}

.open-menu{
	display: none !important;
	color: #fff !important;
}

.navigation{
	overflow: hidden;
	list-style: none;
	padding-top: 65px;
	display: inline-block;
	margin-bottom: 0px;
}

.navigation li{
	float: left;
	margin-right: 40px;
	font-size: 1em;
	text-transform: uppercase;
}

.navigation li:last-child{
	margin-right: 0px;
}

.navigation li a { color: #fff; padding: 2px 0; }
.navigation li a:hover, .navigation .current-menu-item a { color: #fff; border-bottom: 2px solid #fff; }

.navigation li:last-child a i { font-size: 30px; line-height: 22px; }

#logo{
	padding-top: 25px;
}
#logo img {
	max-height: 100px;
	width: auto;
}
#logo img, #logo, .navigation, .navigation li a, #nav, a {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

/* NAV SCROLLED */
#nav.scroll {
	max-height: 75px;
	min-height: 75px;
}
#nav.scroll .navigation { padding-top: 28px; }
#nav.scroll #logo { padding-top: 10px; }
#nav.scroll #logo img { max-height: 50px; }


/***************** HOME ***************/

#home{
	overflow: hidden;
}

#home-slider{
	position: relative;
	overflow: hidden;
}
@media only screen and (min-width: 1024px) {
	#home-slider {
		min-height: 600px;
	}
	.slider-bg{
		top: 0px;
		left: 0px;
		min-width: 100%;
		min-height: 100%;
		z-index: -1;
	}
}
.subseite {
	min-height: 150px !important;
}

#home-slider .slides li{
	padding-top: 150px;
}

#home-slider .flex-direction-nav .flex-prev {
	left: -44px;
	opacity: 0.7;
	top: 48%;
}

#home-slider .flex-direction-nav .flex-next {
	right: -44px;
	opacity: 0.7;
	top: 48%;
}

.flex-direction-nav a.flex-prev:before { content: '\e047'; }
.flex-direction-nav a.flex-next:before { content: '\e049'; }

#home-slider:hover .flex-direction-nav .flex-prev {
	left: 44px;
}

#home-slider:hover .flex-direction-nav .flex-next {
	right: 44px;
}

.work-row{
	margin-bottom: 30px;
}

.work-img-holder{
	width: 100%;
/*	height: 300px; */
	overflow: hidden;
	position: relative;
}

.work-img-holder img{
	width: 100%;
}

.work-overlay{
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-color: rgba(255,255,255,0.8);
	padding: 130px 15px 15px 15px;
	position: absolute;
	font-weight: 300;
	opacity: 0;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.work-overlay h6{
	letter-spacing: 7px;
	margin-right: -7px;
}

.work-overlay .hr{
	margin: 0px;
	margin-top: 11px;
	margin-bottom: 11px;
}

.work-img-holder:hover .work-overlay{
	opacity: 1;
	width: 94%;
	height: 94%;
	top: 3%;
	left: 3%;
}

.project{
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
}

.open-project{
	max-height: 1260px !important;
}

.close-project{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project i{
	font-size: 62px;
}

.work-slider{
	position: relative;
}

.project-img-holder{
	width: 630px;
	height: 630px;
	overflow: hidden;
	margin: 0px auto;
}

.project-details{
	margin-bottom: 44px;
}

.project-details .hr{
	margin-top: 22px;
	margin-bottom: 22px;
}

.project-details p{
	width: 50%;
	display:block;
	margin: 0px auto;
}

footer {
	padding-top: 88px;
	padding-bottom: 88px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background: #d2eae9;
	margin-top: 30px;
}
footer h5 {
	font-family: 'HelveticaNeueItalic', sans-serif;
}
#footer{
	margin: 25px 0;
}
#footer li { list-style: none; }

.logo-text{
	letter-spacing: 1px;
	margin-right: -1px;
}

#copy-text{
	opacity: 0.4;
	font-size: 12px;
}




.inhalt ul li { margin-left: 30px; }
.anreise-liste { text-indent: -1em; padding-left: 1em; padding-bottom: 2em; }
.anreise-liste li {
	margin-left: 0 !important;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	list-style: none;
}
.anreise-liste li:before {
	font-family: 'typicons';
	content: '\e09e';
	color: #52bcb9;
	float: left;
	margin-right: 1em;
}
.anreise-liste li:last-child { border-bottom: none; }


.fahrzeug { cursor: pointer; }
.fahrzeug img {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
.fahrzeug img.transparent {
	opacity: .35;
}
.fahrzeug h4 {
	font-family: 'HelveticaNeue', Arial, sans-serif;
	color: #ebc011;
	font-size: 16px;
}
.box-weiss {
	padding: 19px;
	background: #fff;
	margin-bottom: 2em;
}

#ueberuns div:not(.open-project) .roe .text-center .box-weiss, #downloads div:not(.open-project) .row .text-center .box-weiss{
    height: 370px;
}
.box-weiss h4 { font-size: 20px; }
.sidebar h6 { padding-top: 20px; }
.tarife-liste { padding-bottom: 0; }
.tarife-liste li {
	margin-left: 0 !important;
	padding: 5px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	list-style: none;
}
.tarife-liste li:last-child { border-bottom: none; }
.tarife-liste li span { float: right; margin-left: 0px; }

.tarife-liste ul { text-indent: -1em; padding-left: 1em; padding-bottom: 0; }
.tarife-liste ul li {
	margin-left: 0 !important;
	padding: 5px 0;
	border-bottom: none;
	list-style: none;
	margin-bottom: 0;
	font-size: 80%;
}
.tarife-liste ul li:before {
	font-family: 'typicons';
	content: '\e049';
	color: #52bcb9;
	float: left;
	margin-right: 1em;
}
.tarife-liste p { font-size: 80%; }
.no-border li { border: none !important; }

.wetter-verkehr {
	border: 2px solid #25b4b1;
	padding: 20px;
}
.wetter-verkehr h5 {
	font-family: 'HelveticaNeue', sans-serif;
	margin-bottom: 0;
	font-size: 18px;
}
.no-pad-bottom, .no-pad-bottom li { padding-bottom: 0; margin-bottom: 0; }
.kreis {
	float: left !important;
	width: 28px;
	height: 28px;
	background: #d3edeb;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.pad-left li { margin-left: 35px !important; }



/************** SMARTPHONES ****************/

@media only screen and (max-width: 851px){
    .mehr {display: none;}
	.fahrzeug h4 { display: none; }
	.fahrzeug > div { padding: 0 6px !important; }
	.hide-for-small{ display: none; }
	.mobile-nav{ display: block; }
	.navigation{ padding-bottom: 22px; }
	.navigation li{ float: none; margin-bottom: 11px; overflow: hidden; }
	.open-menu{
		display: block !important;
		position: absolute;
		right: 22px;
		top: 20px;
		cursor: pointer;
		font-size: 25px;
	}
	.navigation li a{ float: left; }

	#home-slider .slides li{ padding-top: 75px; padding-bottom: 50px; }
	#about-text{
		columns: 100px 1;
		-webkit-columns: 100px 1;
		-moz-columns: 100px 1;
	}

	.work-item{ margin-bottom: 22px; }
	.work-row{ margin-bottom: 0px; }
	.project-details p{ width: 100%; }
	.project-img-holder{ width: 100%; height: 350px; }
	.flex-direction-nav a{ display: none; }

	.slider-bg {
		position: relative;
		display: block;
	}

	#nav {
		max-height: 75px;
		min-height: 75px;
	}
	#nav .navigation { padding-top: 28px; }
	#nav #logo { padding-top: 10px; }
	#nav #logo img { max-height: 50px; }

	.pad-large{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	header {
		margin-top: 75px;
	}
	.page-header { margin-top: 15px; }
	.page-header h2 { padding-top: 20px; }

	footer { padding-top: 30px; padding-bottom: 15px; }
	.search {
	    float: none!important;
	    margin-top: 0!important;
	    margin-right: 0!important;
	    margin-bottom: 10px!important;
	}

}


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

	.navigation li{ margin-right: 32px; }
	.work-overlay{ padding: 100px 15px 15px 15px; }
	.work-img-holder{ height: 220px; }

}

/***************** TABLETS (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

	#home-slider .slides li{
		padding-top: 117px;
		padding-bottom: 117px;
	}

}

/**************** SMALL SCREENS *****************/

@media only screen and (max-width: 960px){
}

.osttirolkarte { max-width: 150px; height: auto; }

.alignright { float: right; margin-left: 15px; margin-bottom: 5px; }

.grid-item { margin-bottom: 5px !important; }




/*
.wrapper {
    text-align: center;
}
*/
.slide {
    position: absolute;
    top: 80%;
    left: 47.6%;
}

@media only screen 
  and (max-device-width: 1024px) { 
      .slide img {
    display: none;
}

}

.mehr {
    background: #52bcb9;
    color: #ffffff;
    padding: 14px 22px 14px 22px;
    margin-left: -22px;
}

.mehr:hover {background: #419694}

#navigation ul ul
{
	display:none;
}

.navigation ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: fixed;
    background: #52bcb9;
}
.navigation ul ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 0px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

.sub-menu {
    margin: 0px!important;
    padding-left: 20px!important;
    z-index: 999;
}

/* .navigation ul ul li a { /* target all sub menu item links */
/*    padding: 5px 10px;} /* give our sub menu links a nice button feel */

.navigation ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}

.navigation ul ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}


.close-project1{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project1 i{
	font-size: 62px;
}
.close-project2{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project2 i{
	font-size: 62px;
}
.close-project3{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project3 i{
	font-size: 62px;
}
.close-project4{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project4 i{
	font-size: 62px;
}
.close-project5{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project5 i{
	font-size: 62px;
}
.close-project6{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project6 i{
	font-size: 62px;
}
.close-project7{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project7 i{
	font-size: 62px;
}
.close-project8{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project8 i{
	font-size: 62px;
}

.close-project9{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project9 i{
	font-size: 62px;
}

.close-project10{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project10 i{
	font-size: 62px;
}

.close-project11{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project11 i{
	font-size: 62px;
}

.close-project12{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project12 i{
	font-size: 62px;
}

.close-project13{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project13 i{
	font-size: 62px;
}

.close-project14{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project14 i{
	font-size: 62px;
}

.close-project15{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project15 i{
	font-size: 62px;
}

.close-project16{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project16 i{
	font-size: 62px;
}

.close-project17{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project17 i{
	font-size: 62px;
}

.close-project18{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project18 i{
	font-size: 62px;
}

.close-project19{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project19 i{
	font-size: 62px;
}

.close-project20{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.close-project20 i{
	font-size: 62px;
}

/*
@media only screen 
  and (min-device-width: 781px) 
  and (max-device-width: 1023px) 
{ 
      .column, .columns {
    width: inherit;

}
*/

#vignette-img {
	width: 150px;
	height: 150px;
}

.custom-row div {
	width: 100%;
}