body {
	
	color: #4b4b4b;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 14px;
	font-weight:300;
   
	
}


h2 {
	color: #000000;
	display: inline-block;
	font-family: "Montserrat",sans-serif !important;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
}

h2 span {
	display: inline-block;
	position: relative;
	text-align: left;
}



h3	{
	text-transform:uppercase; 
	letter-spacing:0.05em
	
}


h3 span {
	color:#fff;
	display: inline-block;
    position: relative;
	
	
}




a { 
	color:#ccc;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 49px;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
}
a:hover{
	
	color:#2b2b2b; 
	text-decoration:none;
	
}

a:active, a:focus {
	outline:none;
	border:none;
	text-decoration:none;
	color:#FFF;
	font-size: 14px;
} 

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
	outline:none; 
	border:none; 
	color:#31a2e1
	
} 

.nopad {
	padding: 0 0 0 0;
}




/*==============================================
             HEADER
===============================================*/

header {
	background:#2b2b2b;
	padding: 25px 0 0;
	font-weight:600;
	transition: all  ease-in-out 0.25s;
	
}


.ag-top {
	
	background: #202020 none repeat scroll 0 0;
    color: #eee;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    line-height: 2.8;
    min-height: auto;
    
	
}

.ag-top .slogan {
	
	color: #eee;
    display: inline-block;
    font-size: 12px;
    margin: 2px 0;
    text-transform: uppercase;
   
	
}

.ag-top .phone i {
	
	color: #fff;
    margin: 0 5px 0 -5px;
	font-size: 15px;
   
	
}

.ag-top .phone .fa {
	
	transform: rotate(15deg)
	
}

.ag-top .phone span {
	text-transform:uppercase;
	color: #eee;
    font-weight: normal;
	font-family: 'Montserrat', serif;
	margin: 0 5px
	
}
.ag-top .phone  {
	color: #fff;
    font-size: 14px;
    font-weight: bold;
    
	font-family: "Lato";
	
}

.logo h1 {
	color:#eee;
	font-family: "Montserrat",sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:7px 0;
	line-height:1.25
	
}

.logo h1 span {
	
	color:#7e8c99;
	font-family: 'lato';
	font-size: 11px;
    font-weight: 300;
    letter-spacing: 2.5px;
}





.social {
	
	margin: 5px 0 0;
}

.social a {
    
    height: 40px;
    line-height: 40px;
    margin: -8px 0 0 5px;
    position: relative;
    text-align: center;
    transition: all 0.3s linear 0s;
    width: 40px;
	border-left: 1px solid #000;
    display: inline-block;
	font-size: 16px;
    vertical-align: middle;
    

}

.social a:hover {
	
	
}

.social .facebook:hover {
	
	 color: #3b5998;
	
}

.social .twitter:hover {
	
	 color: #00a0d1;
	
}
.social .google:hover {
	
	 color: #d44a38;
	
}



a.mail {
	
	background-color: #475464;
    border-radius: 2px;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
	
}

a.mail:hover {

	background: #1b1b1b ;
	color:#fff;
   
}



.main-nav a {
	background: transparent none repeat scroll 0 0;
    color: #eee;
    letter-spacing: 0.1px;
    line-height: 49px;
    padding: 0 7px;
    text-transform: uppercase;
	font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s linear 0s;
	
}

.main-nav a.active {
	color: indianred;
   	
}

.main-nav a:hover {
	
    color: indianred;
    


}

#navbar-mobile {
	display:none; 
	
}
#navbar-mobile-button {
	display:none; 
	position:fixed; 
	top:10px; 
	right:10px; 
	font-size:26px; 
	transition: all ease-in-out 0.35s; 
	z-index: 9999;
}


/*==============================================
              SHRINK HEADER
===============================================*/

.shrink {
	position:fixed;
	toP:0; 
	left: 0;
	right:0;
	background: #fff;
	background: rgba(255,255,255,0.98);
	z-index:1001;
	box-shadow: 1px 1px 3px #ddd; 
}

header.shrink {
	
	padding:5px 0 10px 
	
}


.shrink #navbar {
	padding:5px 0 
	
}

.shrink .logo h1 {
	
	margin:12px 0;
	color:indianred;
	
}

