/*

DirectMail Style Sheet/Home - Innate
--------------------------------------------*/

.featured { overflow: visible !important; margin-bottom: 0 !important; height: 70px; }
  .featured h2 { float: left; margin-top: -40px; padding-right: 15px; background: #fff; }


/* Owl */

.carouselContainer { width: 100%; margin: 11px 0 30px 11px; padding: 0; background: url(/files/images/backgrounds/bkg-breadcrumb.gif); }
  .owl-carousel { position: relative; top: -11px; left: -11px; z-index: 0; width: 99%; list-style-type: none; margin: 0; padding: 0; }

.owl-theme { position: relative; }
.owl-theme .owl-controls {
  position: absolute;
  bottom: 5px;
  right: 10px;
  width: 100%;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
}
.owl-theme .owl-controls .owl-nav [class*='owl-'] {
   overflow: hidden; display: block; position: absolute; top: -190px; width: 38px; height: 66px; background: url(/files/images/backgrounds/bkg-carousel-arrow.png) no-repeat center center; text-indent: -1000px; }
.owl-theme .owl-nav, .owl-theme .owl-dots, .owl-theme .owl-dots .owl-dot { margin: 0; }

.owl-theme .owl-dots { float: right; }
.owl-theme .owl-nav { position: relative; }
.owl-theme .owl-prev { left: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.owl-theme .owl-next { right: 0; }

.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  
}
.owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  /**display: inline;*/
}
.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 3px;
  background: #fff;
  background: rgba(255,255,255,0.7);
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #ff8b00;
}


.owl-theme .owl-item div { display: block; float: left; padding-bottom: 0; background: #fff; }

.owl-theme .owl-item div strong { position: absolute; top: 80px; left: 60px; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; font-size: 50px; font-size: 5.0rem; line-height: 1; }
.owl-theme .owl-item div strong span { display: block; font-size: 25px; font-size: 2.5rem; border-left: 0; color: #fff200; }
  .owl-theme .owl-item div span.viewProject { top: 100px; left: 30px; font-weight: normal; font-size: 1.8rem; color: #e85d00; }
    .owl-theme .owl-item div img { position: relative; left: 0; top: 0; max-width: 100%; height: auto; }

.geoInsightText { display: inline-block !important; max-width:210px !important; margin-top:10px; margin-bottom:-15px; margin-right:25px; }

/* Clients */

.clients { overflow: hidden; float: left; width: 100%; height: 90px; margin: 0; padding: 0; }
  
  .clients ul { display: block; margin: 0; padding: 0; }
  .clients li { display: table-cell; vertical-align: middle; width: auto; height: 88px; padding: 0 10px 0 0; }
  #group1 li { padding: 0 40px 0 0; }
  #group2 li { padding: 0 34px 0 0; }
  #group3 li { padding: 0 48px 0 0; }
  #group4 li { padding: 0 46px 0 0; }

/* 40 Years */

.fortyYears { float: left; width: 100%; margin: 20px 0 0 !important; padding: 50px 0 0 !important; }
  .fortyYears img { float: left; margin-right: 40px; }
  .fortyYears p { float: left; width: 270px; font-size: 17px; font-size: 1.7rem; font-style: normal; font-family: 'Foundation Sans Regular'; color: #7dcdff; line-height: 1.7; }
  .fortyYears p em { font-style: normal; font-family: 'Foundation Sans Regular Italic'; }

  .sidebar .btnLink { bottom: 0; }  


/* Small Screen Mobile */

@media only screen and (max-width: 667px) { 
/* Start of Media Query */ 

    .owl-theme .owl-item div strong { position: absolute; top: 20px; left: 30px; display: inline-block; width: 220px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; font-size: 24px;  font-size: 2.4rem; line-height: 1; }
      .owl-theme .owl-item div strong span { display: block; font-size: 1.4rem; border-left: 0; color: #fff200; }
      
      .clients { height: 130px; padding-top: 20px; }
        .clients > div { float: left; clear: both; margin-bottom: 100px; }
        .clients ul { width: 100%; padding: 0 33px; }
        .clients li { float: left; width: 21%; height: 80px !important; padding-right: 33px !important; }
          .clients ul li:nth-child(4){ padding-left: 33px !important; }
        .clients img { max-width: 100%; }

/* End of Media Query */
}