/*@width-gutter:20px;*/
/*@height-footer:20px;
@height-page-padding-bottom:40px;*/
/* Platform base */
@media screen {
  /* Component #base.base() */
  #container {
    position: relative;
  }
  /* Component #main-menu.base() */
  .main-menu-link img {
    width: 170px;
    display: block;
  }
  .icon-burger {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
  }
  .icon-burger:before {
    content: "\E800";
    position: absolute;
    top: 7px;
    right: 0;
    font-family: "joaocarmosimoes";
    font-size: 12px;
    line-height: 1;
    margin-top: -6px;
  }
  /* Component #menu-pages.base() */
  .menu-pages-link {
    font-size: 16px;
    line-height: 1.2;
    display: block;
    color: #000;
    font: 500 15px/18px "CA";
  }
  .menu-pages-link.switch-lang {
    font: 400 15px/18px "CA";
  }
  .no-touch .menu-pages-link:hover,
  .menu-pages-link.active {
    text-decoration: underline;
  }
  .menu-pages-link:last-child {
    padding-top: 10px;
  }
  .menu-pages-toggler {
    width: 200px;
  }
  /* Component #project-detail.base() */
  .project-detail-figure-inner-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  }
  .project-detail-copyright {
    font: 400 15px/18px "CA";
    font-size: 13px;
    line-height: 15px;
  }
  .project-detail-title {
    font: 500 20px/22px "CA";
  }
  .project-detail-text {
    font: 400 20px/22px "CA";
  }
  .project-detail-close {
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: 10px;
    height: 10px;
    line-height: 10px;
  }
  .project-detail-close img {
    width: 10px;
    height: 10px;
  }
  /* Component #about.base() */
  .about-text .big-text {
    font: 500 15px/18px "CA";
  }
  .about-publication-figure,
  .about-publication-item-legend {
    float: left;
  }
  .about-publication-item-legend {
    font-family: "univers";
  }
  /* Component #overlay.base() */
  .overlay-outer,
  .collection-of-pictures {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 11;
  }
  .overlay-slides {
    position: absolute;
  }
  .overlay-slide-link {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    z-index: 1;
  }
  .overlay-slide-link.previous {
    left: 0;
  }
  .overlay-slide-link.next {
    right: 0;
  }
  .no-touch .overlay-slide-link.previous {
    cursor: url("/Assets/arrow_left.png"), w-resize;
  }
  .no-touch .overlay-slide-link.next {
    cursor: url("/Assets/arrow_right.png"), e-resize;
  }
  .overlay-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    /*white-space: nowrap;*/
    text-align: center;
  }
  .overlay-slide:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  .overlay-slide.first {
    opacity: 1;
  }
  .overlay-slide-image {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
  }
  .overlay-slide-text {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    font: 400 20px/22px "CA";
  }
  .overlay-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font: 500 15px/18px "CA";
    font-size: 13px;
  }
  /* Component #panorama.base() */
  /*.panorama-left-side, .panorama-right-side {
            width: 50%;
            float: left;
        }*/
  .panorama-project-outer {
    position: relative;
    float: left;
    margin-bottom: 31px;
  }
  .panorama-project-outer.huge {
    width: 62.5%;
  }
  .panorama-project-outer.big {
    width: 43.75%;
  }
  .panorama-project-outer.medium {
    width: 37.5%;
  }
  .panorama-project-outer.small {
    width: 25%;
  }
  .panorama-project-outer.offset-left-1 {
    margin-left: 6.25%;
  }
  .panorama-project-outer.offset-left-2 {
    margin-left: 12.5%;
  }
  .panorama-project-outer.offset-left-3 {
    margin-left: 18.75%;
  }
  .panorama-project-outer.offset-left-4 {
    margin-left: 25%;
  }
  .panorama-project-outer.offset-left-5 {
    margin-left: 31.25%;
  }
  .panorama-project-outer.offset-left-6 {
    margin-left: 37.5%;
  }
  .panorama-project-outer.offset-left-7 {
    margin-left: 43.75%;
  }
  .panorama-project-outer.offset-left-8 {
    margin-left: 50%;
  }
  .panorama-project-outer.offset-right-1 {
    margin-right: 6.25%;
  }
  .panorama-project-outer.offset-right-2 {
    margin-right: 12.5%;
  }
  .panorama-project-outer.offset-right-3 {
    margin-right: 18.75%;
  }
  .panorama-project-outer.offset-right-4 {
    margin-right: 25%;
  }
  .panorama-project-outer.offset-right-5 {
    margin-right: 31.25%;
  }
  .panorama-project-outer.offset-right-6 {
    margin-right: 37.5%;
  }
  .panorama-project-outer.offset-right-7 {
    margin-right: 43.75%;
  }
  .panorama-project-outer.offset-right-8 {
    margin-right: 50%;
  }
  .panorama-project-outer.gutter-top {
    margin-top: 31px;
  }
  .panorama-project-outer.break {
    clear: left;
  }
  .empty-block {
    width: 50%;
    min-height: 1px;
  }
  .panorama-project {
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .panorama-project.portrait {
    padding-bottom: 150%;
  }
  .panorama-project.landscape {
    padding-bottom: 66%;
  }
  .panorama-project img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .panorama-project-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /*.panorama-left-side {
            .panorama-project {
                float: right;
                clear: right;
            }
        }

        .panorama-right-side {
            .panorama-project {
                float: left;
                clear: left;
            }
        }*/
  .panorama-project-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  }
  .panorama-category-nav-outer {
    font: 500 15px/18px "CA";
  }
  .panorama-category-nav-link {
    color: #ebebeb;
  }
  .panorama-category-nav-link.active,
  .panorama-category-nav-link:hover {
    color: black;
  }
  .no-touch .panorama-project-title {
    padding: 26px 0;
    font-family: "CA";
    text-align: center;
    font-size: 13px;
    line-height: 1;
  }
  /* Component #header.base() */
  /* Component #footer.base() */
  .main-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
  }
  .main-footer-link-about {
    position: absolute;
    font-family: "CA";
    font-size: 16px;
    color: black;
    line-height: 1;
  }
  .main-footer-link-about:hover {
    text-decoration: underline;
  }
  .main-footer-link-photography {
    position: absolute;
    left: 28px;
    bottom: 28px;
    font-family: "CA";
    font-size: 16px;
    color: black;
  }
  .main-footer-link-photography:hover {
    text-decoration: underline;
  }
  .main-footer-link-lang {
    display: inline-block;
    font-family: "CA";
    color: black;
    font-size: 13px;
    vertical-align: bottom;
    line-height: 1;
  }
  .main-footer-link-facebook {
    display: inline-block;
    width: 18px;
    vertical-align: bottom;
    margin-left: 38px;
  }
  .main-footer-link-facebook-image {
    width: 13px;
    height: 13px;
  }
  .main-footer-inner {
    position: absolute;
  }
  /* Component #index.base() */
  .index-title {
    font-family: "CA";
    font-size: 16px;
    margin-bottom: 35px;
  }
  /* Component #text-page.base() */
  /* Component #contact.base() */
  .contact-text {
    font: 500 15px/18px "CA";
  }
  .contact-text a {
    color: inherit;
  }
  .contact-form {
    width: 465px;
  }
  .contact-form-title {
    font: 500 15px/18px "CA";
    font-size: 15px;
  }
  .contact-form-input {
    width: 60%;
    border: 0;
    border-bottom: 1px solid black;
    padding-left: 5px;
    padding-top: 5px;
    color: black;
    background-color: transparent;
    font: 500 15px/18px "CA";
    font-size: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .contact-form-input::-webkit-input-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 15px;
  }
  .contact-form-input:-moz-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 15px;
  }
  .contact-form-input::-moz-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 15px;
  }
  .contact-form-input:-ms-input-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 15px;
  }
  .contact-form-input:invalid {
    background-color: white;
  }
  .placeholder-fallback {
    display: none;
  }
  .no-placeholder .placeholder-fallback {
    display: block;
  }
  .contact-submit-input {
    display: block;
    margin-top: 10px;
    border: 0;
    background: transparent;
    font: 500 15px/18px "CA";
    font-size: 15px;
    padding: 0;
  }
  .contact-response {
    font: 500 15px/18px "CA";
    font-size: 13px;
    margin-top: 5px;
  }
  .contact-response.error {
    color: #ff0000;
  }
  /* Component #photography-footer.base() */
  .photography-footer-input {
    border: 0;
    border-bottom: 1px solid black;
    padding-left: 5px;
    color: black;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-width: 50%;
  }
  .photography-footer-input::-webkit-input-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 13px;
  }
  .photography-footer-input:-moz-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 13px;
  }
  .photography-footer-input::-moz-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 13px;
  }
  .photography-footer-input:-ms-input-placeholder {
    color: black;
    font: 500 15px/18px "CA";
    font-size: 13px;
  }
  .photography-footer {
    position: absolute;
    bottom: 0;
    font: 500 15px/18px "CA";
  }
  .photography-copyright {
    position: absolute;
    bottom: 64px;
    line-height: 1;
  }
  /* Component #publications.base() */
  .publications-text .big-text {
    font: 500 15px/18px "CA";
  }
  /* Component #info-page.base() */
  .infopage__content {
    font: 400 20px/22px "CA";
  }
  .infopage__content p {
    font: 400 20px/22px "CA";
  }
}
/* Platform mobile */
@media screen and (max-width: 600px) {
  /* Component #base.mobile() */
  /* Component #main-menu.mobile() */
  /* Component #menu-pages.mobile() */
  .menu-pages {
    height: 0;
    overflow: hidden;
    padding-top: 10px;
  }
  .menu-pages.open {
    height: auto;
  }
  /* Component #project-detail.mobile() */
  .project-detail-container {
    margin: 0 15px;
    padding-bottom: 70px;
    display: flex;
    flex-flow: nowrap column-reverse;
  }
  .project-detail-text {
    margin-bottom: 30px;
  }
  .project-detail-figure-inner {
    position: relative;
  }
  .project-detail-figure-outer {
    margin-bottom: 30px;
  }
  .project-detail-image-legend {
    display: block;
    padding-top: 5px;
  }
  .project-detail-close {
    position: absolute;
  }
  /* Component #about.mobile() */
  .about-container {
    margin: 0 15px;
  }
  .about-text {
    margin-bottom: 45px;
    font-size: 14px;
  }
  .about-text .big-text {
    font-size: 19px;
  }
  .about-publication-title {
    font-size: 16px;
    font: 500 15px/18px "CA";
    padding-bottom: 15px;
  }
  .publication-item {
    padding-bottom: 30px;
  }
  .about-publication-figure {
    width: 50%;
    margin-bottom: 10px;
  }
  .about-publication-item-legend {
    width: 40%;
    margin-left: 10%;
  }
  /* Component #overlay.mobile() */
  .overlay-slides {
    top: 15px;
    bottom: 45px;
    left: 15px;
    right: 15px;
  }
  .overlay-slide-title-mobile {
    position: absolute;
    bottom: -26px;
    left: 165px;
    right: 15px;
    text-align: center;
    font: 500 15px/18px "CA";
    font-size: 13px;
  }
  .overlay-footer {
    height: 45px;
  }
  .overlay-footer-nav {
    position: absolute;
    left: 15px;
    bottom: 19px;
  }
  .overlay-index-link {
    color: black;
    margin-right: 10px;
  }
  .overlay-index-link:hover {
    text-decoration: underline;
  }
  .overlay-slides-title {
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
  }
  .overlay-slides-counter {
    display: inline-block;
    vertical-align: bottom;
  }
  .overlay-slide-title {
    display: none;
  }
  .overlay-slide-title.active {
    display: inline-block;
  }
  .overlay-slide-arrow {
    font-family: "CA";
    font-size: 22px;
    color: black;
    display: inline-block;
    vertical-align: bottom;
    height: 16px;
    line-height: 14px;
  }
  .overlay-slide-arrow.previous {
    margin-left: 15px;
  }
  .overlay-slide-arrow.next {
    margin-left: 5px;
  }
  .overlay-title {
    display: none;
  }
  .overlay-close-link {
    position: absolute;
    bottom: 23px;
    right: 15px;
    width: 10px;
    height: 10px;
    line-height: 10px;
  }
  .overlay-close-image {
    width: 10px;
    height: 10px;
  }
  /* Component #panorama.mobile() */
  .panorama-content {
    padding: 0 15px 52px;
  }
  .panorama-content.panorama-content-photography {
    padding-bottom: 142px;
    padding-top: 50px;
  }
  /*.panorama-project {
            width: 80%;
            margin-bottom: 20px;
        }
            
            .panorama-left-side {

            .offset-0 {
                margin-right: 5%;
            }

            .offset-1 {
                margin-right: 10%;
            }

            .offset-2 {
                margin-right: 15%;
            }

            .offset-3 {
                margin-right: 20%;
            }
        }

        .panorama-right-side {

            .offset-0 {
                margin-left: 5%;
            }

            .offset-1 {
                margin-left: 10%;
            }

            .offset-2 {
                margin-left: 15%;
            }

            .offset-3 {
                margin-left: 20%;
            }
        }*/
  .panorama-project-title {
    display: none;
  }
  .panorama-category-nav-outer {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    font-size: 14px;
    text-align: center;
  }
  .panorama-category-nav-link {
    display: inline-block;
    margin: 0 10px;
  }
  /* Component #header.mobile() */
  .main-header {
    margin: 28px 15px;
    line-height: 1.5;
    position: relative;
  }
  /* Component #footer.mobile() */
  .main-footer-inner {
    bottom: 15px;
    left: 15px;
  }
  .main-footer-link-about {
    bottom: 15px;
    right: 15px;
  }
  /* Component #index.mobile() */
  .index-content {
    margin: 0 15px;
    position: relative;
  }
  .index-close-link {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
  }
  .index-content-inner {
    margin: 0 -5px;
  }
  .index-figure {
    margin: 0 5px;
    display: inline-block;
    vertical-align: bottom;
    max-height: 95px;
    max-width: 95px;
    position: relative;
    margin-bottom: 15px;
  }
  .index-figure-image {
    max-height: 95px;
    max-width: 95px;
  }
  .index-figure-image-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  }
  .index-figure-image-counter-outer {
    display: none;
    position: absolute;
    top: -15px;
    right: 0;
  }
  .no-touch .index-figure:hover .index-figure-image-counter-outer {
    display: block;
  }
  /* Component #text-page.mobile() */
  .textpage-container {
    margin: 0 15px;
    padding-bottom: 50px;
  }
  .textpage-text {
    margin-bottom: 45px;
  }
  /* Component #contact.mobile() */
  .contact-container {
    margin: 0 15px;
  }
  .contact-text {
    font-size: 18px;
    margin-bottom: 45px;
  }
  /* Component #photography-footer.mobile() */
  .photography-footer-form {
    padding-bottom: 15px;
  }
  .photography-footer {
    font-size: 15px;
    height: 142px;
    left: 15px;
    right: 15px;
  }
  .photography-footer-input::-webkit-input-placeholder {
    font-size: 15px;
  }
  .photography-footer-input:-moz-placeholder {
    font-size: 15px;
  }
  .photography-footer-input::-moz-placeholder {
    font-size: 15px;
  }
  .photography-footer-input:-ms-input-placeholder {
    font-size: 15px;
  }
  .photography-copyright {
    left: 0;
    font-size: 13px;
  }
  /* Component #publications.mobile() */
  .publications-container {
    margin: 0 15px;
  }
  .publications-text {
    margin-bottom: 45px;
    font-size: 14px;
  }
  .publications-text .big-text {
    font-size: 19px;
  }
  .publications-publication-title {
    font-size: 16px;
    font: 500 15px/18px "CA";
    padding-bottom: 15px;
  }
  .publications-publication {
    padding-bottom: 70px;
  }
  .publication-item {
    padding-bottom: 30px;
  }
  .publications-inline-item {
    margin-bottom: 30px;
  }
  /* Component #info-page.mobile() */
  .infopage__content {
    margin: 0 15px 52px;
  }
  .infopage__intro {
    padding-bottom: 30px;
  }
  .infopage__panel {
    width: 100%;
    padding-bottom: 30px;
  }
}
/* Platform tablet-laptop-desktop */
@media screen and (min-width: 601px) {
  /* Component #base.tablet-laptop-desktop() */
  /* Component #main-menu.tablet-laptop-desktop() */
  .main-menu-link-header .main-menu-link {
    color: #000;
  }
  /* Component #menu-pages.tablet-laptop-desktop() */
  /*@width-gutter: 22px;

        .menu-pages {
            display: none;
            background-color: white;
            padding-top: @width-gutter;

            .menu-pages-toggler:hover & {
                display: block;
            }
        }*/
  /* Component #project-detail.tablet-laptop-desktop() */
  .project-detail-container {
    padding-top: 207px;
    display: flex;
  }
  .project-detail-text-outer {
    position: relative;
    flex: 0 1 50%;
    margin-left: 28px;
    margin-right: 14px;
    padding-bottom: 70px;
  }
  .project-detail-figure-outer {
    position: relative;
    flex: 0 1 50%;
    margin-right: 28px;
    margin-left: 14px;
    margin-bottom: 70px;
  }
  .project-detail-figure-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .project-detail-copyright {
    position: absolute;
    bottom: 28px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .project-detail-image-legend {
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    padding-top: 5px;
  }
  .no-touch .project-detail-figure-inner-link:hover {
    cursor: url("/Assets/plus.png"), w-resize;
  }
  /* Component #about.tablet-laptop-desktop() */
  .about-container {
    padding-top: 207px;
    max-width: 608px;
    margin-left: 10%;
  }
  .about-text {
    padding: 0 5px 64px 5px;
  }
  .about-text .big-text {
    font-size: 21px;
  }
  .about-publication {
    padding: 0 5px;
  }
  .about-publication-title {
    font-size: 16px;
    font: 500 15px/18px "CA";
    padding-bottom: 28px;
  }
  .publication-item {
    padding-bottom: 24px;
  }
  .about-publication-figure {
    width: 25%;
    float: left;
    margin-right: 20%;
  }
  .about-publication-item-legend {
    width: 55%;
  }
  /* Component #overlay.tablet-laptop-desktop() */
  .overlay-slides {
    top: 28px;
    bottom: 56px;
  }
  .overlay-slide-title-mobile {
    display: none;
  }
  .overlay-footer {
    height: 56px;
  }
  .overlay-footer-nav {
    position: absolute;
    left: 28px;
    bottom: 19px;
  }
  .overlay-index-link {
    color: black;
    margin-right: 10px;
  }
  .overlay-index-link:hover {
    text-decoration: underline;
  }
  .overlay-slides-title {
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
  }
  .overlay-slides-counter {
    display: inline-block;
    vertical-align: bottom;
  }
  .overlay-slide-title {
    display: none;
  }
  .overlay-slide-title.active {
    display: inline-block;
  }
  .overlay-slide-arrow {
    font-family: "CA";
    font-size: 22px;
    color: black;
    display: inline-block;
    vertical-align: bottom;
    height: 16px;
    line-height: 14px;
  }
  .overlay-slide-arrow.previous {
    margin-left: 15px;
  }
  .overlay-slide-arrow.next {
    margin-left: 5px;
  }
  .overlay-title {
    text-align: center;
    max-width: 30%;
    margin: 0 auto;
    line-height: 56px;
    display: none;
  }
  .overlay-title.active {
    display: block;
  }
  .overlay-close-link {
    position: absolute;
    bottom: 23px;
    right: 28px;
    width: 10px;
    height: 10px;
    line-height: 10px;
  }
  .overlay-close-image {
    width: 10px;
    height: 10px;
  }
  /* Component #panorama.tablet-laptop-desktop() */
  .panorama-content {
    padding: 78px 28px 0 28px;
  }
  .panorama-content.panorama-content-photography {
    padding-bottom: 142px;
  }
  /*.panorama-left-side {

            .offset-0 {
                margin-right: 25%;
            }

            .offset-1 {
                margin-right: 18.75%;
            }

            .offset-2 {
                margin-right: 12.5%;
            }

            .offset-3 {
                margin-right: 6.25%;
            }
        }

        .panorama-right-side {
            .panorama-project {
                float: left;
                clear: left;
            }

            .offset-0 {
                margin-left: 25%;
            }

            .offset-1 {
                margin-left: 18.75%;
            }

            .offset-2 {
                margin-left: 12.5%;
            }

            .offset-3 {
                margin-left: 6.25%;
            }
        }

        .panorama-project {
            margin-bottom: 50px;

            &.small-project {
                width: 50%;
            }

            &.medium-project {
                width: 58%;
            }

            &.big-project {
                width: 75%;
            }
        }*/
  .panorama-category-nav-outer {
    position: fixed;
    top: 50%;
    left: 28px;
    z-index: 9;
    margin-left: 10px;
  }
  .panorama-category-nav {
    -moz-transform: rotate(-90deg) translate(-50%);
    -ms-transform: rotate(-90deg) translate(-50%);
    -o-transform: rotate(-90deg) translate(-50%);
    -webkit-transform: rotate(-90deg) translate(-50%);
    transform: rotate(-90deg) translate(-50%);
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  .panorama-category-nav-link {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
  }
  /* Component #header.tablet-laptop-desktop() */
  /* Component #footer.tablet-laptop-desktop() */
  .main-footer-inner {
    bottom: 23px;
    left: 28px;
  }
  .main-footer-link-about {
    bottom: 22px;
    right: 28px;
  }
  /* Component #index.tablet-laptop-desktop() */
  .index-content {
    padding-top: 207px;
    margin: 0 28px;
    position: relative;
  }
  .index-close-link {
    position: absolute;
    right: 0;
    top: 207px;
    width: 15px;
    height: 15px;
  }
  .index-content-inner {
    margin: 0 -5px;
  }
  .index-figure {
    margin: 0 5px;
    display: inline-block;
    vertical-align: bottom;
    max-height: 174px;
    max-width: 174px;
    position: relative;
    margin-bottom: 30px;
  }
  .index-figure-image {
    max-height: 174px;
    max-width: 174px;
  }
  .index-figure-image-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  }
  .index-figure-image-counter-outer {
    display: none;
    position: absolute;
    top: -15px;
    right: 0;
  }
  .no-touch .index-figure:hover .index-figure-image-counter-outer {
    display: block;
  }
  /* Component #text-page.tablet-laptop-desktop() */
  .textpage-container {
    padding-top: 207px;
  }
  .textpage-text {
    width: 465px;
    margin-left: 28px;
    padding-bottom: 70px;
  }
  .textpage-figure-outer {
    position: fixed;
    top: 0;
    width: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .textpage-figure {
    position: absolute;
    height: 100vh;
    left: 521px;
    right: 150px;
  }
  .textpage-figure-inner {
    position: absolute;
    top: 207px;
    bottom: 70px;
    width: 100%;
  }
  .textpage-figure-image {
    max-height: 100%;
  }
  /* Component #contact.tablet-laptop-desktop() */
  .contact-container {
    padding-top: 207px;
    margin: 0 28px;
  }
  .contact-text {
    width: 465px;
    font-size: 21px;
    margin-bottom: 100px;
  }
  /* Component #photography-footer.tablet-laptop-desktop() */
  .photography-footer-form {
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 61px;
  }
  .photography-footer-form-title {
    display: inline;
  }
  .photography-footer {
    font-size: 13px;
    height: 142px;
    left: 28px;
    right: 28px;
  }
  .photography-copyright {
    right: 0;
  }
  /* Component #publications.tablet-laptop-desktop() */
  .publications-container {
    padding-top: 207px;
    max-width: 608px;
    margin-left: 10%;
  }
  .publications-text {
    padding: 0 5px 64px 5px;
  }
  .publications-text .big-text {
    font-size: 21px;
  }
  .publications-publication {
    padding: 0 5px;
  }
  .publications-publication-title {
    font-size: 16px;
    font: 500 15px/18px "CA";
    padding-bottom: 28px;
  }
  .publication-item {
    padding-bottom: 24px;
  }
  .publications-inline-item {
    display: inline-block;
    width: 25%;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  /* Component #info-page.tablet-laptop-desktop() */
  .infopage__content {
    box-sizing: border-box;
  }
  .infopage__intro {
    padding: 0 6px 12px 6px;
  }
  .infopage__panels {
    display: flex;
    flex-flow: wrap row-reverse;
  }
  .infopage__panel {
    padding: 0 6px 12px 6px;
    box-sizing: border-box;
  }
}
/* Platform tablet */
@media screen and (min-width: 601px) and (max-width: 1024px) {
  /* Component #base.tablet() */
  /* Component #main-menu.tablet() */
  /* Component #menu-pages.tablet() */
  .menu-pages {
    height: 0;
    overflow: hidden;
    padding-top: 10px;
  }
  .menu-pages.open {
    height: auto;
  }
  /* Component #project-detail.tablet() */
  /*.project-detail-text-outer {
            width: 365px;
        }

        .project-detail-figure {
            left: 421px;
        }*/
  /* Component #about.tablet() */
  /* Component #overlay.tablet() */
  .overlay-slides {
    left: 28px;
    right: 28px;
  }
  /* Component #panorama.tablet() */
  .panorama-content {
    padding: 0 28px 52px;
  }
  /* Component #header.tablet() */
  .main-header {
    margin: 28px;
    line-height: 1.5;
    position: relative;
  }
  /* Component #footer.tablet() */
  /* Component #index.tablet() */
  /* Component #text-page.tablet() */
  /* Component #contact.tablet() */
  /* Component #photography-footer.tablet() */
  /* Component #publications.tablet() */
  /* Component #info-page.tablet() */
  .infopage__content {
    padding: 0 28px 52px 18px;
  }
  .infopage__panel {
    width: 50%;
  }
  .infopage__panel--big {
    width: 100%;
  }
}
/* Platform laptop-desktop */
@media screen and (min-width: 1025px) {
  /* Component #base.laptop-desktop() */
  /* Component #main-menu.laptop-desktop() */
  .main-menu-link-header {
    position: absolute;
    top: 26px;
    line-height: 1;
  }
  .main-menu-link-header {
    left: 28px;
  }
  .main-menu-link-header .main-menu-link {
    color: #000;
  }
  .icon-burger {
    display: none;
  }
  /* Component #menu-pages.laptop-desktop() */
  .menu-pages {
    display: none;
    padding-top: 22px;
  }
  .menu-pages-toggler:hover .menu-pages {
    display: block;
  }
  /* Component #project-detail.laptop-desktop() */
  /*.project-detail-text-outer {
            width: 465px;
        }

        .project-detail-figure {
            left: 521px;
        }*/
  /* Component #about.laptop-desktop() */
  /* Component #overlay.laptop-desktop() */
  .overlay-slides {
    left: 150px;
    right: 150px;
  }
  /* Component #panorama.laptop-desktop() */
  .panorama-content {
    padding: 78px 28px 52px 28px;
  }
  .panorama-content-inner {
    margin: 0 10%;
  }
  /* Component #header.laptop-desktop() */
  .main-header {
    position: fixed;
    left: 0;
    top: 0;
    /*-moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);*/
    width: 100%;
    z-index: 10;
  }
  /* Component #footer.laptop-desktop() */
  /* Component #index.laptop-desktop() */
  /* Component #text-page.laptop-desktop() */
  /* Component #contact.laptop-desktop() */
  /* Component #photography-footer.laptop-desktop() */
  .photography-footer {
    margin: 0 10%;
  }
  /* Component #publications.laptop-desktop() */
  /* Component #info-page.laptop-desktop() */
  .infopage__content {
    padding: 78px 22px 52px 22px;
  }
  .infopage__intro {
    margin-left: 50%;
  }
  .infopage__panel {
    width: 25%;
  }
  .infopage__panel--big {
    width: 50%;
  }
}
/* Platform laptop */
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  /* Component #base.laptop() */
  /* Component #main-menu.laptop() */
  /* Component #menu-pages.laptop() */
  /* Component #project-detail.laptop() */
  /* Component #about.laptop() */
  /* Component #overlay.laptop() */
  /* Component #panorama.laptop() */
  /* Component #header.laptop() */
  /* Component #footer.laptop() */
  /* Component #index.laptop() */
  /* Component #text-page.laptop() */
  /* Component #contact.laptop() */
  /* Component #photography-footer.laptop() */
  /* Component #publications.laptop() */
  /* Component #info-page.laptop() */
}
/* Platform desktop */
@media screen and (min-width: 1281px) {
  /* Component #base.desktop() */
  /* Component #main-menu.desktop() */
  /* Component #menu-pages.desktop() */
  /* Component #project-detail.desktop() */
  /* Component #about.desktop() */
  /* Component #overlay.desktop() */
  /* Component #panorama.desktop() */
  /* Component #header.desktop() */
  /* Component #footer.desktop() */
  /* Component #index.desktop() */
  /* Component #text-page.desktop() */
  /* Component #contact.desktop() */
  /* Component #photography-footer.desktop() */
  /* Component #publications.desktop() */
  /* Component #info-page.desktop() */
}