/* 
    Created on : 2016.09.23., 15:43:07
    Author     : stradus
*/

#profileMediaSlider {
top:0px;
left:0px;
position:fixed;
z-index:200;
min-width:100%;
min-height:100%;
max-width:100%;
background-color:rgba(0,0,0,.7);
display:none;
text-align:center;
vertical-align:middle;
text-shadow:0px 1px 1px #111;
}
	#profileMediaSlider .left, #profileMediaSlider .right, #profileMediaSlider .background{
	display:inline-block;
	position:absolute;
	}
	#profileMediaSlider .left, #profileMediaSlider .right {
	width:8%;
	height:100%;
	cursor:pointer;
    z-index:50;
    min-width:70px;
	}
	#profileMediaSlider .left div, #profileMediaSlider .right div{
	height:50px;
	width:50px;
	text-align:center;
	top:calc(50% - 25px);
	color:#fff;
	border:3px solid #fff;
	border-radius:30px;
	line-height:46px;
	font-size:24px;
	background:#555;
    -webkit-transition: .3s;
    transition: .3s;
	display:inline-block;
	position:relative;
	box-shadow:0px 1px 2px #111;
	}
		#profileMediaSlider .left:hover div, #profileMediaSlider .right:hover div{
		opacity:.8;
		}
		#profileMediaSlider .right:hover div{
		text-indent:5px;
		}
		#profileMediaSlider .left:hover div{
		text-indent:-5px;
		}
	#profileMediaSlider .left{
	left:0px;
	text-align:right;
	}
	#profileMediaSlider .right{
	right:0px;
	text-align:left;
	}
	#profileMediaSlider .background{
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	}
	#profileMediaSlider .description{
            color:#fff;
            position:absolute;
            text-align:center;
            top:8px;
            width:80%;
            left:10%;
        }
	#profileMediaSlider .counter{
	color:#ccc;
	position:absolute;
	text-align:center;
	width:100%;
	bottom:2px;
	font-size:12px;
	}
	#profileMediaSlider .x{
        z-index:51;
	color:#ccc;
	position:absolute;
	text-align:center;
	display:inline-block;
	top:3px;
	right:7px;
	font-size:22px;
	cursor:pointer;
	-webkit-transition: .1s;
	transition: .1s;
	padding:13px 13px 4px 4px;
	}
		#profileMediaSlider .x:hover{
		color:#fff;
		}
	#profileMediaSlider .media{
	display:inline-block;
	font-size:0px;
	vertical-align:middle;
	position:relative;
    z-index:49;
	object-fit: contain;
	}
	#profileMediaSlider .media *{
	margin-top:55px;
	min-height:auto;
	max-height:90vh;
	max-height:calc(90vh - 55px);
	box-shadow:0px 1px 2px #111;
	max-width:100%;
	object-fit: contain;
	}
	#profileMediaSlider .media iframe{
	margin-top:10vh !important;
	width:65vw !important;
	height:80vh;
	}