.shrink  #navbar-mobile-button {
	display:none; position:fixed; 
	top:5px; right:5px; 
	font-size:20px; 
	background:transparent; 
	color:#fff; 
	z-index:1000001; 
	
}

.shrink a.mail { 
	margin-top: 4px; 
	padding:0px 20px;
	background: #3b3b3b;
	color:#fff;
	
	
}

.shrink .main-nav a {
	
    color: #1b1b1b;
  
   	
}

.shrink .main-nav a:hover, .shrink .main-nav a.active {
	
    color: indianred;
    


}


/*==============================================
              SUB BANNER
===============================================*/

#intro {

	height:100vh;
	position:relative;
	padding:20px 0 0 0;
	color:#fff;
	background-image: url(../img/index.jpg);

}

#intro .intro-teaser-box {
	
	background-color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin: 7% 0 0 0;
   
    max-width: 360px;
    min-height: 340px;
    
   padding: 20px;
	

}

#intro .intro-teaser-box .btn{ 
	padding:10px 20px;
	color: #475464;
	text-transform:none;
	font-size:14px;
	margin-top:5px;
	font-weight:900;

}

#intro .intro-teaser-box .btn:hover{ 

	
	color: #fff;
	
}

#intro .intro-teaser-box h3{
	color: #fff;
	margin-bottom: 30px;
	font-weight:900

}

.overlay {

	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}


.sub-banner {
    background: rgba(0, 0, 0, 0) url("../img/index timdannecker.jpg") no-repeat fixed center top / cover ;
    margin-top: -5px;
    position: relative;
}


.sub-banner p {
 margin-top: 15px;
 color:#eee;
 text-transform: uppercase;
 line-height:2;
}

.sub-banner p span{
 color:#fff;
 text-transform: uppercase;
 line-height:2;
 font-weight:700;
}

.sub-banner .overlay {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    padding-top: 110px;
}


.divider {margin:60px 0;}



/*==============================================
              SUB BANNER 2 TD
===============================================*/

#intro2 {
	
	height:100vh;

	position:relative;
	padding:20px 0 0 0;
	color:#fff;
	background-image: url(../img/modell.jpg);

}

#intro2 .intro-teaser-box2 {
	
	background-color: rgba(0, 0, 0, 0.85);
    
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin: 7% 0 0 0;
   
    max-width: 360px;
    min-height: 340px;
    
   padding: 20px;
	

}

#intro2 .intro-teaser-box2 .btn{ 

	padding:10px 20px;
	color: #475464;
	text-transform:none;
	font-size:14px;
	margin-top:5px;
	font-weight:900;

}

#intro2 .intro-teaser-box2 .btn:hover{ 

	
	color: #fff;
	

}

#intro2 .intro-teaser-box2 h3{
	color: #fff;
	margin-bottom: 30px;
	font-weight:900
	

}

.overlay2 {

	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}


.sub-banner2 {
    background: rgba(0, 0, 0, 0) url("../img/index timdannecker.jpg") no-repeat fixed center top / cover ;
    margin-top: -5px;
    position: relative;
}


.sub-banner2 p {
 margin-top: 15px;
 color:#eee;
 text-transform: uppercase;
 line-height:2;
}

.sub-banner2 p span{

 color:#fff;
 text-transform: uppercase;
 line-height:2;
 font-weight:700;
}

.sub-banner2 .overlay {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    padding-top: 110px;
}


.divider2 {margin:60px 0;}



/*==============================================
              SUB BANNER 3 TD
===============================================*/

#intro3 {
	height:100vh;
	position:relative;
	padding:20px 0 0 0;
	color:#fff;
	background-image: url(../img/baustelle.jpg);

}

#intro3 .intro-teaser-box3 {
	
	background-color: rgba(0, 0, 0, 0.85);
    
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin: 7% 0 0 0;
   
    max-width: 360px;
    min-height: 340px;
    
   padding: 20px;
	

}

#intro3 .intro-teaser-box3 .btn{ 

	padding:10px 20px;
	color: #475464;
	text-transform:none;
	font-size:14px;
	margin-top:5px;
	font-weight:900;

}

#intro3 .intro-teaser-box3 .btn:hover{ 

	
	color: #fff;
	

}

#intro3 .intro-teaser-box3 h3{
	color: #fff;
	margin-bottom: 30px;
	font-weight:900
	

}

.overlay3 {

	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}


