/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(smooth-scrollbar/smooth-scrollbar.css);
@import url(swiper.min.css);
@import url(photoswipe.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/*vars*/
@smartphones : ~"only screen and (max-width: 479px)";
@tablet : ~"only screen and (max-width: 768px)";
@keyframes outcontent {
  from {
    clip-path: inset(0 0 0 0); }
  to {
    clip-path: inset(0 0 0 100%); } }

@keyframes incontent {
  to {
    clip-path: inset(0 100% 0 0); }
  from {
    clip-path: inset(0 0 0 0); } }

@keyframes inover {
  from {
    clip-path: inset(0 100% 0 0); }
  to {
    clip-path: inset(0 0 0 0); } }

@keyframes outover {
  from {
    clip-path: inset(0 0 0 0); }
  to { } }

#page {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  outline: none; }

#nav-trig {
  width: 100%;
  height: 1px;
  background: transparent; }

.scroll-content {
  will-change: transform; }

.main-secc {
  padding-top: 7.380952381vw;
  margin: 0 auto; }
  @media (min-width: 1366px) {
    .main-secc {
      padding-top: 124px; } }

#cookies {
  position: fixed;
  width: 100%;
  height: 44px;
  background: #000000;
  color: white;
  text-align: center;
  left: 0;
  bottom: 0;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  display: none;
  align-items: center;
  justify-content: center;
  text-transform: none;
  z-index: 100; }
  #cookies #cookies-content {
    max-width: 80%; }
  #cookies span {
    text-decoration: underline;
    appearance: none;
    -moz-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    cursor: pointer; }

/* FOOTER */
#main-footer {
  width: 100%;
  position: relative;
  opacity: 0; }
  #main-footer .wrap {
    padding: 1.0714285714vw 0 1.0714285714vw 0;
    margin: 0 auto 0 auto;
    width: 80%;
    display: flex;
    justify-content: space-between;
    max-width: 1366px; }
    @media (min-width: 1366px) {
      #main-footer .wrap {
        padding: 18px 0 18px 0; } }
    #main-footer .wrap .copy {
      color: #101010;
      font-family: "Lato", sans-serif;
      font-size: 0.8333333333vw; }
      @media (min-width: 1366px) {
        #main-footer .wrap .copy {
          font-size: 14px; } }
    #main-footer .wrap .social a {
      margin-left: 0.2976190476vw; }
      @media (min-width: 1366px) {
        #main-footer .wrap .social a {
          margin-left: 5px; } }
      #main-footer .wrap .social a img {
        width: 1.5476190476vw;
        height: auto; }
        @media (min-width: 1366px) {
          #main-footer .wrap .social a img {
            width: 26px; } }

#transitionpage {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 19;
  top: 0;
  left: 0;
  background: #000000;
  display: none; }
  #transitionpage img {
    position: fixed;
    top: 50vh;
    left: 50vw;
    width: 80px;
    height: auto; }

