/*-----------------RESPONSIVE-----------------*/

@media (max-width: 992px) {  
    
    #menu {
        display: none !important;
    }
    
    .fp-controlArrow {
        display: none !important;
    }
 
    #section2 {
        padding: 0 17px 0 17px !important;
    }
    
    #desktop2 {
        display: none;
    }
    
    #section3 {
        padding: 0 17px 0 17px !important;
    }
    
    #section5 {
        padding: 0 17px 0 17px !important;
    }
    
    .consulting {
        padding: 123px 0 0 0 !important;
    }
    
    #mobile5 {
        padding: 72px 0 0 0 !important;
    }
    
    .team:nth-child(even) {
        padding: 0 14px 0 0 !important;
    }
    
    .team:nth-child(odd) {
        padding: 0 0 0 14px !important;
    }
    
    .about {
        bottom: 17px !important;
        top: inherit !important;
        padding: 0 0 0 17px !important;
    }
    
    .about h5{
        font-size: 14pt;
        margin-top: 0px;
        
        transition: 0.7s;
        margin-bottom: 3px;
    }  
      
    h3 {
        font-size: 21pt !important;
    }
    
    #section4 h3 {
        font-size: 12pt !important;
    }
    
    p, h4, .span-link {
        font-size: 12pt !important;
    }
    
    .cookiealert p{
    font-size: 12pt !important;
    }
    
    .inputnews {
        font-size: 14pt;
    } 
    
    .consulting h3{
        font-family: 'Neue Haas Grotesk Display Pro 55 Roman', Helvetica, Arial, Open Sans !important;
    }
    .logo img{
        height: 21pt !important;
        pointer-events: none;
    }
    
    #desktop5 {
        display: none;
    }   
      
    .md-delete{
        display: none !important;
    }
    
    .footer.flexbox.row {
        padding: 24px 17px 24px 17px !important;
    }
    
    .logo img{
        margin-top: 17px !important;
        margin-left: 17px !important;
    }
    
    .slide h3{
        padding: 17px !important;
    }
    
    #whitespace {
        height: 58px !important;
    }
}

@media (min-width: 992px) {
    
    #mobile2 {
        display: none;
    }
    
    #menuToggle {
        display: none !important;
    }
    #mobile5 {
        display: none;
    }    
    
    #whitespace{
        display: none;
    }
    
    #opticspace {
        display: none;
    }
}

@media (max-width: 756px) {
    
    .team:nth-child(even) {
        padding: 0 0px 0 0 !important;
    }
    
    .team:nth-child(odd) {
        padding: 0 0 0 0px !important;
    }
}

@media (max-width: 456px) {
    
/*    Correccion por bug de Bootstrap x Fullpage.js scroll bloqueado*/
    #mobile5 {
        height: 2100px;
    }
}


/*-----------------GENERAL CONFIG.-----------------*/

::-webkit-scrollbar {
    display: none;
}

html {
    font-family: 'Neue Haas Grotesk Display Pro 55 Roman', Helvetica, Arial, Open Sans;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body{
    font-family: 'Neue Haas Grotesk Display Pro 55 Roman', Helvetica, Arial, Open Sans;
    color: black;
    font-size: 16pt;
    line-height: 1;
    letter-spacing: 0.8px;
}

span {
    font-family: 'Neue Haas Grotesk Display Pro 56 Roman Italic', Helvetica, Arial, Open Sans;
    font-size: 10pt;
    
    line-height: 0pt;
}

h2 {
    font-size: 16pt;
    margin-bottom: 72px;
}

h3 {
    display: block;
    font-family: 'Neue Haas Grotesk Display Pro 55 Roman', Helvetica, Arial, Open Sans;
    font-size: 16pt;
    padding: 0px;
    margin: 0px;
    line-height: 1.2;
    opacity: 1;
    letter-spacing: 0.8px;
}

h4 {
    font-size: 16pt;
    color: white;
    padding: 0px;
    margin: 0px;
    display: table-cell;
    letter-spacing: 0.8px;
    line-height: 1.4;
}

h5 {
    font-size: 16pt;
    color: black;
    padding: 0px;
    margin: 0px;
    display: table-cell;
    letter-spacing: 0.8px;
    line-height: 1.3;
}

h6 {
    font-size: 16pt;
    color: white;
    padding: 0px;
    margin: 0px;
    letter-spacing: 0.8px;
    line-height: 1.3;
}

h6:hover {
    border-bottom: 1px solid white;
    margin-bottom: -1px;
}

h7 {
    font-size: 13pt;
    color: white;
    padding: 0px;
    margin: 0px;
    letter-spacing: 0.8px;
    line-height: 1.3;
}

p {
    font-size: 10pt;
    line-height: 1.2;
    letter-spacing: 0.8px;
}

a, a:hover {
    text-decoration: none;
    color: black;
}

.slide {
    text-align: end;
}

.videoTAG {
    display: block;
    position: absolute;
    bottom: 0px;
    text-align: right;
    width: 100vw;
}

.videoBG {
  object-fit: cover;
  width: 100%;
  height: 100vh;
  bottom: 0;
  left: 0;
  margin-bottom: -3px; /*Corrección para que se pueda hacer scroll en el slide*/
}

.slide h3{
    padding: 27px 27px 27px 27px;
}

#opticspace {
    height: 95px;
}

