@charset "utf-8";
/* CSS Document */


/*
------------------------------------ 
NAVIGATION TOGGLE BUTTON
------------------------------------
*/ 


/*
------------------------------------ 
NAVIGATION TOGGLE BUTTON ANIMATION
------------------------------------
*/ 

/* NAVBAR-TOGGLE ------------------ */

.navbar-toggle {
	margin-right: 30px;
	margin-top: 11px;
	margin-bottom: 6px;
	padding: 0px 0px 0px 0px;	
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
	background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
	transition: all 0.2s;
	background-color:#FFF;	
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

/* NAVBAR-TOGGLE COLLAPSED ------------------ */

.navbar-toggle.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

/*
------------------------------------ 
NAVIGATION 
------------------------------------
*/ 

/* TELEFON-NUMMER RESPONSIV ------------------ */

@media (max-width: 1199px) {
	
	.fast_contact {
		margin-left:30px;
		float:left;
	}
	.fast_contact p {
		font-weight:600;
		color:#FFF;
		font-size: 16px;
		margin: 7px 0px 7px 0px; 
	}

/* NAVIGATION ------------------ */	

	nav{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 170%;
		z-index:30;
	}
	.navbar {
		min-height:30px;
		background-color:#FD0;
	}

	.navbar-collapse {
		text-align: center;
		background-color:#FFF;
		max-height:100vh;
	}
	.nav li a {
		padding-bottom:25px;
		padding-top:25px;
		margin-top:0px;
		text-decoration: none;
		color: #FD0;
	}
	
	.nav > li {
		border-top: #fff medium solid;
	}
	
	
	.nav a.active,
	.nav li a:hover,
	.nav li a:focus,
	.nav .open a:hover,
	.nav .open a:focus,
	.dropdown-menu a.active, 
	.dropdown-menu a:hover.active, 
	.dropdown-menu a:focus.active {
		text-decoration: none;
		color: #FFF;
		background-color:#FD0;
		outline: none;
	}

	.nav .open a
 	{
		width:auto;
		text-decoration: none;
		color: #FFF;
		background-color:#FD0;
		outline: none;
	}
	.navbar-nav .open .dropdown-menu {
		background-color: #FD0;	
	}
	.dropdown-menu li a {
		margin-top:25px;
		margin-bottom:25px;
		text-align:center;
		color:#FFF;
		background-color:#FD0;
		font-size:150%;
	}
	.nav .dropdown-menu li a:hover,
	.nav .dropdown-menu li a:focus {
		border-bottom:none;
	}
	
	/*
	.navbar-collapse .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
	}
	
	.navbar-collapse .dropdown.open .dropdown-menu {
	    max-height: 300px;
	    opacity: 1;
	}
	*/
	

}

@media (min-width: 1200px) {
	nav{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 21px;
		z-index:30;
		-moz-box-shadow: 0 4px 2px -2px #DDD;
		-webkit-box-shadow:	0 4px 2px -2px #DDD;
		box-shadow:	0 4px 2px -2px #DDD;		

	}
	.navbar {
		padding-top:0px;	
		border-radius:0px;
		background-color:#FFF;
	}
		
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
	}
	.nav > li > a {
		padding-bottom:13px;
		padding-top:13px;
		padding-left:10px;
		padding-right:10px;
		margin-left:10px;
		margin-right:10px;
		text-decoration: none;
		color: #FD0;
	}

	.nav a.active ,
	.nav > li:hover > a,
	.nav > li > a:focus,
	.nav .open a:hover,
	.nav .open a:focus,
	.dropdown-menu a.active, 
	.dropdown-menu a:hover.active, 
	.dropdown-menu a:focus.active
 	{
		width:auto;
		text-decoration: none;
		color: #FFF;
		background-color:#FD0;
		outline: none;
	}
	
	.nav .open a
 	{
		width:auto;
		text-decoration: none;
		color: #FD0;
		background-color:#FFF;
		outline: none;
	}
	.navbar-collapse {
		text-align: center;
		background-color:#FFF;
	}
	.dropdown {
		text-align:center;
	}
	.dropdown-menu {
		padding:0px;
		margin:0px;
		box-shadow:none;
		border-radius:0px;
		border-left:3px solid #FD0;
		border-right:3px solid #FD0;
		border-top:3px solid #FD0;
		left: 50%;
	  right: auto;
	  text-align: center;
	  transform: translate(-50%, 0);
		
	}

	.dropdown-menu li {
		border-bottom:3px solid #FD0;
	}
	.dropdown-menu > li > a {
		padding-top:15px;
		padding-bottom:15px;
		text-align:center;
		color: #FD0;
		background-color:#FFF;
		font-size:130%;
		font-weight:600;
		border-bottom:none;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		text-decoration:none;
		color:#FFF;
		background-color:#FD0;
	}		
	ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}