@import url(//fonts.googleapis.com/css?family=Roboto:400,300);

/*=== context menu ===*/

.context-menu {
  display: none;
  position: fixed;
  z-index: 9999;
  padding: 12px 0;
  width: 240px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
  color: #46a4a6;
}

.context-menu--active {
  display: block;
}

.context-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.context-menu__item {
  display: block;
  margin-bottom: 4px;
}

.context-menu__item:last-child {
  margin-bottom: 0;
}

.context-menu__link, .cm-link {
  display: block;
  padding: 4px 12px;
  /*color: #46a4a6!important;*/
  text-decoration: none;
}
.context-menu__link.inactive{
	color: #ccc!important;
	cursor:default;
}

.context-menu__link:hover, .cm-link:hover {
  color: #fff!important;
  background-color: #46a4a6;
}
.context-menu__link.inactive:hover{
	color: #ccc!important;
	background:transparent!important;
	text-decoration: none!important;
	
}

.v6-gallery-hidden{
	display:none;
}

/*=== cssloader ===*/
.cssload-loader {
	position: relative;
	left: calc(50% - 68px);
	width: 136px;
	height: 136px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 1700px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.9s linear infinite;
		-o-animation: cssload-rotate-one 1.9s linear infinite;
		-ms-animation: cssload-rotate-one 1.9s linear infinite;
		-webkit-animation: cssload-rotate-one 1.9s linear infinite;
		-moz-animation: cssload-rotate-one 1.9s linear infinite;
	border-bottom: 6px solid rgb(70,164,166);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.9s linear infinite;
		-o-animation: cssload-rotate-two 1.9s linear infinite;
		-ms-animation: cssload-rotate-two 1.9s linear infinite;
		-webkit-animation: cssload-rotate-two 1.9s linear infinite;
		-moz-animation: cssload-rotate-two 1.9s linear infinite;
	border-right: 6px solid rgb(70,164,166);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.9s linear infinite;
		-o-animation: cssload-rotate-three 1.9s linear infinite;
		-ms-animation: cssload-rotate-three 1.9s linear infinite;
		-webkit-animation: cssload-rotate-three 1.9s linear infinite;
		-moz-animation: cssload-rotate-three 1.9s linear infinite;
	border-top: 6px solid rgb(70,164,166);
}







@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}



/*=== normal screen ===*/

a.button{
	cursor:pointer;
	text-decoration: none;
	font-family:'BookmanOldStyle';
	font-size:16px;
	font-weight:normal;
	color: #FFF!important;
	text-shadow: 1px 1px 2px #666;
	display: inline-block;
	padding: 10px 20px 10px 0px;
	margin-top:20px;
	background: #c5c7c9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
	box-shadow:2px 2px 2px #666;
	-webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
a.button:hover{
	text-decoration: none!important;
	background-color:#999a9b;
}
a.button.fixed, .fixed{
	position:fixed;
	top:20px;
	left:40px;
	z-index:9;
}
.fixed{
	width:24px;
	height:24px;
	cursor:pointer;
	/*
	background-color:transparent!important;
	background-image:url(../images/close.png);
	background-size:95%;
	background-repeat:no-repeat;
	background-position:center center;
	*/
}
a.fixed.plus-20{
	left:80px;
}
a.fixed .fa{
	color:#46a4a6!important;
}
.sound{
	left:50px;
}
.sound.on{
	background-image:url(../images/sound_on_lite.png);
}
.sound.off{
	background-image:url(../images/sound_off_lite.png);
}

.wrapper{
	position:relative;
	/*background-color: rgba(242,242,242,0.95);
	background-image:url(../images/bg-dotted.png);*/
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	/*height:calc(100vh - 292px);*/
	overflow:hidden;
}
.gallery-wrapper{
	width:800px;
	height:600px;
	/*background-color:#efefef;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	line-height:100%;
	overflow:hidden;
	border:1px solid #333;
}
#v6-gallery{
	/*margin-top: 10px;
    margin-bottom: 10px;*/
}
#image-holder{
	position:relative;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}

.gallery-wrapper #image-holder img{
	position:absolute;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.thumb-container{
	position:absolute;
	/*
	width:100%;
	height:75px;
	background-color:rgba(0,0,0,0.2);
	*/
	bottom:30px;
	z-index:99;
	overflow:hidden;
}
.v6-thumbnail:hover img/*, .thumbnail img.current*/{
	opacity:1!important;
}

#main-frame{
	position:absolute;
	border:4px inset #f00;
	z-index:9;
}

#gallery-images{
	display:none;
}
.arrows{
	position:absolute;
	width:20%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	z-index:9;
	cursor:pointer;
}
.arrows:hover span{
	display:block;
}
.arrows#left{
	left:0;
}
.arrows#right{
	right:0;
}
.arrows span{
	position:absolute;
	display:none;
	width:100%;
	height:60px;
	top:calc( 50% - 30px );
	line-height: 85px;
	/*background-image:url('../images/arrows.png');*/
}
.arrows#left span{
    text-align: left;
	padding-left:20%;
	/*left:calc( 50% - 45px );
	background-position:top left;*/
}
.arrows#right span{
	text-align: right;
	padding-right:20%;
	/*right:calc( 50% - 45px );
	background-position:top right;*/
}
#title-bar{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-color:rgba(0,0,0,0.3);
	z-index:1;
}
#title-bar #counter{
	color: #46a4a6;
    line-height: 40px;
	float:right;
	margin-right:40px;
	font-size:12px;
}
#title-bar #title-text{
	color: #46a4a6;
    line-height: 40px;
	padding-left:40px;
	font-size:1.4em;
	Font-weight:bold;
	text-shadow: 1px 1px 3px #333;
}
.tools-btn{
	display:inline-block;
	float:right;
	margin-right:20px;
	margin-top: 1px;
	background-position:center center;
	background-size:24px;
	background-repeat:no-repeat;
	cursor:pointer;
	font-size: 1.8em!important;
    line-height: 1.5em;
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
.tools-btn:hover{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
#fullscreen-btn{
	background-image:url(../images/fullscreen.png);
}
#play-btn{
	background-image:url(../images/play.png);
}
#pause-btn{
	background-image:url(../images/pause.png);
}
footer{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	height:40px;
	background-color:#080808;
	border-top:1px solid #333;
	margin-top:20px;
	z-index:2;
}
#red-logo{
	width:150px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	margin-top: 15px;
	opacity:0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
#footer-slogan{
	display:block;
	/*font-size:0.8em;*/
	font-family:'BookmanOldStyle';
	line-height:40px;
	margin-left:30px;
    color: #888;
    font-weight: 400;
	font-size:16px;
}

#gallery-overlay {
    position: fixed;
    background-color: rgba(0,0,0,0.65);
	/*
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 64px 64px;
	*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}



/*=== full screen mode ===*/

.gallery.fullscreen, .gallery:full-screen{
	position:absolute;
	background-color:#666;
	width:100%;
	height:100%;
}

/*=== mobile styles ===*/

.mobileImgHolder{
	position:absolute;
	top:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.swipeEnd{
	position:absolute;
	width:5px;
	box-shadow:0 0 10px 3px #ff0000;
	opacity:0;
}