/*@import 'bootstrap.min.css';*/
@import 'bootstrap.min_UNMINIFIED.css';
@import 'bootstrap-grid.min.css';
@import 'animate.css';
@import 'ionicons.min.css';
@import 'linearicons.css';
@import 'animsition.css';
/*@import 'magnific-popup.css';*/
@import 'magnific-popup_unminified.css';
/*@import 'jquery.pagepiling.css';*/
/*@import 'owl.carousel.css';*/
@import 'owl.carousel_unminified.css';
html{
    font-size:12px;
    -webkit-font-smoothing:antialiased
}
body{
    
        font-family: "acumin-variable",sans-serif;
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0;
      
    /*font-family:poppins,sans-serif;*/
    font-size:1rem;
    font-weight:400;
    letter-spacing:.025em;
    line-height:2.1428;
    scroll-behavior: smooth;
    /*color:#868686;  colore del font nel popup di informazione*/
    color:#fff;
    /*background:#272727;*/
    background:#006169;
    -webkit-overflow-scrolling:touch    
}

.bg-image { /*inserito da me davide*/
   /* background-color: #c9971b;*/
    background-image: url(https://www.davidepepe.com/files/IFDO/BASE_ORO_1920x1080.jpg);  
    /*height: 500px;*/
    /*background-position: top;*/
    background-repeat: no-repeat;
    /*background-size: cover;*/
    position: absolute;
    background-size:cover;
    /*background-position:center;*/
    left:0;
    right:0;
    z-index: -1;
    overflow:hidden;  

             /* per far scorrere il video con lo scroll mettere position relative e trovare il modo per mettere come immagine di fondo lo sfondo dorato e animare opacity davide*/
  }
  

html, body {
    overscroll-behavior: none;
    /*touch-action: none;*/
  }
::-webkit-scrollbar{
    width:8px;
    height:8px
}
::-webkit-scrollbar-thumb{
    cursor:pointer;
    background:#00e1ff
}
::selection{
    background-color:#00e1ff;
    color:#fff
}
-webkit-::selection{
    background-color:#00e1ff;
    color:#fff
}
::-moz-selection{
    background-color:#00e1ff;
    color:#fff
}
/*@font-face{
    font-family:poppins;
    src:url(../fonts/poppins-regular-webfont.html) format('woff2'),url(../fonts/poppins-regular-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
*/

 h1,.h1{
    font-family:Sacramento,serif;
    /*font-weight:700; */
   /* font-size:3.428rem;*/
    font-size:6rem;
    /*line-height:1.2;*/
    line-height:1.0;
    font-weight:100;
    color:#fff;
    /* color:#c9971b;*/
    letter-spacing:-.000em;
    /*margin:.5em 0*/
    margin:.25em 0 /* lo avevo portato a .25em 0 da .5em 0*/
 }
 h1b,.h1b{   /*utilizzato per testi che devono essere spostati più in alto nella pagina*/
    font-family:Sacramento,serif;
    /*font-weight:700; */
   /* font-size:3.428rem;*/
    font-size:6rem;
    /*line-height:1.2;*/
    line-height:1.0;
    font-weight:100;
    color:#fff;
    /* color:#c9971b;*/
    letter-spacing:-.000em;
    /*margin:.5em 0*/
    margin:.05em 0 /* lo avevo portato a .25em 0 da .5em 0*/
 }
h2,.h2{
    
    font-family: "acumin-variable",sans-serif;
    font-variation-settings: 'wght' 600, 'wdth' 90, 'slnt' 0;
    
   /* font-family:Playfair Display,serif;
    font-weight:600;*/
    font-size:2.571rem;
    line-height:1.166;
    color:#fff;
    letter-spacing:0;
    margin:2.6rem 0 
}
h3,.h3{
    font-family:Playfair Display,serif;
    font-weight:600;
    font-size:2.142rem;
    line-height:1.2;
    letter-spacing:-.05em;
    color:#fff;
    margin:2.6rem 0
}
h4,.h4{
    /*font-family:Playfair Display,serif;
    font-weight:600;*/
    font-family: "acumin-variable",sans-serif;
    font-variation-settings: 'wght' 600, 'wdth' 90, 'slnt' 0;

    font-size:1.714rem;
    line-height:1.25;
    letter-spacing:.025em;
    color:#fff;
    margin:2.6rem 0
}
h5,.h5{
  
        font-family: "acumin-variable",sans-serif;
        font-variation-settings: 'wght' 300, 'wdth' 90, 'slnt' 0;
      
    /*font-family:Playfair Display,serif;
    font-weight:600;*/
    font-size:1.571rem;
    line-height:1.1;
    letter-spacing:0;
    color:#ffffff;
    margin:2.6rem 0
}
h6,.h6{
    font-family:Playfair Display,serif;
    font-weight:600;
    font-size:1.285rem;
    line-height:1.3333;
    letter-spacing:0;
    color:#fff;
    margin:2.6rem 0
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a{
    color:inherit
}
h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover,h4 a:hover,.h4 a:hover,h5 a:hover,.h5 a:hover,h6 a:hover,.h6 a:hover{
    text-decoration:none
}
strong{
    font-weight:600
}
p,blockquote{
    margin-bottom:2.6rem
}
blockquote{
    font-size:1.714rem;
    letter-spacing:.025em;
    line-height:1.5;
    padding:0;
    width:80%;
    padding-left:6.8rem;
    border-left:.3rem solid #00e1ff;
    margin-top:5rem;
    color:#fff
}
cite{
    display:block;
    color:#fff;
    font-weight:600;
    letter-spacing:0;
    font-style:normal
}
a{
    /*color:#00e1ff;*/
    color:#ffffff;/*#c9971b;*/
    -webkit-transition:color .3s ease-out;
    -o-transition:color .3s ease-out;
    transition:color .3s ease-out
}
a:hover{
    /*color:#00e1ff;*/
    color:#ffffff;/*#c9971b;*/
    outline:none
}
a:focus{
    text-decoration:none
}
input[type=text],input[type=address],input[type=url],input[type=password],input[type=email],input[type=search],input[type=tel],textarea{
    display:inline-block;
    width:100%;
    font-size:1rem;
    border-radius:.75em;
    color:#fff;
    /*background-color:#333;*/
    background-color: #006169;
    border:0;
    border-radius:0;
    padding:.7rem 1rem;
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.5);
    box-shadow:0 0 25px rgba(0,0,0,.5);
    -webkit-appearance:none;
    -webkit-transition:all .15s;
    -o-transition:all .15s;
    transition:all .15s
}
textarea{
    padding-top:.8rem;
    height:15rem;
    resize:none;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
input[type=text]:focus,input[type=address]:focus,input[type=url]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,input[type=tel]:focus,textarea:focus{
    border-color:#00e1ff;
    outline:0;
    color:#fff
}
input::-moz-placeholder{
    color:#999;
    opacity:1
}
input:-ms-input-placeholder{
    color:#999
}
input::-webkit-input-placeholder{
    color:#999
}
textarea::-moz-placeholder{
    color:#999;
    opacity:1
}
textarea:-ms-input-placeholder{
    color:#999
}
textarea::-webkit-input-placeholder{
    color:#999
}
.form-group{
    margin-bottom:30px
}
label.error{
    color:#fff;
    margin:.8rem 0 0
}
.btn{
    color:#fff;
    letter-spacing:.025em;
    font-size:1rem;
    display:inline-block;
    border:0;
    border-radius:0;
    padding:1.1em 2.28em 1em;
    background-color:#000;
    text-decoration:none;
    -webkit-transition:all .3s ease-out!important;
    transition:all .3s ease-out!important
}
.btn:hover,.btn:focus{
    background-color:#00e1ff;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:none!important
}
.icon{
    display:inline-block
}
.ion-ios-play{
    width:3rem;
    height:3rem;
    padding-left:.2rem;
    line-height:3rem;
    text-align:center;
    border:1px solid #fff;
    border-radius:50%;
    font-size:1rem;
    margin-top:4rem;
    color:#fff;
    transition:all .3s ease-out
}
.ion-ios-play:hover{
    color:#045e6a;
    border:1px solid #00e1ff
}
.animsition{
    position:absolute;
    z-index:100;
    left:0;
    width:100%;
    top:0;
    height:100%
}
.loader{
    position:fixed;
    overflow:hidden;
    z-index:101;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#006169; /*272727;*/
    color:#006169; /*4b4b4b;*/
    text-align:center
}
.spinner{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.double-bounce1,.double-bounce2{
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#00e1ff;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:sk-bounce 2s infinite ease-in-out;
    animation:sk-bounce 2s infinite ease-in-out
}
.double-bounce2{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes sk-bounce{
    0%,100%{
        -webkit-transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1)
    }
}
@keyframes sk-bounce{
    0%,100%{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    50%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
.text-muted{
    color:#999!important
}
.text-white{
    color:#fff
}
.text-primary{
    /*color:#00e1ff!important*/
    color: #c9971b!important
}
.masked{
    position:relative
}
.masked:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.1
}
.navbar{
    position:fixed;
    display:block;
    z-index:20;
    left:0;
    top:0;
    width:100%;
    padding-top:1.8rem; /*Il valore iniziale era 2.7rem; l'ho cambiato per portare più in alto il logo e il menu*/
    height:7rem;
    color:#fff;
    margin:0;
    border-radius:0
}
.navbar .brand{
    float:left;
    margin-top:-.5rem;
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.brand{
    line-height:1.6;
    color:#fff;
    display:inline-block
}
a.brand:hover,a.brand:focus{
    text-decoration:none;
    color:#fff
}
.brand img{
    display:inline-block;
    vertical-align:top;
    margin-right:.65rem;
    height:2.8rem
}
.brand-info{
    display:inline-block
}
.brand-name{
    font-weight:600;
    font-size:1.714rem;
    line-height:1
}
.brand-text{
    font-size:.857rem;
    font-weight:300;
    margin-top:-.3rem
}
.navbar-toggle{
    float:right;
    display:block;
    margin:0;
    padding:0;
    border-radius:0;
    background:0 0;
    border:0
}
.navbar-toggle:focus{
    outline:none
}
.navbar-toggle .icon-bar{
    background-color:#fff;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    display:block;
    width:22px;
    height:2px;
    border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top:4px
}
.navbar-toggle:hover .icon-bar{
    /*background-color:#00e1ff;*/
    background-color:#c9971b;
}
.navbar .social-list{
    float:right;
    margin-right:10%
}
.social-list{
    overflow:hidden
}
.social-list-bottom{
    display:none;
    /*position:absolute;*/
    position:fixed;
    z-index:10;
    right:0;
    bottom:1.6rem; /*era 2.4rem; l'ho diminuito per abbassare un po' la parte dei social e per allinearla con copiryght davide pepe*/ 
    color:#000
}
.social-list a{
    float:left;
    font-size:1.428rem;
    line-height:1;
    color:#fff;
    margin-left:2rem
}
.social-list a:first-child{
    margin-left:0
}
.social-list a:hover{
    /*color:#00e1ff;*/
    color:#c9971b;
    text-decoration:none
}
.navbar-spacer{
    float:right;
    margin:-1rem 4.5rem 0;
    width:1px;
    height:3.3rem;
    background-color:#006169; /*#c9971b;*/ /* 3c3c3c*/
}
.navbar-address{
    float:right;
    font-weight:600;
    text-transform:uppercase
}
.contacts{
    float:left;
    margin-left:9rem
}
.contacts .contact-item{
    display:inline-block;
    color:#fff;
    margin-right:2rem
}
.contacts .contact-item a{
    color:#fff
}
.contacts .contact-item.spacer{
    opacity:.3
}
.contact-address{
    margin-top:5rem
}
.contact-address .mail{
    text-decoration:underline
}
#success,#error{
    display:none
}
.form-group-message{
    display:none
}
.click-capture{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    visibility:hidden;
    z-index:99;
    opacity:0;
    background:rgba(0,0,0,.3);
    transition:opacity .5s
}
.menu{
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    width:100%;
    z-index:101;
    /*background-color:#272727;*/
    background-color:#006169;
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.close-menu{
    position:absolute;
    z-index:2;
    top:2.3rem;
    font-size:1.6rem;
    line-height:1;
    color:#fff;
    cursor:pointer;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.close-menu:hover{
    /*color:#00e1ff questo era il colore di accento del mio sito */ 
    color:#c9971b
}
.menu .menu-lang{
    opacity:0;
    position:absolute;
    opacity:0;
    left:15%;
    top:3rem;
    text-transform:uppercase;
    -webkit-transform:translateY(3rem);
    -ms-transform:translateY(3rem);
    -o-transform:translateY(3rem);
    transform:translateY(3rem);
    -webkit-transition:transform .5s .4s ease,opacity .5s .4s ease,color .3s ease;
    -o-transition:transform .5s .4s ease,opacity .5s .4s ease,color .3s ease;
    transition:transform .5s .4s ease,opacity .5s .4s ease,color .3s ease
}
.menu-lang a{
    display:inline-block;
    margin-left:1.5rem;
    color:#7e7e7e
}
.menu-lang a:first-child{
    margin-left:0
}
.menu-lang .active,.menu-lang a:hover{
    /*color:#00e1ff;*/
    color:#c9971b;
    text-decoration:none
}
.menu-list{
    opacity:0;
    position:absolute;
    left:0;
    top:5rem;
    bottom:10.5rem;
    padding-left:15%;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overflow-scrolling:touch;
    font-weight:600;
    letter-spacing:-.025rem;
    list-style:none;
    margin:0;
    -webkit-transform:translateY(3rem);
    -ms-transform:translateY(3rem);
    -o-transform:translateY(3rem);
    transform:translateY(3rem);
    -webkit-transition:transform .5s .6s ease,opacity .5s .6s ease;
    -o-transition:transform .5s .6s ease,opacity .5s .6s ease;
    transition:transform .5s .6s ease,opacity .5s .6s ease
}
.menu-list li a{
    color:#999
}
.menu-list .active>a,.menu-list li a:hover{
    text-decoration:none;
    color:#fff
}
.menu-list>li{
    font-size:1.65rem;
    line-height:1
}
.menu-list>li{
    margin-top:2.7rem
}
.menu-list>li:first-child{
    margin-top:0
}
.menu-list ul{
    display:none;
    list-style:none;
    padding:0;
    margin:0
}
.menu-list ul li{
    font-size:1.142rem;
    margin-top:1.142rem
}
.menu-list ul li:first-child{
    margin-top:2.4rem
}
.menu-footer{
    position:absolute;
    left:15%;
    bottom:4rem
}
.menu-footer .social-list{
    opacity:0;
    -webkit-transform:translateY(3rem);
    -ms-transform:translateY(3rem);
    -o-transform:translateY(3rem);
    transform:translateY(3rem);
    -webkit-transition:all .5s .7s ease;
    -o-transition:all .5s .7s ease;
    transition:all .5s .7s ease
}
.menu-footer .social-list a{
    color:#7e7e7e;
    margin:0;
    margin-right:2.7rem
}
.menu-footer .social-list a:last-child{
    margin-right:0
}
.menu-footer .social-list a:hover{
    /*color:#00e1ff*/
    color:#c9971b;
}
.menu-footer .copy{
    opacity:0;
    display:none;
    margin-top:3.2rem;
    color:#fff;
    line-height:1.71rem;
    -webkit-transform:translateY(2rem);
    -ms-transform:translateY(2rem);
    -o-transform:translateY(2rem);
    transform:translateY(2rem);
    -webkit-transition:all .5s .9s ease;
    -o-transition:all .5s .9s ease;
    transition:all .5s .9s ease
}
.menu-is-opened .click-capture{
    visibility:visible;
    opacity:1
}
.menu-is-opened .menu{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    box-shadow:0 0 25px rgba(0,0,0,.07)
}
.menu-is-opened .menu .menu-lang,.menu-is-opened .menu-list,.menu-is-opened .menu .menu-footer .social-list,.menu-is-opened .menu .menu-footer .copy{
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    -o-transform:translate(0);
    transform:translate(0);
    opacity:1
}
.menu-is-closed .menu .menu-lang,.menu-is-closed .menu .menu-list,.menu-is-closed .menu .menu-footer .social-list,.menu-is-closed .menu .menu-footer .copy{
    opacity:0;
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.boxed{
    /*position:fixed;*/
    /*white-space:nowrap;*/
    /*z-index:10;*/
    padding-left:1.7rem;
    padding-right:1.7rem
}
.left-boxed{
    left:1.7rem
}
.right-boxed{
    right:1.7rem
}
.copy-bottom{
    display:none;
    /*position:absolute;*/
    position:fixed;
    z-index:10;
    left:0;
    bottom:1.6rem; /* era 2.4rem; l'ho diminuito per abbassare un po' il copiryght davide pepe*/
    color:#000
}
.copy-bottom.white{
    color:#fff
}
#pp-nav{
    z-index:100;
    width:2.1428rem;
    margin-top:0!important;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
#pp-nav .pp-nav-up,#pp-nav .pp-nav-down{
    display:none;
    font-size:2.1428rem;
    cursor:pointer;
    color:#000;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#pp-nav .pp-nav-up{
    margin-bottom:3.5rem
}
#pp-nav .pp-nav-down{
    margin-top:3.5rem
}
#pp-nav li,.pp-slidesNav li{
    margin:1.928rem auto;
    width:10px;
    height:10px
}
#pp-nav span,.pp-slidesNav span{
    left:0;
    top:0;
    cursor:pointer;
    width:10px;
    height:10px;
    background:#000;
    border:0;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#pp-nav .pp-nav-up:hover,#pp-nav .pp-nav-down:hover,#pp-nav.white .pp-nav-up:hover,#pp-nav.white .pp-nav-down:hover{
    /*color:#00e1ff*/
    color:#c9971b;
}
#pp-nav.white .pp-nav-up,#pp-nav.white .pp-nav-down{
    color:#fff
}
#pp-nav.white span,.pp-slidesNav span{
    background:#fff
}
#pp-nav li .active span,.pp-slidesNav .active span,#pp-nav span:hover,.pp-slidesNav span:hover{
    /*background:#00e1ff*/
    background:#c9971b;
}
.pagepiling .section{
    background:#006169; /*272727;*/
    padding-top:10.3rem;
    padding-bottom:6rem
}
.pagepiling .pp-scrollable{
    padding:0;
    overflow-x:hidden
    
}


