﻿.ms-skin-default .ms-timerbar {top: 1px; bottom:auto;}
.ms-skin-default .ms-time-bar {
  height: 3px;
  background:white;
  background: rgba(255, 255, 255, 0.6);
  border-top: none;
}

.ms-skin-default .ms-nav-prev{left:5px;}
.ms-skin-default .ms-nav-next{right:5px;}


@media(max-width:500px){
	.ms-skin-default .ms-nav-next{
		opacity:1!important;
	}
	.ms-skin-default .ms-nav-prev{
		opacity:1!important
	}
	.ms-bullets.ms-dir-h{
		bottom:5px!important
	}
}

/***************titles and descriptions********************/
.ms-layer.slideDescription{
	font-weight: 100;
	margin: 0;
	padding:12px 16px 12px 40px!important;
	text-shadow: -1px 1px #000;
    max-width:80%;
    color:#fff;
}
.ms-layer.slideDescription h2{
	margin-top:0px;
	margin-bottom:10px;
	font-size:20px;	
}
.ms-layer .slideContent{
	margin-bottom:20px;
	font-size:18px;
	line-height:1.1;
}
/*.ms-layer .slideLink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.ms-layer .slideLink a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110;
}*/
.ms-layer .slideLinkButton{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding:8px 40px 12px;
	border-radius:30px;
	margin-bottom:10px;	
	text-transform:capitalize;
	font-size:18px;
}
@media(max-width:599px){
	.ms-layer.slideDescription{top:45px!important;}
}
@media(min-width:600px){
	.ms-layer.slideDescription{
		max-width:320px;
	}
}
@media(max-width:767px){
.ms-slide .ms-slide-layers {
	background-color: rgba(0, 0, 0, 0.60);
}
}
@media(min-width:768px){
	.ms-layer.slideDescription h2{font-size:30px;}
	.ms-layer .slideContent{font-size:18px;line-height:1.25}
	.ms-layer.slideDescription{
	    background: rgba(0,0,0,0.50);
		padding-left:50px!important;
		max-width:400px!important	
	}	
	.ms-layer .slideLinkButton{
	padding:6px 40px 8px;
	}
}

/********video players******************/
.ms-layer.slideDescription.video{
	background: rgba(28, 52, 165, 0.72);
	max-width:180px;
}

.ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn{
    background-image: none;
    border: 6px solid #fff;
    border-radius: 62px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 64px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: rgba(0,0,0,0.1);	
    margin: -50px 0 0 -50px;
    color: #fff;
}

.ms-skin-default .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-default .ms-video-btn:hover{
	color:#666;
    background: rgba(255,255,255,0.30);
}

.ms-skin-default .ms-slide .ms-slide-vpbtn:before, .ms-skin-default .ms-video-btn:before{
	content: "\f04b"; 
	padding-left: 31px;
}

.ms-skin-default .ms-video-btn{
    border: 4px solid #fff;
    font-size: 42px;
    width: 74px;
    height: 74px;
    line-height: 74px;
    margin: -40px 0 0 -40px;
}
.ms-skin-default .ms-video-btn:before{
		padding-left: 25px;
}

.video-box{
	left:230px; top:96px; width:662px; height:372px;
}
.video-shadow{
	left:160px; top:425px;
}



/***********small views settings***************/
.smallViews{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.72);
}
.smallViews .slideTitle,
.smallViews .slideDescription{
	margin-left:40px;
	margin-right:40px;
}

.smallViews .slideTitle{
	font-size:110%;
	margin-top:10px;
	margin-bottom:5px;
}
.smallViews .slideDescription{
	font-size:90%
}

@media(min-width:500px){
	.smallViews{
		display:none
	}
}