.sub-banner3 {
    background: rgba(0, 0, 0, 0) url("../img/index timdannecker.jpg") no-repeat fixed center top / cover ;
    margin-top: -5px;
    position: relative;
	
}


.sub-banner3 p {
 margin-top: 15px;
 color:#eee;
 text-transform: uppercase;
 line-height:2;
}

.sub-banner3 p span{

 color:#fff;
 text-transform: uppercase;
 line-height:2;
 font-weight:700;
}

.sub-banner3 .overlay {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    padding-top: 110px;
}


.divider3 {margin:60px 0;}







/*==============================================
              SUB BANNER 4 TD
===============================================*/

#intro4 {
	height:100vh;
	position:relative;
	padding:20px 0 0 0;
	color:#fff;
	background-image: url(../img/baukran.jpg);

}

#intro4 .intro-teaser-box4 {
	
	background-color: rgba(0, 0, 0, 0.85);
    
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin: 7% 0 0 0;
   
    max-width: 360px;
    min-height: 340px;
    
   padding: 20px;
	

}

#intro4 .intro-teaser-box4 .btn{ 

	padding:10px 20px;
	color: #475464;
	text-transform:none;
	font-size:14px;
	margin-top:5px;
	font-weight:900;

}

#intro4 .intro-teaser-box4 .btn:hover{ 

	
	color: #fff;
	

}

#intro4 .intro-teaser-box4 h3{
	color: #fff;
	margin-bottom: 30px;
	font-weight:900
	

}

.overlay4 {

	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}


.sub-banner4 {
    background: rgba(0, 0, 0, 0) url("../img/index timdannecker.jpg") no-repeat fixed center top / cover ;
    margin-top: -5px;
    position: relative;
	
}


.sub-banner4 p {
 margin-top: 15px;
 color:#eee;
 text-transform: uppercase;
 line-height:2;
}

.sub-banner4 p span{

 color:#fff;
 text-transform: uppercase;
 line-height:2;
 font-weight:700;
}

.sub-banner4 .overlay {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    padding-top: 110px;
}


.divider4 {margin:60px 0;}













/*==============================================
             LEISTUNGEN / SERVICE 
===============================================*/

#leistungen {
	
    position: relative;
}



.leistungen_desc  {
	background: #2b2b2b;
    display: block;
    padding: 62px 0 ;
    position: relative;
	color: #eee;
    font-family: 'Montserrat', serif;

}


.leistungen_desc p {

	margin: 20px 0

}

.services {
	
    padding: 40px 0 60px;
	
}


	
.service-marker {
	
	background-color: #2b2b2b;
    border-radius: 50%;
    height: 90px;
    margin-bottom: 70px;
    padding: 15px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 90px;
	
}

.service-marker i {
	color: #ffffff;
    line-height: 2;
	font-size:30px;
	
}

.service-marker:after {
	
	
    border-color: #2b2b2b transparent transparent TRANSPARENT;
    border-image: none;
    border-style: solid;
    border-width: 48px 38px;
    bottom: -75px;
    content: " ";
    height: 0;
    left: 8%;
    position: absolute;
    width: 0;
	
}

.service-box {
	max-width: 250px;
	font-size: 14px;
	line-height: 1.5!important;
	color: #7e8c99;
	font-weight:400;
	margin-bottom: 5px;	
}


/*==============================================
             CONTACT 
===============================================*/


.section-header {
	
	margin-bottom: 70px;
	
}

.section-header  h2 {
	
	text-align:center;
	
	
}

.contact-header  {
	background: #fff;
    display: block;
    padding: 62px 0 ;
    position: relative;
	color: #404040;
 
	
	
}

.contact-header:after  {
	
	border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 22px solid #fff;
    content: "";
    left: 50%;
    margin-left: -32px;
    position: absolute;
    top: 100%;
    width: 64px;
	
}

.contact-header   h2 {
	
	color: #404040;
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
	
}

.contact-header   p {
	
	color: #404040;
    font-size: 26px;
    font-weight: 100;
	font-style: oblique;
   

	
}

/* contact */

.contact-teaser {
	
	background: #101010 none repeat scroll 0 0;
   
    margin-top: 70px;
    min-height: 110px;
    position: relative;
  
	
}

.contact-teaser h3 {
	
	color: #ffffff;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 35px;
    position: relative;
    text-transform: uppercase;
	
}

