/* Ancona Capitale della Cultura 2022 - edit: Tonidigrigio - 2020 */

@import url(../js/vendor/fullpage/fullpage.css);
@import url(../js/vendor/fancybox/jquery.fancybox.min.css);
@import url(outdatedbrowser.min.css);
@import url(slickslider.css);

/*normalize*/
html{color:#222;font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1pxsolid#ccc;margin:1em0;padding:0;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1pxdotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],htmlinput[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1pxsolid#c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}

/*default*/
html, button, input, select, textarea {color:#000;overflow-x:hidden;}
body {margin:0px;padding:0px;background:#FFF;}
::-moz-selection {background:#ff0;text-shadow:none;color:#000;}
::selection {background:#ff0;text-shadow:none;color:#000;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {text-decoration:none;transition:all 0.3s ease-in-out;}

/*typography*/
* {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

html {font-size:100%;-webkit-font-smoothing:antialiased;}
body {font-style: normal;color:#000;font-weight:400;}
ul,ol {margin:0px;padding:0px;list-style:none;}
ul ul,ol ul,ul ol,ol ol {margin:0px;padding:0px;}
blockquote, p, h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h1 {font-size:3rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2rem;}
h4 {font-size:1.75rem;}
h5 {font-size:1.5rem;}
h6 {font-size:1.25rem;}
blockquote {font-size:1.2rem;}
p, ul li, ol li {font-size:1.1rem;}
.strong, strong {font-weight: 500;}
.small, small {font-size:85%;}
blockquote {font-style:italic;}
blockquote small {font-style:normal;}
.no-white-space {white-space: nowrap;}

/*font weight*/
.fw-extra-light {font-weight:200;}
.fw-light 		{font-weight:300;}
.fw-regular     {font-weight:400;}
.fw-medium      {font-weight:500;}
.fw-semi-bold   {font-weight:600;}
.fw-bold        {font-weight:700;}
.fw-extra-bold  {font-weight:800;}

/*dimension*/
.display-5 {font-size:3rem;line-height:1.2;}
.display-6 {font-size:2.5rem;line-height:1.2;}
.display-7 {font-size:2rem;line-height:1.2;}
.display-8 {font-size:1.75rem;line-height:1.2;}
.display-9 {font-size:1.55rem;line-height:1.3;}

/*font size*/
html, body {font-size:14px;font-family: 'Manrope', sans-serif !important;}
p.hyphenate {text-align:justify;}

/*image*/
.img-fluid {width:100%;}

/*clearfix*/
.clearfix {clear:both;}
.clearfix:before, .clearfix:after {content:" ";display:table; }
.clearfix:after {clear:both;}
.clearfix {width:100%;*zoom:1;}

/*height*/
.min-100vh {min-height:100vh;}

/*animation*/
.animation, .animation * {
	-webkit-transition:	all 0.25s ease-in-out;
	-moz-transition:	all 0.25s ease-in-out;
	-o-transition:		all 0.25s ease-in-out;
	-ms-transition:		all 0.25s ease-in-out;
	transition:			all 0.25s ease-in-out;
}

/*video*/
video {border:none;outline:none;}

/*loading*/
#loading {position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:99999;background:#000;}
#loading.load {
    background:rgba(255,255,255,0);
    z-index:-1 !important;
    -moz-transform: 	scale(0.5);
    -webkit-transform:  scale(0.5);
    -o-transform: 		scale(0.5);
    -ms-transform: 		scale(0.5);
    transform: 			scale(0.5);
    opacity:0;
}
#loading.load * {opacity:0;}
#loading figure {position:absolute;top:35%;left:50%;width:400px;transform: translate(-50%,-35%);}
#loading span {position:absolute;right:0px;left:0px;bottom:20px;text-align:center;color:#FDFDFD;}
#loading p {color:#FFF;position:absolute;top:calc(35% + 70px);left:20px;right:20px;font-size:0.9rem}
#loading p i {font-style:normal;}

/*header*/
header {position:fixed;top:0px;left:0px;right:0px;z-index:999;}
header .row.w-100 {margin:0px auto !important}

/*logo*/
.logo {position:relative;overflow:hidden;display:block;overflow:hidden;width:350px;cursor:pointer;}
.logo a {display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:99;text-indent:-9999px;}
.logo .svg-container {width:350px;height:55px;position:relative;z-index:1;}
.logo .svg-container svg {position:absolute;top:0;left:0;width:100%;height:100%;fill:#000;opacity:1;transition:all 0.3s ease-in-out;}

/*main menu*/
nav ul#main-menu li a {color:#000;position:relative;}
nav ul#main-menu li a:after {
    background: #000;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width:0;
    left:0px;
    bottom:-2px;
}
nav ul#main-menu li a:hover:after {
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 100%;
}
nav ul#main-menu li.active a:after {
    width: 100%;
}
nav ul#main-menu li.social {position:relative;}
nav ul#main-menu li.social a {z-index:2;display:inline-block;width:20px;height:20px;border-radius:50%;background:#000;overflow:hidden;color:#FFF;text-align:center;line-height:22px;position:relative;bottom:-5px;font-size:0.7rem;}
nav ul#main-menu li.social::after {
    content: "";
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:10px;
    height:10px;
    z-index:1;
    border-radius:50%;
}
nav ul#main-menu li.social:hover::after {animation: pulse-black 1s ease;} 
@keyframes pulse-black {
    0% {
        width:0px;height:0px;
        background:rgba(0, 0, 0, 0.75);
    }
    100% {
        width:60px;height:60px;
        background:rgba(0, 0, 0, 0);
    }
}

@keyframes pulse-white {
    0% {
        width:0px;height:0px;
        background:rgba(255, 255, 255, 0.75);
    }
    100% {
        width:60px;height:60px;
        background:rgba(255, 255, 255, 0);
    }
}

/*body color*/
body.fp-viewing-page2 nav ul#main-menu li a {color:#FFF;}
body.fp-viewing-page2 nav ul#main-menu li a:after {background: #FFF;}
body.fp-viewing-page2 nav ul#main-menu li.social a {background: #FFF;color:#000;}
body.fp-viewing-page2 nav ul#main-menu li.social:hover::after {animation: pulse-white 1s ease;} 
body.fp-viewing-page2 .logo .svg-container svg {fill: #FFF;}
body.fp-viewing-page2 #fp-nav ul li a span {background:#FFF;}
body.fp-viewing-page2 #fp-nav ul li .fp-tooltip.fp-right {color:#FFF;}
body.fp-viewing-page4-0 nav ul#main-menu li a {color:#FFF;}
body.fp-viewing-page4-0 nav ul#main-menu li a:after {background: #FFF;}
body.fp-viewing-page4-0 nav ul#main-menu li.social a {background: #FFF;color:#000;}
body.fp-viewing-page4-0 nav ul#main-menu li.social:hover::after {animation: pulse-white 1s ease;} 
body.fp-viewing-page4-0 .logo .svg-container svg {fill: #FFF;}
body.fp-viewing-page4-0 #fp-nav ul li a span {background:#FFF;}
body.fp-viewing-page4-0 #fp-nav ul li .fp-tooltip.fp-right {color:#FFF;}

body.fp-viewing-page9 nav ul#main-menu li a {color:#FFF;}
body.fp-viewing-page9 nav ul#main-menu li a:after {background: #FFF;}
body.fp-viewing-page9 nav ul#main-menu li.social a {background: #FFF;color:#000;}
body.fp-viewing-page9 nav ul#main-menu li.social:hover::after {animation: pulse-white 1s ease;} 
body.fp-viewing-page9 .logo .svg-container svg {fill: #FFF;}
body.fp-viewing-page9 #fp-nav ul li a span {background:#FFF;}
body.fp-viewing-page9 #fp-nav ul li .fp-tooltip.fp-right {color:#FFF;}

/*section*/
.header-section {left:0px;right:0px;top:0px;position:absolute;z-index:9;}
.header-section p {line-height:1.1rem;}
.footer-section {left:0px;right:0px;bottom:0px;position:absolute;z-index:9;}
.footer-section button.scroll-down {display:block;width:100%;border:none;outline:none;background:none;}
.footer-section span {display:block;position:absolute;z-index:-1;left:50%;top:30%;transform: translate(-50%, -40%);font-size:2rem}

/*fullpage*/
#fp-nav.fp-right {right:5px;}
.fp-controlArrow.fp-prev {display:none;}
.fp-controlArrow.fp-next {display:none;}
.fp-slidesNav {text-align:center;}
.fp-slidesNav ul {margin:0px auto;}
.fp-slidesNav ul li a span {background:#000;}
#fp-nav {transition:all 0.25s ease-in-out;}
#fp-nav ul li a span {background:#000;}
#fp-nav ul li .fp-tooltip.fp-right {font-size:0.8rem;text-transform:uppercase;color:#000;font-weight:500;}
#fp-nav ul li:last-child {display:none;}

/*frecce*/
.tema-slide {position:absolute;z-index:99;top:50%;transform: translateY(-50%);cursor:pointer;}
.tema-slide span {font-size: 2rem;}
.tema-slide.left  {left:65px;}
.tema-slide.right {right:65px;} 
.tema-slide p {line-height:1rem;}
.tema-slide.left:hover span {
    -webkit-animation: move-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate-reverse ;
            animation: move-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate-reverse ;
} 
@-webkit-keyframes move-left {
    0% {
        margin-left:20px;
    }
    100% {
        margin-left:0px;
    }
}
@keyframes move-left {
    0% {
        margin-left:20px;
    }
    100% {
        margin-left:0px;
    }
}
.tema-slide.right:hover span {
    -webkit-animation: move-right 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate-reverse ;
            animation: move-right 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate-reverse ;
} 
@-webkit-keyframes move-right {
    0% {
        margin-right:20px;
    }
    100% {
        margin-right:0px;
    }
}
@keyframes move-right {
    0% {
        margin-right:20px;
    }
    100% {
        margin-right:0px;
    }
}

/*section 00*/
#section-0 {overflow: hidden;}
#section-0 #intro {width:100%;position:relative;}
#section-0 #intro::after {content: "";position: absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:2;}
#video-intro {
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color:#f5f5f5;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index:1;
    background-image:url(/assets/img/video-intro-background.jpg);
}
#section-0 video::-webkit-media-controls {display:none !important;}
#nerto {position: absolute;right:20px;bottom:20px;z-index:99;width:50px;overflow:hidden;}
#nerto a {position: absolute;top:0px;left:0px;right:0px;bottom:0px;text-indent:-999px;display:block;z-index:3;}
#nerto img {width:100%;}
#nerto span {display:block;font-size:10px;color:#000;font-weight:600;margin:0px 10px 0px 0px;}
#section-0 .mobile-title {display:none;position:absolute;z-index:999;color:#000;line-height:1.1rem;}
#section-0 #mole {top:47.5%;left:5%;opacity:0;transition:all 1s ease-in-out;}
#section-0 #porto {top:29.5%;right:15%;opacity:0;transition:all 1s ease-in-out;}
#section-0 #capo {top:61.5%;left:46%;opacity:0;transition:all 1s ease-in-out;}
#section-0 #mole.view  {opacity:1;} 
#section-0 #porto.view {opacity:1;} 
#section-0 #capo.view  {opacity:1;} 

/*section 01*/
#section-1.rotategradient {
    background: linear-gradient(270deg, #ffdf00, #f77e00, #ec0e00);
    background-size: 400% 400%;
    -webkit-animation: rotategradient 30s ease infinite;
    -moz-animation: rotategradient 30s ease infinite;
    animation: rotategradient 30s ease infinite;
}
@-webkit-keyframes rotategradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes rotategradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes rotategradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#video-logo {width:100%;max-width:520px;margin:0px auto;position:relative;mix-blend-mode: multiply;}
#video-logo::after {content: "";position: absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:2;}
#video-logo video {width:100%;} 
#video-logo video::-webkit-media-controls {display:none !important;}

/*section 02*/
#section-2 {background:#1d1d1b;}
#section-2 p, #section-2 blockquote, #section-2 .footer-section span {color:#FFF;}
#section-2 .header-section span {display:none;}
#section-2 .header-section u {border:none;text-decoration:none;}

/*section 03*/
#tema-1 {
    background:url('/assets/img/tema01.png') #fff no-repeat center center;
	background-size: cover;
}
#tema-2 {
    background:url('/assets/img/tema02.jpg') #fff no-repeat center center;
	background-size: cover;
}
#tema-3 {
    background:url('/assets/img/tema03.jpg') #fff no-repeat center center;
	background-size: cover;
}
#section-3 a.download {border-top:1px solid #000;color:#000;position: absolute;bottom:0px;}

#video-dossier {
    position:relative;
    background-color:#000;
    background-position: center center;
    background-size: contain;
    background-image:url(/assets/video/video-cocreazione.jpg);
}
#video-dossier a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:5;display:block;text-indent:-9999px;}
#video-dossier .icon-play {width:80px;height:80px;position:absolute;z-index:4;top:50%;left:50%;transform: translate(-50%, -50%);transition:all 0.3s ease-in-out;}
#video-dossier .icon-play::after {content:"";position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:0px;height:0px;border-radius:50%;z-index:1;}
#video-dossier .icon-play svg {position:absolute;top:0;left:0;width:100%;height:100%;fill: none;z-index:2;}
#video-dossier .icon-play svg .pieno {fill:#000}
#video-dossier .icon-play svg .bordo {fill:none;stroke: #000;stroke-width:2px;}
#video-dossier h6 {display:block;position:absolute;bottom:15px;left:20px;right:20px;z-index:2;text-align:center;opacity:0;transition:all 0.3s ease-in-out;}
#video-dossier:hover h6 {opacity:1;bottom:20px;}
#video-dossier:hover .icon-play {width:60px;height:60px;} 
#video-dossier:hover .icon-play::after {animation: pulse 1s ease;} 
@keyframes pulse {
    0% {
        width:0px;height:0px;
        background:rgba(0, 0, 0, 0.75);
    }
    100% {
        width:100px;height:100px;
        background:rgba(0, 0, 0, 0);
    }
}

#tema-1 .title-page-inside {display:none;}

/*section 04*/
#section-4 {background:#1d1d1b;}
#section-4 p {color:#FFF;}
#section-4 .footer-section span {color:#FFF;}
#section-4 .fp-tableCell {display:block !important; height: auto !important; }
.carousel-controls h6, .carousel-controls a {color:#FFF;line-height:20px;text-transform:uppercase;font-size:1.2rem;}
.carousel-controls a {opacity:.6;}
.carousel-controls a:hover {opacity:1;}
@media only screen and (max-width:620px) {
    .carousel-controls h6, .carousel-controls a, #external-controls {display:block !important;}
    .carousel-controls {margin-top:1.2rem !important;}
}

/*section05*/
#section-5 {background:#F1F2F4;}
#section-5 .animation-wrapper {background-color:#FFF;position:relative;overflow:hidden;}
#section-5 .title-page-inside {display:none;}

/*section04 - animazione01*/
#tema-animazione-1 {
    background:url('/assets/img/tema-animazione-02.jpg') #f5f5f5 no-repeat center center;
	background-size: cover;
}
#tema-animazione-1 .quadrato-01 {position:absolute;left:15%;top:20%;width:10%;height:15%;}
#tema-animazione-1 .quadrato-02 {position:absolute;left:15%;bottom:5%;height:10%;width:20%;}
#tema-animazione-1 .quadrato-03 {position:absolute;right:10%;top:5%;width:30%;height:10%;}
#tema-animazione-1 .quadrato-04 {position:absolute;left:0%;top:55%;height:20%;width:5%;}
#tema-animazione-1 .quadrato-05 {position:absolute;left:29%;top:45%;height:25%;width:15%;}
#tema-animazione-1 .quadrato-06 {position:absolute;right:2%;top:45%;height:10%;width:10%;}
#tema-animazione-1 .quadrato-07 {position:absolute;right:35%;top:55%;height:15%;width:10%;}
#tema-animazione-1 .quadrato-08 {position:absolute;right:15%;top:90%;height:5%;width:15%;}
#tema-animazione-1 .quadrato-09 {position:absolute;right:20%;top:25%;height:15%;width:10%;}
#tema-animazione-1 .quadrato-10 {position:absolute;right:35%;top:45%;height:10%;width:20%;}
#tema-animazione-1 .quadrato-11 {position:absolute;right:10%;top:70%;height:6%;width:10%;}
#tema-animazione-1 .quadrato-10 {display:none;}
#tema-animazione-1 .quadrato::after {
    content:"";
    position: absolute;
    top:0px;
    bottom:0px;
    left:50%;
    right:50%;
    background: #FFF;
}
body.fp-viewing-page5-0 #tema-animazione-1 .quadrato::after {
    -webkit-animation: width-quadrati 0.5s ease-in-out 1s both;
            animation: width-quadrati 0.5s ease-in-out 1s both;
} 
@-webkit-keyframes width-quadrati {
    0% {
        left:50%;
        right:50%;
    }
    100% {
        left:0%;
        right:0%;
    }
}
@keyframes width-quadrati {
    0% {
        left:50%;
        right:50%;
    }
    100% {
        left:0%;
        right:0%;
    }
}

