body, html{
	font-family: 'Muli', sans-serif;
}
.middle{display: inline-block; vertical-align: middle;}
.header-top{
	background-color: #e0e0e0;
	padding: 12px 0;
}
.header-top .container{
	display: flex;
	justify-content: flex-end;
}
.header-top p{margin: 0; font-weight: 600}
.header-top a{color: #333}
.header-top a:hover{color: #337ab7}

/* MAIN MEGA MENU */
.logo-top{
	padding: 10px 20px 5px 0; 
	display: inline-block;
}
@media only screen and (min-width: 768px){
	.navbar-inverse > .container > .row {
		display: flex;
		align-items: center;
	}
	.dropdown-menu-large .container .row{display: flex;}
	.dropdown-menu-large .container .row > li:not(:last-child)::after{
		content: '';
		position: absolute;
		right: 0;
		height: 100%;
		width: 1px;
		background-color: #cccccc;
		top: 0;
	}

}
.navbar{border-radius: 0; margin-bottom: 0}
.navbar-inverse{
	background-color: #000;
	border: none;
}
.navbar-inverse .navbar-nav > li {margin-right: 20px;}
.navbar-inverse .navbar-nav > li > a{
	color: #FFF; 
	padding-top: 10px; 
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 100px;
}
.dropdown-large {position: static !important;}
.dropdown-menu-large {
	width: 100%;
	margin: 0!important;
	border: none!important;
	border-radius: 0;
	background-color: #1d1d1d;
	padding-top: 15px;
	padding-bottom: 20px;
}
.dropdown-menu-large li {list-style: none;}
.dropdown-menu-large .container .row > li > ul > li{line-height: 25px; margin-bottom: 12px;}
.dropdown-menu-large .container .row > li > ul > li > a,
.dropdown-menu-large .container .row > li > ul > li:first-child,
.dropdown-menu-large .container .row > li > ul > li.head {
  display: block;
  padding: 2px 10px;
  clear: both;
  font-weight:600;
  line-height: 1.428571429;
  color: #FFFFFF;
  white-space: normal;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.05em;
  word-spacing: 1px;
}
.navbar-inverse .navbar-collapse{border: none;}
.dropdown-menu-large .container .row > li > ul > li.head{margin-top: 28px}
.dropdown-menu-large .container .row > li > ul > li:first-child,
.dropdown-menu-large .container .row > li > ul > li.head {
	color: #a6a6a6
}
.dropdown-menu-large .container .row > li > ul {
  padding: 0;
  margin: 0;
}


.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
	.navbar-collapse{padding-left: 30px;}
	.logo-top{padding-left: 25px;}
	.navbar-toggle{
		margin-right: 30px; 
		margin-top: 17px;
		border: none;
	}
	.navbar-toggle .icon-bar{width: 30px;}
	.navbar-inverse .navbar-collapse{
		background-color: #1d1d1d;
		box-shadow: none;
	}
	.nav > li > a{padding-left: 25px;}
	.dropdown-menu-large .container .row > li > ul > li{
		position: relative;
		padding-left: 15px;
		margin-bottom: 0;
		padding-bottom: 12px;
	}
	.dropdown-menu-large .container .row > li > ul > li::after{
		content: '';
		position: absolute;
		left: 11px;
		height: 100%;
		width: 1px;
		background-color: #cccccc;
		top: 0;
	}
	.dropdown-menu-large .container .row > li > ul > li:first-child::after, 
	.dropdown-menu-large .container .row > li > ul > li.head::after{
		display: none;
	}
	.dropdown-menu-large .container .row > li > ul > li:first-child, 
	.dropdown-menu-large .container .row > li > ul > li.head{
		padding-left: 10px;
		margin-bottom: 12px;
		padding-bottom: 0;
	}
	.dropdown-menu-large .container .row > li > ul > li:last-child{
		margin-bottom: 12px;
		padding-bottom: 0;
	}

  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}



/* ENDS MAIN MEGA MENU */

.reveal{cursor: pointer; font-weight: 600; letter-spacing: 1px}

.main{
	background-size: cover;
	background-position: center;
	color: #FFF;
}
.main h1{
	font-size: 50px;
	font-weight: 600;
	letter-spacing: 4px;
	margin-bottom: 12px;
	margin-top: 15px;
}
.main p{
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 30px;
}
.main .btn{
	font-size: 18px;
	text-transform: uppercase;
	color: #000000;
	background: #FFF;
	border: navajowhite;
	border-radius: 100px;
	padding: 2px 23px 3px;
}
.main .btn:hover{
	color: #FFFFFF;
	background-color: #333333;
}



.container-lsf{background-image: url('img/Gfl-BannerLsf.jpg')}
.container-lsk{background-image: url('img/Gfl-BannerLsk.jpg'); position: relative;}
.container-progear{background-image: url('img/Gfl-BannerProgear.jpg'); position: relative;}
.container-tischler{background-image: url('img/Gfl-BannerTischlerBg.jpg')}
.text-container{
	display: flex;
	height: 520px;
	align-items: center;
}
.bg{
	position: absolute;
	width: 60%;
	top: 0;
	height: 100%;

}
.container-lsk .bg{
	right: 0;	
	background: rgba(240,155,36,0.04);
	background: -moz-linear-gradient(left, rgba(240,155,36,0.04) 0%, rgba(229,148,35,0.8) 29%, rgba(221,143,35,0.95) 50%, rgba(212,138,35,1) 72%, rgba(201,131,34,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,155,36,0.04)), color-stop(29%, rgba(229,148,35,0.8)), color-stop(50%, rgba(221,143,35,0.95)), color-stop(72%, rgba(212,138,35,1)), color-stop(100%, rgba(201,131,34,1)));
	background: -webkit-linear-gradient(left, rgba(240,155,36,0.04) 0%, rgba(229,148,35,0.8) 29%, rgba(221,143,35,0.95) 50%, rgba(212,138,35,1) 72%, rgba(201,131,34,1) 100%);
	background: -o-linear-gradient(left, rgba(240,155,36,0.04) 0%, rgba(229,148,35,0.8) 29%, rgba(221,143,35,0.95) 50%, rgba(212,138,35,1) 72%, rgba(201,131,34,1) 100%);
	background: -ms-linear-gradient(left, rgba(240,155,36,0.04) 0%, rgba(229,148,35,0.8) 29%, rgba(221,143,35,0.95) 50%, rgba(212,138,35,1) 72%, rgba(201,131,34,1) 100%);
	background: linear-gradient(to right, rgba(240,155,36,0.04) 0%, rgba(229,148,35,0.8) 29%, rgba(221,143,35,0.95) 50%, rgba(212,138,35,1) 72%, rgba(201,131,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09b24', endColorstr='#c98322', GradientType=1 );

	/*https://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%28240\%2C155\%2C36\%2C0\.04\%29\%200\%25\%2C\%20rgba\%28229\%2C148\%2C35\%2C0\.8\%29\%2029\%25\%2C\%20rgba\%28221\%2C143\%2C35\%2C0\.95\%29\%2050\%25\%2C\%20rgba\%28212\%2C138\%2C35\%2C1\%29\%2072\%25\%2C\%20rgba\%28201\%2C131\%2C34\%2C1\%29\%20100\%25\%29\%3B'*/
}
.container-progear .bg{
	left: 0;	
	
	background: rgba(4,40,76,0.95);
	background: -moz-linear-gradient(left, rgba(4,40,76,0.95) 0%, rgba(4,40,76,0.9) 36%, rgba(4,40,76,0.05) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,40,76,0.95)), color-stop(36%, rgba(4,40,76,0.9)), color-stop(100%, rgba(4,40,76,0.05)));
	background: -webkit-linear-gradient(left, rgba(4,40,76,0.95) 0%, rgba(4,40,76,0.9) 36%, rgba(4,40,76,0.05) 100%);
	background: -o-linear-gradient(left, rgba(4,40,76,0.95) 0%, rgba(4,40,76,0.9) 36%, rgba(4,40,76,0.05) 100%);
	background: -ms-linear-gradient(left, rgba(4,40,76,0.95) 0%, rgba(4,40,76,0.9) 36%, rgba(4,40,76,0.05) 100%);
	background: linear-gradient(to right, rgba(4,40,76,0.95) 0%, rgba(4,40,76,0.9) 36%, rgba(4,40,76,0.05) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04284c', endColorstr='#04284c', GradientType=1 );
	/*https://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%284\%2C40\%2C76\%2C0\.95\%29\%200\%25\%2C\%20rgba\%284\%2C40\%2C76\%2C0\.9\%29\%2036\%25\%2C\%20rgba\%284\%2C40\%2C76\%2C0\.05\%29\%20100\%25\%29\%3B'*/
}
.container-tischler h1{margin-bottom: 35px;}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.container-lsk h1{font-size: 49px}
	.container-lsk br{display: none;}
}
@media only screen and (max-width: 991px){
	.container-lsk{background-position: -6%;}
	.container-lsk .bg{
		left: 0;
		-moz-transform: rotate(0deg) scaleX(-1.5);
		-webkit-transform: rotate(0deg) scaleX(-1.5);
		-o-transform: rotate(0deg) scaleX(-1.5);
		transform: rotate(0deg) scaleX(-1.5);

	}
	.main h1{font-size: 40px!important}
}
@media only screen and (max-width: 767px){
	.header-top .container{justify-content: center;}
	.container-lsf{
		background-image: url('img/Gfl-BannerLsf-Mob.jpg');
		background-position: top;
	}
	.container-lsk{
		background-image: url('img/Gfl-BannerLsk-Mob.jpg');
		background-position: top;
	}
	.container-progear{
		background-image: url('img/Gfl-BannerProgear-Mob.jpg');
		background-position: top;
	}
	.text-container{height: 680px;}
	.text-container img.logo{max-width: 200px!important;}
	.text{
		padding-left: 20%;
		width: 100%;
		max-width: 320px;
	}
	.text br{display: none;}
	.collapse-sm{display: none;}
}
@media only screen and (max-width: 620px){
	.text{padding-left: 20px}
}
@media only screen and (max-width: 480px){
	.text-container{height: 500px;}
	.text-container img.logo{max-width: 150px!important;}
	.main h1 {font-size: 30px !important;}
}



