/**
 *  Deploy Slider Skin
 */

.deploy .ms-slide .ms-slide-vpbtn,
.deploy .ms-video-btn{
	width: 50px;
	height: 51px;
	background: url(images/light-skin-1.png) no-repeat -14px -150px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
}

.deploy .ms-slide .ms-slide-vcbtn {
	width: 30px;
	height: 30px;
	background: url(images/light-skin-1.png) no-repeat -24px -28px;
	top: 18px;
	right: 30px;
}

/* controls */

.deploy .ms-nav-next,
.deploy .ms-nav-prev {
	width: 30px;
	background: url(images/light-skin-1.png);
	background-position: -89px -26px;
	height: 40px;
	cursor: pointer;
	top: 50%;
	left: 30px;
	margin-top: -20px;
	position: absolute;
	z-index: 10;
}
.deploy .ms-nav-next {
	right: 30px;
	left: auto;
	background-position: -89px -103px;
}

.deploy .ms-bullet {
	width: 10px;
	height: 10px;
	background: transparent;
	margin: 3px;
	border-radius:50%;
	border:2px solid #fff;
}

.deploy .ms-bullet-selected {
	background: #fff;
}
.deploy .ms-bullet:hover {
	background: #fff;
}


.deploy .ms-tooltip{
	position: absolute;
	z-index: 110;
	cursor: auto;
}

.deploy .ms-tooltip-top .ms-tooltip-arrow,
.deploy .ms-tooltip-bottom .ms-tooltip-arrow{
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	position: absolute;
	left: 50%;
	margin-left: -10px;
}

.deploy .ms-tooltip-top .ms-tooltip-arrow{
	border-top: solid 10px;
	border-top-color: silver;
	border-top-color: rgba(240, 240, 240, 0.88);
	bottom: -10px;
}

.deploy .ms-tooltip-bottom .ms-tooltip-arrow {
	border-bottom: solid 10px;
	border-bottom-color: silver;
	border-bottom-color: rgba(240, 240, 240, 0.88);
	top: -10px;
}