/*section05 - animazione02*/
#tema-animazione-2 {
    background:url('/assets/img/tema-animazione-01.jpg') #f5f5f5 no-repeat center center;
	background-size: cover;
}
#tema-animazione-2 .rettangoli {
    position: absolute;
    width:10%;
    height:50%;
    background:#FFF;
}
#tema-animazione-2 .rettangoli:nth-child(odd)  {top:0px;}
#tema-animazione-2 .rettangoli:nth-child(even) {bottom:0px};
#tema-animazione-2 .rettangoli:nth-child(1) {left:0px}
#tema-animazione-2 .rettangoli:nth-child(2) {left:10%}
#tema-animazione-2 .rettangoli:nth-child(3) {left:20%}
#tema-animazione-2 .rettangoli:nth-child(4) {left:30%}
#tema-animazione-2 .rettangoli:nth-child(5) {left:40%}
#tema-animazione-2 .rettangoli:nth-child(6) {left:50%}
#tema-animazione-2 .rettangoli:nth-child(7) {left:60%}
#tema-animazione-2 .rettangoli:nth-child(8) {left:70%}
#tema-animazione-2 .rettangoli:nth-child(9) {left:80%}
#tema-animazione-2 .rettangoli:nth-child(10) {left:90%}
body.fp-viewing-page5-1 #tema-animazione-2 .rettangoli {
    -webkit-animation: height-rettangoli 0.5s ease-in-out 1s both;
            animation: height-rettangoli 0.5s ease-in-out 1s both;
} 
@-webkit-keyframes height-rettangoli {
    0% {
        height:0px;
    }
    100% {
        height:50%;
    }
}
@keyframes height-rettangoli {
    0% {
        height:0px;
    }
    100% {
        height:50%;
    }
}

