/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
  height: 100%;
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
  height: 50%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

footer * {
  color: #fff;
}
footer {
  padding: 50px 0;
  background-color: #2a2a2a;
}

.generic-social {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: right;
}
.generic-social li {
  display: inline-block;
  padding: 15px;
}
.generic-social li a {
  color: lightgray;
}
.navbar {
  border-radius: 0px;
}
.navbar-brand {
  float: left;
  height: auto;
  padding: 40px 15px;
  font-size: 35px;
  font-weight: bold;
  line-height: 20px;
  color: #4e4e4e;
}
.generic-contact {
  float: right;
  padding: 32px 15px;
  margin: 0;
  font-size: 25px;
  color: #565656;
}
.navbar-inverse {
  background-color: #525252;
  border-color: #525252;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #525252;
  border-top: 2px solid black;
  padding-top: 13px;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #525252;
  border-top: 2px solid black;
  padding-top: 13px;
}
.nav > li > a {
  padding: 15px 25px;
}
.navbar {
  margin-bottom: 0;
}
.generic-gallery img {
  width: 100%;
}
.generic-gallery div {
  padding: 0;
}
ul.generic-rate {
  list-style: none;
  padding: 0;
  display: inline-block;
}
ul.generic-rate li {
  display: inline-block;
  padding: 5px;
}

.slick-list > .slick-track > .slick-slide > p,
.slick-list > .slick-track > .slick-slide > ul {
  color: black;
}
/* $c1: #3a8999;
$c2: #e84a69; */

.generic-slider {
  width: auto;
  margin: 30px 50px 50px;
}

.slick-slide {
  /* background: $c1; */
  color: white;
  padding: 40px 0;
  font-size: 30px;
  font-family: "Arial", "Helvetica";
  text-align: center;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-dots {
  bottom: -30px;
}

.slick-slide:nth-child(odd) {
  /* background: $c2; */
}

.blackbackground {
  background-color: #000000;
}

.whitetext {
  color: #ffffff;
}

.section3 * {
  color: #fff;
}
.section3 {
  padding-top: 50px;
  background-color: #505050;
  padding-bottom: 50px;
}

.blackbackground .btn {
  border: 2px solid white;
  background-color: white;
  color: black;
  padding: 10px 30px;
  margin-top: 25px;
}

.generic-gallery-menu > li {
  border: 2px solid #e6e6e6;
  background-color: #e6e6e6;
  color: black;
  padding: 10px 25px;
  list-style: none;
  display: inline-block;
  margin-top: 25px;
}

.section4 .controller {
  margin-bottom: 25px;
}

.section4 .text-center {
  margin-top: 30px;
  margin-bottom: 50px;
}

.section4 .text-center > a {
  border: 2px solid #000000;
  background-color: #000000;
  color: #ffffff;
  padding: 10px 30px;
  text-decoration: none;
}

.blackbackground2 {
  background-color: #000000;
}

.blackbackground2 p,
.blackbackground2 .text-center h2 {
  color: #ffffff;
}

.text-1 {
  padding: 50px;
}

.project {
  padding: 12px;
}

.clientsays {
  background-color: #edecec;
}

.clientlogo {
  /* width: 250px;
  padding: 0px 0px;
  background-color: #f6f6f6;
  margin-top: 20px; */
}

.indent {
  margin-left: 20px;
}

.indents {
  margin-bottom: 50px;
}


.our-partners img{
    max-width:none;
    width:100%;
}

@media only screen and (max-width:767px){
  .blackbackground .btn{
    margin-bottom:15px;
  }
    .three-col .col-sm-4 img{
        display: inline-block;
    }
    .three-col .col-sm-4{
        text-align:center;
        margin-bottom:15px;
    }
    .navbar .generic-social{
      width:100%;
      text-align:center;
    }
}
@media only screen and (max-width:450px){
  .generic-contact{
    width:100%;
    text-align: center;
  }
  .navbar-brand{
    width:100%;
    text-align: center;
    padding-bottom:10px;
  }
}

.mr-1{
    margin-right:5px
}
.mb-2{
    margin-bottom:15px;
}

.row.sml > div{
    padding-right:7.5px;
    padding-left:7.5px;
}
.row.sml{
    margin-right:-7.5px;
    margin-left:-7.5px;
}