/*----------SLIDER---------*/

/* display none until init */
.slider{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

/*--------SLIDER MAIN-------*/

.slider-main{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.slider-main .shadeBg{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  z-index: 9999;
}
.slider-main .item{
  width: 100%;
  position: relative;
}
.slider-main .item img{
  width: 100%;
  height: auto;
}
.slider-main .desc{
  position: absolute;
  display: block;
  width: 95%;
  top: 27%;
  left: 5%;
  color: #fff;
}
.slider-main .desc h1, .slider-main .desc h2 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  width: 45%;
  font-size: 64px;
  line-height: 72px;
  letter-spacing: -1px;
}
.slider-main .desc h2 a:hover{
  color: #fff
}
.slider-main .desc p{
  width: 55%;
  overflow: hidden;
  font-size: 18px;
  line-height: 24px;
  font-family: 'PT Serif', serif;
  margin: 0 0 20px;
}
.slider-main .desc p a:hover{
  color: #2f8fce;
  text-decoration: none
}
.slider-main .desc a{
  color: #fff
}
.slider-main .desc a:hover{
  color: #2f8fce;
  text-decoration: underline;
}
.slider-main .dt{
  font-size: 13px;
  font-family:Arial, Helvetica, sans-serif;
}
.slider-main .dt span{
  font-weight: 700;
  font-size: 14px;
  font-family: 'PT Sans', sans-serif;
  padding: 3px 20px 3px 5px;
  margin-right: 15px;
  letter-spacing: 1px;
  border-right:1px solid #fff
}

/*--------SLIDER LOWER-------*/

.slider.slider-lower{
  position: absolute;
  width:90%;
  display: block;
  bottom:0;
  left: 5%;
  padding-bottom: 25px;
  cursor: pointer;
  z-index: 9999;
  text-align: center;
}
.slider-lower .item{
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
.slider-lower .item-elem{
  text-align: left;
  width: 100%;
  color: #fff;
  padding: 4px 20px 7px !important;
  border-left:3px solid #fff !important;
  height:100px;
}
.slider-lower .item-elem:hover{
  border-left:3px solid #2f8fce;
}
.slider-lower .item.active .item-elem{
  border-left: 3px solid #ffffff !important;
}
.slider-lower .item-elem:hover h2{
  text-decoration: underline;
}
.slider-lower .item-elem h2{
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
}
.slider-lower .item-elem h4{
  color: #e2e0e0;
  margin: 10px 0 0;
  padding: 0;
  font-size: 13px;
  text-transform: uppercase
}
.slider-lower .item-elem h4 a{
  color: #e2e0e0;
}
.slider-lower .item.synced .item-elem{
  border-left:3px solid #0b4572 !important;
}

/*--------CLOCK ICON-------*/

i.clockIcon, i.clockIconBlk{
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/icons/topIcons.png) -28px -70px no-repeat;
  vertical-align: top;
  margin: 1px 0 0 4px
}
i.clockIconBlk{
  background-position: -4px -90px;
  margin: 2px 0 0 4px
}

/*--------ARROW ICON-------*/

#slider1 .slick-prev {
    background: url(../images/icons/topSliderPrev.png) 0 0 no-repeat;
    right: 0px;
    left: auto;
    margin-top: 31px;
    background-size: 100%;
}

#slider1 .slick-prev, #slider1 .slick-next {
    width: 62px;
    height: 62px;
    top: 40%;
}

@media screen and (min-width: 1640px){
    #slider1 .slick-prev, #slider1 .slick-next {
        top: 400px;
    }
}

#slider1 .slick-next {
    background: url(../images/icons/topSliderNext.png) 0 0 no-repeat;
    margin-top: -31px;
    background-size: 100%;
}

#slider2 .slick-next {
    background: url(../images/icons/nextOwl.png) 0 0 no-repeat;
    width: 27px;
}
/*---------PAGINATION--------*/

.slick-dots{
  position: absolute;
  bottom: 15px;
  left: 3%;
  margin: 0;
  padding: 0px;
  text-align: left;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block !important;
}
.slick-dots li{
  display: inline-block;
  zoom: 1;
  margin: 0 5px 0 0;
  cursor: pointer;
}
.slick-dots li button{
  display: block;
  width: 35px;
  height: 7px;
  background: #0b4572;
  margin: 30px 10px;
  margin: 0;
  padding: 0;
  opacity: .5;
  font-size: 0;
  color: transparent;
  border: 0;
  outline: none;
}
.slick-dots li.slick-active button{
  opacity: 1;
}

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

/*---------RESPONSIVE------*/

@media screen and (max-width:1366px) {
  .slider-main .desc{top: 22%;}
  .slider-main .desc h2{width: 55%;}
}

@media screen and (max-width:1280px) {
  .slider-main .desc{top: 16%;left: 3%;width: 97%}

  .slider.slider-lower {width:97%;left: 3%;}
  .slider-lower .slick-prev{display:none !important;}
}

@media screen and (min-width:1281px) {
  .slider-lower .item-elem{
    text-align: left;
    width: 93%;
  }
}

@media screen and (max-width:1150px) {
  .slider .slick-prev{display:inline-block;}

  .slider-main .desc{top:7%;left: 3%;}
  .slider-main .desc h2{width: 60%;font-size: 44px;line-height: 52px;}
}

@media screen and (max-width:990px) {
  .slider-main .desc p{display: none}
}

@media screen and (max-width:750px) {
  #lowerSlider{position: absolute;left:-9999px;}

  .slider-main .shadeBg{
    position: absolute;
    top:auto;
    bottom: 0px;
    height:260px;
    background: #f3f3f3;
  }
  .slider-main .desc{color: #333; top:10%;}
  .slider-main .desc a{color: #333}
  .slider-main .desc h2 a:hover{color: #333}
  .slider-main .desc i.clockIcon{background-position: -4px -70px}
  .slider-main .desc h2{width: 100%;}
  .slider-main .dt span{padding:0;margin-right: 15px;border-right:0;}
  .slider-main .dt span a{background: #243962;color: #fff!important;padding: 5px 10px 4px;}
}

@media screen and (max-width:570px) {
  .slider-main .desc{top:20px;}
  .slider-main .desc h2{margin-top:2px}
}

@media screen and (max-width:414px) {
  .slider-main .desc h2{font-size: 34px;line-height: 42px;}
}

@media screen and (max-width:375px) {
  .slider-main .desc h2{font-size: 34px;line-height: 42px;}
}

@media screen and (max-width:320px) {
  .slider-main .desc h2{font-size: 32px;line-height: 40px;}
  .slider-main .dt span{display: block;margin-bottom: 10px;}
}

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