/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */



/* ===========================================================
   GENERAL STYLES   
   ============================================================*/


body 
{
   
font-family:'Open Sans', sans-serif;
    
font-weight: 400;
    
font-size: 14px;
    
color: #000000; /*Schriftfarbe normal*/  
    
margin-top: 40px;
    
line-height:16px;
}



h1, h2, h3, h4, h5, h6 
{
      
font-family:'Open Sans', sans-serif;
    font-weight: 500;
   
line-height:40px;
   

}



h1 
{
    
color:#000000;
    
font-weight: 700;

}


.text-center 
{
    
text-align: center; 
}



.main-top-margin 
{
     
margin-top: 75px;

}


.main-low-margin 
{
     
margin-top: 55px;

}


a,a:hover 
{
    
text-decoration:none;

}



p 
{
    
line-height:30px;

margin-bottom: 23px;

}



.img-margin-product 
{
    
margin-top:30px;

}


.bottam-pad 
{
     
padding-bottom:40px;

}


.text-justify 
{
    text-align:justify;

}


/* ==========================================================================
   COLOR CODES
   ========================================================================== */



.color-red {
    color:#ff0000;
}

.color-green {
    color:#07BB00;
}

.color-light-blue {
    color:#BB00BB;
}

.color-blue {
    color:#0052FF;
}
.color-brown {
    color:#EB8F2D;
}
.color-black {
    color:#000000;
}



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



#header-section 
{
	
background: url(../img/header.jpg) 
no-repeat center top;
	
margin-top: -20px;
	
padding-top:20px;
	
text-align:center;
	
background-position: center center;
	
min-height: 700px;
	
width: 100%;	
    
-webkit-background-size: 100%;
    
-moz-background-size: 100%;
    
-o-background-size: 100%;
    
background-size: 100%;
    
-webkit-background-size: cover;
    
-moz-background-size: cover;
    
-o-background-size: cover;
    
background-size: cover;

}



#header-section h1 
{
	
margin-top: 120px;
	
color: white;/*titelfarbe*/

font-size: 60px;
	
font-weight: 900;
	
letter-spacing: 4px;
    
line-height:70px;

}



#header-section h2 
{
	
color: black;
font-size: 40px;
	
font-weight: 900;
	
letter-spacing: 4px;

}


.down-icon 
{
     
color:white;
    
font-weight:900;

}


/* ==========================================================================
   ABOUT SECTION
   ========================================================================== */



#about-section 
{
    
background-color: #FAFAFA;
	 

}




/*==========================================
   SOCIAL ICON STYLES
    =====================================================*/



.color-facebook {color:#3B5998;
}


.color-twitter {color:#00aced;
}


.color-google-plus {color:#dd4b39;
}


.color-linkedin {
color:#007bb6;
}


.color-pinterest {
color:#cb2027;
}


/* ===========================================================
   BOOTSTRAP ELEMENTS CHANGES   
   ============================================================*/


.navbar 
{
	
font-size: 14px;

}



.navbar-inverse 
{
	
background: #000000;
border-color: #5D5B66;

}



.navbar-inverse .navbar-nav > .active > a 
{
	
background: #ffffff;

}



.navbar-inverse .navbar-brand 
{
	
color: #ffffff;
	
font-weight: bolder;
	
font-size: 25px;
    
font-weight:900;
	
letter-spacing: 2px;

}


.navbar-inverse :hover .navbar-brand:hover 
{
	
color: #ffffff;	

}


.navbar-inverse .navbar-nav > li > a 
{
color: #FFFFFF;
}



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



#contact-section {
    background-color: #FAFAFA;
}


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



#footer 
{
    
background-color: #000000;
color: #FFFFFF;
text-align: left;
padding: 10px 30px 10px 30px;

}