/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.img-center{
  margin: 0 auto;
}

h1{
  margin-top: 0;
}

.white{
  color: white;
}

 /* For Social Wrapper */
 .social{
     background:#000;
     padding:10px 0;
 }
 .social-wrapper .social-icon a{
     float:left;
     font-size:13px;
     color:#fff;
 }
 .social-wrapper .social-icon a:hover{
     color:#82ca9c;
 }
 .social-wrapper .social-icon a i{
     padding-right:10px;
 }
 .social-wrapper .social-contact{
     float:right;
     font-size:13px;
 }
 .social-wrapper .social-contact a{
     color:#fff;
     margin-right:20px;
 }
 .social-wrapper .social-contact a:hover{
     color:#82ca9c;
 }
 .social-wrapper .social-contact a i{
     padding-right:5px;
 }

 /* Menu*/
 .navbar{
   margin-bottom: 0;
   min-height: 130px;
 }
 .navbar-default {
     background-color: transparent;
     border-color: transparent;
     border-radius:0;
 }
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
     color: #82ca9c;
     background-color:transparent;
 }
 .navbar-default .navbar-nav>li>a {
     color: #000;
     font-size:14px;
     font-weight:600;
 	   text-transform:capitalize;
 }
 .navbar-default .navbar-nav li a :hover{
     color: #82ca9c;
 }
 .navbar-default .collapse .login a{
     color: #82ca9c;
     border: 1px solid #82ca9c;
     border-radius: 20px;
     padding: 4px 30px;
     font-size: 12px;
     margin-top: 10px;
     margin-left: 30px;
     display:inline-block;
     overflow:hidden;
 }
 .navbar-default .collapse .login:hover a{
     background-color: rgba(0, 173, 62, 0.75);
     color:#fff;
 }
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
     color: #82ca9c;
     background-color: transparent;
 }
 .navbar-brand{
 	margin-top:-5px;
 }
 .navbar-brand img{
   max-width: 200px;
 }
 .navbar-collapse{
   margin-top: 40px;
 }

/* Body */

.jumbotron{
  height: 15%;
  max-height: 300px;
  margin: 0;
  color: whitesmoke;
}

.office{
  background: url('../img/office-blue.jpg') 50% 50%;
}
.seats{
  background: url('../img/seats-blue.jpg') 50% 50%;
}
.laptop{
  background: url('../img/laptop-blue.jpg') 50% 50%;
}
.euro{
  background: url('../img/euro-blue.jpg') 50% 50%;
}
.boat{
  background: url('../img/boat.jpg') 50% 50%;
}
.library{
  background: url('../img/library-blue.jpg') 50% 50%;
}

.bg{
 background: url('../img/breather-168767-blue.jpg') 50% 50%;
 width: 100%;
}

.text{
 padding: 20px 30px 30px 30px;
   /*font-family: 'Libre Baskerville', serif;*/
   font-family: verdana;
}

/* Footer */

footer{
  padding-top: 1.5em;
  width: 100%;
  background: #415585;
  color: #fff;
  height: 100%;
}

footer h2, footer h3, footer h4 {
  color: #fff;
}
footer h3 {
  color: #fff;
  font-size: 8px;
  font-style : italic;
}

footer .float {
  float: left;
  margin-right: 10%;
}
footer ul {
  padding: 0;
  margin: 0;
  color: #fff;
}
footer ul li {
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
  color: #fff;
}
footer ul a {
  color: #fff;
  text-decoration: none !important;
}
footer ul li a {
  color: #fff;
  text-decoration: none !important;
}
footer ul li a:hover {
  color: #fff;
}
footer .fh5co-social li {
  display: block !important;
}

.fh5co-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  clear: both;
  margin-top: 30px !important;
  padding: 28px 0 0 0;
}
.fh5co-copyright span {
  display: block;
}
@media screen and (max-width: 480px) {
  .fh5co-copyright {
    text-align: left !important;
  }
  .fh5co-copyright span {
    display: inline;
  }
}

.fh5co-social {
  padding: 0;
  margin: 0;
}
.fh5co-social li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color:#fff;
}
.fh5co-social li a {
  font-size: 22px;
  color: #fff;
  padding: 0;
  margin: 0;
  padding: 2px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
.fh5co-social li a:hover {
  color:#fff;
}
.fh5co-social li a:hover, .fh5co-social li a:active, .fh5co-social li a:focus {
  outline: none;
  text-decoration: none;
  color:#fff;
}

/* Tabs */

.tabs-left {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-left>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tab-pane{
  padding-top: 10px;
}