#main-header {
  width: 100%;
  position: fixed;
  z-index: 20;
  top: 0;
  transition: all 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
  left: 0;
  right: 0;
  margin: auto;
  padding: 2.9761904762vw 0 2.9761904762vw 0;
  background: white;
  box-sizing: border-box; }
  @media (min-width: 1366px) {
    #main-header {
      padding: 50px 0 50px 0; } }
  #main-header .wrap-header {
    display: flex;
    width: 80%;
    max-width: 1366px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative; }
  #main-header .social {
    position: absolute;
    top: 0;
    right: 0;
    transition: transform .25s ease-in;
    transform: translateY(-1.7857142857vw); }
    @media (min-width: 1366px) {
      #main-header .social {
        transform: translateY(-30px); } }
    #main-header .social a {
      margin-left: 0.2976190476vw; }
      @media (min-width: 1366px) {
        #main-header .social a {
          margin-left: 5px; } }
      #main-header .social a img {
        width: 1.1904761905vw;
        height: auto; }
        @media (min-width: 1366px) {
          #main-header .social a img {
            width: 20px; } }
  #main-header h1 {
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    width: 9.7619047619vw;
    height: 3.3928571429vw;
    background-size: cover;
    position: relative; }
    @media (min-width: 1366px) {
      #main-header h1 {
        width: 164px;
        height: 57px; } }
    #main-header h1 span {
      display: block;
      text-indent: -200em;
      overflow: hidden; }
    #main-header h1 > div {
      position: absolute;
      width: 3.4523809524vw;
      left: 0;
      top: 0; }
      @media (min-width: 1366px) {
        #main-header h1 > div {
          width: 58px; } }
      #main-header h1 > div img {
        width: 100%;
        height: auto; }
  #main-header #nav-mobile-content {
    display: none; }
  #main-header nav ul li {
    display: inline-block;
    color: #5f6070;
    font-size: 1.0714285714vw;
    line-height: 1.0714285714vw;
    margin-left: 2.380952381vw;
    font-family: "Lato", sans-serif; }
    @media (min-width: 1366px) {
      #main-header nav ul li {
        font-size: 18px;
        line-height: 18px;
        margin-left: 40px; } }
    #main-header nav ul li a {
      text-decoration: none;
      color: #5f6070; }
      #main-header nav ul li a.sel, #main-header nav ul li a.selected {
        color: black; }
        #main-header nav ul li a.sel a, #main-header nav ul li a.selected a {
          color: black; }
    #main-header nav ul li.sel, #main-header nav ul li.selected {
      color: black; }
      #main-header nav ul li.sel a, #main-header nav ul li.selected a {
        color: black; }
  #main-header.small {
    padding: 0.8928571429vw 0 0.8928571429vw 0; }
    @media (min-width: 1366px) {
      #main-header.small {
        padding: 15px 0 15px 0; } }
    #main-header.small .social {
      transform: translateY(-0.2976190476vw); }
      @media (min-width: 1366px) {
        #main-header.small .social {
          transform: translateY(-5px); } }
  #main-header.open {
    height: 100%; }
  #main-header #nav-ico {
    height: 25px;
    width: 25px;
    position: relative;
    cursor: pointer;
    display: none; }
    #main-header #nav-ico span {
      background: black;
      position: absolute;
      width: 100%;
      height: 3px;
      border-radius: 3px;
      transition: all .25s ease-in; }
      #main-header #nav-ico span.ln1 {
        top: 0;
        transform-origin: left bottom;
        transform: rotate(0deg); }
      #main-header #nav-ico span.ln2 {
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: 1; }
      #main-header #nav-ico span.ln3 {
        bottom: 0;
        transform-origin: left top;
        transform: rotate(0deg); }
    #main-header #nav-ico.open span {
      background: black;
      position: absolute;
      width: 100%;
      height: 3px;
      border-radius: 3px;
      transition: all .25s ease-in; }
      #main-header #nav-ico.open span.ln1 {
        top: 3px;
        transform: rotate(45deg); }
      #main-header #nav-ico.open span.ln2 {
        opacity: 0; }
      #main-header #nav-ico.open span.ln3 {
        bottom: 0;
        transform: rotate(-45deg); }

