| 1 |
- @font-face{font-family:Roboto-Light;src:url(../fonts/roboto_light/Roboto-Light-webfont.eot);src:url(../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_light/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto_light/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto_light/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-regular;src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot);src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto_regular/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.svg#Roboto-regular) format('svg')}@font-face{font-family:Roboto-Medium;src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot);src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.woff) format('woff'),url(../fonts/roboto_medium/Roboto-Medium-webfont.ttf) format('truetype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.svg#Roboto-Medium) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot);src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto_bold/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,html{font-size:16px;line-height:18px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{margin:0}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:auto;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-family:Roboto-regular;font-size:1rem;font-weight:400}h1 a{font-family:Roboto-regular;font-size:1rem;font-weight:400}h2 a{font-family:Roboto-Medium;font-size:1.5rem;font-weight:400;color:#fff}h3{font-family:Roboto-regular;font-size:.8rem;text-transform:uppercase}h3 a{font-weight:400;position:relative}h3 a::after{position:absolute;z-index:-1;top:5px;left:0;width:100%;height:9px;margin:auto;content:' ';background:#0f0}nav li a{font-family:Roboto-regular;font-size:.8rem;font-weight:400;text-transform:uppercase}nav a li{font-family:Roboto-regular;font-size:.8rem;font-weight:400;text-transform:uppercase}p{font-family:Roboto-Light;font-size:.8rem;margin-bottom:10px}p a{font-weight:400;position:relative}p a::after{position:absolute;z-index:-1;top:5px;left:0;width:100%;height:9px;margin:auto;content:' ';background:#0f0}#start .card-title{line-height:1.6rem}#start .card-title h2 a{font-family:Roboto-regular;font-size:1.2rem}.taxonomy a{font-family:Roboto-regular;font-size:.8em;font-weight:400;text-transform:uppercase}.taxonomy a{position:relative}.taxonomy a::after{position:absolute;z-index:-1;top:4px;left:0;width:0;height:10px;margin:auto;content:' ';transition:width .5s;background:#0f0}.taxonomy a:hover::after{width:100%;transition:width .5s}.news h3{font-family:Roboto-regular;font-weight:400;text-transform:uppercase}.news .blog-date time{font-family:Roboto-Light;font-size:.8em;font-weight:400;text-transform:uppercase}::-moz-selection{background:#0f0}::selection{background:#0f0}header{position:fixed;z-index:999;top:0;display:flex;width:100%;height:40px;padding:0 20px;border-bottom:2px solid #000;background-color:#fff;justify-content:space-between}header h1{margin:auto 0}header nav{margin:auto 0}header nav .burger{display:none}header nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end}header nav ul li{display:flex;height:40px;margin-right:50px;transition:margin-right 1s;align-items:center}header nav ul li:last-child{margin-right:0!important}header nav ul.tags{position:absolute;z-index:999;top:40px;right:0;visibility:hidden;width:auto;border-bottom:2px solid #000;border-left:2px solid #000;background:#fff}header nav ul.tags a{display:flex;width:auto;height:50px;padding:0 20px;transition:padding .5s}header nav ul.tags a>li{position:relative;margin:auto}header nav ul.tags a>li::after{position:absolute;z-index:-1;width:0;height:10px;margin:auto;content:' ';transition:all 0s;background:#0f0}header nav ul.active,header nav ul.visible{visibility:visible}header nav ul.active a>li::after,header nav ul.visible a>li::after{width:0;transition:all .5s;background:#0f0}header nav ul.active a:hover>li::after,header nav ul.visible a:hover>li::after{width:100%;transition:all .5s;background:#0f0}header nav>ul:nth-child(1)>li:nth-child(1){position:relative;display:flex;margin-right:50px;transition:margin-right 1s}header nav>ul:nth-child(1)>li:nth-child(1) .cat{width:120%;height:auto;margin-left:10px;cursor:pointer}header nav>ul:nth-child(1)>li:nth-child(1) .cat img{transition:all .5s;vertical-align:middle!important}header nav>ul:nth-child(1)>li:nth-child(1).act img{transition:all .5s;transform:rotate(180deg)}header nav>ul:nth-child(1)>li:nth-child(1) a{width:auto;text-align:right}.full{position:fixed;z-index:999;top:0;left:0;overflow:hidden;width:100%;height:100%}.full>div{position:absolute;z-index:999;top:100px;width:100%;text-align:center}.full>div>p{display:inline-block}.full>div>p a{font-weight:700;margin:0 10px;text-decoration:underline;color:#0f0}.full>div>p a::after{background:0 0}.full>img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#start{margin-top:40px}#start .item{display:flex;flex-wrap:wrap;-ms-flex-pack:distribute}#start .item .card{position:relative;overflow-y:hidden;width:calc((100% / 3) - 3.5px);padding-bottom:5px}#start .item .card:nth-child(3n+2){margin:0 5px}#start .item .card .card-image{transition:all 1s ease;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}#start .item .card .card-subtitle a{padding:0 7px;background-color:rgba(0,255,0,.5)}#start .item .card .card-image:hover{transition:all 1s ease;filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0)}#start .item .card .card-image:hover img{transition:all .6s;opacity:.95;mix-blend-mode:multiply}#start .item .card .card-image:hover~.card-title{top:50%;left:50%;transition:all 1s;opacity:1}#start .item .card .card-title{position:absolute;top:50%;left:50%;transition:all 1s;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0}#start .content-item .e-content{display:flex;height:100%}#start .content-item .media{width:calc((100% / 3) * 2)}#start .content-item .media img:not(:last-child){margin-bottom:5px}#start .content-item .media .grav-vimeo{position:relative;overflow:hidden;max-width:100%;height:0;height:auto;padding-top:0!important;padding-bottom:56.25%}#start .content-item .media .grav-vimeo embed,#start .content-item .media .grav-vimeo iframe,#start .content-item .media .grav-vimeo object{position:absolute;top:0;left:0;width:100%;height:100%}#start .content-item .media video{width:100%;height:auto}#start .content-item .content{width:calc(100% / 3);min-width:400px;height:calc(100vh - 40px)}#start .content-item .content .txt{position:fixed;right:0;overflow-x:auto;width:calc(100% / 3);min-width:400px;height:calc(100% - 90px);padding:20px 30px 0 30px}#start .content-item .content .txt::-webkit-scrollbar{width:12px}#start .content-item .content .txt::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #fff}#start .content-item .content .txt::-webkit-scrollbar-thumb{border-radius:10px;background:#fff;-webkit-box-shadow:inset 0 0 0 #fff}#start .content-item .content .txt h3{margin:0 0 10px 0}#start .content-item .content .taxonomy{position:fixed;bottom:0;width:calc(100% / 3);min-width:400px;height:auto;border-top:2px solid #000;background:#fff}#start .content-item .content .taxonomy .tags{display:flex;margin:auto 0;padding-bottom:10px;flex-wrap:wrap}#start .content-item .content .taxonomy .tags a{margin:10px 10px 0 10px}#start .content-item .content .taxonomy .tags a:first-child{margin-left:30px!important}#start .e-content.news,#start .e-content.publications{display:inline-flex;width:100%;flex-wrap:wrap}#start .news{width:calc(100% / 5);min-width:340px;height:auto;padding:20px}#start .news h3{margin-bottom:10px;pointer-events:none}#start .about{width:calc(100% / 3);min-width:400px;height:auto;padding:20px}#start .about h3{margin-bottom:10px;pointer-events:none}@media screen and (max-width:1024px){header .navbar li{margin-right:20px!important}header .navbar .tags a{padding:0 10px;transition:padding .5s}}@media screen and (max-width:700px){header{position:fixed;z-index:999;top:0;display:flex;width:100%;height:40px;padding:0 20px;border-bottom:2px solid #000;background-color:#fff;justify-content:space-between}header h1{margin:auto 0}header nav ul{display:none}header nav ul.open{position:absolute;top:38px;left:0;display:flex;flex-direction:column;width:100vw;border-bottom:2px solid #000;background:#fff;justify-content:flex-start;align-items:center}header nav ul.open li{width:100vw;height:40px;text-align:center;text-align:center;border-bottom:2px solid #000;justify-content:center}header nav ul.open li:first-child{border-top:2px solid #000}header nav ul.open li:first-child .cat{position:absolute;right:45px;width:10px}header nav ul.open li:first-child .cat img{transform:rotate(0)}header nav ul.open li:last-child{margin-right:20px!important;border-bottom:0 solid #000}header nav ul.open li.act .cat img{transform:rotate(180deg)}header nav ul.open .tags{position:relative;top:-2px;border:none;border-bottom:2px solid #000;background:#0f0}header nav ul.open .tags a{height:40px;margin:0;padding:0}header nav ul.open .tags a li{margin:0}header nav>.tags>a{height:30px!important}header nav>.tags>a li{position:relative;z-index:0}header nav>.tags>a li::after{position:absolute;z-index:-1;width:0;height:10px;margin:auto;content:' ';transition:width .5s;background:#0f0}header nav>.tags>a:hover li::after{position:absolute;z-index:-1;width:100%;height:10px;margin:auto;content:' ';transition:width .5s;background:#0f0}header nav .col{position:absolute;top:10px;right:20px;width:auto;height:auto;text-align:center}header nav .burger{display:flex;flex-direction:column;width:auto;margin:0 auto;cursor:pointer;transition:all .7s ease}header nav .burger .bar{display:block;width:20px;height:2px;margin:3px auto;transition:all .7s ease;background:#000}header nav .burger .middle{margin:0 auto}header nav .burger:hover .top{transform:translateY(5px) rotateZ(45deg)}header nav .burger:hover .middle{width:0}header nav .burger:hover .bottom{transform:translateY(-5px) rotateZ(-45deg)}header ul.tags{display:none}header ul.active,header ul.visible{position:absolute;z-index:999;top:40px;right:0;display:block;width:auto;border-bottom:2px solid #000;border-left:2px solid #000;background:#fff}header ul.active a,header ul.visible a{display:flex;width:auto;height:40px;padding:0 20px}header ul.active a:first-child,header ul.visible a:first-child{margin-top:0}header ul.active a:last-child,header ul.visible a:last-child{margin-bottom:10px}header ul.active a li,header ul.visible a li{margin:auto}#start{margin-top:40px}#start .item{display:block}#start .item .card{position:relative;overflow-y:hidden;width:100%;margin-right:0!important;margin-left:0!important;padding-bottom:5px}#start .item .card:last-child{padding-bottom:0!important}#start .item .card .card-image:hover{transition:all .6s;background-color:#0f0}#start .item .card .card-image:hover img{transition:all .6s;opacity:.95;mix-blend-mode:multiply}#start .item .card .card-image:hover~.card-title{top:50%;left:50%;transition:opacity 1s,top 0s;opacity:1}#start .item .card .card-title{position:absolute;top:50%;left:50%;transition:all 1s;transform:translate(-50%,-50%);pointer-events:none;opacity:0}#start .content-item .e-content{display:block;height:100%}#start .content-item .media{width:100%}#start .content-item .content{width:100%;min-width:auto!important;height:auto}#start .content-item .content .txt{position:relative;right:0;overflow-x:auto;width:100%;min-width:auto!important;height:auto!important;padding:20px 20px 0 20px}#start .content-item .content .txt h3{margin:0 0 10px 0}#start .content-item .content .taxonomy{position:relative;bottom:0;width:100%;min-width:auto!important;height:auto;border-top:2px solid #000;background:#fff}#start .content-item .content .taxonomy .tags{display:flex;margin:auto 0;padding-bottom:10px;flex-wrap:wrap}#start .content-item .content .taxonomy .tags a{margin:10px 10px 0 10px}#start .content-item .content .taxonomy .tags a:first-child{margin-left:20px!important}#start .news{width:100%;min-width:auto!important;height:auto;padding:10px 20px 10px 20px;border-bottom:2px solid #000}#start .news:nth-child(1){padding-top:20px}#start .news h3{margin-bottom:10px;pointer-events:none}#start .about{width:100%;min-width:auto!important;height:auto;padding:20px}#start .about h3{margin-bottom:10px;pointer-events:none}}.newsletter{width:calc(100% / 3);min-width:400px;height:auto;padding:0 20px 20px 20px}.newsletter .mc-field-group{margin-top:10px}.newsletter .mc-field-group label{font-family:Roboto-Light;font-size:.8rem;width:100%}.newsletter .mc-field-group input{width:100%;margin:10px auto}.newsletter .indicates-required{font-family:Roboto-Light;font-size:.8rem;float:right}.newsletter .asterisk{color:#0f0}.newsletter h2{margin-bottom:30px}.newsletter #mc_embed_signup div.mce_inline_error{background-color:#0f0}.newsletter #mc_embed_signup input.mce_inline_error{padding:5px;border-width:1px;border-color:#0f0;border-radius:2px}.newsletter .mce_inline_error{font-family:Roboto-Light;font-size:.8rem}.newsletter .clear input{font-family:Roboto-Light;font-size:.8rem;font-weight:700;line-height:32px;display:inline-block;clear:both;width:auto;height:32px;margin:0 10px 10px 0;padding:0 22px;cursor:pointer;text-align:center;vertical-align:top;white-space:nowrap;text-decoration:none;color:#fff;border:0 none;border-radius:2px;background-color:#aaa}.newsletter .clear .response{font-family:Roboto-Light;font-size:.8rem;margin-bottom:10px}
|
