/**
 *  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/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 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/pub/light-skin-1.png);
	background-position: -89px -26px;
	height: 40px;
	cursor: pointer;
	top: 50%;
	left: 30px;
	margin-top: -20px;
	position: absolute;
	z-index: 110;
}
.ms-skin-default .ms-nav-next {
	right: 30px;
	left: auto;
	background-position: -89px -103px;
}



.ms-skin-default .ms-bullet {
	width: 10px;
	height: 10px;
	background: url(../images/pub/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;
}


/**
 *  Master Slider
 *  Light-6 Skin
 */

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
	width: 45px;
	height: 45px;
	background: url(../images/light-skin-6.png) white no-repeat -16px -103px;
	border: solid 2px rgb(112, 112, 112);  border-color: rgba(0, 0, 0, 0.27);
	-webkit-background-clip: padding-box;
	top: 50%;
	left: 50%;
	margin: -23px 0 0 -23px;
}

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{background-color:#E0E0E0;}

.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
	width: 25px;
	height: 25px;
	background: url(../images/light-skin-6.png) white no-repeat -27px -36px;
	top: 15px;
	right: 15px;
}

.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
	border-radius: 30px;
}


/* controls */

.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
	position: absolute;
	cursor: pointer;
	z-index: 110;
	width: 45px;
	height: 45px;
	background: url(../images/pub/light-skin-6.png) /*white*/;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	background-position: -88px -26px;
	border: solid 1px rgb(40, 154, 200);
	/*border-color: rgba(40, 154, 200, 0.27);*/
	top: 50%;
	left: 5px;
	margin-top: -22px;
}

.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
	border-radius: 90px;
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{/*background-color:#E0E0E0;*/}

.ms-skin-light-6 .ms-nav-next {
	right: 5px;
	left: auto;
	background-position: -86px -103px;
}


.ms-skin-light-6 .ms-bullets.ms-dir-h {
	position: absolute;
	bottom: 20px;
	right: 50%;
	width: 100px;
}

.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
	right: -50%;
}

.ms-skin-light-6 .ms-bullet {
	width: 8px;
	height: 8px;
	background: black;
	-webkit-background-clip: padding-box;
	border: solid 3px white;
	border-color: rgba(255, 255, 255, 0.44);
	margin: 4px;
	background-position: -34px -117px;
}

.ms-skin-light-6.round-skin .ms-bullet{
	border-radius: 15px;
}

.ms-skin-light-6 .ms-bullet-selected {
	background-color: white;
	border-color: black;
	border-color: rgba(0, 0, 0, 0.44);
}


.ms-skin-light-6 .ms-time-bar {
	height: 3px;
	background: #FFFFFF;
}

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

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .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-light-6 .ms-tooltip-top .ms-tooltip-arrow{
	border-top: solid 10px;
	border-top-color: #289ac8;
	bottom: -10px;
}

.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
	border-bottom: solid 10px;
	border-bottom-color: #289ac8;
	top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .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-light-6 .ms-tooltip-right .ms-tooltip-arrow{
	border-right: solid 10px;
	border-left-color: #289ac8;
	left: -10px;
}

.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
	border-left: solid 10px;
	border-left-color: #289ac8;
	right: -10px;
}

.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
	width: 12px;
	height: 12px; 
	border-radius: 15px;
	border-color: #286ac8;
	background: #000;
    border: 3px solid rgb(40, 154, 200);
    background: rgba(0,0,0,.5);
	margin: -8px 0 0 -8px;
	position: absolute;
	z-index: 105;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
	width: 30px;
	height: 30px; 
	border-color: #289ac8;
    border: 1px solid rgb(40, 154, 200);
	/*background: #000;
    background: rgba(0, 0, 0, 0);*/
	margin: -16px 0 0 -16px;
	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;
}





/*-nuovo hotspot-*/
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
	content: '';
	width: 40px;
	height: 40px; 
	border-radius: 50%;
	background: url(../images/pub/mirino.png) center center no-repeat;
	background-size: cover;
	border-color: #289ac8;
    border: 1px solid rgb(40, 154, 200);
	margin: -21px 0 0 -21px;
	position: absolute;
	/*z-index: 105;*/
	transition:all 0.3s ease-in-out;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
	content: '';
	width: 40px;
	height: 40px; 
	border-color: #289ac8;
    border: 3px solid rgb(40, 154, 200);

	margin: -23px 0 0 -23px;
	position: absolute;
	border-radius: 50%;
	
	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-light-6 .ms-tooltip-point .ms-point-center:hover {
	transform:rotate(180deg);
	border-color: #fff;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-border:hover {
	border-color: #fff;
}