/*HEADER HOME*/
#header-home {
  width: 100%;
  position: relative;
  opacity: 0;
  overflow: hidden; }
  #header-home .bck {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 1; }
  #header-home .tapa {
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10; }
  #header-home .image {
    width: 100%; }
    #header-home .image img {
      width: 100%;
      height: auto;
      display: block; }
      #header-home .image img.only-d {
        display: block; }
      #header-home .image img.only-m {
        display: none; }
  #header-home .content-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: white;
    text-align: center;
    width: 80%;
    max-width: 1366px; }
    #header-home .content-box figure {
      display: inline-block; }
      #header-home .content-box figure img {
        display: block; }
    #header-home .content-box .ico {
      margin: 0 0 1.7857142857vw 0;
      width: 5.9523809524vw; }
      @media (min-width: 1366px) {
        #header-home .content-box .ico {
          margin: 0 0 30px 0;
          width: 100px; } }
      #header-home .content-box .ico img {
        width: 100%;
        height: auto;
        display: block; }
    #header-home .content-box h2 {
      font-family: "Chivo", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 3.5714285714vw;
      margin-bottom: 1.1904761905vw; }
      @media (min-width: 1366px) {
        #header-home .content-box h2 {
          font-size: 60px;
          margin-bottom: 20px; } }
    #header-home .content-box h3 {
      font-family: "Lato", sans-serif;
      font-size: 1.4285714286vw;
      margin-bottom: 2.380952381vw; }
      @media (min-width: 1366px) {
        #header-home .content-box h3 {
          font-size: 24px;
          margin-bottom: 40px; } }
    #header-home .content-box .btn {
      color: white;
      background: #996633;
      text-decoration: none;
      text-transform: uppercase;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      font-size: 0.9523809524vw;
      padding: 1.1904761905vw 1.4880952381vw;
      border-radius: 0.2976190476vw;
      display: inline-block;
      transition: all .3s ease-out; }
      @media (min-width: 1366px) {
        #header-home .content-box .btn {
          font-size: 16px;
          padding: 20px 25px;
          border-radius: 5px; } }
      #header-home .content-box .btn:hover {
        background: white;
        color: #996633; }

