#carousel{
  width:980px;
  width:100%;
  height:400px;
  position:relative;
  margin:0px auto 0 auto;
  z-index:0;
}

#carousel .raw{
  position:relative;
  margin:0px;
  padding:0px;
  list-style:none;
  height:285px;
}


#carousel .raw li{
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  width:100%
}
#carousel .raw li.selected{
  display:block;
}

#carousel .banner-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
}

#carousel .banner-cont-text {
    width: 60%;
    position: absolute;
    top: 50px;
}


    #carousel .banner-cont-title {
        font-size: 48px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    #carousel .banner-cont-abstract  {
        font-size: 24px;
        font-weight: 300;
        color: #fff;
    }

    #carousel .banner-cont-cta {
        margin-top: 50px;
    }
        #carousel .banner-cont-cta a {
        background: #c11515;
        text-transform: uppercase;
        text-decoration: none;
        padding: 15px 40px;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        transition: 0.2s;
    }

            #carousel .banner-cont-cta a:hover {
                background: #ab1212;
            }


    /*THUMBNAILS*/
    #carousel .thumb-container {
        /*width:1000px;*/
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
    }
#carousel .thumb{
  margin:0 auto;
  padding:0px;
  list-style:none;
  /*background:#a9dce7;*/
  width:auto;
  /*top:190px;*/
      position: absolute;
    top: 120px;
    left: 30px;
}


#carousel .thumb li{


 /*float:left;*/
 margin:0 6px;
 width:46px;
 /*height:56px;*/
 padding:10px 0 10px 10px;
 text-align:left;
  position:relative;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  border-bottom: 1px solid #fff;
}
  
#carousel .thumb li:hover{
  cursor:hand;
  cursor:pointer;

}

#carousel .thumb li img{
padding:5px;
width:86px;
height:46px;
}


#carousel .thumb li.selected{
font-weight: 700;
}

  #carousel .thumb li.selected .arrow
  {
    display:block;
  }

/*
#carousel .thumb li.left,
#carousel .thumb li.right{
  margin:0px;
  paddding:0px;
  width:5px;
  height:65px;
  position:absolute;
  top:0px;
  background:url(/img/banner/bgBoxNavigation.png) no-repeat;
}
#carousel .thumb li.left{
  left:-5px;
  background-position:top left;
}
#carousel .thumb li.right{
  right:-5px;
  background-position:top right;
}
*/


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */