@font-face{font-family:'Roboto';font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/wp-content/themes/portfolio/fonts/roboto-flex-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{background:#f5f5f5;font-family:'Roboto';border-top:4px solid #000}.wrapper{position:relative;max-width:1200px;padding:0px;margin:auto;overflow:hidden}.wrapper .main-header{margin-top:25px;color:#222;padding:0 20px}@media (max-width:550px){.wrapper .main-header{margin-top:20px}}.wrapper .main-header a{text-decoration:none;color:inherit}.wrapper .main-header .logo{position:absolute;margin:0 6px}.wrapper .main-header .logo img{display:block;float:left;height:28px;margin:6px 0}.wrapper .main-header .logo span{display:inline-block;padding:11px;font-weight:400;font-size:1.125em;line-height:1em;text-transform:uppercase}.wrapper .main-header .main-nav{float:right;width:100%}.wrapper .main-header .main-nav .nav-bars{float:right;cursor:pointer;padding:4px 7px 6px 7px}.wrapper .main-header .main-nav .nav-bars .bar{width:26px;height:3px;background:#222;margin:5px 0;transition:all .2s}.wrapper .main-header .main-nav .menu-main-menu-container{display:inline-block;float:right}@media (max-width:550px){.wrapper .main-header .main-nav .menu-main-menu-container{float:none;display:block;clear:both}}.wrapper .main-header .main-nav .menu-main-menu-container .menu{padding:11px;margin:0;display:none;list-style:none;font-weight:600}.wrapper .main-header .main-nav .menu-main-menu-container .menu::after{content:'';display:block;clear:both;float:none}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item{float:left;padding:0 10px;font-size:1em;line-height:1.12em;opacity:0;transform:translate(0px, -50px);transition:all .2s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item a:hover{color:#666}@media (max-width:550px){.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item{float:none;display:block;width:100%;text-align:center;border-top:1px solid #ddd;box-sizing:border-box}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:last-child{border-bottom:1px solid #ddd}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item a{display:block;padding:.9em 0}}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(10){transition-delay:.3s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(9){transition-delay:.27s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(8){transition-delay:.24s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(7){transition-delay:.21s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(6){transition-delay:.18s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(5){transition-delay:.15s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(4){transition-delay:.12s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(3){transition-delay:.09s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(2){transition-delay:.06s}.wrapper .main-header .main-nav .menu-main-menu-container .menu .menu-item:nth-child(1){transition-delay:.03s}.wrapper .main-header .main-nav.visible .menu-main-menu-container .menu{display:block}.wrapper .main-header .main-nav.active .nav-bars .bar-1{transform:translate(0px, 8px) rotate(45deg)}.wrapper .main-header .main-nav.active .nav-bars .bar-2{opacity:0}.wrapper .main-header .main-nav.active .nav-bars .bar-3{transform:translate(0px, -8px) rotate(-45deg)}.wrapper .main-header .main-nav.active .menu-main-menu-container .menu .menu-item{opacity:1;transform:translate(0px, 0px)}.wrapper .main-content{margin:25px -5px 0 -5px;padding:0 20px;min-height:800px}@media (max-width:550px){.wrapper .main-content{padding:0;margin-top:20px}}.wrapper .main-content .grid::before{visibility:hidden}@media (min-width:1025px){.wrapper .main-content .grid::before{content:'3 .column.size-1of3'}}@media (min-width:550px) and (max-width:1024px){.wrapper .main-content .grid::before{content:'2 .column.size-1of2'}}@media (max-width:550px){.wrapper .main-content .grid::before{content:'1 .column.size-1of1'}}.wrapper .main-content .grid .box{position:relative;margin:0px;float:left;clear:both;overflow:hidden}.wrapper .main-content .grid .box img{display:block;width:100%;transition:all .4s;transform:scale(1.07) translateZ(0px);image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.wrapper .main-content .grid .box .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to top, #1e2530 0%, #1a212a 12%, rgba(0,0,0,0) 100%);visibility:hidden;opacity:0;transition:all .2s}.wrapper .main-content .grid .box .overlay .content{position:absolute;width:100%;bottom:0;left:0;padding:30px;box-sizing:border-box;color:#fff}.wrapper .main-content .grid .box .overlay .content .title{font-size:1.25em;font-weight:500;margin-bottom:3px;text-transform:uppercase;opacity:0;transform:translate(0, -20px);transition:all .2s;transition-delay:0s;width:65%}.wrapper .main-content .grid .box .overlay .content .categories{font-size:1em;font-weight:300;opacity:0;transform:translate(0, -20px);transition:all .2s;transition-delay:0.03s}.wrapper .main-content .grid .box .overlay .content .dot{position:absolute;right:30px;bottom:34px;width:5px;height:5px;background:#fff;opacity:0;transition:all .2s}.wrapper .main-content .grid .box:hover img{transform:scale(1)}.wrapper .main-content .grid .box:hover .overlay{box-shadow:inset 0 0 100px rgba(0,0,0,0.3);visibility:visible;opacity:1}.wrapper .main-content .grid .box:hover .overlay .content .title{opacity:1;transform:translate(0, 0);transition-delay:0.03s}.wrapper .main-content .grid .box:hover .overlay .content .categories{opacity:1;transform:translate(0, 0);transition-delay:0s}.wrapper .main-content .grid .box:hover .overlay .content .dot{opacity:1;transition-delay:0.08s}.wrapper .main-content .single{margin:0 5px}.wrapper .main-content .single .alignleft{float:left;margin-right:25px}.wrapper .main-content .single .alignright{float:right;margin-left:25px}.wrapper .main-content .single .header{background:#fff;padding:50px;margin:0 0 25px 0}@media (max-width:550px){.wrapper .main-content .single .header{padding:25px}}.wrapper .main-content .single .header .title{font-weight:500;margin:0}.wrapper .main-content .single .header .headline{font-weight:300;margin:0;font-size:1.25em;color:#666}.wrapper .main-content .single .header .headline::after{content:'';display:block;height:1px;width:50px;margin:15px 0 25px 0;background:#000}.wrapper .main-content .single .header .leadtext{font-size:1.125em;font-weight:300;line-height:1.4em}.wrapper .main-content .single .header .links{margin-top:25px;font-weight:600}.wrapper .main-content .single .header .links ul{padding:0;margin:0}.wrapper .main-content .single .header .links ul li{display:block;list-style:none;line-height:1.5em}.wrapper .main-content .single .header .links ul li a{color:#000;text-decoration:none}.wrapper .main-content .single .header .links ul li a:hover{color:#666}.wrapper .main-content .single .header .social-icons-lists{padding:0}.wrapper .main-content .single .header .input-group{margin:15px 0}.wrapper .main-content .single .header .input-group label{display:inline-block;margin:10px 0}.wrapper .main-content .single .header .input-group input:not([type=button]):not([type=reset]):not([type=submit]),.wrapper .main-content .single .header .input-group textarea{padding:7px 10px;width:100%;border:1px solid #ddd;background:#f5f5f5;outline:none;border-radius:3px}.wrapper .main-content .single .header .input-group input:not([type=button]):not([type=reset]):not([type=submit]):focus,.wrapper .main-content .single .header .input-group textarea:focus{border:1px solid rgba(34,34,34,0.3)}.wrapper .main-content .single .header .input-group input[type="button"],.wrapper .main-content .single .header .input-group input[type="reset"],.wrapper .main-content .single .header .input-group input[type="submit"]{padding:12px 12px;min-width:150px;font-size:0.875em;font-weight:600;text-align:center;background:#222;color:#fff;border:none;border-radius:4px;outline:none}.wrapper .main-content .single .header .input-group input[type="button"]:hover,.wrapper .main-content .single .header .input-group input[type="reset"]:hover,.wrapper .main-content .single .header .input-group input[type="submit"]:hover{background:rgba(34,34,34,0.9)}.wrapper .main-content .single .header .input-group input[type="button"]:active,.wrapper .main-content .single .header .input-group input[type="reset"]:active,.wrapper .main-content .single .header .input-group input[type="submit"]:active{background:rgba(34,34,34,0.7)}.wrapper .main-content .single .header::after{content:' ';display:block;clear:both;float:none}.wrapper .main-content .single .text-block{position:relative;width:100%;padding:40px 50px;box-sizing:border-box;background:#fff;font-size:1.125em;font-weight:300;line-height:1.4em}.wrapper .main-content .single .image-block{position:relative;width:100%}.wrapper .main-content .single .image-block img{display:block;max-width:100%}.wrapper .main-content .single .video-block{position:relative;width:100%;height:0;margin-bottom:25px;padding-bottom:56.25%;overflow:hidden}.wrapper .main-content .single .video-block iframe{position:absolute;top:0;left:0;width:100%;height:100%}.wrapper .main-content .single .gallery-block{position:relative;width:100%;margin-bottom:25px;overflow:hidden}.wrapper .main-content .single.single-experiment .header{padding:25px}.wrapper .main-content .single.single-experiment .header .title{font-size:1.25em}.wrapper .main-content .single.single-experiment .header .headline{font-size:1em;margin-top:0.3em}.wrapper .main-content .single.single-experiment .header .headline::after{display:none}.grid .column{float:left}.grid .size-1of3{width:33.333%}.grid .size-1of2{width:50%}.footer{width:100%;padding:50px;margin:100px 0 0 0;box-sizing:border-box;background:#ddd;color:#666;text-align:center;font-size:0.9em;font-weight:300}.col-half{width:50%}@media (max-width:550px){.col-half{width:100%}}.col-2{column-count:2;column-gap:15px;-moz-column-count:2;-moz-column-gap:15px;-webkit-column-count:2;-webkit-column-gap:15px}.col-2 p{margin:0}@media (max-width:550px){.col-2{column-count:1;-moz-column-count:1;-webkit-column-count:1}}.clearfix::after{content:'';display:block;float:none;clear:both}.svg-icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-link{font-size:1.3em;vertical-align:text-bottom}