/**
 *  Master Slider
 *  Default Skin
 */

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

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

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev { width: 30px; background: url(/images/master/light-skin-1.png); background-position: -89px -26px; height: 40px; cursor: pointer; top: 50%; left: 75px; margin-top: -20px; position: absolute; z-index: 1; opacity: 0; margin-top: -15px; }
.ms-skin-default .ms-nav-next:hover,
.ms-skin-default .ms-nav-prev:hover { opacity: 1 !important }
.ms-skin-default .ms-nav-next { right: 75px; left: auto; background-position: -89px -103px; }



.ms-skin-default .ms-bullet { width: 10px; height: 10px; background: url(/images/master/light-skin-1.png) no-repeat; margin: 4px; background-position: -34px -117px; }

.ms-skin-default .ms-bullet-selected { background-position: -34px -84px; }


.ms-skin-default .ms-time-bar { height: 3px; background: #FFFFFF; border-top: solid 1px rgba(0, 0, 0, 0.41); }


.ms-skin-default .ms-tooltip { position: absolute; z-index: 210; cursor: auto; }

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

.ms-skin-default .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; }

.ms-skin-default .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; }

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

.ms-skin-default .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; }

.ms-skin-default .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; }

.ms-skin-default .ms-tooltip-point { cursor: pointer; }

.ms-skin-default .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: 105; }

.ms-skin-default .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; }

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

.ms-skin-default .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

	.ms-skin-default .ms-slide .ms-slide-vpbtn,
	.ms-skin-default .ms-video-btn,
	.ms-skin-default .ms-slide .ms-slide-vcbtn,
	.ms-skin-default .ms-nav-next,
	.ms-skin-default .ms-nav-prev,
	.ms-skin-default .ms-bullet { background-image: url(light-skin-1-retina.png); background-size: 152px 225px; }
}


.msp-cn-163-1 { position: absolute; top: 50%; right: 25px; font-family: "Roboto"; font-weight: normal; font-size: 31px !important; line-height: normal; color: #ffffff; text-align: center; z-index: 150; left: 25px; padding: 25px 15px; }

@media only screen and (min-width: 980px) {
	.msp-cn-163-1 { font-size: 38px !important; }
}

.msp-cn-163-2 { position: absolute; top: 50%; right: 25px; left: 25px; font-family: "Roboto"; font-weight: normal; font-size: 31px !important; line-height: normal; color: #ffffff; text-align: center; background-color: rgba(16, 32, 66, 0.89); z-index: 150; padding: 25px 15px; }

@media only screen and (max-width: 600px) {
	.msp-cn-163-2 { padding: 20px 10px; right: 8px; left: 8px; font-size: 25px !important; }
	.msp-cn-163-1 { padding: 20px 10px; right: 8px; left: 8px; font-size: 25px !important; }
}

@media only screen and (min-width: 980px) {
	.msp-cn-163-2 { font-size: 38px !important; }
}