/*section05 - animazione03*/
#tema-animazione-3 {
    background:url('/assets/img/tema-animazione-03.jpg') #f5f5f5 no-repeat center center;
	background-size: cover;
}
#tema-animazione-3 .triangoli-01 {width:100%;height:25%;position: absolute;top:0px;left:0px;right:0px;overflow:hidden;}
#tema-animazione-3 .triangoli-02 {width:100%;height:25%;position: absolute;top:25%;left:0px;right:0px;overflow:hidden;}
#tema-animazione-3 .tri {width:100%;height:100%;position: absolute;top:0px;left:0px;right:0px;}
#tema-animazione-3 .tri img {clear:none;float:left;width:100%;height:100%;}
#tema-animazione-3 .triangoli-01 .tri {top:0%}
#tema-animazione-3 .triangoli-02 .tri {top:0%}
body.fp-viewing-page5-2 #tema-animazione-3 .triangoli-02 .tri {
    -webkit-animation: triangolo-top-02 0.5s ease-in-out 1s both;
            animation: triangolo-top-02 0.5s ease-in-out 1s both;
} 
@-webkit-keyframes triangolo-top-02 {
    0% {
        top:100%;
    }
    100% {
        top:0%;
    }
}
@keyframes triangolo-top-02 {
    0% {
        top:100%;
    }
    100% {
        top:0%;
    }
}
body.fp-viewing-page5-2 #tema-animazione-3 .triangoli-01 .tri {
    -webkit-animation: triangolo-top-01 0.5s ease-in-out 1.5s both;
            animation: triangolo-top-01 0.5s ease-in-out 1.5s both;
} 
@-webkit-keyframes triangolo-top-01 {
    0% {
        top:100%;
    }
    100% {
        top:0%;
    }
}
@keyframes triangolo-top-01 {
    0% {
        top:100%;
    }
    100% {
        top:0%;
    }
}

