/* custom slider css */
#quoteSliderContainer{
  height:656px;
  height:inherit;
  height:100%;
  overflow:hidden;
  margin:0px;
  position:relative;
  overflow:hidden;
  z-index:0;
}

.quoteSliderPrev{display:none;margin-left:0px; z-index:400000;}

.quoteSliderNext{display:none;margin-right:0px;  z-index:400000;}

/* -------------------------- */

.quoteSliderwrapper{
  position: relative; /*leave as is*/
  overflow: hidden; /*leave as is*/
  width: 100%; /*width of featured content slider*/

  height:inherit;
}

.quoteSliderwrapper .contentdiv{
  visibility: hidden; /*leave as is*/
  position: absolute; /*leave as is*/
  left: 0;  /*leave as is*/
  top: 0;  /*leave as is*/
  padding: 0px;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:0px;
  background: #ffffff;
  background-position:center center;
  background-position:top center;
  /*background-repeat:no-repeat;*/
  background-size:cover;
  /*background-size:100% 100%;*/

  width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
  height: 100%;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.quoteSliderpagination{
  margin:0px;
  z-index:4000;
  position:relative;
  top:-28px;
  text-align:center;
}

.quoteSliderpagination > a{
  display:inline-block;
  text-decoration: none;
  color: #00007D;
  background: white;
  background:url(../images/slides/dot_grey_off.png);
  z-index:10 !important;
}

.quoteSliderpagination > a:hover, .quoteSliderpagination > a.selected{
  color: #000;
  background-color: #000000;
  background:url(../images/slides/dot_grey_on.png);
}

.toc{
  background:url(../images/slides/dot_grey_off.png);
  width:23px;
  height:19px;
  display:block;
}


.prev{
  display:none;
  background:none !important;
  float:left;
  margin-top:-50px;
}
.next{
  display:none;
  background:none !important;
  float:right;
  margin-top:-50px;
}


@media all and (max-width:1170px){
   .outerHomeSliderQuotes .pageInner h3{
    font-size:1.6em;
   }
}

@media screen and (max-width: 1024px) {
  #sliderContainer,.sliderwrapper,.contentdiv{
    height:450px;
    height:inherit;
    background-size:cover;
  }
}

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

  #sliderContainer{
    height:350px;
    height:inherit;
    height:100%;
  }
  .bannerQuote{
    margin-top:30px;
  }

}