/*Image Slider CSS*/

.sliderContainer {
    position: relative;
    width: 1170px;
    height: 567px;
    overflow: hidden;
    margin: 0px auto;
}
.slidesContainer {
    width: 1170px;
    height: 567px;
    cursor: move;
    position: relative;
    left: 0px;
    top: 0px;
    overflow: hidden;
}
.slideImg {
    left: 0px !important;
 /* z-index: 2; */
    z-index: 0;
    width: 100% !important;
    right: auto !important;
 /* height: 567px; */
    height: auto !important;
    overflow: hidden;
    transform: none !important;
}
.slideContent {
    z-index: 3;
    width: 100%;
    text-align: left;
    bottom: 0px;
    height: 105px;
    padding: 40px 50px 0px 50px;
    line-height: 28px;
}
.slideContentBg{
    position: absolute;
    z-index: 2;
    width: 400px;
    height: 105px;
    background: url(/Shared/Images/SliderTextBg.jpg) repeat;
    right: 0px;
    top: 0px;
}
.slideText{
    font-size: 20px;
    line-height: 22px;
    font-family: Georgia, serif;
    color: white;
    float: left;
    max-height: 350px;
    overflow: hidden;
    width: 300px;
    text-align: left;
}
.slideTitle{
    font-size: 25px;
    font-family: 'Arvo', Georgia, serif;
    color: #fff;
    line-height: 42px;
    float: left;
    font-weight: 800;
    line-height: 30px;
}
.slideBtn, 
.slideLink {
    text-decoration: none;
    background: #1a8fa3;
    position: absolute;
    height: 20px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    border-radius: 7px;
    font-size: 14px;
    color: white !important;
    box-shadow: 1px 1px 3px #888888;
    border-bottom: solid 1px #32393f;
    border-right: solid 1px #2f393b;
    min-width: 150px;
    bottom: 20px;
    left: 30px;
}
.slideArrowContainer{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 20%;
}
.slideRightArrow,
.slideRightArrowdn {
    background: url(../Images/right.png) no-repeat 0px 1px;
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    z-index: 10;
    right: -30px !important;
    z-index:10;
}
.slideLeftArrow, 
.slideLeftArrowdn {
    background: url(../Images/left.png) no-repeat 0px 1px;
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    z-index:10;
    left: 10px !important;
    z-index: 10;
}
.slideRightArrowdn {
    background: url(../Images/right.png) no-repeat 0px 1px;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
    width: 62px;
    height: 124px;
    z-index:10;
    right:-30px !important;
    z-index:10;
}
.slideLeftArrowdn {
    background: url(../Images/left.png) no-repeat 0px 1px;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
    width: 62px;
    height: 124px;
    z-index: 10;
    left: 10px !important;
    z-index:10;
}
.jssorb01 {
    left: 300px !important;
    right: auto !important;
}
.slidePauseButton {
    display: none;
    cursor: pointer;
    background: url(/Shared/Images/pauseButton.png) no-repeat 0px 1px;
    width: 20px;
    height:20px;
    z-index:10;
    background-color: rgba(255,255,255, 0.2);
    left: 28px !important;
    position: absolute;
}
.slidePlayButton {
    cursor: pointer;
    background: url(/Shared/Images/playButton.png) no-repeat 0px 1px;
    width: 20px;
    height: 20px;
    z-index: 10;
    background-color: rgba(255,255,255, 0.2);
    left: 28px !important;
    display: none;
    position: absolute;
}

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{font-size:55px;overflow:visible;color:#5da5b3;height:16px !important;
    /*filter: alpha(opacity=70);
    opacity: .7;
    overflow:hidden;*/
    cursor: pointer;
    /*border: #000 1px solid;*/
}
.jssorb01 .av {color:#fff;text-shadow: 0px 0px 3px #3333CC;}
.jssorb01 div:hover, .jssorb01 .av:hover {color: #fff; text-shadow: 0px 0px 3px #3333CC;opacity:0.8; }

/*.jssorb01 div { background-color: gray; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }*/

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    /*background: url(../img/a17.png) no-repeat;*/
    overflow:hidden;
}


/* Below is the css changes needed for responsive. 200-500 */

/* .slideImg{width:100% !important;height:auto !important;z-index:0 !important;} */
.slideListItem{height:900px !important;}
.slidesContainer{height:900px !important;}
.sliderContainer{height:900px !important; background-image: none !important;}
.slideContent{width:100% !important;text-align:center;left:0px;top:500px !important; max-width: 1170px;}
.slideTitle {display:none;font-size:60px;font-family:Arial;color:#98012e;line-height:80px;width:100% !important;}
.slideText {	font-size:40px;line-height:60px;font-family:Arial;color:black;width:100% !important;}
.slideBtn, .slideLink {text-decoration:none;	background:#1a8fa3;position:relative;height:40px;font-weight:bold;padding:15px;text-align:center;border-radius:12px;font-size:30px;color:white !important;box-shadow:1px 1px 3px #888888;border-bottom:solid 1px #32393f;
	border-right:solid 1px #2f393b;	min-width:250px;top:80px;margin: 0 auto;left:-10px;}
.slideContentBg{width:100% !important;text-align:center;left:0px;top:460px !important;background-repeat:repeat;height:500px;background-image: none !important;}