.article-carousel,
.gallery { overflow: hidden; position: relative; clear: both; }
.carousel-wrapper .carousel-item { float: left; box-sizing: border-box; position: relative; }
.carousel-wrapper .carousel-item img { display: block; margin: auto; max-width: none; width: 100%; }
.carousel-container { position: absolute; top: 0; }
.carousel-item .wrapper-readmore { display: block; min-height: 60px; }
.carousel-item .read-more { position: absolute; right: 10px; bottom: 10px; }
.carousel-content { padding: 0 10px; }

/*navigation*/
.navigation { position: absolute; width: 100%; top: 50%; margin-top: -25px; z-index: 1; }
.arrow { position: absolute; background: rgba(0, 0, 0, 0.71); display: none; }
.tablet .arrow,
.mobile .arrow { display: block; }
.arrow:hover { cursor: pointer; }
.arrow-left { left: 0; }
.arrow-left:before { content: ' '; background: url(../images/leftarrow.png) no-repeat; background-size: 74%; width: 50px; height: 50px; display: block; background-position: 40% 40%; }
.arrow-right { right: 0; }
.arrow-right:before { content: ' '; background: url(../images/rightarrow.png) no-repeat; background-size: 74%; width: 50px; height: 50px; display: block; background-position: 40% 40%; }
#contentPane .gallery .carousel-wrapper img { border: none; }





/*Lightbox*/
/*
.lightbox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; background: #fff; }
.lightbox { position: fixed; width: 100%; height: 100%; z-index: 100003; margin: auto; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; }
.lightbox .close-arrow { position: absolute; right: 0; top: 0; color: #ffffff; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.75); }
.lightbox .close-arrow:hover .fa { color: #AEACAC; }
.lightbox-wrapper { width: 80%; height: 80%; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.lightbox-wrapper .image-wrapper { position: relative; height: 100%; width: 100%; }
.lightbox-wrapper .image-wrapper img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.next-slider-nav:hover,
.prev-slider-nav:hover,
.close-arrow:hover { cursor: pointer; }
.next-slider-nav,
.prev-slider-nav { position: absolute; top: 43%; z-index: 2; }
.next-slider-nav { right: 0; }
.prev-slider-nav { left: 0; }
.next-slider-nav:after { background: url("images/right-arrow.png") no-repeat; }
.prev-slider-nav:before { background: url("images/left-arrow.png") no-repeat; }
.next-slider-nav:after,
.prev-slider-nav:before { content: " "; background-size: 100%; background-position: center center; width: 45px; height: 60px; display: block; }
.loading { background: url("images/ajax-loader.gif"); height: 16px; width: 16px; background-repeat: no-repeat; left: 0; right: 0; display: block; position: absolute; margin: auto; top: -100%; bottom: -100%; z-index: 90; background-position: center; }
*/