#contact-block {
  width: 100%;
  background: #eef0f3; }
  #contact-block .wrap {
    padding: 7.1428571429vw 0 5.9523809524vw 0;
    margin: 0 auto 0 auto;
    width: 80%;
    max-width: 1366px;
    display: flex; }
    @media (min-width: 1366px) {
      #contact-block .wrap {
        padding: 120px 0 100px 0; } }
    #contact-block .wrap .txt {
      width: 34%;
      box-sizing: border-box;
      padding-right: 1.7857142857vw;
      opacity: 0; }
      @media (min-width: 1366px) {
        #contact-block .wrap .txt {
          padding-right: 30px; } }
      #contact-block .wrap .txt h5 {
        font-size: 2.380952381vw;
        font-family: "Chivo", sans-serif;
        font-weight: bold;
        margin-bottom: 1.7857142857vw; }
        @media (min-width: 1366px) {
          #contact-block .wrap .txt h5 {
            font-size: 40px;
            margin-bottom: 30px; } }
      #contact-block .wrap .txt p {
        font-size: 1.0714285714vw;
        line-height: 1.4285714286vw;
        font-family: "Lato", sans-serif;
        color: #5f6070; }
        @media (min-width: 1366px) {
          #contact-block .wrap .txt p {
            font-size: 18px;
            line-height: 24px; } }
    #contact-block .wrap #response-ok {
      color: #4353ff;
      font-size: 0.9523809524vw;
      font-family: "Lato", sans-serif;
      display: none; }
      @media (min-width: 1366px) {
        #contact-block .wrap #response-ok {
          font-size: 16px; } }
    #contact-block .wrap .block-form {
      width: 66%;
      opacity: 0; }
      #contact-block .wrap .block-form .row {
        margin-bottom: 1.7857142857vw;
        display: flex;
        justify-content: space-between; }
        @media (min-width: 1366px) {
          #contact-block .wrap .block-form .row {
            margin-bottom: 30px; } }
        #contact-block .wrap .block-form .row input[type=text] {
          width: calc(50% - 0.8928571429vw);
          font-size: 1.0714285714vw;
          font-family: "Lato", sans-serif;
          padding: 0.8928571429vw 0;
          border: none;
          border-radius: 0.4166666667vw;
          text-indent: 1.4880952381vw;
          outline: none; }
          @media (min-width: 1366px) {
            #contact-block .wrap .block-form .row input[type=text] {
              width: calc(50% - 15px);
              font-size: 18px;
              padding: 15px 0;
              border-radius: 7px;
              text-indent: 25px; } }
          #contact-block .wrap .block-form .row input[type=text]::-moz-placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row input[type=text]::-webkit-input-placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row input[type=text]:-ms-input-placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row input[type=text]::placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row input[type=text].error {
            color: #ff2a48; }
            #contact-block .wrap .block-form .row input[type=text].error::-moz-placeholder {
              color: #ff2a48; }
            #contact-block .wrap .block-form .row input[type=text].error::-webkit-input-placeholder {
              color: #ff2a48; }
            #contact-block .wrap .block-form .row input[type=text].error:-ms-input-placeholder {
              color: #ff2a48; }
            #contact-block .wrap .block-form .row input[type=text].error::placeholder {
              color: #ff2a48; }
        #contact-block .wrap .block-form .row textarea {
          font-size: 1.0714285714vw;
          font-family: "Lato", sans-serif;
          border: none;
          border-radius: 0.4166666667vw;
          outline: none;
          width: 100%;
          box-sizing: border-box;
          padding: 0.8928571429vw 1.4880952381vw; }
          @media (min-width: 1366px) {
            #contact-block .wrap .block-form .row textarea {
              font-size: 18px;
              border-radius: 7px;
              padding: 15px 25px; } }
          #contact-block .wrap .block-form .row textarea::-moz-placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row textarea::-webkit-input-placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row textarea:-ms-input-placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row textarea::placeholder {
            color: #5f6070; }
          #contact-block .wrap .block-form .row textarea.error {
            color: #ff2a48; }
            #contact-block .wrap .block-form .row textarea.error::-moz-placeholder {
              color: #ff2a48; }
            #contact-block .wrap .block-form .row textarea.error::-webkit-input-placeholder {
              color: #ff2a48; }
            #contact-block .wrap .block-form .row textarea.error:-ms-input-placeholder {
              color: #ff2a48; }
            #contact-block .wrap .block-form .row textarea.error::placeholder {
              color: #ff2a48; }
        #contact-block .wrap .block-form .row .btn-submit {
          color: white;
          background: #996633;
          text-decoration: none;
          text-transform: uppercase;
          font-family: "Lato", sans-serif;
          font-weight: bold;
          font-size: 0.9523809524vw;
          padding: 0.8928571429vw 1.1904761905vw;
          border-radius: 0.2976190476vw;
          display: inline-block;
          cursor: pointer;
          outline: none;
          transition: all .3s ease-out;
          border: none; }
          @media (min-width: 1366px) {
            #contact-block .wrap .block-form .row .btn-submit {
              font-size: 16px;
              padding: 15px 20px;
              border-radius: 5px; } }
          #contact-block .wrap .block-form .row .btn-submit:hover {
            background: white;
            color: #996633; }

