/*!
Theme Name: duovision
Theme URI: http://underscores.me/
Author: Duovision
Author URI: https://www.duovision.it/
Description: Thems for duovision
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: duovision
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{margin:0;padding:0;overflow-x:hidden}a{text-decoration:none;color:#000}a:hover{text-decoration:none;color:#000}a:visited{color:#000}a:focus{outline:none}:focus{outline:none}img{width:100%;height:auto;display:block}@font-face{font-family:"AkzidenzGroteskPro-MdEx";src:url("font/AkzidenzGroteskPro-MdEx.eot");src:url("font/AkzidenzGroteskPro-MdEx.eot?#iefix") format("embedded-opentype"),url("font/AkzidenzGroteskPro-MdEx.woff2") format("woff2"),url("font/AkzidenzGroteskPro-MdEx.woff") format("woff"),url("font/AkzidenzGroteskPro-MdEx.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"AkzidenzGroteskPro-Ext";src:url("font/AkzidenzGroteskPro-Ext.eot");src:url("font/AkzidenzGroteskPro-Ext.eot?#iefix") format("embedded-opentype"),url("font/AkzidenzGroteskPro-Ext.woff2") format("woff2"),url("font/AkzidenzGroteskPro-Ext.woff") format("woff"),url("font/AkzidenzGroteskPro-Ext.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}body{font-family:"AkzidenzGroteskPro-MdEx",sans-serif;font-weight:400;font-size:16px;line-height:19px;text-transform:uppercase;color:#000;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.title-lg{font-size:48px;line-height:50px;font-family:"AkzidenzGroteskPro-Ext";font-weight:400}.title-md{font-size:24px;line-height:29px;font-family:"AkzidenzGroteskPro-Ext";font-weight:400}.paragraph-sm{font-size:14px;line-height:17px}.m-lr{margin-left:24px;margin-right:24px}.button-text:before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;background:url(img/freccia.svg) no-repeat;background-size:18px 18px;background-position:0 0;transform:translateY(6px)}.header-small .header_logo{width:220px}.header-small .header{transform:translateY(-58px)}.container-header{position:fixed;top:0;right:0;left:0;z-index:10}.container-header .header_logo{margin-top:16px;position:relative;z-index:11}.container-header .header_logo img{transition:.5s all ease}.container-header .header{transition:.6s all ease;position:relative;z-index:10;padding:32px 24px 80px 24px;display:grid;grid-template-columns:100px 1fr 100px}.container-header .header .header_menu{grid-column:2/3;justify-self:center}.container-header .header .header_menu nav ul{margin:0;padding:0}.container-header .header .header_menu nav ul li{display:inline-block;margin-left:16px}.container-header .header .header_menu nav ul li a{color:#000;text-transform:uppercase;text-decoration:none;position:relative;font-size:16px;line-height:16px}.container-header .header .header_menu nav ul li a:after{content:"";width:0%;height:1px;background:#000;display:block;position:absolute;top:95%;z-index:10;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}.container-header .header .header_menu nav ul li a:hover:after{width:100%;opacity:1}.container-header .header .header_menu nav ul .current_page_item a::after{width:100%;opacity:1}.container-header .header .header_lingua{justify-self:right}.container-header .header .header_lingua nav ul{margin:0;padding:0}.container-header .header .header_lingua nav ul li{display:inline-block}.container-header .header .header_lingua nav ul li a{color:#000;text-transform:uppercase;text-decoration:none;position:relative;font-size:16px;line-height:16px}.container-header .header .header_lingua nav ul li a:after{content:"";width:0%;height:1px;background:#000;display:block;position:absolute;top:95%;z-index:10;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}.container-header .header .header_lingua nav ul li a:hover:after{width:100%;opacity:1}.container-header .header .header_lingua nav ul .current_page_item a::after{width:100%;opacity:1}.container-header .header__hamburger{width:28px;height:28px;cursor:pointer;grid-column:2/3;justify-self:end;align-self:center;padding-top:22px;display:none}.container-header .header__hamburger .bar,.container-header .header__hamburger .bar:before,.container-header .header__hamburger .bar:after{width:100%;height:2px;background:#000}.container-header .header__hamburger .bar{position:relative;transition:all .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.container-header .header__hamburger .bar:before{content:"";position:absolute;bottom:10px;transition:all .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}.container-header .header__hamburger .bar:after{content:"";position:absolute;top:10px;transition:all .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}@media screen and (max-width: 768px){.header__hamburger{display:block}.header__menu{display:none}.header{padding:24px 16px}}body.show{overflow:hidden}#off-canvas{position:fixed;width:100%;top:0;right:-100%;bottom:0;background:gray;z-index:9;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden}#off-canvas nav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#off-canvas nav ul{margin:0;padding:0;text-align:center}#off-canvas nav ul li{margin:8px 0;padding:0;display:block;list-style:none;left:4rem;transition:all .4s 0s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0;position:relative}#off-canvas nav ul li a{font-size:18px;text-transform:uppercase;text-decoration:none;display:inline-block;position:relative;color:rgba(255,255,255,.6);transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}#off-canvas nav ul .current_page_item a{color:#fff}#off-canvas nav ul .current_page_item a:after{content:"";width:100%;height:2px;background:#fff;display:block;position:absolute;top:95%;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}#off-canvas.show{right:0}#off-canvas.show nav ul li{left:0;opacity:1;backface-visibility:hidden}body.menu-open .header__hamburger .bar{background:rgba(255,255,255,0) !important;transition:all .3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}body.menu-open .header__hamburger .bar::after{background:#fff;top:0;transition:all .3s 0s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1);transform:rotate(-45deg)}body.menu-open .header__hamburger .bar::before{background:#fff;bottom:0;transition:all .3s 0s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1);transform:rotate(45deg)}body.menu-open .header__logo a{color:#fff}body.menu-open #off-canvas{right:0}body.menu-open #off-canvas nav ul li{left:0;opacity:1;backface-visibility:hidden}body.menu-open #off-canvas nav ul li:nth-child(1){transition:all .8s .5s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1)}body.menu-open #off-canvas nav ul li:nth-child(2){transition:all .8s .6s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1)}body.menu-open #off-canvas nav ul li:nth-child(3){transition:all .8s .7s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1)}body.menu-open #off-canvas nav ul li:nth-child(4){transition:all .8s .8s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1)}body.menu-open #off-canvas nav ul li:nth-child(5){transition:all .8s .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1)}body.menu-open #off-canvas nav ul li:nth-child(6){transition:all .8s 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform .3s .3s cubic-bezier(0.215, 0.61, 0.355, 1)}footer{margin-top:240px;margin-bottom:24px;font-size:12px;line-height:15px}footer .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;-moz-column-gap:8px;column-gap:8px}footer .grid .link-privacy{justify-self:right}footer .logo-footer{margin:16px 0}footer .logo-footer svg{width:100%}footer .grid .contact{grid-column:3/4}footer .grid .credis{justify-self:right}footer .grid-contact{display:none;flex-direction:row;justify-content:space-between}#error-404{background-color:#39170d;text-align:center;min-height:100vh;padding:0 16px}#error-404 h2{padding-top:20vh;font-size:180px;line-height:normal;font-weight:500}#error-404 h1{font-size:25px;font-style:italic;line-height:normal;font-weight:400}#error-404 h1 span{font-weight:bold;font-style:normal}#error-404 p{margin-top:16px;font-size:25px;line-height:normal;font-weight:400}#error-404 h3{margin-top:15vh;font-size:32px;font-weight:bold;line-height:normal}#error-404 a{display:inline-block;margin-top:32px;margin-bottom:80px;font-size:18px;text-transform:uppercase;text-decoration:none;padding:16px 48px;border:2px solid #000;line-height:normal}.error404 .header{position:absolute;top:0;left:0}@media screen and (max-width: 767px){#error-404 h2{font-size:80px}#error-404 h1{font-size:20px}#error-404 p{font-size:20px}#error-404 h3{font-size:22px}#error-404 a{font-size:16px;margin-top:24px}}.page-template-home #hero-gallery{overflow:hidden}.page-template-home #hero-gallery .split-gallery{display:grid;grid-template-columns:1fr 1fr}.page-template-home #hero-gallery .split-gallery figure{margin:0;padding:0;height:100vh}.page-template-home #hero-gallery .split-gallery figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-template-home #about .grid{display:grid;grid-template-columns:1fr 2fr;margin-top:40px;margin-bottom:160px}.page-template-home #about .grid .paragraph{margin-bottom:24px}.page-template-home #about .grid .box-img{grid-column:2/3;display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:8px;column-gap:8px}.page-template-home #project{margin-top:224px;position:relative}.page-template-home #project .box-slider-project-big .slider-project-big{position:relative}.page-template-home #project .box-slider-project-big .slider-project-big .slide .grid{display:grid;grid-template-columns:2fr 1fr 1fr;-moz-column-gap:40px;column-gap:40px}.page-template-home #project .box-slider-project-big .slider-project-big .slide .grid .desc{justify-self:right}.page-template-home #project .box-slider-project-big .slider-project-big .slide .grid .desc .anno{margin-bottom:40px}.page-template-home #project .box-slider-project-big .slider-project-big .slick-prev{display:none !important}.page-template-home #project .box-slider-project-big .slider-project-big .arrow-right{position:absolute;bottom:0;right:0;z-index:2;width:25%;height:56%;cursor:pointer}.page-template-home #project .box-slider-project-big .slider-project-big .arrow-right span{position:absolute;top:0;left:0}.page-template-home #project .box-slider-project-small{position:absolute;bottom:0;right:0;width:25%;filter:grayscale(100%)}.single-project .container-header{height:100px}.single-project .header_logo{width:220px}.single-project .header{transform:translateY(-58px)}.single-project .nav-project{padding:12px 24px;background-color:#39170d;position:fixed;z-index:2;bottom:0;left:0;right:0;display:flex;flex-direction:row;justify-content:space-between;opacity:0;visibility:hidden;transition:.5s all ease}.single-project .nav-project h2,.single-project .nav-project p,.single-project .nav-project a,.single-project .nav-project span{color:#fff;font-size:14px;line-height:14px}.single-project .nav-project div,.single-project .nav-project nav{display:flex;flex-direction:row;-moz-column-gap:4px;column-gap:4px}.single-project .nav-project .toggle-after-before a.is-active:after{background-color:#fff}.single-project .nav-project .toggle-after-before a:after{top:100%}.single-project .nav-project.active{opacity:1;visibility:visible}.single-project main.is-after #panel-after{opacity:1;visibility:visible}.single-project main.is-before #panel-before{opacity:1;visibility:visible}.single-project main{position:relative;margin-top:160px;display:grid;grid-template-columns:100%}.single-project main #panel-before{grid-row:1/2;grid-column:1/2;z-index:1;opacity:0;visibility:hidden;transition:.3s all ease}.single-project main #panel-before .header-project{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;margin-bottom:80px}.single-project main #panel-before .header-project h1{width:40%}.single-project main #panel-before .header-project .box{display:flex;flex-direction:row;justify-content:space-between}.single-project main #panel-before .header-project .box .label,.single-project main #panel-before .header-project .box .value{display:inline}.single-project main #panel-before .header-project .box .luogo .label{display:none}.single-project main #panel-before .img-grid{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px}.single-project main #panel-before .img-grid .img-1 img{position:sticky;top:160px}.single-project main #panel-before .img-grid .img-2{margin-top:20vh}.single-project main #panel-before .grid-paragraph-1{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;margin-top:136px}.single-project main #panel-before .grid-paragraph-1 .paragraph{grid-column:2/3}.single-project main #panel-before .slider-full-page{margin-top:136px}.single-project main #panel-before .container-sticky .grid-paragraph-2{position:sticky;top:-50px;padding-top:136px;padding-bottom:48px;background-color:#fff;display:grid;grid-template-columns:1fr 1fr 2fr;-moz-column-gap:16px;column-gap:16px}.single-project main #panel-before .container-sticky .grid-paragraph-2 .paragraph:last-child{grid-column:3/4}.single-project main #panel-before .container-sticky .scroll-img .img{width:32vw;margin:0 auto 16px auto}.single-project main #panel-before .paragraph-col{width:25%;margin-bottom:32px;margin-top:200px}.single-project main #panel-before .slider-4col .slick-slide{margin:0 8px}.single-project main #panel-before .slider-4col .slick-list{margin:0 -8px}.single-project main #panel-before .slider-4col .arrow-right,.single-project main #panel-before .slider-4col .arrow-left{position:absolute;top:-40px;transform:translateY(-50%);z-index:2;cursor:pointer}.single-project main #panel-before .slider-4col .arrow-right span,.single-project main #panel-before .slider-4col .arrow-left span{color:#fff}.single-project main #panel-before .slider-4col .arrow-right{right:0}.single-project main #panel-before .slider-4col .arrow-left{right:35px}.single-project main #panel-after{grid-row:1/2;grid-column:1/2;z-index:2;opacity:0;visibility:hidden;transition:.3s all ease}.single-project main #panel-after .grid-hero{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;position:relative}.single-project main #panel-after .grid-hero .container-desc .box-sticky{position:sticky;top:160px;min-height:calc(100vh - 210px);display:flex;flex-direction:column}.single-project main #panel-after .grid-hero .container-desc .box-sticky .titolo-nav{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;margin-bottom:40px}.single-project main #panel-after .grid-hero .container-desc .box-sticky .titolo-nav h2{width:90%}.single-project main #panel-after .grid-hero .container-desc .box-sticky .titolo-nav nav{transform:translateY(2px)}.single-project main #panel-after .grid-hero .container-desc .box-sticky .header-project div{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px}.single-project main #panel-after .grid-hero .container-desc .box-sticky .box-paragraph{margin-top:auto;width:95%}.single-project main #panel-after .grid-hero .container-desc .box-sticky .box-paragraph .paragraph-sm{margin-bottom:16px}.single-project main #panel-after .grid-hero .container-img img{margin-bottom:16px}.single-project main #panel-after .tendine{margin-top:120px}.single-project main #panel-after .tendine .tendina:first-child{border-top:1px solid #000;padding-top:8px}.single-project main #panel-after .tendine .tendina{border-bottom:1px solid #000;padding-bottom:8px;margin-bottom:8px}.single-project main #panel-after .tendine .tendina .acc-title{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:space-between;cursor:pointer}.single-project main #panel-after .tendine .tendina .acc-title h3{font-weight:400;font-size:16px;line-height:18px}.single-project main #panel-after .tendine .tendina .acc-title .icona{flex:0 0 16px;width:16px;height:16px;margin-left:auto;position:relative;border-radius:50%;transition:all .3s ease;cursor:pointer}.single-project main #panel-after .tendine .tendina .acc-title .icona .linea1,.single-project main #panel-after .tendine .tendina .acc-title .icona .linea2{height:1px;width:16px;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.single-project main #panel-after .tendine .tendina .acc-title .icona .linea2{transform:translate(-50%, -50%) rotate(90deg);transform-origin:center center;transition:all .3s ease}.single-project main #panel-after .tendine .tendina .acc-title .icona:hover{transform:rotate(90deg)}.single-project main #panel-after .tendine .tendina .acc-title .icona.animate{transform:rotate(180deg)}.single-project main #panel-after .tendine .tendina .acc-title .icona.animate .linea2{opacity:0}.single-project main #panel-after .tendine .tendina .acc-panel{display:none;transform:translateY(-17px);z-index:1;position:relative;margin-bottom:-17px}.single-project main #panel-after .tendine .tendina .acc-panel .container{display:grid;grid-template-columns:50% 50%}.single-project main #panel-after .tendine .tendina .acc-panel .container .desc{width:50%;margin-left:auto}.single-project main #panel-after .tendine .tendina .acc-panel .container .desc .label{margin-bottom:24px}.single-project main #panel-after .tendine .tendina .acc-panel .container .slider-tendina{width:60%;position:relative}.single-project main #panel-after .tendine .tendina .acc-panel .container .slider-tendina .arrow-right,.single-project main #panel-after .tendine .tendina .acc-panel .container .slider-tendina .arrow-left{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer}.single-project main #panel-after .tendine .tendina .acc-panel .container .slider-tendina .arrow-right{right:16px}.single-project main #panel-after .tendine .tendina .acc-panel .container .slider-tendina .arrow-left{left:16px}.single-project main #panel-after .grid-img-text{margin-top:136px;display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px}.single-project main #panel-after .grid-img-text .paragraph{width:95%}.single-project main #panel-after .grid-img-text:last-child{margin-top:48px}.single-project main #panel-after .slider-full-page{margin-top:136px;margin-bottom:40px}.single-project main #panel-after .paragraph-2{grid-column:2/3}.single-project main #contact-project{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;margin-top:136px}.single-project main #contact-project .title-md{margin-bottom:4px;margin-top:16px}.single-project .toggle-after-before{display:flex;flex-direction:row;-moz-column-gap:3px;column-gap:3px}.single-project .toggle-after-before a{position:relative}.single-project .toggle-after-before a:after{content:"";width:0%;height:2px;background:#000;display:block;position:absolute;top:90%;z-index:10;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}.single-project .toggle-after-before a:hover:after{width:100%;opacity:1}.single-project .toggle-after-before a.is-active:after{width:100%;opacity:1}.single-project .slider-full-page{position:relative}.single-project .slider-full-page .arrow-right,.single-project .slider-full-page .arrow-left{position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer}.single-project .slider-full-page .arrow-right span,.single-project .slider-full-page .arrow-left span{color:#fff}.single-project .slider-full-page .arrow-right{right:24px}.single-project .slider-full-page .arrow-left{left:24px}.single-project .slider-full-page .slick-counter{position:absolute;bottom:24px;left:24px;color:#fff}.single-project footer{margin-bottom:56px}.page-template-about .container-header{position:fixed}.page-template-about main{padding-top:24.52vw}.page-template-about main #service .title-lg{text-indent:25%}.page-template-about main #service .grid{margin-top:120px;margin-bottom:200px}.page-template-about main #service .grid h2{grid-column:1/3}.page-template-about main #team .img-2{grid-column:3/4}.page-template-about main #team h2{margin-bottom:16px}.page-template-about main #team .label-medium{margin-top:8px}.page-template-about main #team .label{font-family:"AkzidenzGroteskPro-Ext"}.page-template-about main #team .button-text{margin-top:24px;display:inline-block}.page-template-about main #studio .grid{margin-top:216px;margin-bottom:120px;grid-template-columns:1fr 2fr}.page-template-about main #studio .grid-img{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px}.page-template-about main .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;-moz-column-gap:8px;column-gap:8px}.page-template-contact{background-color:#39170d}.page-template-contact .container-header{filter:invert(1);height:50px}.page-template-contact .container-header .header_logo{width:220px}.page-template-contact .container-header .header{transform:translateY(-50px)}.page-template-contact main{margin-top:160px}.page-template-contact main #contact .grid{display:grid;grid-template-columns:2fr 1fr 1fr;color:#fff}.page-template-contact main #contact .grid a{color:#fff}.page-template-contact main #contact .grid .title-md{margin-bottom:8px}.page-template-contact main #contact .grid .mt{margin-top:16px}.page-template-contact main #contact .grid .social{align-self:end}.page-template-contact main #contact .grid:last-child{margin-top:80px}.page-template-contact main .button-text:before{filter:invert(1)}.page-template-contact footer{margin-top:200px;filter:invert(1)}.page-template-contact footer .grid{display:none}.page-template-contact footer .grid-contact{display:flex}