.deploy .ms-tooltip-right .ms-tooltip-arrow,
.deploy .ms-tooltip-left .ms-tooltip-arrow{
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

.deploy .ms-tooltip-right .ms-tooltip-arrow{
	border-right: solid 10px;
	border-right-color: silver;
	border-right-color: rgba(240, 240, 240, 0.88);
	left: -10px;
}

.deploy .ms-tooltip-left .ms-tooltip-arrow {
	border-left: solid 10px;
	border-left-color: silver;
	border-left-color: rgba(240, 240, 240, 0.88);
	right: -10px;
}

.deploy .ms-tooltip-point {cursor: pointer;}
.deploy .ms-tooltip-point .ms-point-center {
	width: 12px;
	height: 12px; 
	border-radius: 15px;
	border: solid 2px #BBB;
	background: white;
	margin: -8px 0 0 -8px;
	position: absolute;
	z-index: 5;
}

.deploy .ms-tooltip-point .ms-point-border {
	width: 22px;
	height: 22px; 
	background: black;
	background:rgba(0, 0, 0, 0.36);
	margin: -11px 0 0 -11px;
	position: absolute;
	border-radius: 15px;
	
	animation: point-anim 1.5s infinite ;
	-moz-animation: point-anim 1.5s infinite;
	-webkit-animation: point-anim 1.5s infinite;
	-o-animation: point-anim 1.5s infinite;
}

.deploy .ms-tooltip {
	max-width:200px;
}

.deploy .ms-tooltip-cont {
	padding: 10px;
	background: silver;
	background: rgba(240, 240, 240, 0.88);
	text-shadow: 0 1px 0px white;
	margin-left: -1px;
}
.deploy .ms-slide-info.ms-dir-h {
    position: absolute!important;
    left: 0;
    bottom: 0;
    padding: 20px 25px;
    box-sizing: border-box;
}
.deploy .ms-slide-info.ms-dir-h h2
{
  color: #fff!important;
  display: inline-block;
  float: left;
  clear: both;
  padding: 0;
  padding-bottom: 20px;
  letter-spacing: -0.075em;
  line-height: 100%!important;
  font-size: 2.25rem!important;
}
.deploy .ms-slide-info.ms-dir-h p
{
  color: #fff;
  clear: both;
  float: left;
  max-width: 71%;
  padding: 0;
  margin-bottom: 0!important;
  letter-spacing: normal;
  line-height: 1.3;
}
.deploy .ms-slide-info.ms-dir-h .ms-info {float:left; width: 100%; position: relative;}
.deploy .ms-slide-info.ms-dir-h .ms-info a {
  text-decoration: none!important;
  position: absolute;
  bottom: 2px;
  right: 0;
  padding: 12px 63px 12px 23px!important;
  font-size: 1.25rem!important;
  text-transform: uppercase;
}

.deploy .ms-bullets.ms-dir-h {
	z-index: 9999;
	top:25px!important;
	right:25px!important;
	bottom:auto;
	left:auto;
	width:auto!important;
}
.deploy .ms-bullets.ms-dir-h .ms-bullets-count {right:auto;}

.simple-slider .ms-slide .ms-slide-bgcont:after {
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,4b5f78+100&0+60,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(45,57,72,0) 60%, rgba(75,95,120,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(60%,rgba(45,57,72,0)), color-stop(100%,rgba(75,95,120,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(45,57,72,0) 60%,rgba(75,95,120,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(45,57,72,0) 60%,rgba(75,95,120,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(45,57,72,0) 60%,rgba(75,95,120,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(45,57,72,0) 60%,rgba(75,95,120,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4b5f78',GradientType=0 ); /* IE6-9 */
}

/* ==========================================================================
   Small Slider
   ========================================================================== */

.small-slider .deploy .ms-slide-info.ms-dir-h {top:0;bottom: auto;}
.small-slider .deploy .ms-slide-info.ms-dir-h .ms-info {float: none;}
.small-slider .deploy .ms-container {position:relative; z-index: 1;}
.small-slider .deploy .ms-slide-info.ms-dir-h {padding:0;  margin-top: 0!important;  padding: 25px;}
.small-slider .deploy .ms-info img {width:50%; border:none; margin:0;float:left;}
.small-slider .master-slider.deploy .ms-view {/*min-height:226px!important;*/}
.small-slider .deploy .ms-info h3 {
    position: relative;
    max-width: 65%;
    padding-bottom:0;
    z-index:999;
    font-size: 1.562rem!important;
    color: #fff!important;
    text-shadow: none;
    font-weight: 400;
    text-align: left;
    padding-bottom: 9px!important;
    line-height: 0.7!important;
    pointer-events: none;
}
.small-slider .deploy .ms-info h4 {
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.25rem!important;
    display: block;
    color: #fff!important;
    position:relative;
    z-index:999;
    pointer-events: none;
    line-height: 1.1!important;
    max-width: 55%;
}
.small-slider .deploy .ms-nav-next {
	top:auto;
	left:35px;
	bottom:20px;
	background-color: #015092 !important;
    padding-right: 35px!important;
    background-image: url(../images/blue-bg.png)!important;
    background-repeat: no-repeat;
    background-position: right 20%;
}

.small-slider .deploy .ms-nav-prev {
	top: auto;
    width: 30px;
    bottom: 20px;
    left: 20px;
    background: #015092;
}
.small-slider .deploy .ms-container:hover .ms-nav-next {
	background-color: #e63430!important;
    background-image: url(../images/red-bg.png)!important;
    background-repeat: no-repeat;
    background-position: right 20%;
}
.small-slider .deploy .ms-container:hover .ms-nav-prev {
	background-color: #e63430!important;
	background-image: url(../images/red-bg.png)!important;
}
.small-slider .deploy .ms-nav-next:after, .deploy .ms-nav-prev:after {
	display: block;
    content: '';
    background: url(../images/button-arrow.png) no-repeat 50% center;
    background-size: 11px 8px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0px;
    right: 12px;
    width: 11px;
}
.small-slider .deploy .ms-nav-prev:after {
	background: url(../images/button-arrow-prev.png) no-repeat 50% center;
	background-size: 11px 8px;
	left:12px;
	right:auto;
}


/* ==========================================================================
   Responsive Styles
   ========================================================================== */

 
@media (min-width: 768px) { 
	.master-slider.deploy {max-width:100%!important; margin:0!important;}
	.master-slider.deploy .ms-view {width:100%!important; left:0!important;}
	/*.master-slider.deploy .ms-slide, .ms-slide .ms-slide-bgcont img {width:100%!important;height:auto!important;}*/
	.ms-slide .ms-slide-bgcont img {margin-top:0!important;}
	.ms-inner-controls-cont {max-width:100%!important;}
}

@media (max-width: 768px) { 
	.deploy .ms-slide-info.ms-dir-h {
		padding:0;
		min-height: 1px!important;
	}
	.deploy .ms-slide-info.ms-dir-h p {display: none;}
	.deploy .ms-slide-info.ms-dir-h h2 {
		padding-bottom: 0;
		max-width: 55%;
		bottom: 10px;
		left: 10px;
		position: relative;
	}

	.deploy .ms-slide-info.ms-dir-h .ms-info a {
		position: absolute;
		display: block;
		bottom: 10px;
		right: 10px;
		float: right;
	}
	.deploy .ms-slide-info.ms-dir-h .ms-info a:after {right: 8px;}
	/*.deploy .ms-bullets.ms-dir-h {display:none;}*/
}
@media (max-width: 640px) { 
	.deploy .ms-bullet {
		width:8px;
		height:8px;
		margin:2px;
	}
	.deploy .ms-bullets.ms-dir-h {
		top:10px!important;
		right:5px!important;
	}
	.deploy .ms-slide-info.ms-dir-h h2 {font-size:1.6rem!important;}
	.deploy .ms-slide-info.ms-dir-h .ms-info a {font-size: 0.8125rem!important;}

}
@media (max-width: 480px) { 
	.deploy .ms-slide-info.ms-dir-h h2 {
		/*font-size: 1rem!important;*/
	}

	.deploy .ms-slide-info.ms-dir-h .ms-info a {
		padding: 8px 38px 8px 10px!important;
		background-position: right 13%;
	}
}

@media (max-width: 330px) { 
	.deploy .ms-slide-info.ms-dir-h h2 {
		max-width: 50%;
	}

}
@media (min-width: 768px){
 .deploy-fullwidth .ms-inner-controls-cont {max-width: 940px!important;} 
 .ms-slide .ms-slide-bgcont img {max-width:none!important;}
}