/**


 *  Master Slider Sample Skin


 *


 * This file does not load by Masterslider and is just for those who wants 


 * to know how skin file is structured and let them to create their own custom skin


 * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name


 */






.ms-skin-default .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 */





.ms-skin-default .ms-nav-next, .ms-skin-default .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;


}


.ms-skin-default .ms-nav-next {


	right: 30px;


	left: auto;


	background-position: -89px -103px;


}












.ms-skin-default .ms-tooltip{


	position: absolute;


	z-index: 110;


	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: 5;


}





.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;


}





/* retina */


@media 


only screen and (-webkit-min-device-pixel-ratio: 2),


only screen and (   min--moz-device-pixel-ratio: 2),


only screen and (min-device-pixel-ratio: 2),


only screen and (-webkit-min-device-pixel-ratio: 2),


only screen and (min-resolution: 192dpi),


only screen and (min-resolution: 2dppx) {


	


}