/*
.section{
    background:#006169; 
    padding-top:10.3rem;
    padding-bottom:6rem
}
.pp-scrollable{
    padding:0;
    overflow-x:hidden
    
}
*/


.pp-scrollable.section-1 .vertical-centred{
    padding-top:7rem
}
.pp-scrollable .vertical-centred{
    padding-top:10.3rem;
    padding-bottom:6rem
}
.scroll-wrap{
    position:relative;
    min-height:100%
}
.scrollable-content{
    white-space:nowrap;
    width:100%;
    font-size:0
}
.scrollable-content:before{
    content:'';
    display:inline-block;
    height:100vh;
    vertical-align:middle
}
/*inserito da me per provare a bloccare il background quando si scrolla un testo in overlay per evitare che scrolli anche il background con il testo
.no-scroll {         
    overflow: hidden 
}*/
.vertical-centred{
    width:100%;
    height:100%;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    font-size:1rem
}
.boxed-inner{
    position:relative;
    padding:0
}

/*
.section-bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    /*background-size:contain;
    background-position:center
}*/

.section-bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    /*background-size:cover;*/ /*DDD 777 */
    background-size:contain;
    background-size: auto 100vh;
    background-position:center
}

.vertical-title{
    position:absolute;
    white-space:nowrap;
    width:0;
    top:-.55rem;
    left:4.9rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.1em;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.vertical-title span{
    display:block;
    float:right
}
.section .intro{
    opacity:0;
    -webkit-transition:opacity 1s .3s ease;
    -o-transition:opacity 1s .3s ease;
    transition:opacity 1s .3s ease
}
.section .intro{
    -webkit-transform:translateY(7rem);
    -ms-transform:translateY(7rem);
    -o-transform:translateY(7rem);
    transform:translateY(7rem);
    -webkit-transition:all .35s .6s ease;
    -o-transition:all .35s .6s ease;
    transition:all .35s .6s ease
}
.section.active .intro{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.subtitle-top{
    line-height:1.714;
    margin-top:0;
    margin-bottom:2.8rem;
    letter-spacing:.1em
}
.title-uppercase{
    text-transform:uppercase;
    letter-spacing:-.025em;
    line-height:1.33333;
    margin:0 0 3rem
}
.display-1{
    font-size:4.28rem;
    line-height:1;
    letter-spacing:-.05em;
    margin:0
}
.display-2{
    font-size:5.14rem;
    font-weight:600;
    line-height:1;
    letter-spacing:-.05em;
    margin:0;
    text-transform:uppercase
}
.text-texture{
    font-size:35rem;
    line-height:1;
    font-weight:800;
    display:inline-block;
    background-image:url(../images/bg/texture.jpg);
    background-position:50% 50%;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.experience-box{
    position:relative;
    white-space:nowrap
}
@media(min-width:992px){
    .experience-box{
        margin-top:6rem
    }
}
.experience-border{
    position:absolute;
    display:inline-block;
    vertical-align:middle;
    width:20.15rem;
    height:41.15rem;
    border:.657rem solid #00e1ff;
    left:5rem;
    top:-2rem
}
.experience-content{
    display:inline-block;
    vertical-align:middle;
    position:relative
}
.experience-number{
    display:inline-block;
    vertical-align:middle;
    font-size:42.142rem;
    line-height:1;
    font-weight:600;
    color:#fff
}
.experience-info{
    display:inline-block;
    vertical-align:middle;
    margin:-4rem 0 5rem .8rem;
    font-size:1.57rem;
    line-height:1.181;
    color:#fff
}
@media(min-width:576px){
    .experience-info{
        margin-top:-1px
    }
}
.progress-bars{
    margin-top:4rem
}
.progress{
    height:5px;
    margin-bottom:50px
}
.progress:last-child{
    margin-bottom:0
}
.progress-bar{
    background-color:#00e1ff
}
.resume-title{
    position:relative;
    color:#fff;
    margin:0 0 2rem
}
.resume-row{
    position:relative
}
.resume-type{
    position:relative;
    margin:1rem 0;
    padding:1rem;
    background:#006169; /*272727;*/
    top:-.2rem
}
.resume-study{
    margin-bottom:1rem
}
.resume-date{
    font-size:.9rem;
    margin-bottom:2rem
}
.resume-text{
    opacity:.6
}
.resume-text.last{
    margin-bottom:0
}
.resume-row{
    margin-bottom:4rem
}
.row-partners{
    margin:-5rem -5rem 0
}
.col-partner{
    padding:0 5rem;
    margin-top:5rem;
    text-align:center
}
.col-partner img{
    margin:0 auto;
    max-width:100%;
    opacity:.4
}
.col-partner:hover img{
    opacity:1;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.bg-changer{
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.bg-changer .section-bg{
    opacity:0;
    will-change:opacity,transform;
    -webkit-transform:scale(1.02);
    -ms-transform:scale(1.02);
    -o-transform:scale(1.02);
    transform:scale(1.02);
    -webkit-transition:opacity .5s .2s ease,transform 5s .2s ease;
    -o-transition:opacity .5s .2s ease,transform 5s .2s ease;
    transition:opacity .5s .2s ease,transform 5s .2s ease
}
/*.bg-changer .section-bg{
    opacity:0;
    will-change:opacity,transform;
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
    -webkit-transition:opacity .5s .2s ease,transform 5s .2s ease;
    -o-transition:opacity .5s .2s ease,transform 5s .2s ease;
    transition:opacity .5s .2s ease,transform 5s .2s ease
}*/
.bg-changer .active{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.bg-changer .section-bg:first-child{
    opacity:1;
    /*-webkit-transform:scale(0.95);
    -ms-transform:scale(0.95);
    -o-transform:scale(0.95);
    transform:scale(0.95)*/
}
.row-project-box{
    margin-top:-6rem
}
.col-project-box{
    margin-top:10rem
}
.project-box{
    display:block;
    position:relative;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.project-box:before{
    content:'';
    position:absolute;
    right:100%;
    margin-right:20px;
    width:15px;
    top:8px;
    border-top:1px solid #fff
}
.project-box:after{
    content:'';
    position:absolute;
    top:1px;
    height:15px;
    right:100%;
    margin-right:27px;
    border-left:1px solid #fff
}
.project-box h5{
    margin:0;
    color:#fff;
    font-size:1.8rem;
    font-weight:300
}
.project-category{
    color:#fff;
    margin-top:.5rem
}
.project-box:hover{
    color:#00e1ff;
    text-decoration:none
}
.project-box:hover h5{
    color:#00e1ff!important
}
.project-box:hover .project-category{
    color:#fff
}
.link-arrow{
    float:right;
    margin-top:-2.2rem
}
.link-arrow.h5{
    text-transform:uppercase;
    letter-spacing:-.025rem;
    margin-bottom:0
}
.link-arrow.h5 .icon-chevron-right{
    font-size:1.8rem;
    margin-top:-.6rem
}
.section-2 .vertical-title{
    margin-top:8rem
}
.section-3 .link-arrow.h5{
    margin-top:4rem
}
.section-4 h2{
    margin-bottom:7rem
}
.icon-quote{
    display:inline-block;
    margin-top:-.6rem;
    /*color:#00e1ff;*/
    color:#c9971b;
    width:5rem;
    height:5rem;
    line-height:4.2rem;
    text-align:center;
    /*border:2px solid #00e1ff;*/
    border:2px solid #c9971b;
    border-radius:50%;
    font-size:2.454rem;
    margin-bottom:5rem
}
.review-carousel .text{
    font-family:Source Sans Pro,sans serif;
    font-size:1.342rem;
    line-height:1.875
}
.review-author{
    margin-top:5.7rem
}
.author-name{
    font-size:1.2857rem;
    line-height:1.333;
    font-weight:600
}
.review-carousel .owl-nav{
    position:relative;
    top:0;
    margin-top:7.7vh;
    -webkit-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none
}
.review-carousel .owl-prev,.review-carousel .owl-next{    /* qui è dove bisogna cambiare il colore per le freccette a dx e a sx*/
    font-size:1.2857rem;
    width:3.57rem;
    height:3.57rem;
    line-height:3.57rem;
    border:1px solid #c9971b;
    color:#c9971b;
    text-align:center;
    margin-right:.857rem
}



.review-carousel .owl-prev:before{
    font-family:linearicons;
    content:"\e93b"
}
.review-carousel .owl-next:before{
    font-family:linearicons;
    content:"\e93c"
}
.review-carousel .owl-prev:hover,.review-carousel .owl-next:hover{   /* qui è dove bisogna cambiare il colore per le freccette a dx e a sx*/
    background:#c9971b;
    color:#000
}
.review-carousel .owl-prev.disabled,.review-carousel .owl-next.disabled{
    cursor:default
}
.review-carousel .owl-prev.disabled:hover,.review-carousel .owl-next.disabled:hover{
    background:0 0;
    color:#fff
}
.owl-dots{
    margin-top:5rem
}
.owl-dot{
    display:inline-block
}
.owl-dot span{
    display:block;
    width:12px;
    height:12px;
    /*border:#00e1ff 1px solid;*/
    border:#c9971b 1px solid;
    position:relative;
    margin:5px;
    border-radius:50%
}
.owl-dot.active span{
    /*background:#00e1ff*/
    background:#c9971b;
}
.content{
    padding-top:17rem
}
.row-project{
    margin-bottom:10rem
}
.image-holder{
    display:block;
    margin:12rem auto 7rem;
    max-width:100%
}
.social-list-detail{
    margin-top:10rem
}
.social-list-detail a{
    font-size:2rem;
    color:#999
}
.social-list-detail a:hover{
    color:#fff
}
.col-project-name h1{
    margin-top:0
}
.col-project-info p{
    margin-bottom:0
}
.col-project-info h5{
    margin-top:0;
    margin-bottom:1.2rem
}
.project-detail-text{
    color:#fff;
    font-size:1.2rem;
    margin-bottom:5rem
}
@media(min-width:576px){
    .menu{
        width:50%
    }
}
@media(min-width:768px){
    html{
        font-size:13px
    }
    .menu{
        width:50%
    }
    .boxed{
        padding-left:3rem;
        padding-right:3rem
    }
    .boxed-inner{
        padding-left:0
    }
    .right-boxed{
        right:3rem
    }
    .left-boxed{
        left:3rem
    }
    .section-about{
        padding-top:12rem
    }
}
@media(min-width:992px){
    html{
        font-size:14px
    }
    .menu{
        width:35%;
        max-width:35rem
    }
    .boxed{
        padding-left:4.2857rem;
        padding-right:4.2857rem
    }
    .right-boxed{
        right:4.2857rem
    }
    .left-boxed{
        left:4.2857rem
    }
}
@media(min-height:500px){
    #pp-nav .pp-nav-up,#pp-nav .pp-nav-down{
        display:block
    }
}
@media(min-height:600px){
    .menu .menu-lang{
        top:7rem
    }
    .menu-list{
        top:9rem;
        bottom:20rem
    }
    .menu-list>li{
        font-size:1.7rem
    }
    .menu-footer{
        bottom:6rem
    }
    .menu-footer .copy{
        display:block
    }
}
@media(min-height:700px){
    .copy-bottom{
        display:block
    }
    .social-list-bottom{
        display:block
    }
}
 #background-video{
    width:100vw;
    height:100vh;
    object-fit:cover;
    position:fixed;
    opacity: 1;  /* per far scorrere il video con lo scroll mettere position relative e trovare il modo per mettere come immagine di fondo lo sfondo dorato e animare opacity davide*/
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:-1
}
.brand,.ig-icon{
    position:relative
}
.brand img.top,.ig-icon img.top{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    object-fit:contain;
    opacity:0;
    transition:opacity .2s
}
.brand:hover img.top,.ig-icon:hover img.top{
    opacity:1
}
.ig-icon:hover img.top{
    top:3px
}
.img-responsive{
    width:100%;
    height:auto
}
.pageTitle{
    font-size:1.8rem
}
.projectBig{
    font-size:larger;
    padding-bottom:1rem
}
/*
.owl-prev,.owl-next{
    font-size:medium;
    position:absolute;
    top:60px;
    background-color:#006169;
    left:0;
    padding:16px
}
*/
.owl-nav{
    position: absolute;
    top:70px /*edi aveva messo 110 per il progetto artistico qui io avevo messo 60 adesso sto provando a spostare tutto più in alto */
}
.owl-prev,.owl-next{
    font-size:medium;
    position:absolute;
    background-color:#fff0;/*#006169;*/
    left:0;
    padding:16px
}
.owl-next{
    left:24px /*24px*/
}
.icon-chevron-right,.icon-chevron-left{
    background-color:#c9971b;
    color:#fff
}
.icon-chevron-right:hover,.icon-chevron-left:hover{
    color:#000
}

.projectBar{
    padding:16px 24px;
    margin-top:160px; /*ho inserito io questo valore per spostare tutto più in alto */
    background-color:#c9971b;
    width:fit-content;
    color:#565656
}

.projectBar span{
    padding:0 8px
}
.projectBar span,.owl-next,.owl-prev{
    pointer-events:all
}
.projectBar a{
    text-decoration:none;
    /*color:#999*/
    color:#fff
}
.projectBar a:hover{
    color:#000
}

.projectBar2{
    padding:16px 24px;
    margin-top:160px; /*ho inserito io questo valore per spostare tutto più in alto */
    background-color:rgba(255,255,255,0.25);;
    width:fit-content;
    color:#565656
}


.projectBar2 span{
    padding:0 8px
}
.projectBar2 span,.owl-next,.owl-prev{
    pointer-events:all
}
.projectBar2 a{
    text-decoration:none;
    /*color:#999*/
    color:#fff
}
.projectBar2 a:hover{
    color:#000
}

.pp-section:nth-of-type(odd){
    background-color:#006169/*272727*/
}
.pp-section:nth-of-type(even){
    background-color:#006169/*444*/
}
.menu-list{
    top:9rem!important;
    bottom:9rem!important;
    line-height:2rem
}
.menu-list>li{
    margin:1.8rem
}
.white-popup{
    position:relative;
    background:#c9971b;
    /*background:#FFF;*/
    padding:25px;
    width:auto;
    max-width:65vw;
    margin:0 auto
}
@media (min-height:600px){
    .menu-list>li{
        font-size:1.5rem!important
    }
}
@media screen and (max-width:767px){
    .display-2{
        font-size:4.4rem!important
    }
    .pageTitle{
        font-size:1.5rem
    }
    #pp-nav{
        display:none
    }
    .mfp-iframe-scaler iframe{
        width:90%!important;
        height:90%!important
    }
}
@media screen and (max-width:478px){
    .white-popup{
        max-width:100%
    }
}
@media only screen and (orientation:landscape){
    #pp-nav li,.pp-slidesNav li{
        margin:1.2rem auto
    }
}
.hidden{
    overflow:hidden;
    display:none;
    visibility:hidden
}
.mfp-arrow{
    opacity:.3
}
.mfp-arrow:hover{
    opacity:.6
}
.mfp-fade{
    opacity:0;
    transition:opacity 0.3s ease-in-out
}
.mfp-fade.mfp-ready{
    opacity:1
}
.mfp-fade.mfp-removing{
    opacity:0
}
.owl-carousel,img.mfp-img{
    pointer-events:none!important
}
img.mfp-img{
    max-width:1280px!important;
    max-height:1024px!important
}
.mfp-content-wrapper{
    display:inline-block;
    padding:10px 20px;
    background-color:#f9f9f9; 
    text-align:center
}
.mfp-figure{
    cursor:auto!important
}
.mfp-close{
    cursor:pointer!important
}
.mfp-zoom-out{
    .mfp-with-anim{
        opacity:0;
        transition:all 0.3s ease-in-out;
        transform:scale(1.3)
    }
    &.mfp-bg{
        opacity:0;
        transition:all 0.3s ease-out
    }
    &.mfp-ready{
        .mfp-with-anim{
            opacity:1;
            transform:scale(1)
        }
        &.mfp-bg{
            opacity:.8 /*rende il background più scuro*/
        }
    }
    &.mfp-removing{
        .mfp-with-anim{
            transform:scale(1.3);
            opacity:0
        }
        &.mfp-bg{

            opacity:0
        }
    }
}
.second-image{
    margin: 2rem auto;
}