.navigation {
    display: flex;
    position: fixed;
}

.addop {
    opacity: 1;
}

/*-----------------MENU-----------------*/

#whitespace {
    background-color: white;
    width: 100%;
    height: 72px;
    z-index: 1;
    position: fixed;
    top: -73px;
    transition: 0.7s;
}

#menuToggle {
  display: block;
  position: fixed;
  padding-top: 17px;
  padding-right: 17px;
  padding-left: 17px;
  padding-bottom: 17px;
  right: 0px;
  z-index: 10000;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a {
    line-height: 1.45;
    color: black;
    letter-spacing: 0.8px;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 17px;
  position: fixed;
  right: 17px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

#menuToggle img{
  display: block;
  width: 21px;
  height: 21px;
  position: relative;
  opacity: 1;
  z-index: 1;
  
  
  transition: transform 0.6s cubic-bezier(0.2,0.2,0.05,1.0),
              background 0.6s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle input:checked ~ img {
  opacity: 1;
  transform: rotate(45deg) translate(0px, 0px);
}

#mobile-nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 55%;
  padding-right: 27px;
  right: 0px;
  top:0px;
  left: 45%;
  margin: 0px;
  padding-right: 17px;
  padding-top: 72px;
  padding-left: 0px;
  padding-bottom: 22px;
  text-align: right;
  
  background-color: #f0ced5;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.spacebetween {
    flex-grow: 1;
}

#mobile-nav li {
  font-size: 21pt;
  flex-direction: column;
  list-style-type: none;
}

#menuToggle input:checked ~ ul {
  transform: none;
}

#menu a:hover{
    border-bottom: solid black 1px;
    text-decoration: none !important;
}

#menu .active a{
    border-bottom: 1px solid black;
}

ul {
    list-style-type: none;
}

.logo img{
    height: 40px;
    width: auto;
    margin-top: 25px;
    margin-left: 27px;
    position: fixed;
    z-index: 2;
    background-position: left;
    background-size: contain;
}

.pagtwo, .pagthree, .pagfour, .pagfive, .pagsix {
    transition: 0.7s;
    flex-grow: 0;
}

.pagone.active{
    flex-grow: 0;
}

.pagseven {
    transition: 0.7s;
    flex-grow: 0;
}

li.active{
    transition: 0.7s;
    flex-grow: 1;
    pointer-events: none;
}

#menu{
    height: 100vh;
    text-align: left;
    display: flex;
    flex-direction: column;
    position: absolute;
    list-style-type: none;
    padding: 94px 0 24px 0;
    margin-left: 27px;
    left: 0px;
    top: 0px;
    justify-content: space-between;
    z-index: 1;
    
    transition: 0.7s;
}

#menu li a{
    line-height: 1.4;
    color: black;
    font-size: 16pt;
}


.header-bg {
    display: block;
    position: fixed;
    background-color: #fff;
    height: 72px;
    width: 100%;
    top: 0px;
    margin: 0px;
    pointer-events: none;
    z-index: 1;
}

/*-----------------SECTION CONFIG-----------------*/

.intro {
    padding: 0px;
    margin: 0px;
}

#section2 {
    background-size: cover;
    height: 100% !important;
}

#section3 {
    border-top: 1px solid white;
}