/*HEADER HOME*/
#services-content {
  width: 100%;
  background: #eef0f3; }
  #services-content .wrap {
    padding: 7.1428571429vw 0 5.9523809524vw 0;
    margin: 0 auto 0 auto;
    width: 80%;
    max-width: 1366px;
    display: flex; }
    @media (min-width: 1366px) {
      #services-content .wrap {
        padding: 120px 0 100px 0; } }
    #services-content .wrap .block-title {
      width: 34%;
      box-sizing: border-box;
      padding-right: 1.7857142857vw;
      opacity: 0; }
      @media (min-width: 1366px) {
        #services-content .wrap .block-title {
          padding-right: 30px; } }
      #services-content .wrap .block-title h5 {
        font-size: 2.380952381vw;
        font-family: "Chivo", sans-serif;
        font-weight: bold;
        margin-bottom: 1.7857142857vw; }
        @media (min-width: 1366px) {
          #services-content .wrap .block-title h5 {
            font-size: 40px;
            margin-bottom: 30px; } }
      #services-content .wrap .block-title p {
        font-size: 1.0714285714vw;
        line-height: 1.4285714286vw;
        font-family: "Lato", sans-serif;
        color: #5f6070; }
        @media (min-width: 1366px) {
          #services-content .wrap .block-title p {
            font-size: 18px;
            line-height: 24px; } }
    #services-content .wrap .info-services {
      width: 66%;
      opacity: 0; }
      #services-content .wrap .info-services .item {
        display: flex;
        justify-content: space-between;
        border-bottom: solid 1px #101010;
        padding-bottom: 2.9761904762vw;
        padding-top: 2.9761904762vw;
        box-sizing: border-box;
        padding-right: 5.3571428571vw;
        align-items: center; }
        @media (min-width: 1366px) {
          #services-content .wrap .info-services .item {
            padding-bottom: 50px;
            padding-top: 50px;
            padding-right: 90px; } }
        #services-content .wrap .info-services .item .txt {
          box-sizing: border-box;
          padding-right: 5.3571428571vw; }
          @media (min-width: 1366px) {
            #services-content .wrap .info-services .item .txt {
              padding-right: 90px; } }
          #services-content .wrap .info-services .item .txt h6 {
            font-family: "Lato", sans-serif;
            font-weight: bold;
            font-size: 1.4285714286vw;
            margin: 0 0 1.1904761905vw 0; }
            @media (min-width: 1366px) {
              #services-content .wrap .info-services .item .txt h6 {
                font-size: 24px;
                margin: 0 0 20px 0; } }
          #services-content .wrap .info-services .item .txt p {
            font-family: "Lato", sans-serif;
            font-size: 1.0714285714vw;
            line-height: 1.3095238095vw;
            color: #5f6070; }
            @media (min-width: 1366px) {
              #services-content .wrap .info-services .item .txt p {
                font-size: 18px;
                line-height: 22px; } }
        #services-content .wrap .info-services .item .ico img {
          width: 4.9404761905vw;
          height: auto; }
          @media (min-width: 1366px) {
            #services-content .wrap .info-services .item .ico img {
              width: 83px; } }

/*HEADER HOME*/
#about-content {
  width: 100%;
  background: black;
  position: relative; }
  #about-content .tapa {
    background: black;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10; }
  #about-content .bck {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    background-image: url(../img/about.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%; }
  #about-content .wrap {
    padding: 8.0357142857vw 0 7.7380952381vw 0;
    margin: 0 auto 0 auto;
    width: 80%;
    max-width: 1366px;
    display: flex;
    color: white;
    justify-content: space-between;
    position: relative; }
    @media (min-width: 1366px) {
      #about-content .wrap {
        padding: 135px 0 130px 0; } }
    #about-content .wrap .box-txt {
      width: 25vw; }
      #about-content .wrap .box-txt h3 {
        font-family: "Chivo", sans-serif;
        font-weight: bold;
        font-size: 2.380952381vw;
        line-height: 2.619047619vw;
        text-transform: uppercase;
        margin-bottom: 1.1904761905vw; }
      #about-content .wrap .box-txt .txt {
        
        color: #ffffff;
        font-family: "Lato", sans-serif;
        font-size: 1.0714285714vw;
        line-height: 1.5476190476vw; }
        @media (min-width: 1366px) {
          #about-content .wrap .box-txt .txt {
            font-size: 18px;
            line-height: 26px; } }
        #about-content .wrap .box-txt .txt p {
          margin: 0 0 1.1904761905vw 0; }
          #about-content .wrap .box-txt .txt p.signature img {
            width: 5.7738095238vw;
            height: normal; }
            @media (min-width: 1366px) {
              #about-content .wrap .box-txt .txt p.signature img {
                width: 97px; } }

