﻿/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider{
width:600px;
position:relative;
direction:ltr;
}
.royalSlider > *{
float:left;
}
.rsWebkit3d .rsSlide{
-webkit-transform:translateZ(0);
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink{
-webkit-backface-visibility:hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer{
-webkit-transform:none;
}
.rsOverflow{
width:100%;
height:100%;
position:relative;
overflow:hidden;
float:left;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap{
width:100%;
height:100%;
position:relative;
overflow:hidden;
left:0;
top:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow{
position:absolute;
left:0;
top:0;
}
.rsContainer{
position:relative;
width:100%;
height:100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow{
cursor:pointer;
}
.rsThumb{
float:left;
position:relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow{
opacity:1;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
transition:opacity 0.3s linear;
}
.rsHidden{
opacity:0;
visibility:hidden;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption{
width:100%;
float:left;
text-align:center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen{
position:fixed !important;
height:auto !important;
width:auto !important;
margin:0 !important;
padding:0 !important;
z-index:2147483647 !important;
top:0 !important;
left:0 !important;
bottom:0 !important;
right:0 !important;
}
.royalSlider .rsSlide.rsFakePreloader{
opacity:1 !important;
-webkit-transition:0s;
-moz-transition:0s;
-o-transition:0s;
transition:0s;
display:none;
}
.rsSlide{
position:absolute;
left:0;
top:0;
display:block;
overflow:hidden;
height:100%;
width:100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide{
height:auto;
}
.rsContent{
width:100%;
height:100%;
position:relative;
}
.rsContent img{
height:auto!important;
margin:0!important;
}
.rsPreloader{
position:absolute;
z-index:0;
}
.rsNav{
-moz-user-select:-moz-none;
-webkit-user-select:none;
user-select:none;
}
.rsNavItem{
-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
.rsThumbs{
cursor:pointer;
position:relative;
overflow:hidden;
float:left;
z-index:22;
}
.rsTabs{
float:left;
background:none !important;
}
.rsTabs,
.rsThumbs{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVideoContainer{
/*left:0;
top:0;
position:absolute;*/
/*width:100%;
height:100%;
position:absolute;
left:0;
top:0;
float:left;*/
width:auto;
height:auto;
line-height:0;
position:relative;
}
.rsVideoFrameHolder{
position:absolute;
left:0;
top:0;
background:#141414;
opacity:0;
-webkit-transition:.3s;
}
.rsVideoFrameHolder.rsVideoActive{
opacity:1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj{
position:absolute;
z-index:50;
left:0;
top:0;
width:100%;
height:100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding-right:44px;
}
.rsABlock{
left:0;
top:0;
position:absolute;
z-index:15;
}
img.rsImg{
max-width:none;
}
.grab-cursor{
cursor:url('/NewGenerationSite/i/royalSlider/grab.png') 8 8, move; 
}
.grabbing-cursor{ 
cursor:url('/NewGenerationSite/i/royalSlider/grabbing.png') 8 8, move;
}
.rsNoDrag{
cursor:auto;
}
.rsLink{
left:0;
top:0;
position:absolute;
width:100%;
height:100%;
display:block;
z-index:20;
background:url('/NewGenerationSite/i/royalSlider/blank.gif');
}
/******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite:'rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs{
background:transparent;
color:#FFF;
-webkit-transform: translateZ(0);
}
/***************
*
*  1. Arrows
*
****************/
.rsMinW .rsArrow{
height:32px;
width:32px;
position:absolute;
display:block;
cursor:pointer;
z-index:21;
}
.rsMinW .rsArrowLeft{
right:37px;
bottom:7px; 
}
.rsMinW .rsArrowRight{
right:7px; 
bottom:7px;
}
.rsMinW .rsArrowIcn{
width:22px;
height:22px;
margin-top:3px;
margin-left:3px;
position:absolute;
cursor:pointer;
background:url('/NewGenerationSite/i/royalSlider/rs-minimal-eui.png') transparent;
}
.contentSlider .rsArrowIcn{
margin-top:35px;
}
.rsMinW .rsArrowIcn:hover{
}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn{
background-position:-69px -37px;
}
.rsMinW.rsHor .rsArrowRight .rsArrowIcn{
background-position:-69px -69px;
}
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn{
background-position:-100px -36px;
}
.rsMinW.rsVer .rsArrowRight .rsArrowIcn{
background-position:-100px -68px;
}
.rsMinW .rsArrowDisabled .rsArrowIcn{
opacity:.3 !important; 
filter:alpha(opacity=30);
*display:none;
}
/***************
*
*  2. Bullets
*
****************/
.rsMinW .rsBullets{
position:absolute;
bottom:15px;
right:73px;
z-index:35;
padding-top:4px;
height:auto;
text-align:center;
line-height:6px;
overflow:hidden;
}
.rsMinW .rsBullet{
width:6px;
height:6px;
display:inline-block;
*display:inline; 
*zoom:1;
padding:6px 5px 6px 4px;
}
.rsMinW .rsBullet span{
display:block;
width:6px;
height:6px;
background:#CCC;
background:rgba(255,255,255,0.5);
box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rsMinW .rsBullet.rsNavSelected span{
background:#0085C2;
}
/***************
*
*  3. Thumbnails
*
****************/
.rsMinW .rsThumbsHor{
width:100%;
height:72px;
}
.rsMinW .rsThumbsVer{
width:96px;
height:100%;
position:absolute;
top:0;
right:0;
}
.rsMinW.rsWithThumbsHor .rsThumbsContainer{
position:relative;
height:100%;
}
.rsMinW.rsWithThumbsVer .rsThumbsContainer{
position:relative;
width:100%;
}
.rsMinW .rsThumb{
float:left;
overflow:hidden;
width:96px;
height:72px;
}
.rsMinW .rsThumb img{
width:100%;
height:100%;
}
.rsMinW .rsThumb.rsNavSelected{
background:#333;
}
.rsMinW .rsThumb.rsNavSelected img{
filter:alpha(opacity=40);
opacity:0.7;
}
.rsMinW .rsThumb.rsNavSelected span.thumbIco{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border:2px solid #FFF;
border:2px solid rgba(255,255,255,0.9);
-webkit-backface-visibility:hidden;
} 
.rsMinW .rsTmb{
display:block;
}
/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow{
height:100%;
width:20px;
position:absolute;
display:block;
cursor:pointer;
z-index:21;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrow{
width:100%;
height:20px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft{
top:0;
left:0;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight{
bottom:0;
left:0;
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft{
left:0;
top:0;
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight{
right:0;
top:0;
}
.rsMinW .rsThumbsArrowIcn{
width:16px;
height:16px;
top:50%;
left:50%;
margin-top:-8px;
margin-left:-8px;
position:absolute;
cursor:pointer;
background:url('/NewGenerationSite/i/royalSlider/rs-minimal-eui.png');
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn{
background-position:-128px -32px;
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn{
background-position:-128px -48px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn{
background-position:-144px -32px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn{
background-position:-144px -48px;
}
.rsMinW .rsThumbsArrowDisabled{
display:none !important;
}
/* Thumbnails resizing on smaller screens */
@media screen and (min-width:0px) and (max-width:800px){
    .rsMinW .rsThumb{
    width:59px;
    height:44px;
	}
	.rsMinW .rsThumbsHor{
	height:44px;
	}
	.rsMinW .rsThumbsVer{
	width:59px;
	}
}
/***************
*
*  4. Tabs
*
****************/
.rsMinW .rsTabs{
width:100%;
height:auto;
margin:0 auto;
text-align:center;
overflow:hidden; padding-top:12px; position:relative;
}
.rsMinW .rsTab{
display:inline-block;
cursor:pointer;
text-align:center;
height:auto;
width:auto;
color:#333;
padding:5px 13px 6px;
min-width:72px;
border:1px solid #D9D9DD;
border-right:1px solid #f5f5f5;
text-decoration:none;
background-color:#000;
background-image:-webkit-linear-gradient(top, #fefefe, #f4f4f4); 
background-image:-moz-linear-gradient(top, #fefefe, #f4f4f4);
background-image:linear-gradient(to bottom, #fefefe, #f4f4f4);
*display:inline; 
*zoom:1;
}
.rsMinW .rsTab:first-child{
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
}
.rsMinW .rsTab:last-child{ 
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
border-right:1px solid #cfcfcf;
}
.rsMinW .rsTab:active{ 
border:1px solid #D9D9DD;   
background-color:#f4f4f4;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsMinW .rsTab.rsNavSelected{ 
color:#000;
border:1px solid #999;
text-shadow:1px 1px #838383;
box-shadow:0 1px 9px rgba(102, 102, 102, 0.65) inset;
background:#ACACAC;
background-image:-webkit-linear-gradient(top, #ACACAC, #BBB);
background-image:-moz-llinear-gradient(top, #ACACAC, #BBB);
background-image:linear-gradient(to bottom, #ACACAC, #BBB);
}
/***************
*
*  5. Fullscreen button
*
****************/
.rsMinW .rsFullscreenBtn{
right:0;
top:0;
width:44px;
height:44px;
z-index:22;
display:block;
position:absolute;
cursor:pointer;
}
.rsMinW .rsFullscreenIcn{
display:block;
margin:6px;
width:32px;
height:32px;
background:url('/NewGenerationSite/i/royalSlider/rs-minimal-eui.png') 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover{
opacity:0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn{
background-position:-32px 0;
}
/***************
*
*  6. Play/close video button
*
****************/
.rsMinW .rsPlayBtn{
-webkit-tap-highlight-color:rgba(0,0,0,0.3);
width:64px;
height:64px;
margin-left:-32px;
margin-top:-32px;
cursor:pointer;
}
.rsMinW .rsPlayBtnIcon{
width:64px;
display:block;
height:64px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
background:url('rs-minimal-eui.png') no-repeat 0 -32px;
background-color:#000;
background-color:rgba(0,0,0,0.75);
*background-color:#000;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon{
background-color:rgba(0,0,0,0.9);
}
.rsMinW .rsBtnCenterer{
position:absolute;
left:50%;
top:50%;
width:20px;
height:20px;
}
.rsMinW .rsCloseVideoBtn{
right:0;
top:0;
width:44px;
height:44px;
z-index:500;
position:absolute;
cursor:pointer;
-webkit-backface-visibility:hidden;
-webkit-transform:translateZ(0);
}
.rsMinW .rsCloseVideoBtn.rsiOSBtn{
top:-38px;
right:-6px;
}
.rsMinW .rsCloseVideoIcn{
margin:6px;
width:32px;
height:32px;
background:url('/NewGenerationSite/i/royalSlider/rs-minimal-eui.png') -64px 0;
background-color:#000;
background-color:rgba(0,0,0,0.75);
*background-color:#000;
}
.rsMinW .rsCloseVideoIcn:hover{
background-color:rgba(0,0,0,0.9);
}
/***************
*
*  7. Preloader
*
****************/
.rsMinW .rsPreloader{
width:20px;
height:20px;
background-image:url('/NewGenerationSite/i/royalSlider/preloader-white.gif');
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;
}
/***************
*
*  8. Global caption
*
****************/
.rsMinW .rsGCaption{
position:absolute;
float:none;
bottom:6px;
left:6px;
text-align:left;
background:#000;
background:rgba(0,0,0, 0.75);
color:#FFF;
padding:2px 8px;
width:auto;
font-size:12px;
border-radius:2px;
}

/* Slider css */
.full-width-slider{
width:100%;
color:#000;
}
.coloredBlock{
padding:12px;
background:rgba(255,0,0,0.6);
color:#FFF;
width:200px;
left:20%;
top:5%;
}
.infoBlock{
position:absolute;
max-width:65%;
padding-bottom:0;
color:#FFF;
background:rgba(0,0,0,0.75);
overflow:hidden;
padding:20px;
}
.infoBlockTopLeft{
top:30px;
right:auto;
bottom:auto;
left:30px;
}
.infoBlockBottomLeft{
top:auto;
right:auto;
bottom:30px;
left:30px;
}
.infoBlockTopRight{
top:30px;   
right:30px;
bottom:auto;
left:auto;
}
.infoBlockBottomRight{
top:auto;    
right:30px;
bottom:30px;
left:auto;
}
.infoBlock h4{
font-size:20px;
line-height:1.2;
margin:0;
padding-bottom:3px;
color:#0085c2;
}
.infoBlock p{
font-size:14px;
margin:4px 0 0;
color:#FFF;
}
.infoBlock a{
color:#FFF;
text-decoration:underline;
}
.photosBy{
position:absolute;
line-height:24px;
font-size:12px;
background:#FFF;
color:#000;
padding:0px 10px;
position:absolute;
left:12px;
bottom:12px;
top:auto;
border-radius:2px;
z-index:25; 
} 
.photosBy a{
color:#000;
}
.fullWidth{
max-width:1140px;
margin:0 auto 24px;
}
@media screen and (min-width:960px) and (min-height:660px){
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider{
	/*height:474 !important;*/
	}
}
@media screen and (min-width:960px) and (min-height:1000px){
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
	/*height:660px !important;*/
	}
}
@media screen and (min-width: 0px) and (max-width: 800px){
	.royalSlider.heroSlider,
	.royalSlider.heroSlider .rsOverflow{
	/*height:300px !important;*/
	}
	.infoBlock{
    padding:10px;
    height:auto;
    max-height:100%;
    min-width:40%;
    font-size:12px;
	}
	.infoBlock h3{
	font-size:14px;
	line-height:17px;
	}
}

/* MODIFICHE EMA PER PHD PAGES*/
.heroSlider .rsArrowRight{
bottom:auto;
background:url("/NewGenerationSite/i/arrow-rightwhite.png") no-repeat 90% center;
right:20px;
top:45%;
}
.heroSlider .rsArrowRight .rsArrowIcn{
background-position:-69px -69px;
background:0;
}
.heroSlider .rsArrowLeft{
right:auto;
bottom:auto;
background:url("/NewGenerationSite/i/arrow-rightwhite.png") no-repeat 90% center;
top:45%;
left:20px;
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.heroSlider .rsArrowLeft .rsArrowIcn{
background-position:-69px -37px;
background:0;
}
.heroSlider .rsBullets{
display:none;
}