.contact-teaser p {
	
	color: #eee ;
  
    font-size: 14px ;
    margin-top: 0 ;
	
}


.contact-teaser .contact-detail {
	
	margin-top: 35px;
	
}

.contact-teaser .contact-detail i {
	
	color: #fff;
	font-size:42px;
	margin: 0 5px 0 0;
	transform:rotate(15deg)
	
}

.contact-teaser .contact-detail .desc {
	color: #eee;
	font-size: 12px;
    font-weight: normal;
    line-height: 1.1;
    margin: -5px 0 5px;
    text-transform: uppercase;
}

.contact-teaser .contact-detail .phone_number{
	
	color:#fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0;

	
}

#contact {
	position:relative;
	background:#2b2b2b;
	color: #fff;
	

}

#contact .container {
	
	background:#101010;
	padding: 30px 30px 10px 30px
}



	
#impressum {
	background:#fff; 
	padding: 60px 0 0; 
	
}
	
	
#contact h3 {margin: 0 0 30px; font-weight:900}

/* form */

#mailform button {

	margin-top: 11px;
	
}

#gmap{
	position:absolute; 
	bottom:25px; 
	top:5px; 
	left:0; 
	right:20px; 
	border: 20px solid #fff; 
}

.map {
	height:410px;
}


#maps {
	position:absolute; 
	top:10px; right:10px; 
	border:4px solid #fff; 
	z-index:101; 
	box-shadow: 1px 0px 2px #999; 
	cursor:pointer;}


	
	.form-group{margin-bottom:5px;}



.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0.85em 0;
	/*max-width:350px;*/
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;

	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	/*color: #6a7989;*/
	font-weight: 300;
	font-size: 98.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}


/* Ruri */
.input__field--ruri {
	width: 100%;
	background: transparent;
	padding: 0.5em 0;
	margin-bottom: 2em;
	
}

.input__label--ruri {
	width: 100%;
	position: absolute;
	text-align: left;
	font-size: 1em;
	padding: 10px 0 5px;
	pointer-events: none;
}

.input__label--ruri::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	left: 0;
	top: 100%;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
}

.input__label-content--ruri {
	padding: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.3s, color 0.3s;
	transition: transform 0.3s, color 0.3s;
}

.input__field--ruri:focus + .input__label--ruri::after,
.input--filled .input__label--ruri::after {
	background: #fff;
	-webkit-transform: scale3d(1, 0.5, 1);
	transform: scale3d(1, 0.5, 1);
}

.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri,
.input--filled .input__label--ruri .input__label-content--ruri {
	color: #fff;
	-webkit-transform: translate3d(0, 2.5em, 0) scale3d(0.855, 0.855, 1);
	transform: translate3d(0, 2.5em, 0) scale3d(0.855, 0.855, 1);
}

.message-success, .message-error {display:none;}







.btn {background:#fff; color:#435061; transition: all ease-in-out 0.25s}

.btn:hover {background:#475464; color:#eee;}


/*==============================================
            FOOTER
===============================================*/

#disclaimercontent {
	padding:40px 0;
	display:none;
}


#disclaimercontent h3 {
	font-weight:900;
}



a#backToTop {
	position:fixed; 
	bottom:5px; 
	right:10px; 
	color:#000; 
	background:#fff; 
	padding:0 15px;
	font-size:20px; 
	z-index:1034; 
	border-radius: 2px;
}

footer {
	background: #101010; 
	color: #eee; 
	padding: 5px 0 
	
}
footer .container {  }
footer a{color:#eee; }


/*==============================================
           PRELOADER 
===============================================*/
#preloader {
	position:fixed; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0; 
	z-index:99999999; 
	background:#fff;
	
}

.loader {
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -26.5px;
	margin-top: -26.5px;
}

.square {
	background: indianred;
	width: 15px;
	height: 15px;
	float: left;
	top: -10px;
	margin-right: 5px;
	margin-top: 5px;
	position: relative;
	opacity: 0;
	animation: enter 6.9s infinite;
	-o-animation: enter 6.9s infinite;
	-ms-animation: enter 6.9s infinite;
	-webkit-animation: enter 6.9s infinite;
	-moz-animation: enter 6.9s infinite;
	background-color: #00FF00;
}

.enter {
	top: 0px;
	opacity: 1;
}

