html, body {
  overflow-y: scroll;
}

.pushright{
  margin-left: 13.33% !important;
}

body{
  font-family: Karla !important;
}

.carousel-inner {
  height:inherit;
}

.track-btn{
  border: solid 1px red;
  color: red;
  text-align: center;
  background-color: transparent;
  font-size: 11px;
  padding: 9px 60px;
  font-weight: bold;
}

.carousel-inner .item.active {
    height: inherit;
    max-height: none;
}

.container-fluid{
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.black-color{
  color: black;
}
.red-box-btn{
  border: solid 1px red;
  color: red;
  text-align: center;
  background-color: transparent;
  font-size: 12px;
  padding: 9px 60px;
  font-weight: bold;
}

.red-box-btn-view{
  border: solid 1px red;
  color: red;
  text-align: center;
  background-color: transparent;
  font-size: 12px;
  padding: 9px 50px;
  font-weight: bold;
}

.red-box-btn-view:hover{
  color:white;
  background-color: red;
  border: none;
  font-size: 12px;
  padding: 9px 50px;
  font-weight: bold;
}

.pull-right{
  float: right;
}

.red-box-btn:hover{
  color:white;
  background-color: red;
  border: none;
  font-size: 12px;
  padding: 9px 60px;
  font-weight: bold;
}

.submit-red-btn{
  color:white;
  background-color: red;
  border: none;
  font-size: 14px;
  padding: 9px 35px;
  font-weight: bold;
}

.submit-red-btn:hover{
  color:white;
  text-decoration: none;
  background-color: #BB0001;
  border: none;
  font-size: 14px;
  padding: 9px 35px;
  font-weight: bold;
}

* {
    box-sizing: border-box;
}
.padding-0{
  padding-right: 0 !important;
}

.col-objectives > div{
  min-height: 250px;
}

.col-objectives{
  min-height: 250px;
  display: table-cell !important;
   padding: 16px !important;
}


.red-text{
  color: red;
}

.grayish-background{
  background-color: #F9F9F9;
}

.center-element{
  text-align: center;
}
.small-top-padding{
  padding-top: 2%;
}
.top-padding{
  padding-top: 5%;
}
.btn-top-padding{
  padding-top: 7%;
}
.bot-padding{
  padding-bottom: 10% !important;
}
.small-bot-padding{
  padding-bottom: 2%;
}

.square-center-with-padding{
  padding-left: 5% !important;
  padding-top: 5%;
  padding-bottom: 5%;
  text-align: justify !important;
  width: 100% !important;
}

.rectangle-center-with-padding{
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.section-padding{
  padding-top: 5%;
  padding-bottom: 5%;
}

.no-padding-top{
  padding-top: 0px !important;
}

.moveup{
  margin-top: -10px;
}
.black-section-title{
  color: black;
  font-weight: bold;
  font-family: LucidaGrande-Bold;
  font-size: 48px !important;
  color: #000000;
  letter-spacing: -2.18px;
  line-height: 60px;
}

.black-section-subtitle{
  color: black;
  font-weight: bold;
}

.contact-small-subheader{
  color: #979797;
  font-style: bold;
  font-size: 12px;
  margin-top: -1%;
}

.no-padding-left{
  padding-left: 0px !important;
}

.address-info{
  font-size: 11px;
  display: inline-block;
  text-align: left;
  color: black;
  font-family: WorkSans-Light !important;
  letter-spacing: -0.5px;
  line-height: 24px;
}

.gray-subtitle{
  color: #979797;
  font-style: bold;
  font-size: 12px;
  padding-top: 3%;
}
.primary-images{
  max-height: 500px;
  width: 100%;
  object-fit: fill;
  filter: brightness(70%);
}


 /*carousel */
.carousel-inner>.item{
  position:relative;

  max-height: 450px;
}
.carousel-caption{
  position: absolute;
  top: 5%;
  transform: translateX(-20%);

}
.carousel-inner img{
  width: 100%;
  height: 100%;
  filter: brightness(50%);
}

.img-wrapper{
  height: 275px;
  width: 300px;
  overflow: hidden;
}
.move-img-up{
  transform: translateY(-30%);
}

.filter-brightness{
  filter: brightness(40%);
}

.carousel-subheading{
  font-size: 24px;
  letter-spacing: -1.5px;
}

.index-carousel-heading{
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -2.9px;
  line-height: 60px
}

.carousel-caption {
  top: 17%;
}

#tracking-btn {
    margin-bottom: -10px;
    padding-bottom: 5px;
    position: relative;
    bottom: 0.7em;
    left: 2.5em;
}
.item.active img {
  height: 100%;
  object-fit: cover;
}

nav.navbar.navbar-default.nav-bar {
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.carousel-indicators .active {
    color: red;
    background-color: red;
    border: 1px solid red;
}

#carousel-example-generic {
    height: 86vh !important;
}

span.glyphicon.glyphicon-chevron-right, span.glyphicon.glyphicon-chevron-left {
    display: none;
}

.dark-gray-background{
  background-color: #D9D9D9;
}
.section-paragraph{
  display: inline-block;
  text-align: left;
  color: black;
  font-family: WorkSans-Light !important;
  font-size: 14px;
  letter-spacing: -1.0px;
  line-height: 24px;
}
.section-paragraph-small-font{
  display: inline-block;
  width: 90%;
  font-size: 12px;
  text-align: left;
  color: black;
  font-family: WorkSans-Light !important;
  line-height: 24px;
}

/*about us section in index styles*/
.team-image{
  padding-top: 10%;
  object-fit: fill;
  width: 100%;
  filter: brightness(90%);
  border-radius: 5px;
}

/*certifications section in index styles*/
.certifications-title{
  color: black;
  font-style: bold;
  text-align: center;
}

.carousel-small-font{
  font-family: Work-sans;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 24px;
}

@media only screen and (max-width: 600px) {

    .pushright{
      margin-left: 0% !important;
    }

    .red-box-btn{
      border: solid 1px red;
      color: red;
      text-align: center;
      background-color: transparent;
      font-size: 12px;
      padding: 9px 10px;
      font-weight: bold;
    }

    .track-btn{
      border: solid 1px red;
      color: red;
      text-align: center;
      background-color: transparent;
      font-size: 12px;
      padding: 9px 10px;
      font-weight: bold;
      margin-top: 15px;
      margin-left: -60px;
    }

    .col-objectives {
        display: block;
        width: 100%;
    }

    .carousel-inner>.item{
    }
    .carousel-caption{
      transform: translateX(-15%) translateY(-25%);
      width: 90% !important;

    }
    .carousel-inner img{
      width: 100%;
    }

    .index-carousel-heading{
      font-size: 24px !important;
      font-weight: bold;
      margin-bottom: 0px !important;
    }
    h2{
      font-size: 16px !important;
      margin-top: 1px !important;
    }
    h3{
      font-size: 16px !important;
    }
    h4{
      font-size: 14px !important;
    }

    .black-section-title{
      font-size: 22px !important;
    }

    .section-paragraph{
      line-height: 25px ;
    }
}