/*footer*/
.footer {
	padding-bottom: 200px;
}
.subscribe{
	padding: 20px;
	background-color: #00aeef;
	display: flex;
	color: #FFFFFF;
	align-items: center;
	justify-content: center;
}
.subscribe label{
	margin: 0;
	padding-right: 20px;
	letter-spacing: 1px;
	font-size: 17px;
}
.subscribe .form-group{
	max-width: 400px;
	width: 100%;
	position: relative;
	margin-bottom: 0;
}
.subscribe .form-group img{
	position: absolute;
	right: 20px;
	top: 24%;
}
.subscribe .form-control{
	border-radius: 100px;
	border: none;
	height: 36px;
	padding: 0 22px;

}
.all-sites{
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-evenly;
	padding: 35px 0;
	max-width: 1170px;
	margin: 0 auto;
}
.footer-link{
	border-bottom: 1px solid #959595;
	border-top: 1px solid #959595;
	padding: 40px 0;
}
.footer-link li{
	list-style: none;
	text-transform: uppercase;
	line-height: 26px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
.footer-link li.head{
	font-weight: 700;
	margin-bottom: 10px;
}
.footer-link li a{
	font-size: 14px;
	color: #333;
}
.icon-sosmed{margin-top: 18px;}
.icon-sosmed a{
	margin-right: 30px;
	display: inline-block;
}
.copyright p{
	padding: 30px 0;
	font-size: 14px;
	font-weight: 600;
}
@media only screen and (max-width: 767px){
	.all-sites  {padding: 20px 0;}
	.all-sites img.logo {max-width: 100%}
	.all-sites a {margin: 0 10px; display: inline-block;}
	.footer-link{
		text-align: center;
		margin: 0 15px;
		padding: 20px 0;
	}
	.footer-link .reveal{
		display: inline-block;
		line-height: 25px;
		margin-bottom: 12px;
	}

	.footer-link li{text-align: center;}
	.connect li.head{font-weight: 400; padding-top: 45px;}
	.subscribe{flex-direction: column;}
	.subscribe label{margin-bottom: 12px; padding: 0; font-weight: 600}
	.icon-sosmed a{margin: 0 20px;}
}
@media only screen and (max-width: 480px){
	.subscribe label{font-size: 12px;}
	.icon-sosmed a{margin: 0 15px;}
}