.square:nth-child(1) {
	animation-delay: 2.07s;
		-o-animation-delay: 2.07s;
		-ms-animation-delay: 2.07s;
		-webkit-animation-delay: 2.07s;
		-moz-animation-delay: 2.07s;
}

.square:nth-child(2) {
	animation-delay: 2.42s;
		-o-animation-delay: 2.42s;
		-ms-animation-delay: 2.42s;
		-webkit-animation-delay: 2.42s;
		-moz-animation-delay: 2.42s;
}

.square:nth-child(3) {
	animation-delay: 2.76s;
		-o-animation-delay: 2.76s;
		-ms-animation-delay: 2.76s;
		-webkit-animation-delay: 2.76s;
		-moz-animation-delay: 2.76s;
	background: rgb(77,77,77);
}

.square:nth-child(4) {
	animation-delay: 1.04s;
		-o-animation-delay: 1.04s;
		-ms-animation-delay: 1.04s;
		-webkit-animation-delay: 1.04s;
		-moz-animation-delay: 1.04s;
	animation-delay: 1.04s;
}

.square:nth-child(5) {
	animation-delay: 1.38s;
		-o-animation-delay: 1.38s;
		-ms-animation-delay: 1.38s;
		-webkit-animation-delay: 1.38s;
		-moz-animation-delay: 1.38s;
	animation-delay: 1.38s;
}

.square:nth-child(6) {
	animation-delay: 1.73s;
		-o-animation-delay: 1.73s;
		-ms-animation-delay: 1.73s;
		-webkit-animation-delay: 1.73s;
		-moz-animation-delay: 1.73s;
	animation-delay: 1.73s;
}

.square:nth-child(8) {
	animation-delay: 0.35s;
		-o-animation-delay: 0.35s;
		-ms-animation-delay: 0.35s;
		-webkit-animation-delay: 0.35s;
		-moz-animation-delay: 0.35s;
	animation-delay: 0.35s;
}

.square:nth-child(9) {
	animation-delay: 0.69s;
		-o-animation-delay: 0.69s;
		-ms-animation-delay: 0.69s;
		-webkit-animation-delay: 0.69s;
		-moz-animation-delay: 0.69s;
	animation-delay: 0.69s;
}

.clear {
	clear: both;
}

.last {
	margin-right: 0;
}



@keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-o-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-ms-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-webkit-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-moz-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}
/* preloader end*/



/*==============================================
            MEDIA QUERIES
===============================================*/

@media screen and (max-width: 768px) {
	body, #leistungen{font-size:13px}
	h1 {font-size:22px; line-height:30px; }
	h2, .leistungen_desc h2 {font-size:18px;}
	h3 {  font-size: 17px;}
	
	#maps {top:10px; right:0px; }
	
	a#backToTop {position:fixed; bottom:5px; right:5px; font-size:12px; padding:0 5px;  }

	.company_desc, .company_name {  color: #404040;   font-size: 13px; text-align:left;}
	#navbar-mobile-button {display:block; padding:0 4px 0 6px; border-radius:3px; color:#fff; z-index:10002; display:block}
	#navbar-mobile {z-index:9999999; width:78%; background:#fff; background:#0b0b0b; box-shadow: 0 2px 4px #000; padding: 25px 0 10px 0; list-style-type:none; position:fixed;  top:0; left:0; bottom:-10px; }
	#navbar-mobile  li{border-bottom:1px solid #000; padding:  10px 30px; }
	#navbar-mobile  li:hover{background: #111 none repeat scroll 0 0; color:#fff }
	#navbar-mobile  li:hover a{ color:#fff }
	#navbar-mobile li a {font-size:22px; line-height:30px;}
	.shrink  #navbar-mobile-button {display:block; position:fixed; top:6px; right:5px; font-size:18px; background:transparent; color:#111; z-index:9999; }
	.team-member {width: 95%;margin: 30px auto 60px auto ;}
	.ag-top-bottom{display:none;}
	.social {position:fixed; bottom: 5px; left:20%; z-index:20001;}
	.main-nav {display:none;}
	.ag-top {display:none !important; visibility:hidden;}
	a.mail {display:none;}
	.contact-teaser h3 { font-size: 15px;}
	.contact-teaser .contact-detail .phone_number{  font-size: 14px;}
}