@keyframes point-anim{
	0% 		{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);  opacity: 1; }
	100% 	{transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5);  opacity: 0; }
}

@-webkit-keyframes point-anim{
	0% 		{-webkit-transform: scale(0.5); opacity: 1; }
	100% 	{-webkit-transform: scale(1.5);	opacity: 0; }
}





/*---------- hotspot pagina case history ----------*/

.ms-case-history .ms-tooltip-point .ms-point-center {
	border-color: #e30000;
    border: 2px solid rgb(227, 0, 0);
	background: url(../images/mirino-red.png) center center no-repeat;
}

.ms-case-history .ms-tooltip-point .ms-point-border {
	border-color: #e30000;
    border: 1px solid rgb(227, 0, 0);
	margin: -20px 0 0 -20px;
}

/*---------- fine hotspot pagina case history ----------*/


.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
	display: none;
}

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

.ms-skin-light-6 .ms-tooltip-cont {
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.88);
	box-shadow: 0px 0px 30px 0px rgba(40, 140, 210, 1);
	color: #289ac8;
}

.ms-tooltip-bottom, .ms-tooltip-top {border-top: 2px solid #289ac8; border-bottom: 2px solid #289ac8;}
.ms-tooltip-right, .ms-tooltip-left {border-left: 2px solid #289ac8; border-right: 2px solid #289ac8;}
.ms-tooltip {-webkit-box-shadow: 0px 0px 30px 0px rgba(40, 140, 200, 1);
-moz-box-shadow:    0px 0px 30px 0px rgba(40, 140, 200, 1);
box-shadow:         0px 0px 30px 0px rgba(40, 140, 200, 1);}

/* retina */
@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(../images/light-skin-1-retina.png);
		background-size: 152px 225px;
	}
	
	.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
	.ms-skin-light-6 .ms-video-btn,
	.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
	.ms-skin-light-6 .ms-nav-next,
	.ms-skin-light-6 .ms-nav-prev{background-image:url(../images/light-skin-6-retina.png);
		background-size: 152px 225px;
	}
	
}

/* custom nicola */

.ms-container { background: #d9dadb; background-size: 70% 25%;/* font-family: 'Roboto Condensed', sans-serif;*/ text-transform: uppercase; /*padding-top: 100PX; */}
.ms-showcase1, .master-slider, .ms-view {/*background: #d9dadb;*/ background: #000;}
.ms-showcase1 .master-slider,.ms-container,.ms-view{ -moz-transform: translate3d(0,0,1px); position: relative;}
.ms-showcase1 .ms-skin-default .ms-tooltip-cont{width:250px;}

#prod_evid_msg {position: absolute; top: 120px; z-index:2; /*font-family: 'Roboto Condensed', sans-serif;*/}
.testo-1 {font-size: 25px; color: #289ac8; font-weight: 300; line-height: 25px;}
.testo-2 {font-size: 40px; color: #289ac8; font-weight: 700; line-height: 40px;}
.testo-3 {font-size: 20px; color: #000; font-weight: 400; line-height: 20px; text-transform: uppercase}

.product-tt h4 { color: #fff; font-size: 1.1em; border-bottom: 1px solid #fff; margin: 5px 0; padding-bottom: 5px;}


@media (max-width: 992px) {
#prod_evid_msg {top: 50px;}
}
.mob_banner{display:none;}
@media (max-width: 768px) {
.testo-1 {font-size: 18px;}
.testo-2 {font-size: 30px;}
#sl-prod-evid.ms-showcase1 {padding-top: 100px;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center { width: 20px; height: 20px; border: 1px solid #289ac8;	margin: -11px 0 0 -11px;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border { width: 30px; height: 30px; border: 3px solid rgb(40, 154, 200); margin: -18px 0 0 -18px; }
.mob_banner{display:block;}
.master-slider{display:none;}
}