.speaker{height:30px;width:30px;position:absolute;left:0;right:0;margin:0 auto;bottom:25px;z-index:5;overflow:hidden;display:inline-block}.speaker span:after,.speaker span:before{content:'';position:absolute}.speaker span{display:block;width:8px;height:8px;background:#fff;margin:11px 0 0 2px}.speaker span:after{width:0;height:0;border-style:solid;border-color:transparent #fff transparent transparent;border-width:10px 14px 10px 15px;left:-13px;top:5px}.speaker span:before{transform:rotate(45deg);border-radius:0 50px 0 0;width:5px;height:5px;border-style:double;border-color:#fff;border-width:7px 7px 0 0;left:18px;top:9px;transition:all .2s ease-out}.speaker:hover span:before{transform:scale(.8) translate(-3px,0) rotate(42deg)}.speaker.mute span:before{transform:scale(.5) translate(-15px,0) rotate(36deg);opacity:0}

.vertical-slider{width: 100%;min-height: 450px;height:100%;overflow: hidden;position: absolute;top: 0;}
.vertical-slider .item{width: 94%;width:calc(100% - 50px);margin:25px;display: inline-block;box-shadow: 0 0 0 2px #1a1a18 inset;min-height: 420px;height: 94%;height:calc(100% - 50px);text-align: center;position:relative;}

@keyframes shapeOfGray{
	from{-webkit-filter:brightness(0%) invert(1);filter:brightness(0%) invert(1) ;}
	to{-webkit-filter:brightness(20) invert(0);filter:brightness(20) invert(0) ;}
}
.vertical-slider .item.sifir{width:100%;height:100%;margin:0;box-shadow:none;background:#1a1a18;z-index:6;}
.vertical-slider .item.sifir .logo-container{top:25%;left:0;right:0;margin:0 auto;width:auto;max-height:30%;background:url(../images/logo-white.png) no-repeat center;background-size:contain;z-index:10;position:relative;}
.vertical-slider .item.sifir .logo-container .logo{visibility:hidden;opacity:0;}
.vertical-slider .item.sifir .nav{top:50%;left:0;right:0;}
.vertical-slider .item.sifir .nav .nav-menu{float:none;}
.vertical-slider .item.sifir .nav .nav-menu li a{color:#fff;}
.vertical-slider .item.sifir .go-down{position:absolute;left:0;right:0;margin:0 auto;top:65%;height:25px;width:60px;z-index:10;background-repeat:no-repeat;background-position:center;	
	animation-name: shapeOfGray;animation-duration: 3s;animation-direction: normal;animation-iteration-count: infinite;
	/*transition:-webkit-filter 300ms,filter 300ms;*/
}
.slider-video {position: relative;left: 0;top: 0;width: 100%;height: 94%;overflow:hidden;}
.slider-video iframe {position: absolute;z-index: 1;min-width: 100%;min-height: 183%;top:-50%;left:0;}
.slider-video .overlay {position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;    background: rgba(7, 6, 16, 0.35);}

.vertical-slider .item-img{max-height: 100%;position:absolute;top:0;left:0;right:0;margin:0 auto;}



/* ==========================================================================
   Media Queries
   ========================================================================== */

	.vertical-slider{position:relative;box-shadow: 0 0 0 2px #1a1a18 inset;margin:10px;width:95%;width:calc(100% - 20px);}
	.vertical-slider .item{
		/*
		width: 100%;
		display: inline-block;
		position: relative;
		max-height: 100%;
		height: auto;
		text-align: center;*/
		width:100%;
		margin:10px 0;
		box-shadow:none;
		min-height:auto;
	}
	.vertical-slider .item.sifir{-webkit-filter:none;filter:none;background:none;z-index:-1;}
	.vertical-slider .item.sifir .nav{display:none;}
	.vertical-slider .item.sifir .logo-container .logo{position:relative;width:100px;-webkit-filter:none;filter:none;margin:55px auto 0;visibility:visible;opacity:1}
	.vertical-slider .item.sifir .logo-container{background:none;}
	.vertical-slider .item img{position:relative;}
		
}
@media screen and (max-width: 1000px) and (orientation:landscape) {
	*{min-height:auto !important;}
}


@media print{
	.vertical-slider .item{position:relative;}
	
	.vertical-slider{position:relative;height:auto;}
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */