1 |
- *{box-sizing:border-box}body,html{font-size:16px;height:100%;margin:0;padding:0}li,ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#000}blockquote,em,h1,h2,h3,li,ol,p,ul{margin:0}img{width:100%;height:auto;vertical-align:bottom}@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.svg#Montserrat-Regular) format('svg')}@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Light.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.svg#Montserrat-Light) format('svg')}@font-face{font-family:Montserrat-Thin;src:url(../fonts/Montserrat/webfonts/Montserrat-Thin.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.svg#Montserrat-Thin) format('svg')}body p strong{font-family:Montserrat-Regular;font-weight:700}body #header a{font-family:Montserrat-Regular;font-size:1.134rem;font-weight:400;color:#4f100b}body #header .language-selector li:nth-child(-n+2)::after{font-size:1.512rem;content:'-';color:#4f100b}body #start .content p{font-family:Montserrat-Light;font-size:1rem;font-weight:400;line-height:2rem}body #start .content p a::before{visibility:visible!important}body #start .citation p{font-family:Montserrat-Regular;font-size:1rem;font-weight:400;line-height:2rem;color:#fff}body #start #contact h1,body #start #contato h1,body #start #home h1{font-family:Montserrat-Thin;font-size:25vw;font-weight:400;text-transform:uppercase;mix-blend-mode:soft-light}body #start #contact a,body #start #contact p,body #start #contato a,body #start #contato p,body #start #home a,body #start #home p{font-family:Montserrat-Light;font-size:1rem;color:#fff}body #start #presse .red .citation p{font-size:.8rem;line-height:1.2rem}body #start .chap{font-family:Montserrat-Light;color:#fff}body #start .chap h2{font-family:Montserrat-Light;font-size:2rem;font-weight:400}body #start .chap a{font-family:Montserrat-Regular;font-size:.882rem;color:#fff}body #start .chap a.focus{font-size:1.134rem;font-weight:400}#header{position:fixed;z-index:999;top:0;left:0}#header .navbar .language-selector{position:fixed;z-index:999;top:0;left:50%;width:300px;margin-top:10px;margin-left:-150px;text-align:center}#header .navbar .language-selector>li{display:inline-block}#header .navbar .navigation>li{position:fixed;width:50%}#header .navbar .navigation>li:nth-of-type(1){display:none}#header .navbar .navigation>li:nth-of-type(2){bottom:0;left:0;margin-bottom:15px;padding-left:50px;text-align:center}#header .navbar .navigation>li:nth-of-type(3){right:0;bottom:0;margin-bottom:15px;padding-right:50px;text-align:center}#header .navbar .navigation>li:nth-of-type(4){top:0;left:0;margin-top:15px;padding-left:50px;text-align:center}#header .navbar .navigation>li:nth-of-type(5){top:50%;right:-25%;margin-right:23px;transform:rotate(90deg);text-align:center}#header .navbar .navigation>li:nth-of-type(6){top:50%;left:-25%;margin-left:23px;transform:rotate(-90deg);text-align:center}#header .navbar .navigation>li:nth-of-type(7){top:0;right:0;margin-top:15px;transform-origin:center;text-align:center}#header .navbar .nav_media_q{display:none}a{position:relative}a::before{position:absolute;bottom:0;left:0;visibility:hidden;width:100%;height:2px;content:' ';transition:all .3s ease-in-out 0s;transform:scaleX(0);background-color:#4f100b}a.active::before,a:hover::before{visibility:visible;transform:scaleX(1)}#start #home{margin-bottom:50px}#start #home img{width:100%;height:100%!important;object-fit:cover}#start #home a::before{height:1px;background-color:#fff}#start>div{position:relative;overflow:hidden;height:100%;padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px}#start>div>#fullvideo{position:relative;overflow:hidden;width:100%;height:100%;object-fit:cover}#start>div>#fullvideo .grav-youtube{position:static}#start>div>#fullvideo .grav-youtube iframe{pointer-events:none}#start>div>#fullvideo .grav-youtube iframe.clicked{pointer-events:auto}#start>div .title{position:relative;overflow:hidden;height:100%}#start>div .title .visu-album{height:100%}#start>div .title h1{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}#start>div .title p{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);text-align:center}#start>div .title p a:nth-of-type(n+6){display:inline-block;margin-top:10px}#start>div:last-child{padding:50px}#start>div:last-child>div{position:relative;width:100%!important;height:100%;background-image:linear-gradient(#98272d,#4f100b)}#start>div:last-child>div .other{position:absolute;top:50%;left:50%;width:100%;transform:translateX(-50%) translateY(-50%)}#start>div:last-child>div p{margin-bottom:50px!important;text-align:center}#start>div:last-child>div p:last-child{margin-bottom:0!important}#start>div:last-child>div p a::before{visibility:visible;height:1px;transform:scaleX(1);background-color:#fff}#start>div:nth-child(1n+3){position:relative}#start>div:nth-child(1n+3):nth-child(odd)>div{float:left}#start>div:nth-child(1n+3):nth-child(even)>div{float:right}#start>div:nth-child(1n+3)>div{width:50%;height:100%}#start>div:nth-child(1n+3) .red{position:relative;background-image:linear-gradient(#98272d,#4f100b)}#start>div:nth-child(1n+3) .red .chap{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}#start>div:nth-child(1n+3) .red .chap a.active::before{visibility:hidden}#start>div:nth-child(1n+3) .red .chap a:hover::before{visibility:visible;background-color:#fff}#start>div:nth-child(1n+3) .red .chap .reso{margin-top:10px}#start>div:nth-child(1n+3) .red .chap .reso>a:first-child{margin-right:5px}#start>div:nth-child(1n+3) .red .chap .reso a{display:inline-block}#start>div:nth-child(1n+3) .content{overflow-y:auto;text-align:center}#start>div:nth-child(1n+3) .content p{margin-bottom:10px}#start>div:nth-child(1n+3) .content p a:before{visibility:visible!important;transform:scaleX(1)}#start>div:nth-child(1n+3) .content .grav-youtube{width:100%;height:100%;margin-bottom:0!important;object-fit:cover}#start>div:nth-child(1n+3) .content .grav-youtube iframe{width:100%;height:100%;pointer-events:none;object-fit:cover}#start>div:nth-child(1n+3) .content .grav-youtube iframe.clicked{pointer-events:auto}#start>div:nth-child(1n+3):nth-child(5) .content{padding:10px 50px;text-align:center}#start>div:nth-child(1n+3):nth-child(5) .content .other{text-align:left}#start>div:nth-child(1n+3):nth-child(6) .content p:nth-child(n+2){display:inline-block;width:49%;min-width:300px;margin-top:30px;vertical-align:top}#start>div:nth-child(1n+3):nth-child(6) .content p:nth-child(n+2) img{width:20%;min-width:50px;max-width:100px}#start>div:nth-child(1n+3):nth-child(6) .red .citation{margin:0 40px;text-align:center}#start>div:nth-child(1n+3):nth-child(6) .red .citation p{margin-top:50px}#start>div:nth-child(1n+3):nth-child(7) .content #mCSB_5_container{height:100%}#start>div:nth-child(1n+3):nth-child(7) .content #mCSB_5_container #sovaj{position:absolute;top:50%;left:50%;width:100%;transform:translateX(-50%) translateY(-50%)}#start>div:nth-child(1n+3):nth-child(7) .content #mCSB_5_container #sovaj .other p:nth-child(1){font-size:1.5rem;margin-bottom:50px}#start .mCSB_inside>.mCSB_container{margin-right:0!important}#start .mCSB_scrollTools{visibility:hidden}/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px 15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger-box{position:relative;display:inline-block;width:30px;height:16px}.hamburger-inner{top:50%;display:block;margin-top:-2px;background:#fff}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{position:absolute;width:30px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background:#fff}.hamburger-inner::after,.hamburger-inner::before{display:block;content:''}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;transition:top 75ms ease,opacity 75ms .12s ease;opacity:0}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1);transform:rotate(-90deg)}@media screen and (max-width:700px){:root{--app-height:100%}#header{width:100%}#header .navbar>.language-selector{display:none}#header .navbar .navigation{display:none}#header .navbar .nav_media_q{display:block}#header .navbar .nav_media_q>li:nth-of-type(1){display:none}#header .navbar .nav_media_q .hamburger--squeeze{position:absolute;z-index:1;top:8px;left:8px;padding:0}#header .navbar .nav_media_q .catbox{position:absolute;top:0;left:0;display:none}#header .navbar .nav_media_q .catbox.active{display:block;width:100vw;height:100vh;background-image:linear-gradient(#98272d,#4f100b)}#header .navbar .nav_media_q .catbox .catlist{margin-top:50%}#header .navbar .nav_media_q .catbox .catlist>li:nth-of-type(1){display:none}#header .navbar .nav_media_q .catbox .catlist .language-selector{position:absolute;top:0;margin-top:0}#header .navbar .nav_media_q .catbox .catlist .language-selector li::after{color:#fff!important}#header .navbar .nav_media_q .catbox li{text-align:center}#header .navbar .nav_media_q .catbox li a{font-size:5vw;line-height:7vh;top:0;color:#fff}#header .navbar .nav_media_q .catbox li a::before{background-color:#fff}#start>div:nth-child(n+3) .content p{margin-bottom:0}#start>div:nth-child(n+4) .content{padding:0 5px!important}#start #home{margin-bottom:0}#start #home h1{font-size:30vw!important}#start #home p{width:100%}#start>div{padding:0}#start>div:nth-child(n+3){padding:0}#start>div:nth-child(n+3):nth-child(2n+1)>div{float:none}#start>div:nth-child(n+3):nth-child(2n+1) .red{width:100%}#start>div:nth-child(n+3):nth-child(2n+1) .red .chap{position:absolute;width:100%;height:100%}#start>div:nth-child(n+3):nth-child(2n+1) .red .chap h2{font-family:Montserrat-Regular;font-size:.882rem;position:absolute;top:7px;width:100%}#start>div:nth-child(n+3):nth-child(2n+1) .red .chap>a{position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}#start>div:nth-child(n+3):nth-child(2n+1) .red .chap .reso{display:none;width:100%;height:100%}#start>div:nth-child(n+3):nth-child(2n+1) .red .chap .reso a{position:absolute;top:50%}#start>div:nth-child(n+3):nth-child(2n+1) .red .chap .reso a:nth-of-type(1){left:5px}#start>div:nth-child(n+3):nth-child(2n+1) .red .chap .reso a:nth-of-type(2){right:5px}#start>div:nth-child(n+3):nth-child(2n+1) .content{position:absolute;top:30px;right:0;bottom:30px;left:0;width:auto;height:auto;padding:0;background-color:#fff}#start>div:nth-child(n+3):nth-child(2n+1) .content .other{text-align:center}#start>div:nth-child(n+3):nth-child(2n)>div{float:none}#start>div:nth-child(n+3):nth-child(2n) .red{position:absolute;width:100%}#start>div:nth-child(n+3):nth-child(2n) .red .chap{position:absolute;width:100%;height:100%}#start>div:nth-child(n+3):nth-child(2n) .red .chap h2{font-family:Montserrat-Regular;font-size:.882rem;position:absolute;top:7px;width:100%}#start>div:nth-child(n+3):nth-child(2n) .red .chap>a{position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}#start>div:nth-child(n+3):nth-child(2n) .red .chap .reso{display:none;width:100%;height:100%}#start>div:nth-child(n+3):nth-child(2n) .red .chap .reso a{position:absolute;top:50%}#start>div:nth-child(n+3):nth-child(2n) .red .chap .reso a:nth-of-type(1){left:5px}#start>div:nth-child(n+3):nth-child(2n) .red .chap .reso a:nth-of-type(2){right:5px}#start>div:nth-child(n+3):nth-child(2n) .content{position:absolute;top:30px;right:0;bottom:30px;left:0;width:auto;height:auto;padding:0;background-color:#fff}#start>div:nth-child(n+3):nth-child(2n) .content .other{text-align:center}#start>div:nth-child(n+3):nth-child(7) #mCSB_5_container #sovaj .other p:nth-child(1){font-size:2rem!important;line-height:3rem!important}}
|