.span-link {
    font-family: 'Neue Haas Grotesk Display Pro 36 Thin Italic', Helvetica, Arial, Open Sans;
    font-size: 10pt;
    
    color: black;
}

#section5 a:hover {
    color: black;
    border-bottom: 1px solid black;
    text-decoration: none;
}

#section5 {
    padding-left: 20%;
}

#section7 a{
    color: white;
    text-decoration: none;
}

#section7 a:hover {
    color: #f0ced5;
    border-bottom: none;
}

#section7 .fp-tableCell{
        padding: 0px;
    }

.link {
    font-family: 'Neue Haas Grotesk Display Pro 55 Roman', Helvetica, Arial, Open Sans;
    font-size: 10pt;
    
    color: inherit;
}

.link:hover {
    color: #f0ced5;
    border-bottom: 1px solid #f0ced5;
}

.proflistdesktop{
    height: 100%;
    padding-left: 20%;
    padding-top: 70px;
    opacity: 0;
    overflow: hidden;
    transition: 0.7s;
}

.col-talent{
    height: 120px;
    padding-bottom: 35px;
}

.hover-talent:hover {
    color: #f0ced5 !important;
    opacity: 1 !important;
    cursor: default;
}

.proflistmobile {
    padding-top: 72px;
    opacity: 0;
    transition: 1s;
}

.consulting {
    padding: 96px 0 0 20%;
    height: 100%;
}

.col-consulting {
    margin-bottom: 26px;
}

#mobile5 h3 {
    margin-top: 6pt;
    margin-bottom: 14pt;
}

#mobile5 p {
    margin-top: 2pt;
}

#mobile5 img {
    margin-bottom: 14pt;
    margin-top: 72px;
}

#desktop5 {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 95px 0 32px 0;
}

.team img{
    width: 100%;
}

.text-team {
    margin-top: 20px;
} 

/*
.col-team:nth-child(2){
    padding: 0 54px 0 36px;
}
*/

/*
#desktop5 .row:nth-child(1){
    padding-right: 13px;
}

#desktop5 .row:nth-child(2){
    padding-right: 13px;
}
*/

.downp {
    position: absolute;
    bottom: -34px;
}

.text-strong {
    font-family: 'Neue Haas Grotesk Display Pro 65 Medium', Helvetica, Arial, Open Sans;
    font-size: 17pt;
    line-height: 24pt;
    padding-bottom: 4pt;
}

.text-header{
    border-bottom: solid 1px black;
}

#profilelist{
    padding: 0px;
    margin: 0px;
    display: table;
}

#profilelist li{
    display: inline-block;
    padding: none !important;
    margin: none !important;
}

.accordion {
  background-color: #fff;
  color: black;
  cursor: pointer;
  padding-bottom: 0px;
  padding-left: 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 1s ease-out;
}

#mobile2 {
    padding-top: 95px;
    padding-bottom: 95px;
}

#mobile2 h3{
    padding-top: 4px;
    padding-bottom: 4px;
}

#mobile2 img {
    width: 100%;
}

button:focus {
    outline: none;
}

#mobile2 a {
  position: absolute;
  margin-top: 1px;
  right: 0px;
  font-size: 20pt;
  text-decoration: none;
  color: black;
  opacity: 0;
  z-index: 999;
  
}

h3.ui-state-active a {
    opacity: 1 !important;
    transition: 0.2s;
}


#section6 {
    position: relative;
}
.about { 
    position: absolute;
    top: 95px;
    bottom: 0px;
    padding: 0 0 0 20%;
}


#newsletter {
    display: block;
    top: 50%;
    height: auto;
    background-color: white;
    align-content: center;
    vertical-align: middle;
}

.inputnews {
    margin-right: 5px;
    margin-left: 5px;
    width: 30%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px black;
}

.inputnews:focus {
    text-align: center;
    outline: none;
}

::placeholder {
  text-align: center;
  color: black;
}

.btn-news {
    border: 1px solid black;
    border-radius: 0px;
    padding: 0px 5px 0px 5px;
}

/*-----------------CONTENT IMG-----------------*/

.img-team-1 {
    display: block;
    background-size: cover;
    height: 340px;
}

.img-team-2 {
    display: block;
    background-size: cover;
    height: 340px;
    
    background-position: 10% 40%;
}

