/*
Easy slider - CSS Style
*/

.slider {overflow:hidden;width: 100%;position: relative;font-size: 0;z-index: 9;background-color: #212c37;margin:0 auto;}
.slider.fullwidth {width:100%;}
.slider.slider-after-menu {margin-top:102px;}
.slider.boxed {width:90%;}

.swipe-notice {transition:0.5s ease;position:absolute;top: 40px;left:50%;transform: translate(-50%,0);background-color:#fff;z-index: 999;padding-bottom: 15px;border-radius: 5px;overflow: hidden;text-align: center;}
.swipe-notice[data-active="false"],
.swipe-notice[data-active="true"] {visibility:hidden;opacity:0;}
.swipe-notice .advice-title {font-size: 13px;padding: 10px 20px;text-align: center;text-transform: uppercase;letter-spacing: 2px;font-weight: 700;}
.swipe-notice .advice-text {font-size: 12px;padding: 13px 27px;letter-spacing: 1px;font-weight: 400;}
.swipe-notice .advice-close {transition:0.3s ease;font-size: 9px;text-transform: uppercase;letter-spacing: 2px;background-color: #26fec2;color: #000;display: inline-block;font-weight: 800;padding: 8px 10px;border-radius: 3px;cursor: pointer;}
.swipe-notice .advice-close:hover {opacity:0.8;}

.slider .translate-me {display:flex;flex-wrap: nowrap;width: auto;height: 100%;position: relative;top: 0;left: 0;}
.move-transition {transition: transform 0.8s ease-in-out;}

.slide {position: relative;z-index:0;display: flex;align-items: flex-end;padding: 0;background-color: #000;}

.slide .slide-media-cover {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;display: flex;align-items:center;justify-content: center;}
.slide .slide-media-cover iframe {width: 100%;}

.slide .slide-media-cover .vertical-line {width: 3px;border-radius: 10px;height: 40px;line-height:1;background-color: #212c37;display:inline-block;}
.slide .slide-media-cover .vertical-line.first {margin-right: 19px;}

.slide .slide-media-cover .slide-img {background-size:cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background-position:center;}
.slide .dark-overlay {background-color: #212c37;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;opacity: 0.8;transition:0.7s ease;}

.slide [class*="column-"] {z-index:2;}
.slide .slide-grid {transition:0.7s ease;box-sizing:border-box;display: flex;width: 100%;height: 100%;padding-bottom: 52px;float: left;z-index: 999999;}

.slide .slide-grid [class*="column"] {box-sizing:border-box;text-align:left;width: 100%;height: auto;display: inline-block;font-family: 'Montserrat';}
.slide .slide-grid [class*="column"] .title-slide {white-space:normal;font-size: 84px;line-height: 1.2;text-transform: uppercase;letter-spacing: 3px;margin-top:0;font-weight: 400;margin-bottom: 11px;color: #fff;margin-left: -2px;display: inline-block;}
.slide .slide-grid [class*="column"] a.title-slide:hover {opacity:0.75;}
.slide .slide-grid [class*="column"] h3 {white-space:normal;font-size: 15px;line-height: 1;letter-spacing: 5px;margin-top: 0;margin-bottom: 10px;font-weight: 300;color: #fff;text-transform: uppercase;}
.slide .slide-grid [class*="column"] p {white-space:normal;font-size: 19px;font-weight: 300;letter-spacing: 1px;text-align:left;margin-top: 0;margin-bottom: 0!important;color: #fff;}
.slide .slide-grid [class*="column"] a:not(.title-slide) {white-space:normal;font-size: 14px;font-weight: 600;letter-spacing: 2px;color: #212c37;text-transform: uppercase;padding: 13px 25px;display: inline-block;background-color: rgba(255,255,255,0.85);border-radius: 4px;margin-top: 25px;}
.slide .slide-grid [class*="column"] a:not(.title-slide):hover {opacity: 0.65;}
.slide .slide-grid [class*="column"] div.play-cover-video {transition:0.5s ease;cursor:pointer;white-space:normal;font-size: 14px;font-weight: 600;letter-spacing: 2px;color: #212c37;text-transform: uppercase;padding: 13px 25px;display: inline-block;background-color: rgba(255,255,255,0.85);border-radius: 4px;margin-top: 25px;}
.slide .slide-grid [class*="column"] div.play-cover-video:hover {opacity:0.65;}

.slide .resume-text {position:absolute;bottom: 60px;right: 20px;opacity: 0;visibility: hidden;transition:0.3s ease;cursor:pointer;font-size: 11px;font-weight: 600;letter-spacing: 2px;color: #000;text-transform: uppercase;padding: 8px 15px;display: inline-block;border-radius: 50px;background-color: #fff;}
.slide .resume-text:hover {opacity:0.65;}
.slide.video-on .resume-text {opacity:1;visibility:visible;}
.slide.video-on .slide-grid,
.slide.video-on .dark-overlay {opacity:0;visibility:hidden;}
.slider[data-nav-style="standard"] .slide .slide-grid {padding: 75px 99px;}
.slider[data-nav-style="dynamic"] .slide .slide-grid {padding: 75px 50px;}
.slider[data-nav-style="standard"][data-spp="1"] .slide .slide-grid,
.slider[data-nav-style="dynamic"][data-spp="1"] .slide .slide-grid {padding-left:10%;padding-right:10%;}

.slider div[class*="arrow"] {position:absolute;top: 50%;transform:translateY(-50%);cursor:pointer;font-size:0;color: #fff;line-height: 1;opacity:0;visibility:hidden;transition: 0.5s ease;}
.slider:hover div[class*="arrow"] {visibility:visible;opacity:0.6;}
.slider div.arrow-left {left:24px;}
.slider div.arrow-right {right:24px;}
.slider div[class*="arrow"] > span {font-size: 50px;}
.slider div[class*="arrow"]:hover {opacity:1;}

.slider-navigation {position:absolute;width: 100%;height: auto;display: flex;align-items: center;justify-content: center;bottom: 31px;}
.navigation-bullets {position:relative;width: auto;text-align:center;line-height: 1;}
.navigation-bullets .bullet {transition:0.3s ease-in-out;background-color: #fff;width: 13px;height: 13px;border-radius:50%;margin-right: 8px;display:inline-block;position:relative;cursor: pointer;opacity: 0.5;}
.navigation-bullets .bullet:last-child {margin-right:0;}
.navigation-bullets .bullet:hover,
.navigation-bullets .bullet.active {opacity:1;}

.control-loop:before {content:"";display:inline-block;height: 15px;width: 1px;background-color: #fff;margin: 0 13px;opacity: 0.3;}
.control-loop {position: relative;background-color: transparent;line-height: 1;text-align: center;display: flex;align-items: center;}
.control-loop div {cursor:pointer;opacity: 0.5;line-height:1;transition: 0.3s ease;width: 9px;height: 12px;display: inline-block;}

.control-loop .play {background-color: transparent;border: 7px solid;border-right-color: transparent!important;border-top-color: transparent!important;border-bottom-color: transparent!important;border-left: 9px solid #fff;border-radius: 2px;}
.control-loop .stop {background-color:transparent;border-left: 2px solid #fff;border-right: 2px solid #fff;}

.slider[data-status="play"] .control-loop .play,
.slider[data-status="stop"] .control-loop .stop {opacity:1;}

.slider .desktop-hidden {display:none;}

/* Navigazione dinamica */
.dynamic-navigation {opacity:0;visibility:hidden;transition:0.5s ease;position:absolute;top: 50%;transform: translate(0, -50%);right: 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;border: 1px solid #fff;padding: 40px 13px;}

.slider .dynamic-navigation div[class*="arrow"] {position:relative;top: unset;transform: none;right: unset;left: unset;opacity: 1;}
.slider .dynamic-navigation div[class*="arrow"] span {font-size: 25px;font-weight: bolder;}

.dynamic-navigation .navigation-numbers {padding: 35px 0;position: relative;display: flex;flex-direction: column;color: #fff;}
.dynamic-navigation .navigation-numbers input {-webkit-appearance: none;appearance: none;border: 0;outline: 0;background-color: transparent;padding: 0;text-align: left;padding-bottom: 10px;}
.dynamic-navigation .navigation-numbers input,
.dynamic-navigation .navigation-numbers .max-slides {color: #fff;width: 31px;display: inline-block;font-size: 19px;line-height: 19px;flex: 1;font-weight: 500;}
.dynamic-navigation .navigation-numbers .max-slides {text-align:right;}
.dynamic-navigation .navigation-numbers .sep {font-size: 20px;position:absolute;top: 52%;left: 53%;transform: translate(-50%, -50%);font-weight: 100;opacity: 0.8;}

.dynamic-navigation .control-loop:before {display:none;}
.dynamic-navigation .control-loop {position:absolute;left: 0;width:100%;box-shadow: 0 0 0 1px #fff;padding: 7px 5px;justify-content: center;}

.slider:hover .dynamic-navigation {opacity:1;visibility:visible;}

/* Cambiamenti quando il video si trova in pause-play-ended */
.slide .hide {opacity:0!important;visibility:hidden!important;}

/* Media queries */

/* 1199 */
@media screen and (max-width:1199px) {
	.slider[data-nav-style="standard"] .slide .slide-grid {padding: 90px 50px;}
	.slider[data-nav-style="standard"] div[class*="arrow"],
	.slider div[class*="arrow"].desktop-hidden {top: unset;bottom: 31px;transform: none;z-index: 999;}
	.slider[data-nav-style="standard"] .arrow-left,
	.slider .arrow-left.desktop-hidden {left:10%}
	.slider[data-nav-style="standard"] .arrow-right,
	.slider .arrow-right.desktop-hidden {right:10%;}
	.slider div[class*="arrow"] > span {font-size: 15px;font-weight: 900;}
}

/* 690 */
@media screen and (max-width:690px) {
    .slider {height:auto!important;}
	.slider[data-nav-style="dynamic"] .dynamic-navigation {display:none;}
    .slider div[class*="arrow"].desktop-hidden {display:block;}
    .slider .slider-navigation.desktop-hidden {display:flex;}
}

/* 500 */
@media screen and (max-width:500px) {
	.slider .slide {height:auto;}
	.swipe-notice {width:85%;}
    .slide .slide-grid [class*="column"] h3 {font-size:11px;line-height: 1.5;}
	.slide .slide-grid [class*="column"] .title-slide {font-size:39px;}
	.slide .slide-grid [class*="column"] p {width:100%;font-size: 14px;line-height: 1.3;}
	.slide .slide-grid [class*="column"] a:not(.title-slide),
	.slide .slide-grid [class*="column"] div.play-cover-video {font-size: 15px;padding: 13px 30px;letter-spacing: 1px;}
}