@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url(css/social.css);


html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.parallax1{
    /* The image used */
	background: linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    ),
    url("img/bg-2.jpg");
	background-size: cover;
    /* Set a specific height */
    min-height: 200px; 
	color:white;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	 background-size: cover;
 
}

	.parallax {
    /* The image used */
    background:  linear-gradient(
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),url("img/11.jpg");

    /* Set a specific height */
    min-height: 800px; 
	
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	 background-size: cover;
 
}
	 body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color:black;
	  padding:0;
	  margin:0;
  }
  html, body {
    max-width: 100%;
    overflow-x: hidden;
}
 
	*{
		 font-family: Montserrat, sans-serif;
	  
	}
	footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #f4511e;
}
	.jumbotron {
      background-color: #ffd147;
      color:white;
	  
	
	  height:300px;
	   font-family: Montserrat, sans-serif;
	   font-weight:400;
	}
	
	.jumbotron .container {
  position:relative;
  z-index:2;
}
	
	.container-fluid {
    padding: 60px 50px;
	}
	hr{
	max-width:50px;
	border-width:3px;
	border-color:#f05f40;
	}
	hr.light
	{border-color:#fff;}
	
	
	.bg-grey {
	font-family: Montserrat, sans-serif;
    background-color: #f6f6f6;
	}
	.bg-black{
	font-family: Montserrat, sans-serif;
	background-color:#404040;
	padding:30px;
	color:white;
	
	}
	.bg-white{
	font-family: Montserrat, sans-serif;
	background-color:white;
	padding:30px;
	color:black;
	
	}
 
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }
@media screen and (max-width: 765px) {
.wrapper {
margin-left:45%;
  transform: translate(-50%, -50%);
}
}
.header{
height:180px;
position:fixed;

}


.sidenav {
    width: 260px;
    position: fixed;
    z-index: 1;
    top: 180px;
    left: 0px;
	
    background-color:#f1f1f1;
    overflow-x: hidden;
    padding: 0px 0;
	height:500px;
	text-align:center;
}
.footer {
    margin-left: 250px; /* Same width as the sidebar + left position in px */
    font-size: 20px; /* Increased text to enable scrolling */
    padding: 0px 10px;
	background-color:black;
	color:white;
	text-align:center;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color: black;
    display: block;
	cursor: pointer;
    transition: 0.3s;
	background-color: inherit;
}

.sidenav a:hover {
    background-color: #ddd;
}
.sidenav a.active {
    background-color: #ccc;
}
.main {
    margin-left: 250px; /* Same width as the sidebar + left position in px */
    font-size: 28px; /* Increased text to enable scrolling */
    padding: 0px 10px;
	margin-top:180px;
	background-color:;
	color:black;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
	font-size:18px;
}

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
ol  li{
   font-size:18px;
    padding: 10px;
}
.navbar {
      margin-bottom: 0;
        background-color:black;
	  background:transparent;
      z-index: 9999;
	  padding:10px;
      border: 0;
      font-size: 13px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 2px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
  }
  
  .navbar li a, .navbar .navbar-brand {
      color: white !important;
	  margin-right:0px;
  }
 
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: white !important;
      background-color: transparent !important;
	   border-bottom: 2px solid white;
	  transition: .35s ease-in-out;
  }
  .navbar-default .navbar-toggle {
     background: transparent;
      color: #fff !important;
  }
  
  
  
  
  
  @media screen and (max-width: 765px) {
  
  
	.navbar-collapse{
	margin-top:10px;
	}
	
	.navbar-toggle{
	background:transparent;
	border:none;
	
	
	}
	.navbar-default .navbar-toggle .icon-bar{
	background-color:white;
	}
	.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
	background-color:transparent;
	}
	.navbar{
	margin-bottom: 0;
      background-color:black;
	  background:transparent;
      z-index: 9999;
      border: 0;
	  padding:10px;
	  font-size: 14px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
	}
	#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
	font-size:13px;
}
	#customers th {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
	h2{
	
	font-size:25px;}
	h4{
	font-size:15px;
	}
	ol li{
	font-size:15px;
	padding:5px;
	}
	.jumbotron {
     
	  
      color: #fff;
	  padding: 100px 25px;
	  height:560px;
	   font-family: Montserrat, sans-serif;
	   font-weight:400;
	}
	 .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
	  margin:10px;
	  
	  

  }
  .navbar-nav, .navbar-nav li a {
  color:black!important;
  background-color:white;
  
  }
  
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: black !important;
	  border-radius:5px;
      background-color: #fff !important;
	    border-bottom: 2px solid black;
	 
	
  }
	}
	 @media screen and (max-width: 812px) {
	 .navbar-nav, .navbar-nav li a {
  color: black !important;
  padding:5px;
  margin-top:10px;
 
  
  }
	 }
	  @media screen and (max-width: 1024px) {
	 .navbar-nav, .navbar-nav li a {
  color: black !important;
  padding:5px;
  margin-top:10px;
 
  
  }
  
  
	 }