#studio-content {
  width: 100%;
  background: #996633; }
  #studio-content .wrap {
    padding: 7.1428571429vw 0 17.8571428571vw 0;
    margin: 0 auto 0 auto;
    width: 80%;
    max-width: 1366px;
    display: flex; }
    @media (min-width: 1366px) {
      #studio-content .wrap {
        padding: 120px 0 300px 0; } }
    #studio-content .wrap .block-title {
      width: 34%;
      box-sizing: border-box;
      padding-right: 1.7857142857vw;
      opacity: 0; }
      @media (min-width: 1366px) {
        #studio-content .wrap .block-title {
          padding-right: 30px; } }
      #studio-content .wrap .block-title h5 {
        font-size: 2.380952381vw;
        font-family: "Chivo", sans-serif;
        font-weight: bold;
        margin-bottom: 1.7857142857vw;
        color: white; }
        @media (min-width: 1366px) {
          #studio-content .wrap .block-title h5 {
            font-size: 40px;
            margin-bottom: 30px; } }
      #studio-content .wrap .block-title p {
        font-size: 1.0714285714vw;
        line-height: 1.4285714286vw;
        font-family: "Lato", sans-serif;
        color: white; }
        @media (min-width: 1366px) {
          #studio-content .wrap .block-title p {
            font-size: 18px;
            line-height: 24px; } }
    #studio-content .wrap .studio-services {
      width: 66%;
      color: #ffffff;
      font-family: "Lato", sans-serif;
      font-size: 0.8928571429vw;
      line-height: 1.1904761905vw;
      opacity: 0; }
      @media (min-width: 1366px) {
        #studio-content .wrap .studio-services {
          font-size: 15px;
          line-height: 20px; } }
      #studio-content .wrap .studio-services ul {
        column-count: 2; }
        #studio-content .wrap .studio-services ul li {
          margin-bottom: 0.4761904762vw;
          padding-left: 1.0119047619vw;
          position: relative; }
          @media (min-width: 1366px) {
            #studio-content .wrap .studio-services ul li {
              margin-bottom: 8px;
              padding-left: 17px; } }
          #studio-content .wrap .studio-services ul li span {
            position: absolute;
            left: 0;
            display: block;
            top: 0;
            transform: translateY(0.4166666667vw);
            font-size: 1.3095238095vw; }
            @media (min-width: 1366px) {
              #studio-content .wrap .studio-services ul li span {
                transform: translateY(7px);
                font-size: 22px; } }
          #studio-content .wrap .studio-services ul li.title {
            font-weight: bold;
            margin-top: 1.7857142857vw; }
            @media (min-width: 1366px) {
              #studio-content .wrap .studio-services ul li.title {
                margin-top: 30px; } }
            #studio-content .wrap .studio-services ul li.title span {
              display: none; }
            #studio-content .wrap .studio-services ul li.title:first-child {
              margin-top: 0 !important; }

#studio-gallery {
  width: 100%;
  background: black; }
  #studio-gallery .wrap {
    width: 100%; }
  #studio-gallery .content {
    position: relative;
    oveflow: hidden; }
    #studio-gallery .content::after {
      clear: both;
      content: "";
      display: block; }
    #studio-gallery .content img {
      float: left;
      display: block;
      width: 100%;
      height: auto;
      opacity: 0;
      position: relative; }

@media screen and (max-width: 479px) {
  .mobile {
    /* FOOTER */ }
    .mobile .main-secc {
      padding-top: 15.5vw; }
    .mobile #main-footer .wrap {
      padding: 2.25vw 0 35vw 0;
      width: 85%; }
      .mobile #main-footer .wrap .copy {
        font-size: 2.25vw; }
      .mobile #main-footer .wrap .social a {
        margin-left: 0.625vw; }
        .mobile #main-footer .wrap .social a img {
          width: 3.25vw; } }

