body
{
    padding-bottom: 0px !important;
}




.carousel .item iframe
{
    display: block;
}

.Job-Feature.shortcut-thumbnail
{
    width:330px;
    float:right;
    overflow: hidden;
}

.Job-Feature .image-container
{
    width:330px;
    min-height:0px;
}

/*   Quoted text area  */

.quote .quote-img
{
    width: 100%;
}

.quote p
{
    width: 100%;
    margin: auto;
    font-style: italic;
}

.quote .quote-text
{
    margin-bottom: 20px;
}

@media (min-width: 680px)
    {
          .grey-box .carousel-control.right
          {
              margin-right: 25%;
          }
          .grey-box .carousel-control.left
          {
              margin-left: 25%;
          }
  
    }

 .grey-box .carousel-control, .grey-box .carousel-control:hover,  .grey-box .carousel-control:focus {
      position:  relative;
      left: 0;
      bottom: 0;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0,0,0,0.6);
      vertical-align:top;
      overflow:hidden;
      margin-top: 11px;
      display: block;
  }

.carousel-inner > .item > img {
    width: 100%;
}

.carousel-indicators li img
{
    width: 106px;
}

.carousel-indicators li, .carousel-indicators .active
{
    width: 106px;
    text-indent:0px;
    border: 0px;
    border-radius: 0px;
    background-color: none;
}

.carousel-control,.carousel-control:hover, .carousel-control:focus
{
    background-color: #001e62;
    width: 60px;
    height: 60px;
    font-size: 60px;
    color: #fff;
    line-height: 53px;
    z-index:1;
    opacity: 1;
}

.carousel-control.left, .carousel-control.right {
background-image: none;

}

.caroufredsel_wrapper
{
    display: block;
    text-align: start;
    float: none;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    width: 40%;
    height: 84px;
    margin: 0px;
    overflow: hidden;
}

#thumbs
{
    text-align: left;
    float: none; 
    position: absolute; 
    top: 0px; 
    right: auto; 
    bottom: auto; 
    left: 0px; 
    margin: 0px; 
    width: 3770px; 
    height: 84px; 
    z-index: auto;
}
  @media (max-width: 680px)
  {
        .caroufredsel_wrapper
        {
            width: 100%;
        }
  }

.carousel-indicators {
position: relative;
display: table-cell;
width: auto;
left: 0;
bottom: -11px;
right: 10px;
left: 10px;
}

.grey-box{
    background-color: #d0d0d0;
    display: -webkit-box;
    display: flex;
}

.carousel-indicators li img
{
    height:60px;
    padding: 1px;
}

.carousel-indicators :nth-child(n+2){
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.carousel-indicators li,.carousel-indicators li.active
{
  height:60px;
}

.carousel-caption.bottom
{
    position: initial; 
    text-align:left;
    height: 100px;
    background: #43B1E1;
    padding-bottom: 0px;   
}

.carousel-caption h1, .carousel-caption h2
{
    color: #ffffff;
    padding-left: 20px;
}




.actionBox{
    background-color:#001e62;
    margin-bottom: 20px;
    height: 160px;
  }

  .actionBox img
  {
    width: 160px;
    height: 160px;
  }

  .actionBox span{
    color: #fff;
    font-family: 'DM Sans', Verdana, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;position: absolute;
    left: 185px;
    top: 15px;
    right:20px;
  }
  .actionBox .btn
  {
    position: absolute;
    left: 185px;
    bottom: 35px;
  }

  @media (max-width: 980px)
  {
    .actionBox span
    {
      left: 200px;
    }
    .actionBox img
    {
      width: 170px;
    }
    .actionBox .btn
    {
      position: absolute;
      left: 200px;
    }
  }

  @media (max-width: 768px)
{
    .actionBox img
   {
        display: none;
   }
    .actionBox span
   {
       left: 30px;
   }
    .actionBox .btn
   {
       left: 30px;
       bottom: 15px;
   }
    .shortcut-thumbnail.Job-Feature
    {
        float:none;
        margin:auto;
    }
}
@media (max-width: 330px)
{
    .shortcut-thumbnail.Job-Feature
    {
        width:100%;
        margin-left:-15px;
        margin-right:-15px;
    }
    .shortcut-thumbnail img
    {
        width:100%;
    }
}


