/** Stage container **/



.news .wrapper .connected-carousels .stage {

    width: 100%;

    margin: 20px auto;

    position: relative;

}



.news .wrapper .connected-carousels .photo-credits {

    position: absolute;

    right: 15px;

    bottom: 0;

    font-size: 13px;

    color: #fff;

    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);

    opacity: .66;

}



.news .wrapper .connected-carousels .photo-credits a {

    color: #fff;

}



/** Navigation container **/



.news .wrapper .connected-carousels .navigation {

    width: 100%;

    margin: 20px auto;

    position: relative;

}



/** Shared carousel styles **/



.news .wrapper .connected-carousels .carousel {

    overflow: hidden;

    position: relative;

}



.news .wrapper .connected-carousels .carousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

}



.news .wrapper .connected-carousels .carousel li {

    float: left;

    max-width: 708px;

    box-sizing: border-box;

}



.news .wrapper .connected-carousels .carousel li h3 {

    width: 105px;

    height: 42px;

}



/** Stage carousel specific styles **/



.news .wrapper .connected-carousels .carousel-stage {

    height: 272px;

}

.news .wrapper .connected-carousels .carousel-stage li {

    padding: 25px;

    background-color: #d2d2d2;

    background-image: none;

}



.news .wrapper .connected-carousels .carousel-stage li h3 {

    background-color: #cd2a2d;

    font-size: 24px;

    color: #fff;

    line-height: 42px;

    margin-top: 0;

    margin-bottom: 15px;

    height: 42px;

    border-bottom: none;

    text-align: center;

}



.news .wrapper .connected-carousels .carousel-stage li p {

    color: #000;

    line-height: 1.7em;

    text-indent: 2em;

    font-size: 14px;

    background-color: #fff;

    padding: 25px 20px;

    margin: 0;

}



/** Navigation carousel specific styles **/



.news .wrapper .connected-carousels .carousel-navigation {

    width: 100%;



}



.news .wrapper .connected-carousels .carousel-navigation li {

    cursor: pointer;

    margin-right: 50px;

    background-color: #ca1712;

}



.news .wrapper .connected-carousels .carousel-navigation li h2 {

    color: #fff;

    font-size: 24px;

    margin: 10px 0;

    text-align: center;

}



.news .wrapper .connected-carousels .carousel-navigation li p {

    color: #fff;

    font-size: 17px;

    text-align: center;

    margin: 10px 0;

    float: none; 

    background-color: transparent;

}



.news .wrapper .connected-carousels .carousel-navigation li img {

    display: block;

}



.news .wrapper .connected-carousels .carousel-navigation li.active img {

    border-color: #ccc;

}



/** Stage carousel controls **/



.news .wrapper .connected-carousels .prev-stage,

.news .wrapper .connected-carousels .next-stage {

    display: block;

    position: absolute;

    top: 0;

    width: 305px;

    height: 410px;

    color: #fff;

}



.news .wrapper .connected-carousels .prev-stage {

    left: 0;

}



.news .wrapper .connected-carousels .next-stage {

    right: 0;

}



.news .wrapper .connected-carousels .prev-stage.inactive,

.news .wrapper .connected-carousels .next-stage.inactive {

    display: none;

}



.news .wrapper .connected-carousels .prev-stage span,

.news .wrapper .connected-carousels .next-stage span {

    display: none;

    position: absolute;

    top: 50%;

    width: 30px;

    height: 30px;

    text-align: center;

    background: #4E443C;

    color: #fff;

    text-decoration: none;

    text-shadow: 0 0 1px #000;

    font: 24px/27px Arial, sans-serif;

    -webkit-border-radius: 30px;

       -moz-border-radius: 30px;

            border-radius: 30px;

    -webkit-box-shadow: 0 0 2px #999;

       -moz-box-shadow: 0 0 2px #999;

            box-shadow: 0 0 2px #999;

}



.news .wrapper .connected-carousels .prev-stage span {

    left: 20px;

}



.news .wrapper .connected-carousels .next-stage span {

    right: 20px;

}



.news .wrapper .connected-carousels .prev-stage:hover span,

.news .wrapper .connected-carousels .next-stage:hover span {

    display: block;

}



/** Navigation carousel controls **/



.news .wrapper .connected-carousels .prev-navigation,

.news .wrapper .connected-carousels .next-navigation {

    display: block;

    position: absolute;

    width: 37px;

    height: 37px;

    text-decoration: none;

    background-position: center;

    background-repeat: no-repeat;

}



.news .wrapper .connected-carousels .prev-navigation {

    left: 0;

    top: -50px;

    text-indent: 6px;

    background-image: url(../images/left2.jpg);

}



.news .wrapper .connected-carousels .next-navigation {

    left: 85px;

    top: -50px;

    text-indent: 20px;

    background-image: url(../images/right2.jpg);

}



.news .wrapper .connected-carousels .prev-navigation.inactive,

.news .wrapper .connected-carousels .next-navigation.inactive {

    opacity: .5;

    cursor: default;

}

.news .wrapper {

    max-width: 770px;

    padding: 50px 30px 0 30px;

    margin: auto;

    box-sizing:border-box;



}