@charset "UTF-8";
/*-----------------FONTS-----------------*/
@font-face {
  font-family: "Suisse";
  src: url("../assets/font/suisseIntl-book-webfont.otf") format("opentype"), url("../assets/font/suisseintl-book-webfont.woff2") format("woff2"), url("../assets/font/suisseintl-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*-----------------GLOBAL VARIABLES-----------------*/
:root {
  font-size: 16px; }
  @media screen and (max-width: 1440px) {
    :root {
      font-size: 14px; } }

::-moz-selection {
  background-color: #648596;
  color: #fff; }

::selection {
  background-color: #648596;
  color: #fff; }

/*-----------------MIXIN IMPORT-----------------*/
/*-----------------GLOBAL SETTINGS-----------------*/
html {
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  overflow-y: hidden; }

.htmlwork {
  overflow-y: unset; }

body {
  margin: 0;
  color: #011939;
  font-weight: 400;
  font-family: "Suisse", "arial", "helvetica", sans-serif;
  overflow: hidden; }

.bodywork {
  overflow-y: scroll; }

button {
  background-color: #fff;
  border-radius: 100px;
  border: none;
  color: #000;
  font-size: 1.2rem; }

ul,
ol {
  list-style: none;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0; }

h1 {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Suisse", "arial", "helvetica", sans-serif; }

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  font-family: "Suisse", "arial", "helvetica", sans-serif; }

h3 {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Suisse", "arial", "helvetica", sans-serif; }

h4 {
  font-size: 1.2rem;
  font-weight: 600;
  font-family: "Suisse", "arial", "helvetica", sans-serif; }

h5 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  font-family: "Suisse", "arial", "helvetica", sans-serif; }

p {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04rem;
  color: #000;
  line-height: 1.1; }
  @media screen and (max-width: 980px) {
    p {
      font-size: 1.25rem; } }

a {
  color: #011939;
  text-decoration: none; }

.showmobile {
  display: none; }

@media screen and (max-width: 980px) {
  .hidemobile {
    display: none; } }

/*-----------------OTHER IMPORTS-----------------*/
.dangiuz {
  width: 100%;
  height: 100vh; }
  .dangiuz_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../assets/img/background.png");
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .dangiuz_wrapper_screen {
      background-color: #fff;
      width: 400px;
      max-height: 760px;
      position: relative;
      height: 90%;
      overflow-x: hidden;
      overflow-y: scroll; }
      .dangiuz_wrapper_screen::-webkit-scrollbar {
        display: none; }
      @media screen and (max-width: 980px) {
        .dangiuz_wrapper_screen {
          width: 100%;
          height: 100%;
          max-height: 100%; } }
  .dangiuz_inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .dangiuz_inner .outbtn::after {
      content: "↗"; }
    .dangiuz_inner section {
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .dangiuz_inner_header {
      width: 100%;
      padding: 0 1vw 0 1vw;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
      grid-column-gap: 0.5rem; }
      @media screen and (max-width: 980px) {
        .dangiuz_inner_header {
          padding: 0 5vw 0 5vw; } }
      .dangiuz_inner_header_wrap {
        -ms-grid-column: 2;
        -ms-grid-column-span: 4;
        grid-column: 2 / span 4;
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10% 0; }
        .dangiuz_inner_header_wrap:hover .imgwrap {
          -webkit-transform: rotate(360deg) scale(1.3);
          -ms-transform: rotate(360deg) scale(1.3);
          transform: rotate(360deg) scale(1.3); }
          @media screen and (max-width: 980px) {
            .dangiuz_inner_header_wrap:hover .imgwrap {
              -webkit-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              transform: rotate(0deg); } }
        .dangiuz_inner_header_wrap .imgwrap {
          position: relative;
          height: 2rem;
          width: 2rem;
          display: block;
          border-radius: 100%;
          overflow: hidden;
          -webkit-transition: -webkit-transform .4s ease;
          transition: -webkit-transform .4s ease;
          -o-transition: transform .4s ease;
          transition: transform .4s ease;
          transition: transform .4s ease, -webkit-transform .4s ease; }
          .dangiuz_inner_header_wrap .imgwrap img {
            position: relative;
            width: 100%;
            display: block; }
        .dangiuz_inner_header_wrap h4 {
          padding-top: 4%;
          padding-left: 5%; }
    .dangiuz_inner_content {
      width: 100%;
      border-bottom: 2px solid #011939; }
      .dangiuz_inner_content_accordion {
        width: 100%; }
        .dangiuz_inner_content_accordion .title {
          -webkit-transition: padding-bottom .4s ease;
          -o-transition: padding-bottom .4s ease;
          transition: padding-bottom .4s ease; }
.dangiuz_inner_content_accordion .title:hover {
  padding-bottom: 8%; }

.dangiuz_inner_content_accordion h5.title:hover {
  padding-bottom: 0; }

.dangiuz_inner_content_accordion h5.title:hover a {
  padding-bottom: 8%; }
            @media screen and (max-width: 980px) {
              .dangiuz_inner_content_accordion .title:hover {
                padding-bottom: 5%; } }
.dangiuz_inner_content_accordion h2,
.dangiuz_inner_content_accordion h5 {
  padding: 5% 1vw;
  border-top: 2px solid #011939;
  cursor: pointer;
  transition: color .4s ease; }

.dangiuz_inner_content_accordion h2:hover,
.dangiuz_inner_content_accordion h5:hover {
  color: #648596; }

.dangiuz_inner_content_accordion h5 {
  padding: 0; }
.dangiuz_inner_content_accordion h5 a {
  display: block;
  padding: 5% 1vw;
  transition: padding-bottom .4s ease, color .4s ease; }
@media screen and (max-width: 980px) {
    .dangiuz_inner_content_accordion h2 {
      padding: 5% 5vw; }
    .dangiuz_inner_content_accordion h5 a {
      display: block;
      padding: 5% 5vw; } }

.dangiuz_inner_content_accordion h5 a:hover {
  color: #648596; }
        .dangiuz_inner_content_accordion .content {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: (1fr)[6];
          grid-template-columns: repeat(6, 1fr);
          grid-column-gap: 0.5rem;
          padding: 0 1vw 5% 1vw; }
          @media screen and (max-width: 980px) {
            .dangiuz_inner_content_accordion .content {
              padding: 0 5vw 5% 5vw; } }
          .dangiuz_inner_content_accordion .content p {
            -ms-grid-column: 1;
            -ms-grid-column-span: 5;
            grid-column: 1 / span 5;
            padding-bottom: 3%; }
            .dangiuz_inner_content_accordion .content p a {
              color: #648596;
              border-bottom: 1px solid transparent;
              -webkit-transition: border-bottom .4s ease;
              -o-transition: border-bottom .4s ease;
              transition: border-bottom .4s ease; }
              .dangiuz_inner_content_accordion .content p a:hover {
                border-bottom: 1px solid #648596; }
          .dangiuz_inner_content_accordion .content h1 {
            -ms-grid-column: 1;
            -ms-grid-column-span: 6;
            grid-column: 1 / span 6;
            padding-bottom: 2%; }
            .dangiuz_inner_content_accordion .content h1 a {
              color: #648596;
              border-bottom: 1px solid transparent;
              -webkit-transition: border-bottom .4s ease;
              -o-transition: border-bottom .4s ease;
              transition: border-bottom .4s ease; }
              .dangiuz_inner_content_accordion .content h1 a:hover {
                border-bottom: 1px solid #648596; }
          .dangiuz_inner_content_accordion .content h3 {
            -ms-grid-column: 1;
            -ms-grid-column-span: 6;
            grid-column: 1 / span 6;
            padding-bottom: 2%; }
            .dangiuz_inner_content_accordion .content h3 a {
              color: #648596;
              border-bottom: 2px solid transparent;
              -webkit-transition: border-bottom .4s ease;
              -o-transition: border-bottom .4s ease;
              transition: border-bottom .4s ease; }
              .dangiuz_inner_content_accordion .content h3 a:hover {
                border-bottom: 2px solid #648596; }
        .dangiuz_inner_content_accordion #about h3 {
          -ms-grid-column: 2;
          -ms-grid-column-span: 5;
          grid-column: 2 / span 5; }
        .dangiuz_inner_content_accordion #about p:nth-of-type(1) {
          padding-bottom: 10%; }
        .dangiuz_inner_content_accordion #about p:nth-of-type(2) {
          -ms-grid-column: 2;
          -ms-grid-column-span: 5;
          grid-column: 2 / span 5; }
    .dangiuz_inner_footer {
      padding: 0 1vw;
      position: relative;
      -ms-flex-item-align: baseline;
      align-self: baseline;
      width: 100%;
      margin-top: auto; }
      .dangiuz_inner_footer ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 0.5rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%; }
        .dangiuz_inner_footer ul li {
          -ms-grid-column-span: 1;
          grid-column: span 1;
          text-align: center; }
          .dangiuz_inner_footer ul li a {
            display: block;
            -webkit-transition: -webkit-transform .4s ease;
            transition: -webkit-transform .4s ease;
            -o-transition: transform .4s ease;
            transition: transform .4s ease;
            transition: transform .4s ease, -webkit-transform .4s ease; }
            .dangiuz_inner_footer ul li a:hover {
              -webkit-transform: rotate(-20deg);
              -ms-transform: rotate(-20deg);
              transform: rotate(-20deg); }
          .dangiuz_inner_footer ul li img {
            width: 50%;
            position: relative; }

.ui-accordion-header-active {
  padding-bottom: 5% !important; }
  .ui-accordion-header-active:hover {
    padding-bottom: 5% !important; }

.works_header {
  padding: 2% 3% 10% 3%; }
  @media screen and (max-width: 980px) {
    .works_header h2 {
      font-size: 1.5rem; } }
  .works_header h2 a {
    color: #648596;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom 0.4s ease;
    -o-transition: border-bottom 0.4s ease;
    transition: border-bottom 0.4s ease; }
    .works_header h2 a:hover {
      border-bottom: 2px solid #648596; }

.works_title {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3% 3% 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media screen and (max-width: 980px) {
    .works_title {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 3% 5% 3%; } }
  .works_title_left {
    width: 70%; }
    @media screen and (max-width: 980px) {
      .works_title_left {
        width: 100%;
        padding-bottom: 8%; } }
    .works_title_left h1 {
      color: #011939;
      font-size: 4.7rem; }
      @media screen and (max-width: 1660px) {
        .works_title_left h1 {
          font-size: 4rem; } }
      @media screen and (max-width: 1440px) {
        .works_title_left h1 {
          font-size: 3.6rem; } }
      @media screen and (max-width: 980px) {
        .works_title_left h1 {
          font-size: 3rem; } }
      @media screen and (max-width: 480px) {
        .works_title_left h1 {
          font-size: 2rem; } }
      .works_title_left h1 a {
        color: #648596;
        border-bottom: 4px solid transparent;
        -webkit-transition: border-bottom 0.4s ease;
        -o-transition: border-bottom 0.4s ease;
        transition: border-bottom 0.4s ease; }
        .works_title_left h1 a:hover {
          border-bottom: 4px solid #648596; }

.works_content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .works_content_wrap .work_card {
    height: 16.66667vw;
    width: 16.66667%; }
    @media screen and (max-width: 1440px) {
      .works_content_wrap .work_card {
        width: 25%;
        height: 25vw; } }
    @media screen and (max-width: 980px) {
      .works_content_wrap .work_card {
        width: 33.33333%;
        height: 33.33333vw; } }
    @media screen and (max-width: 560px) {
      .works_content_wrap .work_card {
        width: 50%;
        height: 50vw; } }
    .works_content_wrap .work_card a {
      width: 100%;
      height: 100%;
      display: block;
      background-size: cover;
      background-repeat: no-repeat; }

.works_cc {
  padding: 0 3%; }
  .works_cc_wrap {
    width: 60%;
    padding-top: 5%;
    padding-bottom: 10%; }
    @media screen and (max-width: 980px) {
      .works_cc_wrap {
        width: 80%;
        padding-top: 3%;
        padding-bottom: 8%; } }
    .works_cc_wrap .imgcontainer {
      width: 10%;
      padding-bottom: 2%; }
      @media screen and (max-width: 980px) {
        .works_cc_wrap .imgcontainer {
          width: 15%; } }
      .works_cc_wrap .imgcontainer img {
        position: relative;
        width: 100%; }
    .works_cc_wrap p {
      color: #011939; }
      @media screen and (max-width: 980px) {
        .works_cc_wrap p {
          font-size: 1rem; } }

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }
.mfp-bottom-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.mfp-full-res-link {
  color: #2ce8e2;
  text-decoration: none;
  font-size: 1em;
  opacity: 1;
  white-space: nowrap;
  margin-left: auto;
  padding-left: 24px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

.mfp-full-res-link:hover {
  opacity: 0.7; }
/* ----- VIDEO FEATURED LINK ----- */
.work_video_feature {
  padding: 0 3% 2% 3%; }

.work_video_feature a {
  font-family: "Suisse", "arial", "helvetica", sans-serif;
  font-size: 4.7rem;
  font-weight: 400;
  color: #648596;
  text-decoration: none;
  border-bottom: 4px solid transparent;
  -webkit-transition: border-bottom 0.4s ease;
  -o-transition: border-bottom 0.4s ease;
  transition: border-bottom 0.4s ease;
  display: inline; }

.work_video_feature a:hover {
  border-bottom: 4px solid #648596; }

@media screen and (max-width: 1660px) {
  .work_video_feature a { font-size: 4rem; } }
@media screen and (max-width: 1440px) {
  .work_video_feature a { font-size: 3.6rem; } }
@media screen and (max-width: 980px) {
  .work_video_feature a { font-size: 3rem; } }
@media screen and (max-width: 480px) {
  .work_video_feature a { font-size: 2rem; } }

/* Video popup container */
#video-popup {
  background: #000; }

/* Fix didascalia "View at Full Resolution" su iPad / tablet */
@media (pointer: coarse) {
  .mfp-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1046;
    justify-content: center; }
  .mfp-bottom-bar .mfp-title {
    text-align: center;
    padding-right: 0; }
  .mfp-bottom-bar .mfp-full-res-link {
    margin-left: 14px;
    padding-left: 0; }
}