body{font-family: 'Roboto Slab', serif;/* overflow: hidden;*/}
/*html{overflow: hidden;}*/

/*.loading{

	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/preloader.GIF') 50% 50% no-repeat rgb(250,250,250);

}*/

a:focus, img, img:focus, input:focus, textarea:focus{outline: none;}

.clear{clear: both;}
#top_menu{position: fixed; z-index: 499; top: 0; left: 0; background-color: #fafafa; height: 85px; border-bottom: 1px solid #c7c7c7; width: 100%; margin-left: 0; margin-right: 0;}
.navbar-default{background-color: transparent; border: none; padding-top: 25px;}
#navbarCollapse{position: relative; overflow: hidden;}
.navbar-nav{font-weight: bold; font-size: 22px; color: #3c3c3c; position: relative;left: 50%;}
.navbar-nav li{padding-right: 30px; cursor: pointer;}
.navbar-nav li:hover, .navbar-nav li:active{color: #e0922f !important;};

.half_width{width: 50%;}
.full_width{width: 100%;}
.full_height{height: 100%;}
.align_center{text-align: center;}
.align_left{text-align: left;}

#casperogco{background: url(../images/bg_1.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; background-size: cover;}
#sogs{background: url(../images/bg_2.jpg) no-repeat;background-position: center top; }
#company{background: url(../images/bg_3.jpg) no-repeat; background-position: center top;padding-bottom: 100px;}
#kontakt{background: url(../images/bg_4.jpg) no-repeat; background-position: center top; padding-bottom: 100px;}

.logo_container{width: 100%; text-align: center; padding-top: 243px;}
.sogs h1{margin-top: 243px; font-size: 80px; color: #fafafa; font-weight: 300; margin-bottom: 0px;}
.read_more{cursor: pointer;width: 161px; height: 49px; background-color: #fafafa; display: block; text-align: center; font-family: 'Roboto', sans-serif; font-size: 20px; text-transform: uppercase; font-weight: bold; padding-top: 11px;}
.read_more:hover{background-color: #e0922f;}
.link_1{margin: 150px auto 0 auto; }
.link_2{margin: 100px auto 0 auto; }

.down_btn{display: block; width: 67px; height: 66px; background-image: url(../images/down_btn.png); background-repeat: no-repeat; background-size: cover; margin: 100px auto 0 auto; cursor: pointer;}
.down_btn:hover{background-image: url(../images/down_btn_hover.png);}
.up_btn{display: block; width: 67px; height: 66px; background-image: url(../images/up_btn.png); background-repeat: no-repeat; background-size: cover; margin: 100px auto 0 auto; cursor: pointer;}
.up_btn:hover{background-image: url(../images/up_btn_hover.png);}

.close_btn{width: 46px; height: 46px; display: block; background-image: url(../images/close_btn.png); background-repeat: no-repeat; position: absolute; top: -23px; right: -23px; cursor: pointer;}
.close_btn:hover{background-image: url(../images/close_btn_hover.png);}
.popup{background-color: #f1f1f1; padding: 40px; max-width: 772px; position: relative; display: none;}
.popup_1{ text-align:center; color: #484848; font-weight: 300; font-size: 14px; padding-bottom: 100px; line-height: 25px; }
.popup_1 h2{font-size: 35px; color: #484848; font-weight: bold; margin-top: 0; margin-bottom: 30px;}

.popup_2{ text-align:center; color: #484848; font-weight: 300; font-size: 14px; line-height: 25px; }
.popup_2 h2{font-size: 35px; color: #484848; font-weight: bold; margin-top: 0; margin-bottom: 30px;}

.griditem{height: 195px; margin-top: 30px;}
.grid_item_container{ background-color: #f6f6f6; opacity: 0.9; width: 100%; height: 100%;}
.grid_item_container:hover{background-color: #e0922f; cursor: pointer;}
.company_container{padding-top: 124px; text-align: center; }
.company_container h1{ margin-bottom: 50px !important;font-size: 80px; color: #3c3c3c; font-weight: 300; margin-bottom: 0px;}
.grid_item_container h2{font-weight:bold; font-size: 28px;font-family: 'Roboto Slab', serif; margin: 0; padding-top: 20px;}
.company_teaser{font-weight: 300; font-size: 14px; display: block; margin-left: 30px; margin-right: 30px; padding-top: 15px; visibility: hidden; opacity: 0;}
.company_fulltext{display: none;background-color: #f1f1f1; padding: 40px; max-width: 772px; position: absolute; }
.company_full{text-align: center; font-weight: 300; font-family: 'Roboto', sans-serif; font-size: 14px;}
.company_full h2{margin-top: 0; font-family: 'Roboto', sans-serif; font-size: 35px;}
.company_info{clear: both;}

.contact_container{text-align: center; padding-top: 194px;}
.contact_container h1{font-family: 'Roboto Slab', serif; font-size: 80px; color: #fafafa; font-weight: 300;}

.txt_input{width: 100%; height: 49px; background-color: #e8ebec; border: none; max-width: 460px; border-radius: 0; padding-left: 5px;}
.txt_input_multi{width: 100%; height: 173px; background-color: #e8ebec; border: none; max-width: 460px; border-radius: 0;}
.contact_container label{color: #e8ebec; font-size: 20px;font-family: 'Roboto Slab', serif;}

.contact_info{font-size: 24px; font-weight: 300;color: #fafafa;}
.contact_info h2{color: #fafafa; font-weight: bold; font-size: 28px;}