@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,600,700&subset=latin,latin-ext);

body{font-family: 'Work Sans', sans-serif;}
a:hover{color: #f39e24;}
p, ul{font-size: 18px;}

#menu-wrapper{margin: 0; border-radius: 0; background: #111111;}
#menu-wrapper .navbar-brand{font-size: 30px; color: #FFFFFF; text-transform: uppercase;}
#menu-wrapper .navbar-brand .img-logo{width: 200px;}
#menu-wrapper .navbar-brand:hover{color: #f39e24;}


#menu-wrapper #menu ul li a{font-size: 16px; text-transform: uppercase; color: #FFFFFF;}
#menu-wrapper #menu ul li a:hover{color: #f39e24}
#menu-wrapper #menu ul li .dropdown-menu{background: #222222;}
#menu-wrapper #menu ul li .dropdown-menu li a{padding: 10px 15px; text-transform: none; color: #cccccc;}
#menu-wrapper #menu ul li .dropdown-menu li a:hover{background: none; color: #FFFFFF;}

#menu-wrapper #menu ul li .dropdown-menu #hd_form {padding: 10px 15px;}
#menu-wrapper #menu ul li .dropdown-menu #hd_form .form-control{min-width: 200px;}
#menu-wrapper #menu ul li .dropdown-menu #hd_form .btn-main{margin-top: 5px;}


#header{background: url("../images/header.jpg") center; background-size: cover; min-height: 500px; padding-top: 50px; position: relative;}
#header{color: #FFFFFF; text-align: center;}
#header h1{font-size: 50px; font-weight: 700;}
#header .h2{font-size: 24px; margin-top: 10px;}

#header .trial-form{margin-top: 50px; box-shadow: 0 3px 6px rgba(0,0,0,0.2)}
#header .trial-form .input-group{width: 100%;}
#header .trial-form .form-control{height: 56px; border: 0; font-size: 16px; padding: 6px 15px;}
#header .trial-form .btn-main{height: 56px; border: 0; font-size: 16px; padding: 6px 12px; text-transform: uppercase; font-weight: 600;}

#header #header-image{position: absolute; bottom: 0;left: 0; right: 0; margin: 0;}
#header #header-image .img-responsive{margin: 0 auto; }

#header-subpage{
	position: relative;
	background-color: #111; /* Shows while the image is loading */
	background-position: 50% 0; /* Best for responsive */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover; /* Covers the entire div */
	background-repeat: no-repeat; /* No repeat */
	padding: 5% 0;
	color: #FFFFFF; text-align: center;
}
#header-subpage span {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	content: ' ';
	background-image: -webkit-linear-gradient(125deg, #529ed9 7%, #f39e24 90%);
	background-image: linear-gradient(325deg, #529ed9 7%, #f39e24 90%);
	opacity: 0.2;
}

#header-subpage h1{font-size: 50px; font-weight: 700; margin-top: 0;}




#products{background: #f7f5f2; text-align: center; padding-top: 80px; color: #666666;}
#products h2{font-size: 24px; font-weight: 600;}
#products p{font-size: 18px; line-height: 24px;}
#products strong{font-weight: 600;}
#products .product-icon{height: 170px; margin: 0 auto 30px auto;}
#products .btn-alt{margin-top: 15px; margin-bottom: 100px; font-size: 18px; font-weight: 600; padding: 12px 30px;}

#properties{background: #FFFFFF; padding: 80px 0;}
#properties .img-responsive{margin-bottom: 15px;}
#properties .panel-group .panel{box-shadow: none; border-radius: 0; position: relative;}
#properties .panel-group .panel a .panel-heading{background: #f39e24; border-radius: 4px; color: #FFFFFF; padding: 15px;padding-left: 50px; border: 2px solid #f39e24; transition: all 0.2s;}
#properties .panel-group .panel a .panel-heading:before{content:"\f068"; font-family: "FontAwesome"; position: absolute; font-size: 20px; top: 13px; left: 17px; transition: all 0.1s; }

#properties .panel-group .panel a.collapsed .panel-heading{position: relative;background: #FFFFFF; border-radius: 4px; color: #b9b5af; padding: 15px; padding-left: 50px; border: 2px solid #b9b5af; transition: all 0.2s;}
#properties .panel-group .panel a.collapsed .panel-heading:before{content:"\f067"; font-family: "FontAwesome"; position: absolute; font-size: 20px; top: 11px; left: 15px;  transition: all 0.1s;}

#properties .panel-group .panel .panel-heading h3{font-size: 18px;}
#properties .panel-group .panel .panel-body{border: 0; font-size: 18px; line-height: 24px; color: #666666;}
#properties .panel-group .panel .panel-body ul{padding-left: 0px; list-style: none;}

.brown-section{background: #f7f5f2; padding: 20px 0; text-align: center; color: #666666;}
.brown-section h2, .brown-section .h2{font-size: 24px; font-weight: 600;}
.brown-section .h3, .brown-section h3{font-size: 24px; font-weight: 600; line-height: 30px;}
.brown-section p{font-size: 18px; line-height: 24px;}
.brown-section ul{list-style: none; padding-left: 0px; line-height: 24px;}

.white-section{background: #FFFFFF; padding: 20px 0; color: #666666;}
.white-section h2, .white-section .h2{font-size: 24px; font-weight: 600;}
.white-section .h3{font-size: 24px; font-weight: 600; line-height: 30px;}
.white-section p{font-size: 18px; line-height: 24px;}
.white-section ul{list-style: none; padding-left: 0px; line-height: 24px;}


#trial{background: url("../images/trial-bg.jpg") center; background-size: cover; padding: 80px 0;}
#trial .claim{font-size: 44px; text-transform: uppercase; text-align: center; color: #FFFFFF;}
#trial .trial-form{margin-top: 40px; box-shadow: 0 3px 6px rgba(0,0,0,0.2)}
#trial .trial-form .form-control{height: 56px; border: 0; font-size: 16px; padding: 6px 15px;}
#trial .trial-form .btn-main{height: 56px; border: 0; font-size: 16px; padding: 6px 12px; text-transform: uppercase; font-weight: 600;}

#news{padding: 20px 0;}
#news h2, #news .h2{text-align: center; font-size: 44px; margin-bottom: 50px; text-transform: uppercase;}
#news .owl-carousel .item{color: #666666; background: #f7f5f2; border-radius: 4px; padding: 20px;margin: 0 15px;}
#news .owl-carousel .item .news-header{margin-top: 0; font-weight: 600; font-size: 24px;}
#news .owl-carousel .item .news-text{font-size: 18px;}
#news .owl-carousel .item .news-link{font-size: 18px; color: #f39e24; text-transform: uppercase;}
#news .owl-carousel .item .news-link:hover{color: #da8b1a;}
#news .owl-carousel .owl-controls{display: none;}

#news-simple h2{text-align: center; font-size: 44px; margin-bottom: 50px; text-transform: uppercase;}
#news-simple .item{color: #666666; background: #f7f5f2; border-radius: 4px; padding: 20px;margin: 0 15px;}
#news-simple .news-header{margin-top: 0; font-weight: 600; font-size: 24px;}
#news-simple .news-text{font-size: 18px;}
#news-simple .news-link{font-size: 18px; color: #f39e24; text-transform: uppercase;}
#news-simple .news-link:hover{color: #da8b1a;}

#news .archiv{margin-top: 30px; border: 2px solid #b9b5af; background: none; color: #b9b5af; font-weight: 600; font-size: 18px; padding: 10px 15px; transition: all 0.2s;}
#news .archiv:hover{border: 2px solid #f39e24; background: #f39e24; color: #FFFFFF; transition: all 0.3s;}


#references{padding: 30px 0; background: #f7f5f2;}
#references hr{border-color: #ebe8e5; margin: 0;}
#references .col-sm-10{border-left: 1px solid #ebe8e5; border-bottom: 1px solid #ebe8e5;}
#references .second-row .col-sm-10:nth-last-child(-n+3){border-bottom: 0;}

#references .col-sm-10 a .img-responsive{height: 80px; width:80px; margin: auto; opacity: 0.4; transition: all 0.2s;}
#references .col-sm-10 a:hover .img-responsive{opacity: 0.8; transition: all 0.3s;}

#contacts {padding: 20px 0; background: url("../images/contact-bg.jpg") center center; background-size: cover; text-align: center;}
#contacts h2, #contacts .h2{font-size: 44px; margin-bottom: 50px; text-transform: uppercase; color: #FFFFFF;}
#contacts .header{font-size: 24px; text-transform: uppercase; color: #b9b5af;}
#contacts address{font-size: 18px; color: #FFFFFF;}
#contacts address a{color: #FFFFFF; text-decoration: underline}
#contacts address a:hover{text-decoration: none;}
#contacts address strong a{text-decoration: none;}

iframe{
    display: none;
}

footer{font-size: 16px; text-transform: uppercase; padding: 30px 0; background: #FFFFFF; text-align: center;}
footer ul{margin: 0; float: none; margin-top: 10px;}
footer ul a{color: #333333;}
#menu-wrapper .navbar-brand{
    padding: 0px;
    margin-top: -8px;
}

@media only screen and (min-width:768px){
    #header-subpage{min-height: 350px !important;  /*In case window becomes too narrow */}
   #contacts, #news, .white-section, .brown-section{padding: 80px 0;}
	#menu-wrapper .navbar-brand{ padding: 5px 15px; margin-top: 0px;}
	#menu-wrapper #menu ul li a{font-size: 16px; padding: 30px 15px; }
	#menu-wrapper #menu ul li#trial-menu a{border: 2px solid #f39e24; border-radius:4px; padding: 5px 15px; color: #f39e24; margin-top: 24px; margin-left: 10px; margin-bottom: 22px;}
	#menu-wrapper #menu ul li#trial-menu a:hover{color: #FFFFFF;background: #f39e24;}


	#header{min-height: 800px;  padding-top: 80px;}
	#header h1{font-size: 72px; font-weight: 700;}
	#header .h2{font-size: 30px; margin-top: 10px;}
	#header .trial-form .btn-main{padding: 6px 20px;}
	#trial .trial-form .btn-main{padding: 6px 20px;}

	#products {padding: 80px 0; }
	#products .btn-alt{margin-bottom: 0px; }


	#news .owl-carousel .item{margin: 0 50px;}
	#news .owl-carousel .owl-controls{display: block;}
	#news .owl-carousel .owl-controls .owl-nav .owl-prev{position: absolute; top: 60px; left: -50px;}
	#news .owl-carousel .owl-controls .owl-nav .owl-next{position: absolute; top: 60px; right: -50px;}
	#news .owl-carousel .owl-controls span{font-size: 120px; color: #f0efee}
	#news .owl-carousel .owl-controls span:hover{color: #cecbc7}

	#properties .img-responsive{margin-bottom: 0;}
	#properties .panel-group .panel .panel-heading h3{font-size: 20px;}

	#properties .panel-group .panel a .panel-heading:before{content:"\f068"; font-family: "FontAwesome"; position: absolute; font-size: 22px; top: 16px; left: 17px; transition: all 0.1s; }
	#properties .panel-group .panel a.collapsed .panel-heading:before{content:"\f067"; font-family: "FontAwesome"; position: absolute; font-size: 22px; top: 14px; left: 15px;  transition: all 0.1s;}

	#trial .claim{font-size: 50px;}
	#news h2, #news .h2{font-size: 50px;}
	#contacts h2, #contacts .h2{font-size: 50px;}

	#references{padding: 50px 0;}
	#references .col-sm-10 a .img-responsive{height: 90px; width:90px;}
	#references .col-sm-10{border-bottom: 0;}
	#references .col-sm-10:first-child{border: 0;}


	footer{font-size: 18px; text-align: left;}
	footer ul{margin: 0; float: right;}
}

@media only screen and (min-width:992px){

	#header{min-height: 900px;  padding-top: 80px;}

	#header .h2{font-size: 36px; margin-top: 10px;}

	#news .owl-carousel .owl-controls .owl-nav .owl-prev{top: 40px; left: -50px;}
	#news .owl-carousel .owl-controls .owl-nav .owl-next{top: 40px; right: -50px;}
	#references .col-sm-10 a .img-responsive{height: auto; width:140px;}
}

@media only screen and (min-width:1200px){
	#header .h2{font-size: 46px; margin-top: 10px;}
	#properties .panel-group .panel .panel-heading h3{font-size: 24px;}
	#news .owl-carousel .owl-controls .owl-nav .owl-prev{top: 30px; left: -100px;}
	#news .owl-carousel .owl-controls .owl-nav .owl-next{top: 30px; right: -100px;}
}
.form-control {border: 0;}
.form-control:focus {
	border-color: transparent;
	box-shadow: none;
	outline: 0 none;
}
*:focus,
a:focus{
	/*background: transparent !important;*/
	text-decoration: none !important;
	outline: none !important;
}

a{
	transition: 0.2s !important;
}

a:hover{
	text-decoration: none;
	transition: 0.3s !important;
}

.color-main{color: #f39e24;}

.btn-main{background-color: #f39e24; color: #FFFFFF; transition: all 0.2s; text-transform: uppercase;}
.btn-main:hover{background-color: #da8b1a; color: #FFFFFF; transition: all 0.3s;}

.btn-alt{background-color: #529ed9; color: #FFFFFF; transition: all 0.2s; text-transform: uppercase;}
.btn-alt:hover{background-color: #3b7fb4; color: #FFFFFF; transition: all 0.3s;}


.typed-cursor{
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}


/*--------------------------------------------------------- HELP CSS ---------------------------------------------------------*/
.nowrap{white-space:nowrap}
.vertical-align-top{vertical-align: top;}
.vertical-align-middle{vertical-align: middle;}
.vertical-align-bottom{vertical-align: bottom;}
.clear {clear:both}
.clear-left {clear:left}
.clear-right {clear:right}
.strong{font-weight: bold;}
.italic{font-style: italic;}
.block{display:block;}
.inline-block{display: inline-block;}

.width-40{width: 40%;}
.width-45{width: 45%;}
.width-50{width: 50%;}
.width-55{width: 55%;}
.width-60{width: 60%;}
.width-100{width: 100%;}

.width-120{width: 120px !important;}
.width-350{width: 350px !important;}
.height-37{height: 37px;}
.height-50{height:50px;}
.height-90{height:90px !important;}
.height-100{height:100%;}
.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px !important;}
.font-size-16{font-size: 16px !important;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-24{font-size: 24px;}
.font-size-28{font-size: 28px;}
.font-size-32{font-size: 32px;}
.font-size-36{font-size: 36px;}
.font-size-40{font-size: 40px;}
.relative{position:relative;}
.absolute{position: absolute;}


.color-white{color: #FFFFFF !important;}
.color-black{color: #000000 !important;}
.color-red{color:red;}
.color-blue{color:#428bca;}
.color-grey{color: #666;}
.color-light-grey{color: #999;}
.color-orange{color: #f15e4c; }

.text-decoration-none{text-decoration: none;}

.padding-0{padding: 0;}
.padding-4{padding:4px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px !important;}
.padding-30{padding:30px;}

.padding-25-25{padding: 0 25px !important;}

.padding-bottom-3{padding-bottom: 3px !important;}

.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-20{padding-top: 20px;}
.padding-top-25{padding-top: 25px;}
.padding-top-30{padding-top: 30px;}

.padding-left-0{padding-left: 0px}
.padding-left-15{padding-left: 15px}
.padding-left-20{padding-left: 20px}
.padding-left-22{padding-left: 22px}
.padding-left-37{padding-left: 37px}
.padding-left-80{padding-left: 80px}
.padding-left-100{padding-left: 100px}
.padding-left-115{padding-left: 115px}
.padding-left-130{padding-left: 130px}
.padding-right-0{padding-right: 0px}

.space-bottom-0{margin-bottom: 0px !important;}
.space-bottom-5{margin-bottom: 5px !important;}
.space-bottom-10{margin-bottom: 10px !important;}
.space-bottom-15{margin-bottom: 15px !important;}
.space-bottom-20{margin-bottom: 20px !important;}
.space-bottom-25{margin-bottom: 25px !important;}
.space-bottom-30{margin-bottom: 30px !important;}
.space-bottom-40{margin-bottom: 40px !important;}
.space-bottom-50{margin-bottom: 50px !important;}
.space-bottom-60{margin-bottom: 60px !important;}
.space-bottom-70{margin-bottom: 70px !important;}
.space-bottom-80{margin-bottom: 80px !important;}
.space-bottom-90{margin-bottom: 90px !important;}
.space-bottom-100{margin-bottom: 100px !important;}
.space-bottom-110{margin-bottom: 110px !important;}
.space-bottom-120{margin-bottom: 120px !important;}
.space-bottom-140{margin-bottom: 140px !important;}
.space-bottom-150{margin-bottom: 150px !important;}
.space-bottom-180{margin-bottom: 180px !important;}

.space-top-0{margin-top: 0px !important;}
.space-top-2{margin-top: 2px !important;}
.space-top-5{margin-top: 5px !important;}
.space-top-10{margin-top: 10px !important;}
.space-top-15{margin-top: 15px !important;}
.space-top-20{margin-top: 20px !important;}
.space-top-23{margin-top: 23px !important;}
.space-top-25{margin-top: 25px !important;}
.space-top-30{margin-top: 30px !important;}
.space-top-35{margin-top: 35px !important;}
.space-top-50{margin-top: 50px !important;}
.space-top-60{margin-top: 60px !important;}
.space-top-70{margin-top: 70px !important;}
.space-top-80{margin-top: 80px !important;}
.space-top-100{margin-top: 100px !important;}
.space-top-120{margin-top: 120px !important;}

.space-left-5{margin-left: 5px !important;}
.space-left-7{margin-left: 7px !important;}
.space-left-10{margin-left: 10px !important;}
.space-left-15{margin-left: 15px !important;}
.space-left-20{margin-left: 20px !important;}
.space-left-30{margin-left: 30px !important;}
.space-left-40{margin-left: 40px !important;}
.space-left-50{margin-left: 50px !important;}
.space-left-52{margin-left: 52px !important;}
.space-left-60{margin-left: 60px !important;}
.space-left-70{margin-left: 70px !important;}

.space-right-5{margin-right: 5px !important;}
.space-right-7{margin-right: 7px !important;}
.space-right-10{margin-right: 10px !important;}
.space-right-15{margin-right: 15px !important;}
.space-right-20{margin-right: 20px !important;}
.space-right-30{margin-right: 30px !important;}
.space-right-40{margin-right: 40px !important;}
.space-right-50{margin-right: 50px !important;}
.space-right-60{margin-right: 60px !important;}
.space-right-70{margin-right: 70px !important;}
.space-right-80{margin-right: 80px !important;}

.z-index-100{z-index: 100}

.border-right{border-right: #a5aeb7 solid 1px}

.google-maps {
	position: relative;
	padding-bottom: 55%; 
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 5px solid rgba(255,255,255,0.5);
	background-clip: padding-box;
	border-radius: 5px;
}
/*--------------------------------------------------------- HELP CSS ---------------------------------------------------------*/

.h2{display: block; margin-bottom: 10px;}

.width-100-px{
	width: 100px;
}

.small p{
	font-size: 14px;
}

.small li{
	font-size: 12px !important;
}

.orange-link,
.dokument a,
.reference a{
	color: #f39e24;
}

.orange-link:hover,
.dokument a:hover,
.reference a:hover{
	color: #da8b1a;
}

.dokument strong{
	font-size: 18px;
	display: block;
}

.dokument i{
	font-size: 50px;
	float: left;
	margin-right: 15px;
}

.video{
	cursor: pointer;
	margin-top: 30px;
}

.video a{
	color: #ff9900;
}

.video a:hover{
	color: #da8b1a;
}

.video img{
	display: block;
	margin-bottom: 20px;
}

#kontakt{
	font-size: 18px;
}

#kontakt strong{
	font-size: 24px;
}

#kontakt a{
	color: #ff9900;
}