--------------------------------------
------------SLIDER------------
--------------------------------------
*************************/

/*nivo slider*/
#nslider-wrapper {position:relative; width:100%;  height: auto; padding: 0; margin-bottom:0px;margin-top:0px;}
#page-template-slider #nslider-wrapper {position:relative; top:0px;}
#nslidert{margin-bottom:0px !important;}
#nslider img {width: 1170px; height: 491px; position: relative; display: none;margin: 0px 0 0 0px !important; }
#nslider a { border: 0;}
.sliderNivo{position: relative;margin: auto; width:1170px; height:491px; padding:0px;  z-index:9; }
#nslider-wrapper .simple.sliderNivo{height:491px; margin-top:0px;}
.page #nslider-wrapper{border-bottom:none;}
 
.nivoSlider { position: relative; width: 1170px; height: 491px; margin:0px 0 0 0px; background: url(loading0.gif) no-repeat 50% 50%; }
.nivoSlider img { position: relative; width: 1170px; height: 491px; }
.nivoSlider a.nivo-imageLink { position: absolute; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }
.nivoSlider a{margin-left:10px; margin-top:10px;}
/* ===[ The slices and boxes in the Slider ]=== */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; }
.nivo-box { display: block; position: absolute; z-index: 5; }
.nivo-directionNav a {border-radius:3px; position: absolute; top: 335px; z-index: 99; cursor: pointer; display: block; width: 20px; height: 20px;  text-indent: -9999px; border: 0; }
a.nivo-nextNav {  right: 15px;}
a.nivo-prevNav {left:873px; }
a.nivo-prevNav:hover, a.nivo-nextNav:hover {opacity:0.75;}
#roundabout { height: 348px }
.nivo-caption p{padding:5px 0px 5px 10px;}
.roundabout-holder { list-style: none; width: 480px; height: 340px; margin: 0px auto; }
.roundabout-moveable-item { font-size: 12px!important; height: 340px; width: 750px; cursor: pointer; border: 4px solid #fff; }
.roundabout-moveable-item img { height: 100%; width: 100%; margin: 0; }
.roundabout-in-focus { cursor: auto }
.roundabout-in-focus:hover { }
.roundabout a:active, .roundabout a:focus, .roundabout a:visited { outline: none; text-decoration: none; }
.roundabout li { margin: 0; z-index: 1; }
a img { border: none; outline: 0; }
.hiddendesc { display: none }
.tooltip { display: none; background: transparent url(http://www.cmspa.it/wp-content/themes/cmspa/images/tooltip.png); font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #fff; }
#nslider .nivo-controlNav ,#nslidert .nivo-controlNav{

	position:absolute;
	bottom:-100px; /* Put the nav below the slider */
	text-align:center;
	width:100%;
}
#nslidert {border:10px solid #f4f4f4;}
#nslidert .nivo-controlNav{background: #f4f3f3;height:100px;bottom:-100px;background: #f4f4f4;border-bottom: 1px solid #d7d7d7;width:960px; margin-left:-10px;}
.nivoSlider .nivo-caption p{margin:0 !important;}
#nslider .nivo-controlNav img ,#nslidert .nivo-controlNav img{
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-top:-8px !important;
	margin-left:-1px !important;
	width:110px;
	height:65px;
	padding:5px;
background: #343434; 
opacity:0.5;filter:alpha(opacity=50);
}
#nslider .nivo-controlNav img:hover ,#nslidert .nivo-controlNav img:hover{opacity:1;filter:alpha(opacity=100);}

#nslider .nivo-control.active img,#nslidert .nivo-control.active img{opacity:1;filter:alpha(opacity=100);}

.nivo-controlNav a {  cursor: pointer; background: url(http://www.cmspa.it/wp-content/themes/cmspa/images/slideshowThumbHolder.png) no-repeat; width:122px;height:82px; display: inline-block;margin-top:20px !important;}
@media all and (orientation:portrait) { 
	
}
@media all and (orientation:landscape) { 
	
}
@media screen and (max-device-width: 480px) { 
	/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }  */
}
@media print { 
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")" }
	abbr:after { content: " (" attr(title) ")" }
	.ir a:after { content: "" }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group }
	tr, img { page-break-inside: avoid }
}



/*anything slider*/