@media screen and (max-width: 479px) {
  .mobile #main-header {
    padding: 6.25vw 0 6.25vw 0; }
    .mobile #main-header .wrap-header {
      width: 85%; }
    .mobile #main-header h1 {
      width: 20.5vw;
      height: 7.125vw; }
      .mobile #main-header h1 div {
        width: 7.25vw; }
    .mobile #main-header nav {
      display: none; }
      .mobile #main-header nav ul li {
        font-size: 2.25vw;
        line-height: 2.25vw;
        margin-left: 5vw; }
    .mobile #main-header.small {
      padding: 1.875vw 0 1.875vw 0; }
    .mobile #main-header .social {
      display: none !important; }
    .mobile #main-header #nav-mobile-content {
      width: 100%;
      height: calc(100% - 18.75vw);
      background: #996633;
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      align-items: center;
      display: none;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column; }
      .mobile #main-header #nav-mobile-content ul {
        width: 100%; }
        .mobile #main-header #nav-mobile-content ul li {
          font-family: "Lato", sans-serif;
          font-size: 6.25vw;
          text-align: center;
          margin: 4.375vw 0;
          text-transform: uppercase; }
          .mobile #main-header #nav-mobile-content ul li a {
            color: white;
            text-decoration: none; }
            .mobile #main-header #nav-mobile-content ul li a.selected {
              color: black; }
          .mobile #main-header #nav-mobile-content ul li.social-links {
            padding-top: 30px; }
            .mobile #main-header #nav-mobile-content ul li.social-links a {
              margin: 0 3px; }
              .mobile #main-header #nav-mobile-content ul li.social-links a img {
                width: 20px;
                height: auto; }
      .mobile #main-header #nav-mobile-content ul.langs {
        text-align: center;
        margin: 3.75vw 0; }
        .mobile #main-header #nav-mobile-content ul.langs li {
          font-family: "Lato", sans-serif;
          font-size: 2.5vw;
          text-align: center;
          margin: 1.25vw 0.5vw;
          color: white;
          display: inline-block; }
          .mobile #main-header #nav-mobile-content ul.langs li a {
            color: white; }
    .mobile #main-header #nav-ico {
      width: 18px;
      height: 18px;
      display: block; }
      .mobile #main-header #nav-ico span {
        height: 2px; }
      .mobile #main-header #nav-ico.open span {
        height: 2px; }
        .mobile #main-header #nav-ico.open span.ln1 {
          top: .6vw; } }

@media screen and (max-width: 479px) {
  .mobile {
    /*HEADER HOME*/ }
    .mobile #header-home .image img.only-d {
      display: none; }
    .mobile #header-home .image img.only-m {
      display: block; }
    .mobile #header-home .content-box {
      width: 85%; }
      .mobile #header-home .content-box .ico {
        margin: 0 0 3.75vw 0;
        width: 12.5vw; }
      .mobile #header-home .content-box h2 {
        font-size: 7.5vw;
        line-height: normal;
        margin-bottom: 2.5vw; }
      .mobile #header-home .content-box h3 {
        font-size: 3.5vw;
        line-height: 5.25vw;
        margin-bottom: 5vw; }
      .mobile #header-home .content-box .btn {
        font-size: 3.25vw;
        padding: 2.5vw 3.125vw;
        border-radius: 0.625vw; }
    .mobile #contact-block .wrap {
      padding: 10vw 0 12.5vw 0;
      flex-wrap: wrap;
      width: 85%; }
      .mobile #contact-block .wrap .txt {
        width: 100%;
        padding-right: 0;
        margin-bottom: 5vw; }
        .mobile #contact-block .wrap .txt h5 {
          font-size: 5.625vw;
          margin-bottom: 3.75vw; }
        .mobile #contact-block .wrap .txt p {
          font-size: 3vw;
          line-height: 3.75vw; }
      .mobile #contact-block .wrap .block-form {
        width: 100%; }
        .mobile #contact-block .wrap .block-form .row {
          margin-bottom: 2.5vw; }
          .mobile #contact-block .wrap .block-form .row input[type=text] {
            width: calc(50% - 1.25vw);
            font-size: 2.25vw;
            padding: 1.25vw 0;
            border-radius: 0.875vw;
            text-indent: 3.125vw; }
          .mobile #contact-block .wrap .block-form .row textarea {
            font-size: 2.25vw;
            border-radius: 0.875vw;
            padding: 1.25vw 3.125vw; }
          .mobile #contact-block .wrap .block-form .row .btn-submit {
            font-size: 2vw;
            padding: 1.25vw 2.5vw;
            border-radius: 0.625vw; } }

