.clear > span { display: none; }
/** Pause/Start button **/
.bannerStartStop {
 position: absolute;
bottom: 0px;
 right: 0px;
 z-index: 9002;
 overflow: hidden;}

.bannerStartStop a{
 color: #ffffff;
 padding: 10px 14px 10px 14px;
 display: block;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 background: rgba(13, 27, 43, 0.8);
display: none;
}

.bannerStartStop a em{
 position: absolute;
 top: 100px;}

.bannerStartStop a:hover,
.bannerStartStop a:focus{
 background: #fff;
 color: #000;
 font-size: 1.25em;}

.bannerStartStopControl.pause span:before {
 content: "\f04c";}

.bannerStartStopControl.play span:before {
 content: "\f04b";}



.hero {
/* background-size: cover; */
/* max-height: 700px;*/
/* min-height: 550px;*/
 position: relative;
overflow: hidden;
height: 550px;
}


.hero img{
 width: 100%;}



.hero li.slick-slide:before  {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image:linear-gradient(to top ,#000000,rgba(120, 120, 120, 0.67));
    opacity: 0.5;
}



.hero li.slick-slide {
    height: 550px;
    width: 100%;
    position: relative;
    z-index: -1;
}

.hero ul.slides.slick-initialized.slick-slider {
    height: 550px;
    width: 100%;
    margin: 0px;
    overflow: hidden;
  position: relative;
}


ul.slides.slick-initialized.slick-slider {
    padding: 0px !important;
}


span.qu-text{
color:#FFF;
text-shadow: 2px 2px #000;
}


#searchTest {
    background: #FFF;
    height: 20px;
    width: 40%;
    padding: 11px;
    position: absolute;
    bottom: 72px;
    border-radius: 5px;
}



.helpful-links ul li a span.icon {
    font-size: 20px;
    color: #e2a90c;
    margin-right: 10px;
}



.helpful-links ul li a:hover .qu-text,.helpful-links ul li a:focus .qu-text {padding-left: 8px;transition: all .2s ease-in-out;}


.helpful-links ul li a {
    transition: all .2s ease-in-out;
}


.hero .info a:hover {
    text-decoration: none;
}

.helpful-links ul li a span span {
    display: none;
}

.hero:after {
 content: '';
 display: block;
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 62px;
 background: url(/UserFiles/Servers/Server_239174/Templates/heroGradient.png);
 display: none;
}

.box {
 padding: 0px;
 border: none;
 margin: 0px;
}

.hero .box {
 color: #394944;
 position: absolute;
 top: 40%;
 left: 0%;
 right: 0%;
 z-index: 99;
}

.hero .box .inside {
 padding: 30px;
 max-width: 1400px;
 margin: 0 auto;
position: relative;
}


.hero .info {
 display: table-cell;
 vertical-align: middle;
 width: 101%;
}

.hero .logo a {
 display: block;
}


.helpful-links {
    margin: 0 auto;
    padding: 0px;
  margin-top: 70px;
}

.helpful-links ul {
    margin: 0 auto;
    padding: 0px;
    text-decoration: none;
    list-style: none;
}

.helpful-links ul li {
    display: inline-block;
   margin: 10px;
}


.quick-links ul a span span {
    display: none;
}


.hero a.viewmore.btn {
    margin-top: 20px;
}

.hero .logo img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}

.hero h1 {
/*font-family: 'Roboto Slab', serif;*/
font-family: 'Libre Baskerville', serif;
 font-style: italic;
 font-size: 90px;
 margin: 0px;
 text-shadow: 3px 3px 1px #333333;
}

.hero p {
  margin: 0px;
font-size: 28px;
color: #FFF;
text-align: left;
}



.hero h2 {
    font-size: 38px;
    margin: 0px 0px 10px 0px;
    color: #FFF;
     text-shadow: 2px 2px #000;
 text-shadow: 2px 2px #000;
    letter-spacing: 1.4px;
text-align: left;
}


ul.noStyle{
 margin: 0;
 padding: 0;
 list-style: none;}


/** Banner **/
.hero{
 position: relative;
 opacity: 0;}

.hero.visible {
 opacity: 1;
 animation: fade-in 0.4s ease-in;
 animation-iteration-count: 1;
 -webkit-animation: fade-in 0.4s ease-in;
 -webkit-animation-iteration-count: 1;
 -moz-animation: fade-in 0.4s ease-in;
 -moz-animation-iteration-count: 1;}

@-webkit-keyframes fade-in {
  0%   { opacity: 0.5; }
  100% { opacity: 1; }
}