#slider-wrapper .loading{background: url(http://www.cmspa.it/wp-content/themes/cmspa/images/loading-slider.gif) 50% 20px no-repeat; height:80px; width:100%; padding:20px 0 0 0%; position:absolute; z-index:99;}
#slider-wrapper-iframe {}
#slider-wrapper{position:relative;width:100%; min-height:100px;max-height:500px;margin-bottom:25px;}
.anythingSlider {margin: 0 auto; padding:0; overflow:hidden; display:block}
.projectdetails .anythingSlider {padding: 0;}
.anythingSlider  iframe{margin-top:30px;padding :0 0 0px 0px; width:740px;height:420px;border:10px solid #1e1e20; border:10px solid rgba(0,0,0,0.25);}
.anythingSlider  .iframes{position: relative; margin:0 auto; width:960px; height:500px;}
.anythingSlider .images{position: relative; text-align: center;}
#slider img{position:relative;z-index:90; max-height:500px;}
.projectdetails #slider img {max-height:none;}
#slider { width:100%; list-style: none; overflow:hidden; margin:0px auto 0 auto;}
.textSlide{position: absolute;   text-align:left; z-index:99;}
.textSlide li {list-style:none; font-size:14px;padding:0;color:#fff !important;}
.textSlide img:hover {opacity:0.75 !important;filter:alpha(opacity=75) !important;}

.textSlide .button {border-radius: 3px;float:left; background:#000;background-color: rgba(0,0,0,0.5);padding:10px; z-index:9999 !important; padding:5px 10px 5px 10px;cursor:pointer;margin:21px 0 0 20px;font-size:10px;
-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	text-transform:uppercase;}
.iframes .textSlide .button {margin:16px 0 0 20px;}
.textSlide .button a, .textSlide h1, .textSlide li {color:#fff;}
.textSlide .button:hover {background-color: rgba(0,0,0,0.25);filter:alpha(opacity=50);}

.textSlide .captionBox {background:#444;background-color: rgba(0,0,0,0.25);float:right;}
.textSlide .box{background:#fff; padding:8px 0px 10px 20px; text-shadow:0 1px 0 rgba(0,0,0,0.1);}
.textSlide h1 {margin-left:20px;}
.textSlide h1.underline {width:20px;  overflow:visible;white-space:nowrap;margin:0 0 15px 20px;padding:0 0 12px 0;}
.textSlide li.object1,.textSlide li.top1,.textSlide li.top2,.textSlide li.top3, .textSlide li.bounceBall1, .textSlide li.bounceBall2, .textSlide li.bounceBall3, .textSlide li.bounceBall4,.textSlide li.bounceBall5,.textSlide li.bounceBall6{float:left; position:absolute;display:inline-block;}
.textSlide li.object1 IMG, .textSlide li.top IMG,.textSlide li.top1  IMG,.textSlide li.top2  IMG,.textSlide li.top3  IMG, .textSlide li.bounceBall1  IMG, .textSlide li.bounceBall2  IMG, .textSlide li.bounceBall3  IMG, .textSlide li.bounceBall4  IMG,.textSlide li.bounceBall5  IMG,.textSlide li.bounceBall6  IMG{position:absolute !important;}
.textSlide .box{background:#fff; padding:8px 0px 10px 20px; text-shadow:0 1px 0 rgba(0,0,0,0.1);}
.textSlide .quote{margin:3px 0 0 20px; font-style:italic;font-size:16px;}
.textSlide .quote2{float:left; font-style:italic;font-size:18px;}
.textSlide li.bounceBall1 {z-index:10;}
.textSlide li.bounceBall2 {z-index:11;}
.textSlide li.bounceBall3 {z-index:12;}
.textSlide li.bounceBall4 {z-index:9;}
.textSlide li.bounceBall5 {z-index:14;}
.textSlide li.bounceBall6 {z-index:15;}
.textSlide ul{margin:0;}
.textSlide h3{list-style:none; font-size:18px;}
.nextbutton { overflow: hidden; padding: 0; position: absolute; bottom:25px;  right:20px; cursor: pointer;  width: 30px; height: 20px; z-index:100; }
.prevbutton { overflow: hidden; padding: 0; position: absolute; bottom:25px;  right: 42px; cursor: pointer;  width: 30px; height: 0px; z-index:100  }
.nextbutton { width: 20px; height: 20px;  border-radius: 3px;background: #eee url(http://www.cmspa.it/wp-content/themes/cmspa/images/slideshowArrowForward.png) no-repeat 0px 1px;background: rgba(255,255,255,0.5) url(http://www.cmspa.it/wp-content/themes/cmspa/images/slideshowArrowForward.png) no-repeat 0px 1px;}
.prevbutton { width: 20px; height: 20px;  border-radius: 3px; background: #eee url(http://www.cmspa.it/wp-content/themes/cmspa/images/slideshowArrowBackward.png) no-repeat 0px 1px;background: rgba(255,255,255,0.5) url(http://www.cmspa.it/wp-content/themes/cmspa/images/slideshowArrowBackward.png) no-repeat 0px 1px; }
.nextbutton:hover, .prevbutton:hover {opacity:0.65;filter:alpha(opacity=65);}
.anythingSlider .start-stop { display: none !important }
.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
.anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; }
.slidertip { outline: none; position: relative; text-decoration: none !important; }
span.slidertip { display: inline-block; /* IE trick */ }
.slidertip:hover .tooltip { opacity: 1 !important; visibility: visible; }
.tooltip { padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; position: absolute; opacity: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); visibility: hidden; white-space: nowrap; width: 88px !important; white-space: normal !important; background-image: url(http://www.cmspa.it/wp-content/themes/img/slidertip-bg.png); z-index: 9999; height: 106px; background-repeat: no-repeat; }
.tooltip.center { left: -48px; margin-left: 50%; right: auto; }
.tooltip.top { bottom: 100%; margin-bottom: 0px; top: auto; }

@media screen and (max-width:1281px)
{
.nextbutton {  margin-left: 490px; }
.prevbutton {  margin-left: -550px;}
}

@media screen and (max-width:1025px)
{
.nextbutton {  margin-left: 390px; }
.prevbutton {  margin-left: -440px;}
}