
/* ext_core.css */

.ext-util--no-overflow {
	overflow: hidden
}

.ext-item--fixed-full {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1;
	overflow-y: auto
}

.ext-anim--slide-from-right {
	left: 100%;
	transition: left .5s
}

.ext-anim--slide-from-right.show {
	left: 0
}


/* ext_diaporama.css */

.diaporama {
	width: 100%;
	height: 100%
}

.diaporama__wrapper {
	position: relative;
	margin: 0 auto
}

.diaporama__loading_screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .9);
	display: none
}

.diaporama__item {
	position: absolute;
	margin: 0;
	box-sizing: border-box;
	transition: transform .3s
}

.diaporama__item__content {
	position: relative;
	width: 100%;
	height: 100%
}


/* style.css */

.diaporama_page_double,
.diaporama_page_single {
	box-sizing: border-box;
	cursor: pointer;
	width: 100%
}

.diaporama_page_double p,
.diaporama_page_single p {
	clear: both;
	text-align: center
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/* background: #fff; */
	font-family: Lato-Regular
}

.diaporama_page_double.current,
.diaporama_page_double:hover,
.diaporama_page_single:hover {
	background-color: #FF0500
}

.diaporama_page_single {
	padding-top: 5px;
	height: 100%;
	margin: 0 auto;
	/* border: 1px solid #fff */
}

.diaporama_page_single.current {
	background-color: #e8e8e8;
	border-radius: 4px
}

.diaporama_page_single .diaporama_images {
	width: 100%;
	font-size: 0;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .5)
}

.diaporama_page_single .diaporama_images img {
	width: 100%;
	height: auto; 
	text-align: center
}

.diaporama_page_single .diaporama_page_numbers {
	font-size: 0;
	margin-top: 7px;
	color: #000000
}

.diaporama_page_single .diaporama_page_numbers span {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	text-align: center
}

.diaporama_page_double {
	padding-top: 5px;
	height: 100%;
	margin: 0 auto;
	/* border: 1px solid #fff */
}

.diaporama_page_double.current {
	border-radius: 4px
}

.diaporama_page_double .diaporama_images {
	width: 100%;
	margin-left: auto!important;
	margin-right: auto!important;
	font-size: 0;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .5)
}

.diaporama_page_double .diaporama_images img {
	display: inline-block;
	width: 50%;
	height: auto;
	text-align: center
}

.diaporama_page_double .diaporama_images.first {
	box-shadow: none
}

.diaporama_page_double .diaporama_images.first img {
	float: right;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .5)
}

.diaporama_page_double .diaporama_images.last {
	box-shadow: none
}

.diaporama_page_double .diaporama_images.last img {
	float: left;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .5)
}

.diaporama_page_double .diaporama_images.first img.diaporama__page--no-image,
.diaporama_page_double .diaporama_images.last img.diaporama__page--no-image {
	display: none
}

.diaporama_page_double .diaporama_images.first img.diaporama__page--with-image,
.diaporama_page_double .diaporama_images.last img.diaporama__page--with-image {
	float: none;
	margin: 0 auto;
	display: block;
	width: 100%
}

.diaporama_page_numbers {
	font-size: 0;
	margin-top: 7px;
	color: #000000
}

.diaporama_page_numbers span {
	display: inline-block;
	width: 50%;
	font-size: 12px;
	text-align: center
}

.diaporama_page_numbers.first span.diaporama__page--no-image,
.diaporama_page_numbers.last span.diaporama__page--no-image {
	display: none
}

.diaporama_page_numbers.first span.diaporama__page--with-image,
.diaporama_page_numbers.last span.diaporama__page--with-image {
	display: block;
	margin: 0 auto;
	width: 100%
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #FF0500; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #939598; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #939598; 
}
