/*CUSTOM CSS FOR SLIDER AND TOP BLOCKS*/

body.cms-home .main-container {
  padding-top: 20px;
}

.home-top-blocks {
  width: 100%;
  max-width: 1366px;
  margin: auto;
}

.home-lower-blocks {
  margin-top: 20px;
  margin-bottom: 20px;
}

.view-our-clients {
  margin-bottom: 40px;
}

.home-slider {
  width: 71%;
  float: left;
  margin-bottom: 20px;
}

.banner-right {
  width: 27%;
  height:201px;
  float: right;
  margin-bottom: 25px;
  position: relative;
}

.banner-right img {
  width: 100%;
  overflow: hidden;
}

.banner-caption h1,
.caption h1 {
  font-size: 24px;
  color: #fff;
  text-transform: none;
  margin-bottom: 0;
  margin-top: 0;
}

.banner-caption p,
.caption p {
  font-size: 14px;
  color: #BCBAB8;
  margin-bottom: 0;
}

.banner-caption a {
  font-weight: normal;
}

.banner-caption {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.title-image img {
  display: inline-block;
  float: left;
}

.new-section-title {
  width: 100%;
}

.new-section-title h2 {
  margin-top: -5px
}

.new-section-title h3 {
  margin-top: -12px;
  float:left;
}

.new-section-title h2,
.new-section-title h3 {
  padding-left: 65px;
}

.new-section-title p {
  width: 24%;
  float: left;
  display: inline-block;
}

div.new-section-content p {
  width: 24%;
  float: left;
  display: inline-block;
  clear:left;
}

div.new-section-content {
  margin-bottom: 15px;
}

.client-slider {
  width: 74%;
  float: right;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 4px;
}

.content.testimonials .grid12-3 {
  padding: 20px;
  background-color: #f1f1f1;
  min-height: 180px;
}

.home-top-blocks .other-testimonials {
  display: none;
}

.client-slider img {
  width: 16%;
  display: inline-block;
}

.banner-caption-color {
  padding: 20px;
  background-color: rgba(000,074,102,0.95);
  width: 100%;
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: rgba(000,074,102,0.95);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.caption:hover {
  background-color: rgba(000,074,102,0.8);
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.banner-caption-color:hover {
  background-color: rgba(000,074,102,0.8);
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.caption h2 {
  display: none;
}

.client-slider h5 {
  text-align: center;
  margin: auto;
  width: 100%;
  padding-bottom: 5px;
}

.clients {
  padding: 20px;
  border: solid 2px #f1f1f1;
}

@media screen and (min-width: 1366px) {
  .banner-right.first {
    margin-top: 0;
  }

  .banner-right {
    margin-top: 5px;
  }
}

@media screen and (min-width: 1266px) and (max-width: 1365px) {
  .home-top-blocks {
    width: 100%;
    max-width: 1366px;
    margin: auto 0 30px;
  }

  .banner-right {
    height: 185px;
  }
}

@media screen and (min-width: 1166px) and (max-width: 1265px) {
  .banner-caption h1,
  .caption h1 {
    font-size: 20px;
  }

  .banner-right {
    height: 170px;
  }
}

@media screen and (min-width: 1066px) and (max-width: 1165px) {
  .banner-caption h1,
  .caption h1 {
    font-size: 20px;
  }

  .banner-right {
    height: 155px;
  }
}

@media screen and (min-width: 999px) and (max-width: 1065px) {
  .banner-caption h1,
  .caption h1 {
    font-size: 20px;
  }

  .banner-right {
    height: 140px;
  }
}

@media screen and (min-width: 900px) and (max-width: 999px) {
  body.cms-home .main-container {
    padding-top: 15px;
  }

  .home-slider {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }

  .banner-right {
    width: 49%;
    height: 180px;
    margin-bottom: 30px;
    margin-left: 2%;
  }

  .banner-right.first {
    margin-left: 0 !important;
    float: left;
  }

  .banner-caption-color {
    height: 90px;
  }

  .slideshow-banners {
    width: 100%;
  }

  .home-lower-blocks > div:nth-child(even),
  .content.testimonials > div:nth-child(even) {
    float: right;
    width: 49%;
  }

  .home-lower-blocks > div:nth-child(odd),
  .content.testimonials > div:nth-child(odd) {
    float: left;
    width: 49%;
  }

  .banner-caption h1,
  .caption h1 {
    font-size: 24px;
  }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
  .home-lower-blocks { margin-bottom: 0; }

  .banner-caption h1,
  .caption h1 {
    font-size: 20px;
  }

  .banner-right {
    width: 49%;
    height: 180px;
    margin-bottom: 20px;
    margin-left: 2%;
  }

  .banner-right.first {
    margin-left: 0 !important;
    float: left;
  }

  .home-slider {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }

  .home-lower-blocks > div:nth-child(even),
  .content.testimonials > div:nth-child(even) {
    float: right;
    width: 49%;
  }

  .home-lower-blocks > div:nth-child(odd),
  .content.testimonials > div:nth-child(odd) {
    float: left;
    width: 49%;
  }
}

@media screen and (min-width: 600px) and (max-width: 799px) {
  .client-slider img {
    width: 31%;
    margin: auto 0.5%;
  }

  .title-image img {
    display: none;
  }

  .new-section-title h2,
  .new-section-title h3 {
    padding-left: 0;
  }

  .home-lower-blocks {
    margin-bottom: 0;
    margin-top: 20px;
  }

  .new-section-title h2 {
    margin-top: 0;
  }

  .new-section-title h3 {
    margin-top: 0;
    float:left;
  }

  a#see-more {
    margin-top: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 599px) {
  .home-slider {
    width: 100%;
    float: left;
    margin-bottom: 0;
  }

  .banner-caption h1,
  .caption h1 {
    font-size: 20px;
  }

  .banner-right {
    height: 90px;
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 20px;
  }

  .banner-right.first {
    margin-bottom: 0;
  }

  .home-lower-blocks > div,
  .content.testimonials > div {
    width: 100%;
  }

  .home-slider ul {
    margin-bottom: 0;
  }

  .banner-caption-color {
    height: 90px;
  }

  .client-slider img {
    width: 30%;
    margin: auto 0.5%;
  }

  .client-slider {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 0;
  }

  div.new-section-content p {
    width: 100%;
  }

  .title-image img {
    display: none;
  }

  .new-section-title h2,
  .new-section-title h3 {
    padding-left: 0;
  }

  .home-lower-blocks {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .view-our-clients {
    margin-bottom: 20px;
  }

  .new-section-title h2 {
    margin-top: 0;
  }

  .new-section-title h3 {
    margin-top: 0;
    float:left;
  }

  a#see-more {
    margin-top: 0;
  }
}