@media screen and (max-width: 479px) {
  .mobile #services-content .wrap {
    padding: 15vw 0 12.5vw 0;
    flex-wrap: wrap;
    width: 85%; }
    .mobile #services-content .wrap .block-title {
      padding-right: 0;
      width: 100%; }
      .mobile #services-content .wrap .block-title h5 {
        font-size: 5.625vw;
        margin-bottom: 3.75vw; }
    .mobile #services-content .wrap .info-services {
      width: 100%; }
      .mobile #services-content .wrap .info-services .item {
        padding-bottom: 6.25vw;
        padding-top: 6.25vw;
        padding-right: 10vw; }
        .mobile #services-content .wrap .info-services .item .txt {
          padding-right: 11.25vw; }
          .mobile #services-content .wrap .info-services .item .txt h6 {
            font-size: 3.75vw;
            margin: 0 0 2.5vw 0; }
          .mobile #services-content .wrap .info-services .item .txt p {
            font-size: 3vw;
            line-height: 3.75vw; }
        .mobile #services-content .wrap .info-services .item .ico img {
          width: 9.125vw; } }

@media screen and (max-width: 479px) {
  .mobile #about-content .bck {
    width: 58%;
    background-size: 100% auto; }
  .mobile #about-content .wrap {
    padding: 16.875vw 0 16.25vw 0;
    width: 85%; }
    .mobile #about-content .wrap .box-txt {
      width: 62%; }
      .mobile #about-content .wrap .box-txt h3 {
        font-size: 5vw;
        line-height: 5.5vw;
        margin-bottom: 2.5vw; }
      .mobile #about-content .wrap .box-txt .txt {
        font-size: 3vw;
        line-height: 4vw; }
        .mobile #about-content .wrap .box-txt .txt p {
          margin: 0 0 2.5vw 0; }
          .mobile #about-content .wrap .box-txt .txt p.signature img {
            width: 12.125vw; } }

@media screen and (max-width: 479px) {
  .mobile #studio-content .wrap {
    padding: 15vw 0 15vw 0;
    width: 85%;
    flex-wrap: wrap; }
    .mobile #studio-content .wrap .block-title {
      padding-right: 0;
      width: 100%;
      margin-bottom: 3.75vw; }
      .mobile #studio-content .wrap .block-title h5 {
        font-size: 5.625vw;
        margin-bottom: 1.875vw;
        max-width: 85%; }
      .mobile #studio-content .wrap .block-title p {
        font-size: 3vw;
        line-height: 4.25vw; }
    .mobile #studio-content .wrap .studio-services {
      font-size: 2.75vw;
      line-height: 3.75vw; }
      .mobile #studio-content .wrap .studio-services ul {
        column-count: 1; }
        .mobile #studio-content .wrap .studio-services ul li {
          margin-bottom: 1vw;
          padding-left: 2.125vw; }
          .mobile #studio-content .wrap .studio-services ul li span {
            top: 0.875vw;
            font-size: 2.75vw; } }

.pswp__top-bar {
  opacity: 0; }

* {
  -webkit-font-smoothing: antialiased; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased; }

body {
  background: white;
  color: #101010; }

.vjs-control-bar {
  display: none !important; }

.vjs-big-play-button {
  display: none !important; }

.vjs-control-bar {
  display: none !important; }

.vjs-big-play-button {
  display: none !important; }

.vjs-progress-control,
.vjs-time-controls,
.vjs-time-divider,
.vjs-captions-button,
.vjs-mute-control,
.vjs-volume-control,
.vjs-fullscreen-control,
.vjs-caption-settings {
  display: none !important; }

.vjs-error-display {
  display: none !important; }

.vjs-tech {
  position: relative; }

.dg.ac {
  z-index: 1000 !important;
  display: none !important; }