/*section05 - animazione04*/
#tema-animazione-4 {
    background:url('/assets/img/tema-animazione-04.jpg') #f5f5f5 no-repeat center center;
	background-size: cover;
}

#tema-animazione-4 .sole {width:100%;height:240px;position:absolute;left:0px;right:0px;overflow:hidden;bottom:50%;}
#tema-animazione-4 .sole .sun {width:480px;height:480px;background: #FFF;border-radius:50%;position: absolute;top:0px;left:50%;transform: translateX(-50%);}
#tema-animazione-4 .sole .sun {top:0%}
body.fp-viewing-page5-3 #tema-animazione-4 .sole .sun {
    -webkit-animation: rising-sun 0.5s ease-in-out 1s both;
            animation: rising-sun 0.5s ease-in-out 1s both;
} 
@-webkit-keyframes rising-sun {
    0% {
        top:100%;
    }
    100% {
        top:0%;
    }
}
@keyframes rising-sun {
    0% {
        top:100%;
    }
    100% {
        top:0%;
    }
}

/*section 05*/
#section-6 .title-page-inside {display:none;}
#section-6 a.btn-all {display:inline-block;border-top:2px solid #000;color:#000;font-size:1.25rem;position:relative;}

#section-6 a.btn-all::after {
    content: "";
    position: absolute;
    top:-2px;
    z-index:9;
    left:0px;
    right:auto;
    width:0px;
    height:2px;
    background: #fff;
    
}

@-webkit-keyframes long {
    0% {
        width:0px;
    }
    100% {
        width:100%;
    }
}
@keyframes long {
    0% {
        width:0px;
    }
    100% {
        width:100%;
    }
}

#section-6 a.btn-all:hover::after {animation: long infinite 1s ease alternate both;} 

/*mappa*/
#mappa {width:100%;height:100%;background:#eee;position:relative;border:none;outline:none;}
#mappa.mappa-progetti {position: fixed !important;top:0px;right:0px;height:100vh;width:50%;}
body.fp-viewing-1 #mappa.mappa-progetti {z-index:-1 !important;}
#map {width:100%;cursor:default;border:none;outline:none;}
#map img,  #map object,  #map embed {max-width:none;}
#map a[href^="http://maps.google.com/maps"], #map a[href^="https://maps.google.com/maps"], #map a[href^="https://www.google.com/maps"] {display: none !important;}
.gm-style .gm-style-iw-c {border-radius:0px;}
.gmnoprint {opacity: 0;}
.gmnoprint.gm-bundled-control, .gmnoprint.gm-bundled-control .gmnoprint {opacity: 1 !important;}
.gmnoprint.gm-style-cc {display:none !important;}
.mappa-over {border-radius:0px;width:100%;max-width:320px;min-width:220px;overflow:hidden !important;}
.mappa-over h6 {margin:0px 0px 5px 0px;color:#000}
.mappa-over p {margin:5px 0px 0px 0px;color:#000;}
.mappa-over a {color:#000;display:block;margin:10px 0px 0px 0px;font-size:1.1rem;}
.gm-ui-hover-effect {margin:10px 10px 0px 0px !important;}

/*section 07*/
#section-7 {background:#F1F2F4;}
#section-7 .svg-container {width:550px;height:85px;position:relative;z-index:1;margin:0px auto;}
#section-7 .svg-container svg {position:absolute;top:0;left:0;width:100%;height:100%;fill:#000;opacity:1;}
#section-7 a {color:#000;position:relative;}
#section-7 a:after {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width:0;
    left:0px;
    bottom:-2px;
    opacity:0;
}
#section-7 a:hover:after {
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 100%;
    opacity:1;
}

/*section 08*/
#section-8 {background:#000;position:relative;overflow:hidden;}
#section-8 .row.padder {padding-top:5rem;padding-bottom:5rem;}
#section-8 .loghi img {width:auto;height:60px;}
#section-8 .loghi hr {width:1px;height:60px;border:none;background:#fff;overflow:hidden;margin:0px 20px -30px 20px}
#section-8 a {color:#FFF;position:relative;}
#section-8 a:after {
    background: #FFF;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width:0;
    left:0px;
    bottom:-2px;
}
#section-8 a:hover:after {
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 100%;
}
#section-8 p {font-size:0.9rem;line-height:1.5rem;}
#section-8 p.small {font-size:75%;}
#section-8 ul.social-footer li.social {position:relative;}
#section-8 ul.social-footer li.social a {z-index:2;display:inline-block;width:20px;height:20px;border-radius:50%;background:#fff;overflow:hidden;color:#000;text-align:center;line-height:22px;position:relative;bottom:-5px;font-size:0.7rem;}
#section-8 ul.social-footer li.social::after {
    content: "";
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:10px;
    height:10px;
    z-index:1;
    border-radius:50%;
}
#section-8 ul.social-footer li.social:hover::after {animation: pulse-footer-white 1s ease;} 
@keyframes pulse-footer-white {
    0% {
        width:0px;height:0px;
        background:rgba(255, 255, 255, 0.75);
    }
    100% {
        width:60px;height:60px;
        background:rgba(255, 255, 255, 0);
    }
}

/*ball*/
#ball-container {transition: all 0.1s ease-in-out 1s both;opacity:0;}
body.fp-viewing-page3-0 #ball-container, body.fp-viewing-page3-1 #ball-container, body.fp-viewing-page3-2 #ball-container {opacity:1;}
.ball {
    border-radius:50%;
    height:40px;
    width: 40px;
    position: fixed;
    z-index:1;
    opacity:0.75;
    mix-blend-mode: multiply;
    transition: all 0.1s ease-in-out;
}
/*ball section 01*/
body.fp-viewing-page3-0 .ball {background:#f77e00;}

/*ball section 02*/
body.fp-viewing-page3-1 .ball {background:#bf9e87;border-radius:0%;}
body.fp-viewing-page3-1 .ball1 {width:60px;height:30px;}
body.fp-viewing-page3-1 .ball2 {width:20px;height:40px;}
body.fp-viewing-page3-1 .ball3 {width:50px;height:40px;}
body.fp-viewing-page3-1 .ball4 {width:100px;height:20px;}
body.fp-viewing-page3-1 .ball5 {width:30px;height:60px;}
body.fp-viewing-page3-1 .ball6 {width:90px;height:15;}
body.fp-viewing-page3-1 .ball7 {width:60px;height:30px;}
body.fp-viewing-page3-1 .ball8 {width:40px;height:40px;}

/*ball section 03*/
body.fp-viewing-page3-2 .ball {background:none;border-radius:0%;}
body.fp-viewing-page3-2 .ball1 {width:0;height:0;border-left:55px solid transparent;border-right:45px solid transparent;border-bottom:25px solid #a4dfe7;}
body.fp-viewing-page3-2 .ball2 {width:0;height:0;border-left:30px solid transparent;border-right:55px solid transparent;border-top:20px solid #a4dfe7;}
body.fp-viewing-page3-2 .ball3 {width:0;height:0;border-top:40px solid transparent;border-bottom:90px solid transparent;border-left:60px solid #a4dfe7;}
body.fp-viewing-page3-2 .ball4 {width:0;height:0;border-top:70px solid transparent;border-bottom:20px solid transparent;border-right:30px solid #a4dfe7;}
body.fp-viewing-page3-2 .ball5 {width:0;height:0;border-top:40px solid transparent;border-bottom:90px solid transparent;border-left:40px solid #a4dfe7;}
body.fp-viewing-page3-2 .ball6 {width:0;height:0;border-top:20px solid transparent;border-bottom:70px solid transparent;border-right:60px solid #a4dfe7;}
body.fp-viewing-page3-2 .ball7 {width:0;height:0;border-left:45px solid transparent;border-right:25px solid transparent;border-bottom:95px solid #a4dfe7;}
body.fp-viewing-page3-2 .ball8 {width:0;height:0;border-top:80px solid transparent;border-bottom:60px solid transparent;border-left:25px solid #a4dfe7;}

/*video-over*/
#video-over {padding:0px;padding:0px;overflow:hidden;}
#video-over .cont {margin:0px;padding:0px;}
#video-over .cont video {outline:none;border:none;margin:0px;padding:0px;width:auto !important;height: 80vh;}

/*negative*/
.negative-offset {margin-left:-5rem;}

/*progetti lista*/
.list-progetti {margin-top:15vh;}
.list-progetti .card {border:none;outline:none;border-radius:0px;background:none;margin:5px;overflow:visible;position:relative;}
.list-progetti .card a {display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;text-indent:-9999px;opacity:0;z-index:9;}
.list-progetti .card .card-body {background:#c1c1c1;padding:1rem;transition:all 0.25s ease-in-out;}
.list-progetti .card:hover .card-body {background:#1d1d1b;color:#FFF}
.list-progetti .card:after {content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;background: #000;z-index:-1;transition:all 0.25s ease-in-out;}
.list-progetti .card:hover:after {bottom:-5px;top:5px;left:5px;right:5px;}

/*grid*/
.grid {width:calc(100% + 10px);clear:both;float:none;margin-left: -5px;margin-right:-5px;}
.grid:after {content:'';display:block;clear:both;}
.grid-item {float:left;width:50%;overflow: hidden;}

/*progetti pagina*/
header.progetto-page .logo .svg-container svg {fill:#FFF}
#progetto-page {background:#1d1d1b;}
#progetto-page .padder-vertical {padding-top:110px;padding-bottom:110px}
#audio-progetti {border:none;display:block;outline:none;width:50%;}
header.progetto-page nav ul#main-menu li, header.progetto-page nav ul#main-menu li a {color:#FFF;}
header.progetto-page nav ul#main-menu li a:after {background:#FFF;}
header.progetto-page nav ul#main-menu li.social a {background: #FFF;color:#000}
header.progetto-page nav ul#main-menu li.social:hover::after {animation: pulse-white 1s ease;} 
header.progetto-page nav ul#main-menu {margin-right:50px;}

/*mappa page*/
#mappa-page {background:#FFF;}
#mappa-page .padder-vertical {padding-top:130px;padding-bottom:130px}
#mappa-page video {width:100%;}
#mappa-page h4, #mappa-page h6, #mappa-page p {color:#000;}
header.mappa-page nav ul#main-menu {margin-right:50px;}
#mappa-page .mappa-btn {display:block;position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;z-index:999;}
#mappa-page .mappa-btn.next {right:15px;} 
#mappa-page .mappa-btn.prew {left:15px;} 
#mappa-page .mappa-btn a {display:block;text-align:center;line-height:50px;font-size:2.5rem;color:#000;opacity:0.5;transition:all 0.3s ease-in-out;}
#mappa-page .mappa-btn a:hover {opacity:1;}
#mappa-page .counter {position:absolute;bottom:20px;left:0px;right:0px;}
#mappa-page .counter p {line-height:normal;font-size:0.95rem;}

/*fancybox*/
body.fancybox-active {overflow: hidden !important;}
.fancybox-slide {padding:0px !important;}
.fancybox-slide--iframe .fancybox-content {width:100%;height:auto;min-height:100vh;margin:0;}
.fancybox-button {background:none;}
.fancybox-button.fancybox-button--close {padding:0px;width:50px;height:50px;margin:25px 15px 0px 0px;}
.fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right {margin:0px;padding:0px;display:block;width:50px;height:50px;text-align:center;}
.fancybox-button.fancybox-button--arrow_left div, .fancybox-button.fancybox-button--arrow_right div {display:none;}
.fancybox-button.fancybox-button--arrow_left {left:15px;}
.fancybox-button.fancybox-button--arrow_right {right:15px;}
.fancybox-button.fancybox-button--arrow_left:after {content:"\2190";position:absolute;left:0px;right:0px;bottom:0px;top:0px;text-align:center;line-height:50px;font-size:2.5rem;}
.fancybox-button.fancybox-button--arrow_right:after {content:"\2192";position:absolute;left:0px;right:0px;bottom:0px;top:0px;text-align:center;line-height:50px;font-size:2.5rem;}
.fancybox-infobar {position: absolute;top:auto;left:0px;right:0px;bottom:20px;text-align:center;padding:0px;height:auto;min-height:auto;line-height:normal;font-size:0.95rem;}
.fancybox-video {padding:50px 50px 70px 50px;}
.fancybox-slide--video .fancybox-content, .fancybox-bg {background:#1d1d1b;opacity:1;}
.fancybox-is-open .fancybox-bg {opacity:1;}
.fancybox-caption {background:none;padding:0px;margin:0px;}
.fancybox-caption__body {height:50px;font-size:1.5rem;text-transform:uppercase;font-weight:800;}
.gm-style .gm-style-iw-t::after {width:8px;height:8px;top:-2px;}

/*close button*/
.fancybox-button.fancybox-button--close {color:#000;opacity:0.5;transition:all 0.3s ease-in-out;}
.fancybox-button.fancybox-button--close:hover {opacity:1;}
.iframe-fancy-progetti .fancybox-button.fancybox-button--close {color:#CCC;opacity:1;transition:all 0.3s ease-in-out;}
.iframe-fancy-progetti .fancybox-button.fancybox-button--close:hover {color:#FFF;}
a.iframe-fancy-close {display:block;position: absolute;top:25px;right:15px;width:50px;height:50px;z-index:9999;color:#000;opacity:0.5;transition:all 0.3s ease-in-out;}
a.iframe-fancy-close:hover {opacity:1;}
.fancybox-button.fancybox-button--close {display:none;}
.iframe-fancy-progetti .fancybox-button.fancybox-button--close {display:block;}

/*attori*/
#main-container.attori {background:#1d1d1b;}
#main-container.attori .logo .svg-container svg {fill:#FFF;}
#main-container.attori nav ul#main-menu li, #main-container.attori nav ul#main-menu li a {color:#FFF;}
#main-container.attori nav ul#main-menu li a:after {background: #FFF;}
#main-container.attori nav ul#main-menu li.social a {background: #FFF;color:#000;}
#main-container.attori nav ul#main-menu li.social:hover::after {animation: pulse-white 1s ease;} 
.gradient-contributi {
    background: linear-gradient(270deg, #1d1d1b, #2f2f2f, #0a0a0a);
    background-size: 400% 400%;
    -webkit-animation: contributigradient 30s ease infinite;
    -moz-animation: contributigradient 30s ease infinite;
    animation: contributigradient 30s ease infinite;
}
@-webkit-keyframes contributigradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes contributigradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes contributigradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/*grid list*/
.grid.list-attori {margin-left:-5px;margin-right:-5px; width:calc(100% - 10px);}
.grid.list-attori .grid-item {float:left;width:25%;overflow: hidden;}
.list-progetti .card.attori:hover .card-body {background:#FFF;color:#000}
.list-progetti .card.attori img {border-radius:0px;}
.list-progetti .card.attori:after {background:#c1c1c1;z-index:1;}
.list-progetti .card.attori img, .list-progetti .card .card-body {position:relative;z-index:2;}
.list-progetti .card.attori a {z-index:9;}

/*pagina attore*/
#attore-page {background:#1d1d1b;}
#attore-page .profilo-foto {width:100%;max-width:250px;}
#attore-page video {width:100%;}
#attore-page .padder-vertical {padding-top:130px;padding-bottom:130px}
header.attore-page .logo .svg-container svg {fill:#FFF}
header.attore-page nav ul#main-menu li, header.attore-page nav ul#main-menu li a {color:#FFF;}
header.attore-page nav ul#main-menu li a:after {background:#FFF;}
header.attore-page nav ul#main-menu li.social a {background: #FFF;color:#000}
header.attore-page nav ul#main-menu li.social:hover::after {animation: pulse-white 1s ease;} 
header.attore-page nav ul#main-menu {margin-right:50px;}
.iframe-fancy-attori .fancybox-button.fancybox-button--close {color:#CCC;opacity:1;transition:all 0.3s ease-in-out;}
.iframe-fancy-attori .fancybox-button.fancybox-button--close:hover {color:#FFF;}
.iframe-fancy-attori .fancybox-button.fancybox-button--close {display:block;}

/*section 09*/
#section-9 .footer-section span {color:#FFF;}
#section-9 p {color:#FFF;}
#section-9 .fp-tableCell {display:block !important; height: auto !important; }
#section-9 .list-progetti .card.attori p {color:#000;}


/***RESPONSIVE***/

@media only screen and (max-width:1580px) {
    html, body {font-size: 12px;}
    p, ul li, ol li {font-size: 1.2rem;}
    #video-logo {max-width:440px;}
    #section-8 .loghi img {width:auto;height:45px;}
    #section-8 .loghi hr {height:45px;margin:0px 10px -20px 10px}
    .logo .svg-container {width:300px;height: 50px;}
}

@media all and (min-width: 1451px) and (max-width: 1580px) { 
    .col-lgl-6 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 55%;
        max-width: 55%;
    }
    #section-3 .header-section .col-xl-4 {flex: 0 0 55%;max-width: 55%;}
}

@media all and (min-width: 1201px) and (max-width: 1450px) { 
    .col-lgl-6 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 65%;
        max-width: 65%;
    }
    #section-3 .header-section .col-xl-4 {flex: 0 0 65%;max-width:65%;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1580px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1580px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1580px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1580px),
only screen and (                min-resolution: 192dpi) and (max-width: 1580px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1580px) { 
    html, body {font-size: 12px;}
    p, ul li, ol li {font-size: 1rem;}
}

@media only screen and (max-width:1480px) {
    .ball {transform: scale(.75);}
    #section-3 .header-section {position:relative;top:auto;left:auto;right:auto;margin:0px 0px 1.5rem 0px !important;}
    #section-3 .header-section p br {display:none;}
    #section-5 .header-section {display:none;}
    #section-5 .title-page-inside {display:block;}
    #section-6 .header-section {display:none;}
    #section-6 .title-page-inside {display:block;}
    #tema-1 .header-section {display:none;}
    #tema-1 .title-page-inside {display:block;}
    #video-logo {max-width:360px;}
    #section-7 .svg-container {width:420px;height:70px;}
}

@media only screen and (max-width:1280px) {
    .header-section {position:relative;top:auto;left:auto;right:auto;margin:0px 0px 2rem 0px !important;}
    .header-section p br {display:none;}
    #section-1 .header-section {display:none;}
    #section-2 .header-section {display:none;}
    #section-4 .header-section {display:none;}
    #section-9 .header-section {display:none;}
    .tema-slide p {display:none;}
    .tema-slide span {font-size:3rem;font-weight:bold;}
    .ball {transform: scale(.5);}
    #tema-animazione-4 .sole {height:180px;}
    #tema-animazione-4 .sole .sun {height:360px;width:360px;}
    #section-8 .loghi img {height:30px;}
    #section-8 .loghi hr {height:35px;margin:0px 5px -15px 5px}
    #audio-progetti {width:100%;}
}

@media only screen and (max-width:1025px) {
    #main-container {overflow: hidden;}
    .fp-slidesNav {left:100px !important;right:100px !important;}
    .logo .svg-container {width:280px;height:40px;}
    html, body {font-size: 10px;}
    #tema-1 .row {margin-left:55px;margin-right:55px;}
    nav ul#main-menu li.social a {bottom:auto;top:-2.5px;}
    .min-100vh {min-height:auto;}
    .negative-offset {margin-left:0px;}
    .tema-slide {top:auto;bottom:15px;transform: none;}
    .tema-slide.right {right:35px;}
    .tema-slide.left {left:35px;}
    #progetto-page .small {font-size:120% !important;}
    .mappa-over p {font-size:1.25rem;font-weight:400 !important;}
    .fancybox-button.fancybox-button--close {width:30px;height:30px;margin-top:15px;}
    a.iframe-fancy-close {width:30px;height:30px;top:15px}
    .grid.list-attori .grid-item {width:33.3333%;}
    nav ul#main-menu li.contributi {display:none !important;}
    nav ul#main-menu li.sostieni {display:none !important;}
    #section-7 .svg-container {width:280px;height:50px;}
}

@media only screen and (max-width:768px) {
    #tema-1 .row {margin-left:-15px;margin-right:-15px;}
    #section-6 .order-0 {order:1;}
    #section-6 .order-1 {order:0;}
    .min-100vh.intro-height {min-height:auto;}
    #section-5 .fp-tableCell, #section-6 .fp-tableCell {display:block}
    #section-5 .min-100vh {min-height:40vh}
    #section-6 .min-100vh {min-height:55vh}
    #section-8 .loghi img {height:25px;display:block !important;margin-bottom:10px;}
    #section-8 .loghi hr {display:none !important;}
    #section-8 ul.social-footer {text-align:left !important;}
    .list-progetti {margin:90px 0px 50px 0px !important;padding:0px !important;}
    body.fp-viewing-1 #mappa.mappa-progetti {z-index:1 !important;}
    #mappa.mappa-progetti {position:relative !important;top:auto;right:auto;width:100%;}
    #mappa.mappa-progetti, #mappa.mappa-progetti #map {height:75vh;}
    #progetto-page .display-9 {margin-top:2.5rem;}
    #mappa-page video {margin-top:3rem !important;margin-bottom:0rem !important;}
    #mappa-page p.display-9 {margin-top:2rem !important}
    #attore-page .profilo-foto {display:none;}
}

@media only screen and (max-width:620px) {
    #fp-nav.fp-right {right:1px;}
    #header .col-6 {padding-left:0px;padding-right:0px;}
    nav ul#main-menu li {display:none !important;}
    nav ul#main-menu li.social {display:inline-block !important;}
    .logo {width:200px;}
    .logo .svg-container {width:170px;height:25px;}
    #video-logo {display:none;}
    blockquote br {display:none;}
    #video-intro {display:none;}
    #section-0 #intro {
        background-color:#FFF;
        background-position: center center;
        background-size: cover;
        background-image:url(/assets/img/video-intro-background-mobile.jpg);
    }
    .display-9 {font-size:1.3rem;line-height:1.6rem;}
    #section-3 a.download {bottom:-40px;}
    #fp-nav ul li .fp-tooltip.fp-right {display:none;}
    #fp-nav ul {opacity:.5;}
    .ball {transform: scale(.25);}
    #section-4 h6.label, #section-4 button.btn-group {display:none !important;}
    #select-wrapper {margin-top: 0px !important;}
    #section-5 .min-100vh {min-height:40vh}
    #section-6 .min-100vh {min-height:45vh}
    #tema-animazione-4 .sole {height:100px;}
    #tema-animazione-4 .sole .sun {height:200px;width:200px;}
    #section-5 .py-md-5 {flex:auto !important;margin:20px !important;}
    #section-6 .py-md-5 {flex:auto !important;margin:20px !important;}
    #section-8 .loghi hr {display:inline-block !important;height: 25px;margin:0px 15px -5px 15px;}
    #section-8 .loghi img {display:inline-block !important;}
    #section-8 p {margin-top:5px;}
    #section-8 ul.social-footer {margin-top:5px !important;}
    #section-1 .text-center {text-align:left !important;}
    #section-1 blockquote {margin:10px 0px 20px 0px !important}
    #section-2 .text-center {text-align:left !important;}
    #section-2 .header-section {display:block;margin:0px !important}
    #section-2 .header-section span {font-size:1.25rem;font-weight:700;display:block;}
    #section-2 .header-section u {display:none;}
    #section-2 blockquote {margin:10px 0px 20px 0px !important}
    #tema-1 p span {display:none;}
    #tema-1 p {font-size:1.3rem;line-height:1.6rem;}
    #section-3 .header-section p {font-size:1.25rem;font-weight:700;}
    #section-3 .col-9 p {font-size:1.1rem;}
    #section-3 .mt-5 {margin-top:1.5rem !important}
    #section-5 .title-page-inside {font-size:1.25rem;font-weight:700;}
    #section-6 .title-page-inside {font-size:1.25rem;font-weight:700;}
    #section-0 .mobile-title {display:block;}
    .list-progetti {margin:60px 0px 30px 0px !important;}
    .fancybox-button.fancybox-button--close {margin-top:10px;}
    .fancybox-button.fancybox-button--arrow_left, .fancybox-button.fancybox-button--arrow_right {top:auto;bottom:5px;transform:none;}
    #progetto-page .padder-vertical {padding-top:60px;padding-bottom:60px}
    #mappa-page .padder-vertical {padding-top:60px;padding-bottom:60px}
    #attore-page .padder-vertical {padding-top:60px;padding-bottom:60px}
    #progetto-page .row.justify-content-md-center {padding-top:0px !important;padding-bottom:0px !important;}
    #progetto-page .row {display:block !important;flex-wrap: unset !important;}
    #progetto-page .row .col-md-auto {width:20px !important;float:left;}
    #progetto-page .row .col p.small {margin-left:20px !important;}
    #mappa-page .counter {position:fixed;}
    #mappa-page .mappa-btn {top:auto;bottom:5px;transform:none;}
    a.iframe-fancy-close {top:10px}
    header#header {margin-left:15px !important;margin-right:15px !important;}
    .grid.list-attori .grid-item {width:50%;}
    .grid.list-attori {margin-left:0px;margin-right:0px;width:100%;}
    .col-12.contributi {padding-left:0px !important;padding-right:0px !important;}
    #section-9 .slider-contributi.list-progetti {margin-left:25px !important;margin-right:25px !important;}
    header.attore-page nav ul#main-menu {margin-right:40px;}
}

/*device landscape block*/
#devicerotate {position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:auto;background:#000;z-index:99999;display:none;padding:40px;}
#devicerotate img {display:block;margin:-20px auto 0px auto;width:200px;}
#devicerotate p {font-size:1em;color:#FFF;margin:0px;text-align:center;position:absolute;left:20px;right:20px;bottom:20px;}
#devicerotate .icon {
    width:100px;
    height:100px;
    overflow:hidden;
    top: 50%;
    left: 50%;
    position:absolute;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#devicerotate svg {width:100px;height:100px;margin:0px auto;}
#devicerotate svg .freccia {fill:#FFF;}
#devicerotate svg .landscape {
	fill:#FFF;
	-webkit-animation: landscape 2.5s infinite;
	animation: landscape 2.5s infinite;
}
@-webkit-keyframes landscape {
	0%   {fill:#666666;}
	50%  {fill:#FFFFFF;}
	100% {fill:#666666;}
}
@keyframes landscape {
	0%   {fill:#666666;}
	50%  {fill:#FFFFFF;}
	100% {fill:#666666;}
}
#devicerotate svg .portrait {
	fill:#FFF;
	-webkit-animation: portrait 2.5s infinite;
	animation: portrait 2.5s infinite;
}
@-webkit-keyframes portrait {
	0%   {fill:#FFFFFF;}
	50%  {fill:#666666;}
	100% {fill:#FFFFFF;}
}
@keyframes portrait {
	0%   {fill:#FFFFFF;}
	50%  {fill:#666666;}
	100% {fill:#FFFFFF;}
}
html.mobile.landscape #devicerotate {display:block;}
html.mobile.portrait  #devicerotate {display:none;}

/*video intro*/
#sound-bar {position: absolute;z-index:999;bottom:40px;right:15px;width:50px;height:50px;}
#sound-bar, #sound-bar > * {cursor:pointer}
#sound-bar .sound-btn {display:inline-block;width:50px;height:50px;background:#FFF;border-radius:50%;border:5px solid #FFF;}
#sound-bar .sound-btn img {display:block;width:40px;height:40px;border:2px solid #000;margin:0px;border-radius:50%;padding:8px;}
#sound-bar .sound-on::before {content:"ATTIVA AUDIO";position:absolute;top:0px;right:60px;font-size:1.25rem;font-weight:800;color:#000;line-height:50px;white-space: nowrap;}
#sound-bar .sound-off::before {content:"DISATTIVA AUDIO";position:absolute;top:0px;right:60px;font-size:1.25rem;font-weight:800;color:#000;line-height:50px;white-space: nowrap;}
#sound-bar .sound-btn::after {
    content: "";
    position: absolute;
    top:50%;
    left:50%;
    width:250px;
    height:250px;
    transform: translate(-50%,-50%);
    border-radius:50%;
    z-index: -1;
    background: #ff0066;
    -webkit-animation: scale-up-center 0.95s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite;
	        animation: scale-up-center 0.95s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite;
}
@-webkit-keyframes scale-up-center {
    0% {
        width:50px;
        height:50px;
        background: rgba(255, 255, 255, 0.75);
    }
    100% {
        width:95px;
        height:95px;
        background: rgba(255, 255, 255, 0);
    }
}
@keyframes scale-up-center {
    0% {
        width:50px;
        height:50px;
        background: rgba(255, 255, 255, 0.75);
    }
    100% {
        width:95px;
        height:95px;
        background: rgba(255, 255, 255, 0);
    }
}

@media only screen and (max-width:1280px) {
    #sound-bar {bottom:20px;}
}

@media only screen and (max-width:620px) {
    #sound-bar {bottom:28%;right:50%;margin-right:-25px;transform: scale(.9);}
    #sound-bar .sound-on::before, #sound-bar .sound-off::before {display:none;} 
    #section-0 #intro.video-infografica {background:#FFF !important;}
    #video-intro.video-intro {display:block !important;}
    #video-intro.video-intro {
        width:calc(100% - 10px);
        height:auto;
        bottom:auto !important;
        top:45% !important;
        transform: translateY(-45%);
        margin:5px;
        box-shadow:0px 0px 20px rgba(0, 0, 0, 0.25);
    }
    body.fp-viewing-page0 #fp-nav {opacity:0;}
}

/*link change*/
#link-change {position: absolute;z-index:999;bottom:40px;left:15px;width:50px;height:50px;}
#link-change, #link-change  > * {cursor:pointer}
#link-change a {position:absolute;top:0px;left:0px;right:-180px;bottom:0px;display:block;overflow:hidden;text-indent:-9999px;z-index:9999;}
#link-change .link-btn {display:inline-block;width:50px;height:50px;background:#FFF;border-radius:50%;border:5px solid #FFF;}
#link-change .link-btn div {display:block;width:40px;height:40px;border:2px solid #000;margin:0px;padding:6px 8px 0px 8px;border-radius:50%;}
#link-change .link-btn div img {width:20px;height:20px;}
#link-change .link-btn::before {width:175px;content:"SOSTIENI LA CANDIDATURA SU CHANGE.ORG";position:absolute;top:0px;left:60px;font-size:0.85rem;font-weight:800;color:#000;line-height:0.95rem;margin-top:8px;}

@media only screen and (max-width:1280px) {
    #link-change {bottom:20px;}
}

@media only screen and (max-width:620px) {
    #link-change {display:none;}
}

/* Aggiunte Ale 05.06.2021 */
.garanti { text-align: center; clear: both;}
.garanti img { width: 100%; border-radius: 100%; margin: 20px 0px; }
.slider-garanti article { margin: 0px 10px; }
.slider-garanti p { font-size: 14px; margin-top: 10px; }

/* Video Responsive */

/*.full-screen-video { max-width: 500px; display: inline-block;}*/
.video-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}