@charset "utf-8";
.navigationWrapper{
	position: absolute;
	bottom: 0px;
	height: 70px;
	width: 100%;
	padding-right: 20px;
	z-index: 66;
}
/*.nextContainerHighlighted:before{
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	right: 21px;
	width: 55px;
	height: 55px;
	border-radius: 40px;
	margin: 5px;
	margin-top: 0px;
	border: 4px solid rgba(255, 255, 0, 1);
	background: rgba(255, 255, 0, 0.7);
}*/

.nextContainerHighlighted{
	background-color: rgba(255, 255, 0, 1) !important;
}
.nexContainerVisibilityHidden{
	visibility: hidden;
	width: 32px !important;
}

.nextContainerHighlighted img{
	width: 70%;
	height: 70%;
	-webkit-animation: forwardBtn 1s infinite;
	-moz-animation: forwardBtn 1s infinite;
	-ms-animation: forwardBtn 1s infinite;
	-o-animation: forwardBtn 1s infinite;
	animation: forwardBtn 1s infinite;
}
.nextContainer, .replayContainer{
	cursor: pointer;
	float: right;
	width: 65px;
	height: 65px;
	border-radius: 40px;
	margin: 1px;
	margin-top: 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background-color: #D1D8EA;
	border: 4px solid #FFF;
	-webkit-transition: border 0.5s;
	transition: border 0.5s;
	overflow: hidden;
	position: relative;
	z-index: 88;
	display: -ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
}
.nextContainer:hover, .replayContainer:hover{
	border: 4px solid #00529C;
}
.nextContainer img, .replayContainer img{
	width: 100%;
	height:100%;
}
.replayContainer .replayImgWrapper{
	width: 60%;
	height: 60%;
}
.replayContainer .replayImgWrapper img{
	-webkit-transition: -webkit-transform 0.5s, width 0.5s, height 0.5s;
	transition: transform 0.5s, width 0.5s, height 0.5s;
}
.replayContainer:hover .replayImgWrapper{
	width: 70%;
	height: 70%;
}
.replayContainer:hover img{
	/*width: 70%;
	height: 70%;*/
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.nextContainer .nextImgWrapper{
	width: 60%;
	height: 60%;
}

.nextContainer:hover .nextImgWrapper{
	width: 70%;
	height: 70%;
}

.nextContainer:hover img{
	-webkit-animation: forwardBtn 1s infinite;
	-moz-animation: forwardBtn 1s infinite;
	-ms-animation: forwardBtn 1s infinite;
	-o-animation: forwardBtn 1s infinite;
	animation: forwardBtn 1s infinite;
}
@-webkit-keyframes forwardBtn{
	0% {
		-webkit-transform: translateX(-20px);
	}
	100% {
		-webkit-transform: translateX(50px);
	}
}
@-moz-keyframes forwardBtn{
	0% {
		-moz-transform: translateX(-20px);
	}
	100% {
		-moz-transform: translateX(50px);
	}
}
@-ms-keyframes forwardBtn{
	0% {
		-ms-transform: translateX(-20px);
	}
	100% {
		-ms-transform: translateX(50px);
	}
}
@-o-keyframes forwardBtn{
	0% {
		-o-transform: translateX(-20px);
	}
	100% {
		-o-transform: translateX(50px);
	}
}
@keyframes forwardBtn{
	0% {
		transform: translateX(-20px);
	}
	100% {
		transform: translateX(50px);
	}
}
.navigationWrapperRTL{
	display: none;
}

.hintContainer{
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	height: 70px;
	min-height: 70px;
	width: 90px;
	padding: 10px; 
	color: rgb(31, 101, 167);
	position: absolute;
	background-color: #D1D8EA;
	border-top-right-radius: 50px;
	z-index: 9999999;
	cursor: pointer;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: none;
	border-left: none;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 99;
}
.hintContainer:hover{
	border-top: 4px solid #00529C;
	border-right: 4px solid #00529C;
}
.hintText{
	display: none;
}
.hintText h2{
	font-size: 2em;
}
.hintText p{
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.hintImage{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 80px;
	height: 80px;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	display: -ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
}
.hintContainer .hintImage img{
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
}
.hintContainer:hover .hintImage img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.pagePagination {
	text-align: center;
	bottom: 15px;
	height: 30px;
	width: 100%;
	padding-top: 5px;
	position: absolute;
	z-index: 77;
}
.pagePagination .swiper-pagination-bullet {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #FFF;
	border: 2px solid #333333;
	box-shadow: 0px 0px 0px #555 inset;
	margin: 0 3px;
	cursor: pointer;
}

.pagePagination .swiper-pagination-bullet-active {
	background: rgba(2, 83, 156, 1);
}
.copyrightContainer{
	position: absolute;
	bottom: 0;
	/* margin: auto; */
	left: 0;
	right: 0;
	text-align: center;
	height: 20px;
	font-size: 14px;
}