.img-team-3 {
    display: block;
    background-size: cover;
    height: 340px;
}

.img-team-4 {
    display: block;
    background-size: cover;
    height: 340px;
}

#slidehome1 {
    background-image: url(../img/Home/alex_aquazurra.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slidehome2 {
    background-image: url(../img/Home/00.webp);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slidehome3 {
    background-image: url(../img/Home/maria_delaord_both.jpg);
    background-position: 10% top;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slidehome4 {
    background-image: url(../img/Home/alicia_hola.jpg);
    background-position: 40% 60%;
    background-repeat: no-repeat;
    background-size: cover;
}

#slidehome5 {
    background-image: url(../img/Home/03.webp);
    background-position: 40% 60%;
    background-repeat: no-repeat;
    background-size: cover;
}

#slidehome6 {
    background-image: url(../img/Home/05.webp);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slidehome7 {
    background-image: url(../img/Home/sassa_cuarto.webp);
    background-position: 30% 30%;
    background-repeat: no-repeat;
    background-size: cover;
}

#slidehome8 {
    background-image: url(../img/Home/ginevra_rossini_horse.webp);
    background-position: 70% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects1_a{
    background-image: url(../img/Projects/alex_labial_a.jpg);
    background-position: 80% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects1_b{
    background-image: url(../img/Projects/alex_labial_b.jpg);
    background-position: 80% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects2{
    background-image: url(../img/Projects/marta_ortiz_ni.webp);
    background-position: 80% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects3{
    background-image: url(../img/Projects/44gin.webp);
    background-position: 42% 58%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects4_a{
    background-image: url(../img/Projects/alexfayer_a.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects4_b{
    background-image: url(../img/Projects/alexfayer_b.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects5{
    background-image: url(../img/Projects/corteingles.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects6{
    background-image: url(../img/Projects/sassa.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects7_a{
    background-image: url(../img/Projects/fayer_a.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects7_b{
    background-image: url(../img/Projects/fayer_b.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects8_a{
    background-image: url(../img/Projects/hublot_b.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects8_b{
    background-image: url(../img/Projects/hublot_a.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects9{
    background-image: url(../img/Projects/sesderma.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects10{
    background-image: url(../img/Projects/);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects11_a{
    background-image: url(../img/Projects/martha_a.webp);
    background-position: 20% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    
}

#slideprojects11_b{
    background-image: url(../img/Projects/martha_b.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    
}

/*-----------------CORRECTIONS FP & BOOTSTRAP-----------------*/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 27px;
    margin-left: 0px;
    margin-right: 0px;
}

.row {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 13px;
    margin-left: 0px;
    margin-right: 0px;
}

.col-lg-auto {
    padding-right: 27px;
}

.fp-auto-height .fp-tableCell{
    padding-top: 27px;
    padding-bottom: 27px;
}

#section1 .fp-controlArrow {
    display: none !important;
}

#section1 .fp-tableCell {
    display: table-cell;
}

#section4 .fp-tableCell {
    display: table-cell;
}

body.fp-viewing-Talent #whitespace{
    transition: 0.7s;
    top: 0px
}

body.fp-viewing-Consulting #whitespace{
    transition: 0.7s;
    top: 0px
}

body.fp-viewing-Team #whitespace{
    transition: 0.7s;
    top: 0px
}

body.fp-viewing-Home-0 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-1 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-2 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-3 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-4 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-5 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-6 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-7 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

body.fp-viewing-Home-8 #menu{
    transition: 0.7s;
    padding: 134px 0 27px 0;
}

#section4 .fp-scroller{
    transform: none !important;
}

body.fp-viewing-About #mobile-nav{
    background-color: #fff;
}

body.fp-viewing-Contact #mobile-nav{
    background-color: #fff;
}

body.fp-viewing-About .about h5{
    margin-top: 0px;
    transition: 0.7s ease-in;
}

body.fp-viewing-Contact .about h5{
    margin-top: 72px;
    transition: 0.9s ease;
}

body.fp-viewing-Contact #menu{
    transition: 0.7s;
    height: 80%;
}

body.fp-viewing-Talent .proflistdesktop{
    opacity: 1;
    transition: 0.7s;
}

body.fp-viewing-Talent .proflistmobile{
    opacity: 1;
    transition: 0.7s;
}