/*
Theme Name: droulers
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */
/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
.iubenda-banner-content p {
    text-indent: 0;
}
@font-face {
  font-family: 'reader_reg';
  src: url('../droulers/font/reader-web.eot');
  src: url('../droulers/font/reader-web.eot?#iefix') format('embedded-opentype'),
       url('../droulers/font/reader-web.woff2') format('woff2'),
       url('../droulers/font/reader-web.woff') format('woff'),
       url('../droulers/font/reader-web.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'sabon';
  src: url('../droulers/font/316FE7_1_0.eot');
  src: url('../droulers/font/316FE7_1_0.eot?#iefix') format('embedded-opentype'),
       url('../droulers/font/316FE7_1_0.woff2') format('woff2'),
       url('../droulers/font/316FE7_1_0.woff') format('woff'),
       url('../droulers/font/316FE7_1_0.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'sabon';
  src: url('../droulers/font/316FE7_0_0.eot');
  src: url('../droulers/font/316FE7_0_0.eot?#iefix') format('embedded-opentype'),
       url('../droulers/font/316FE7_0_0.woff2') format('woff2'),
       url('../droulers/font/316FE7_0_0.woff') format('woff'),
       url('../droulers/font/316FE7_0_0.ttf')  format('truetype');
	font-weight: normal;
	font-style: italic;
}
body * {
	-webkit-font-smoothing: antialiased;
}
.filtro-singel {
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
    transition: all 0.5s ease;
    border-bottom: 1px solid transparent;
}

.filtri-progetti {
    text-align: center;
    margin-bottom: 40px;
}

.filtro-singel.attivo {
    border-bottom: 1px solid black;
}
.griglia {
    transition: opacity 0.6s ease;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 90px;
}

.griglia.hide {
    opacity: 0;
}

.progetto.hide {
    display: none !important;
}
.filtro-singel:hover {
    border-bottom: 1px solid black;
}
body {
    margin: 0;
	 font-family: 'sabon';
	 font-size:10.5pt;
	 line-height:16.5pt;
}
.slider-articoli {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: auto;
}
.articolo-slider {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100vw;
    background: black;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    -ms-transition: background-color 1.5s;
    transition: background-color 1.5s;
}
.inner-articolo-slider {
    height: 100%;
}
.immagini {
    height: 100%;
}
.titolo {
    position: absolute;
    bottom: 20px;
    left: 35px;
    font-size: 10.5pt;
    text-transform: none;
    color: white;
    font-family: 'reader_reg';
    letter-spacing: 2px;
}
.project-container .image-progetto {
    height: auto !important;
}
.left-image {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 1.5s linear;
    -moz-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
        -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.project-container .image-progetto img {
    width: 100%;
}
body div#book {
	margin-bottom:0;
}
.inner-left-image {
    width: 100%;
    height: 100%;
}
.attivoinfo .menu {
    width: 50%;
    left: 50%;
}
.attivoinfo .right-menu {
    width: 100%;
}
.open-info {
    padding-left: 30px;
}
.open-info:hover svg {
    -ms-transform: rotate(180deg); 
    -moz-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.open-info svg {
    position: absolute;
    top: 7px;
    margin-top: 0;
    margin-left: 0;
    left: 30px;
    width: 21px;
    -webkit-transition: .5s linear;
    -moz-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    -ms-transform: rotate(0deg); 
    -moz-transform: rotate(0deg); 
	-o-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.apertura {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 100%;
    position: fixed;
    background: black;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    -ms-transition: background-color 1.5s;
    transition: background-color 1.5s;
}
.inner-left-col-project {
    height: 100%;
}
.claim {
    position: fixed;
    top: 35px;
    right: 50px;
    color: #c9920e;
    z-index: 100;
    opacity:1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
    font-size: 12pt;
}
.apertura-home .right-menu {
	opacity:0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.move .apertura-home .right-menu {
	opacity:1;
}
.inner-apertura {
    height: 100%;
    position: relative;
}
.slider-articoli * {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}
.left-col-apertura {
    height: 100%;
  /*  position: absolute;*/
    width: 50%;
    background: #333333;
    /*left: 0;*/
	float:left;
    -webkit-transition: 1.5s linear;
    -moz-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
        -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.inner-left-col-apertura {
    height: 100%;
    position: relative;
}
.right-col-apertura {
  /*  position: absolute;*/
    width: 50%;
    height: 100%;
    background: white;
/*    right: 0;*/
	float:left;
    -webkit-transition: 1.5s linear;
    -moz-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
        -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.inner-right-col-apertura {
    height: 100%;
    position: relative;
}
.inner-left-col-apertura img {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -75px;
}
.inner-right-col-apertura img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -75px;
}
.right-image {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 1.5s linear;
    -moz-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
        -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.menu {
    position: fixed;
    top: 35px;
    left: 0;
    z-index: 10000000;
    width: auto;
    right: 0;
}
.apertura-home .logo path,.apertura-home .logo polygon,.apertura-home .logo rect {
    fill: #c9920e;
}
.logo path,.logo polygon,.logo rect {
    fill: white;
    -webkit-transition: fill 0.5s;
    -moz-transition: fill 0.5s;
	-o-transition: fill 0.5s;
	-ms-transition: fill 0.5s;
	transition: fill 0.5s;
}
.inner-right-image {
    width: 100%;
    height: 100%;
}
.move .left-col-apertura {
     -webkit-transform: translate(-100%,0);
-moz-transform: translate(-100%,0);
-o-transform: translate(-100%,0);
-ms-transform: translate(-100%,0);
transform: translate(-100%,0);
}
.logo {
    display: inline-block;
}
.right-menu {
    display: inline-block;
    float: right;
    width: 50%;
    right: 0;
    left: 0;
}
.menu li a {
    color: white;
    text-decoration: none;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
    padding-bottom: 3px;
    cursor: pointer;
    font-family: 'sabon';
    text-transform:uppercase;
    font-family: 'reader_reg';
}
ul#menu-mainmenu {
    list-style: none;
}
ul#menu-mainmenu li {
    display: inline-block;
    margin-right: 34px;
}
ul#menu-mainmenu {
    right: 0;
    left: auto;
    top: 0;
    margin: 0;
    display: inline-block;
    width: auto;
    position: relative;
    padding-left: 0;
}
.move .right-col-apertura {
      -webkit-transform: translate(100%,0);
-moz-transform: translate(100%,0);
-o-transform: translate(100%,0);
-ms-transform: translate(100%,0);
transform: translate(100%,0);
}
.articolo-slider.apri {
    background: transparent;
}
.move .claim {
    opacity: 0;
}
.immagini a {
    display: block;
    width: 100%;
    height: 100%;
}
span.share {
    display: none;
}
.inner-right-block-fixed:hover .share {
    display: none;
}
span.shareduepunti {
    display: inline-block;
    margin-top: -2px;
    float: left;
}
.inner-right-block-fixed:hover .socials-share {
    display: block;
}
.socials-share .facebook {
    margin-right: 20px;
    display: inline-block;
}
a.twitter {
    display: inline-block;
}
.socials-share {
    display: block;
}
.inner-right-block-fixed {
    display: inline-block;
}
.socials-share a {
    cursor: pointer;
}
.mobile-block.share-block {
    text-align: center;
}
.share-block .inner-right-block-fixed {
    margin-right: 0;
    height: 30px;
}
.move .apertura-home .logo path,.move .apertura-home .logo polygon,.move .apertura-home .logo rect {
    fill: white;
}
.apri .left-image {
         -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
}
.apri .right-image {
          -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
}
.articolo-slider.attivo {
    z-index: 100;
    display: block !important;
}
.remove-apertura .apertura {
    display: none;
}
.move .apertura {background: transparent;}
main#main {
    min-height: 100vh;
}
.footer {
    display: block;
    height: 60px;
    clear: both;
    z-index: 10000;
    width: 100%;
}
.left-footer {
    float: left;
    width: 50%;
    height: 100%;
    background: #333;
}
.right-footer {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    background: white;
}
.left-footer p {
    margin: 0;
    color: #b6b6b6;
    text-indent: 0;
    font-family: 'reader_reg';
    font-size: 8.5pt;
    letter-spacing: 2px;
    line-height: 13pt;
}
.inner-left-footer {
    padding: 13px 35px;
    background: #333;
}
.right-footer p,.right-footer p a {
    color: black;
    margin-bottom: 0;
    font-size: 8.5pt;
}
.inner-footer {
    height: 100%;
}
.inner-right-footer {
    padding-top: 29px;
}
body,p,em,strong,a,h1,h2,h3,i {
    font-size: 10.5pt;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: black;
}
.copertina {
    width: calc(100% - 70px);
    height: calc(100vh - 150px);
    position: relative;
    margin-left: 35px;
    margin-top: 85px;
    margin-bottom: 125px;
}
.left-col-desc h2 {
    margin: 0;
}
.inner-description-post {
    padding: 35px 60px;
}
.left-col-desc {
    width: 70%;
    float: left;
    margin-top: 50px;
}
.clear {
    clear: both;
    height: 340px;
}
.right-col-desc {
    float: left;
    width: 50%;
}
.share-col {
    float: left;
    width: 50%;
    font-family: 'reader_reg';
    font-size: 9pt;
    letter-spacing: 2px;
    padding-top: 118px;
}
.info-col {
    float: left;
    width: 100%;
    float: none;
}
.left-info-col {
    width: 50%;
    float: left;
}
.right-info-col {
    width: 50%;
    float: left;
    margin-bottom: 90px;
}
.title-info {
    border-bottom: 1px solid white;
    padding-bottom: 6px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 9pt;
    margin-right: 0px;
}
.blocco-info {
    margin-bottom: 30px;
}
.immagine.immagine-orizzontale img {
    width: 100%;
    height: auto;
    display: block;
}
.immagine {
    margin: 6vw 10%;
}
.immagine.immagine-orizzontale.bordo {
    margin: 6vw 10%;
}
.immagine.doppia-immagine div {
    height: 46vw;
}
.left-immagine-doppia {
    float: left;
    width: 37vw;
    height: 100%;
}
.right-immagine-doppia {
    float: right;
    width: 37vw;
    height: 100%;
}
img#myImg {
    opacity: 0;
    max-width: 100%;
}
.immagine.doppia-immagine {
    height: 46vw;
    margin-left: 10%;
    margin-right: 10%;
}
.immagine.testo-immagine {
    height: 46vw;
    margin-left: 10%;
    margin-right: 10%;
}
.left-testo-immagine {
    height: 46vw;
    float: left;
    width: 37vw;
}
.left-col-desc h2 p, .left-col-desc h3 {
    font-size: 15pt;
    line-height: 21pt;
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 3px;
    text-indent: 0;
    font-weight: normal;
}
.galleria-post {
    clear: both;
    padding-top: 0px;
}
.left-col-desc h2 p {
    text-transform: uppercase;
}
p {
    margin-top: 0;
    margin-bottom: 25px;
    text-indent: 25px;
}
.text-info {
    font-size: 9pt;
}
.right-testo-immagine {
    height: 46vw;
    float: right;
    width: 37vw;
}
.left-testo-immagine p {
    margin-left: 35px;
    vertical-align: bottom;
}
.freccia-down {
    position: absolute;
    bottom: -65px;
    text-align: center;
    width: 100%;
	opacity:0;
    -webkit-transition: bottom 0.5s, opacity 0.5s;
    -moz-transition: bottom 0.5s, opacity 0.5s;
    -o-transition: bottom 0.5s, opacity 0.5s;
    -ms-transition: bottom 0.5s, opacity 0.5s;
    transition: bottom 0.5s, opacity 0.5s;
    -webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
      transition-delay: 1.5s;
}
div#book {
    margin-top: 70px;
}
.freccia-down img {
    cursor: pointer;
    width: 24px;
}
.press-container,.project-container,.studio-container,.contatti-container,.libro-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100000;
    overflow: auto;
    overflow-x: hidden;
    background: black;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    -o-transition: background-color 1.5s;
    -ms-transition: background-color 1.5s;
    transition: background-color 1.5s;
}
.inner-press-container,.inner-project-container,.inner-studio-container,.inner-contatti-container {
    height: 100%;
    min-height: calc(100vh + 1px);
    width: 100vw;
    position: relative;
}
 .right-col-press, .right-col-project, .right-col-studio,.right-col-contatti {
      width: 50%;
      height: auto;
      position: relative;
      float: right;
      top: 0;
      -webkit-transition: 1.5s linear;
      -moz-transition: 1.5s linear;
      -o-transition: 1.5s linear;
      transition: 1.5s linear;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -o-transform: translate(0,0);
      -ms-transform: translate(0,0);
      transform: translate(0,0);
      background: white;
      min-height: 100vh;
 } 
.left-col-press,.left-col-project,.left-col-studio,.left-col-contatti {
    width: 50%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transition: 1.5s linear;
    -moz-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    background: #333;
    z-index: 10;
}
.progetto {
    /* height: 100vh; */
    display: table;
    width: 100%;
}
.image-progetto {
    margin-left: 115px;
    margin-right: 110px;
    height: 70vh;
    cursor: pointer;
    margin-top: 60px;
}
.titolo-progetto {
    text-align: center;
    margin-top: 25px;
}
.article-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100vh;
    overflow: auto;
    width: 100%;
	opacity:1;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    -ms-transition: opacity 1.5s;
    transition: opacity 1.5s;
}
.article-container.fadeout {
	opacity:0;
}
html {overflow-x:hidden;}
.title-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 21pt;
    opacity:0;
    z-index:-1;
    -webkit-transition: opacity 0.5s,margin-top 0.5s;
    -moz-transition: opacity 0.5s,margin-top 0.5s;
    -o-transition: opacity 0.5s,margin-top 0.5s;
    -ms-transition: opacity 0.5s,margin-top 0.5s;
    transition: opacity 0.5s,margin-top 0.5s;
    line-height: 27pt;
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 0;
}
/*.inner-left-col-press .title-container*/
/*.inner-left-col-project .title-container {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}*/
.aperto .left-col-press,.aperto .left-col-project,.aperto .left-col-studio,.aperto .left-col-contatti {
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
}
.aperto .right-col-press,.aperto .right-col-project,.aperto .right-col-studio,.aperto .right-col-contatti {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
}
 .menu-white-color {
    -webkit-transition: 1.5s linear;
    -moz-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.aperto .menu-white-color {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
}
.inner-slider-articoli {
    height: 100vh;
    width: 100vw;
}
.title-press h3 p,.title-press h2,.title-press h2 p,.title-press h3,.title-project h2 p,.title-project h3,.title-studio h2 p,.title-studio h3,.title-contatti h2 p,.title-contatti h3 {
    font-size: 21pt;
    line-height: 27pt;
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 3px;
    text-indent: 0;
    text-transform: uppercase;
    font-weight: normal;
}
.project-container .title-project h3 p {
    font-size: 21pt;
    line-height: 27pt;
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 3px;
}
.title-press h3,.title-project h3,.title-studio h3,.title-contatti h3 {
    text-transform: none;
}
.title-container.attivo-title {
    opacity: 1;
    z-index: 1000;
}
.libro .menu li a,.progetti .menu li a,.studio .menu li a,.contatti .menu li a,.press .menu li a {
    color: black;
}
.inner-progetto {
    padding-top: 0;
    vertical-align: middle;
    display: table-cell;
}
.libro-container.aperto,.press-container.aperto,.project-container.aperto,.studio-container.aperto,.contatti-container.aperto,.libro-container.aperto {
    background: transparent;
}
.filtro-single {
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 2px;
    text-indent: 0;
    text-transform: none;
    font-weight: normal;
    color: white;
    font-size: 10.5pt;
    display: inline-block;
    margin-right: 40px;
    cursor: pointer;
    padding-bottom: 2px;
}
.filtro {
    position: fixed;
    bottom: 30px;
    left: 35px;
	z-index:100000;
}
.slider-articoli .footer {
    position: absolute;
    bottom: -60px;
    width: 100vw;
    left: 0;
}
.filtro-single.attivo-filtro {
    border-bottom: 1px solid white;
}
.filtro-single:hover {
    border-bottom: 1px solid white;
}
.libro .menu li a:hover,.progetti .menu li a:hover,.studio .menu li a:hover,.contatti .menu li a:hover,.press .menu li a:hover {
    border-bottom: 1px solid black;
}
.libro #menu-item-862 a,.progetti #menu-item-28 a,.studio #menu-item-29 a,.contatti #menu-item-27 a,.press #menu-item-26 a {
    border-bottom: 1px solid black;
}
.menu li a:hover {
    border-bottom: 1px solid white;
}
.logo {
    cursor: pointer;
    margin-left: 35px;
}
.inner-left-col-studio,.inner-left-col-contatti {
    display: table;
    width: 100%;
    height: 100%;
}
.inner-inner-left-col-studio,.inner-inner-left-col-contatti {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.menu-white-color {
    position: fixed;
    right: 0;
    left: 50%;
    height: 90px;
    background: white;
    z-index: 1000000;
    display: none;
	top:0;
}
.inner-inner-left-col-studio *,.inner-inner-left-col-contatti * {
    font-size: 18pt;
    line-height: 25pt;
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 3px;
    text-indent: 0;
    text-transform: none;
    font-weight: normal;
    color: white;
}
.filtro-studio {
    position: fixed;
    bottom: 30px;
    left: 35px;
    z-index: 1000000;
}
.filtro-studio-single {
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 2px;
    text-indent: 0;
    text-transform: none;
    font-weight: normal;
    color: white;
    font-size: 10.5pt;
    display: inline-block;
    margin-right: 40px;
    cursor: pointer;
    padding-bottom: 2px;
}
.filtro-studio-single.attivo-filtro {
    border-bottom: 1px solid white;
}
.titolo-studio-blocco {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 45px;
}
.inner-right-col-studio {}
.inner-right-col-studio {
    padding: 65px;
}
div#philisophy {
    margin-top: 75px;
}
.blocco-studio img {
    width: 100%;
    display: block;
    height: auto;
}
.blocco-studio {
    margin-bottom: 100px;
}
div#philosophy {
    margin-top: 70px;
}
div#book img {
    margin: 0 auto;
    margin-bottom: -25px;
    width: 70%;
}
.filtro-studio-single:hover {
    border-bottom: 1px solid white;
}
div#book a {
    border-bottom: 1px solid black;
    padding-bottom: 3px;
    display: inline;
    text-align: center;
    width: auto;
}
div#book p {
    margin-bottom: 50px;
}
.testo-contatti p {
    margin-bottom: 35px;
}
.link-contatti a:hover {
    border-bottom: 2px solid white;
}
.link-contatti a {
    margin: 0 23px;
    font-size: 18pt;
}
.inner-right-col-contatti {
    height: 100%;
}
.image-contatti {
    height: 100vh;
}
.left-col-contatti {
    position: absolute;
}
.contatti .footer {
    margin-top: -1px;
}
.single-project-css .menu li a:hover {
    border-bottom: 1px solid black;
}
.press-container .image-progetto {
    margin: 0 auto !important;
    width: 45% !important;
    height: 31vw !important;
    margin-top: 60px !important;
}
.title-project h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.press .titolo-progetto a {
    border-bottom: 1px solid black;
    padding-bottom: 3px;
}
html.single-project-css .logo path,html.single-project-css .logo polygon,html.single-project-css .logo rect {
    fill: black !important;
}
.single-project-css .menu li a {
    color: black;
}
html .single-project-css .logo path,html .single-project-css .logo polygon,html .single-project-css .logo rect {
    fill: black !important;
}
.other-projects {
    background: #333;
    margin-top: 90px;
}
.inner-other-projects {
    margin: 0 85px;
    padding: 80px 0;
    padding-bottom: 0;
}
.titolo-more-general {
    text-align: center;
    color: white;
    font-family: 'reader_reg';
    font-size: 15pt;
    letter-spacing: 3px;
    margin-bottom: 80px;
}
.titolo-more {
    color: white;
    font-family: 'reader_reg';
    letter-spacing: 2px;
    text-align: center;
    margin-top: 25px;
    height: 170px;
}
div {
}
div.immagine-more {
    width: 100%;
    height: 27vw;
}
.articolo-more {
    width: 33.33%;
    float: left;
}
.inner-articolo-more {
    margin-left: 120px;
}
.inner-inner-other-projects {
    margin-left: -120px;
}
.inner-articolo-more {
    cursor: pointer;
}
.other-projects .clear {
    height: 0;
}
.inner-testo-interno p {
    margin: 0;
    text-indent: 0;
}
.text-interno {
    width: 100%;
    height: 100%;
    display: table;
}
.inner-testo-interno {
    display: table-cell;
    vertical-align: bottom;
}
.inner-testo-interno strong {
    color: #c9920e;
}
.menu-mainmenu-container {
    display: inline-block;
}
.language {
    display: inline-block;
}
.inner-right-menu {
    text-align: center;
}
.right-testo-immagine .inner-testo-interno p {
    margin-left: 0;
}
ul#qtranslate-chooser {
    padding: 0;
    list-style: none;
    margin: 0;
}
.testo-studio-blocco p,.testo-studio-blocco * {
    text-indent: 0;
    text-align: justify !important;
}
.language-chooser li.active {
    display: none;
}
.loading-gif {
    position: fixed;
    top: 0;
    left: 0;
   
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(51,51,51,0.2);
	opacity:0;
	z-index:-100;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.anima.loading-gif {
	 z-index: 10000000;
	 opacity:1;
}
.inner-loading-gif {
    display: table;
    width: 100%;
    height: 100%;
}
.inner-inner-loading-gif {
    display: table-cell;
    vertical-align: middle;
}
.title-press {
    display: table-cell;
    vertical-align: middle;
}
.title-project {
    display: table-cell;
    vertical-align: middle;
}
.anima .anima1 {
    -webkit-animation: animateloading 1.5s 0s infinite alternate backwards;
    -moz-animation: animateloading 1.5s 0s infinite alternate backwards;
    -o-animation: animateloading 1.5s 0s infinite alternate backwards;
    animation: animateloading 1.5s 0s infinite alternate backwards;
}
.anima .anima2 {
    -webkit-animation: animateloading 1.5s 0.5s infinite alternate backwards;
    -moz-animation: animateloading 1.5s 0.5s infinite alternate backwards;
    -o-animation: animateloading 1.5s 0.5s infinite alternate backwards;
    animation: animateloading 1.5s 0.5s infinite alternate backwards;
}
.title-container.removeup,h2.h2block.removeup {
    margin-top: 0px;
    opacity: 0;
}
.freccia-down.project-freccia.attiva {
  -webkit-animation: animatefreccia 3s 0s 1 forwards;
  -moz-animation: animatefreccia 3s 0s 1 forwards;
  -o-animation: animatefreccia 3s 0s 1 forwards;
  animation: animatefreccia 3s 0s 1 forwards;
}
.freccia-down.project-freccia.remove-attiva {
  -webkit-animation: animatefrecciaremove 1s 0s 1 forwards;
  -moz-animation: animatefrecciaremove 1s 0s 1 forwards;
  -o-animation: animatefrecciaremove 1s 0s 1 forwards;
  animation: animatefrecciaremove 1s 0s 1 forwards;
}
.title-project h2 p {
    text-transform: none;
}
.project-container .title-project {
    font-size: 21pt;
    line-height: 27pt;
    font-family: 'reader_reg';
    letter-spacing: 3px;
}
.project-container .title-project h2,.project-container .title-project h2 p {
    text-transform: uppercase;
}
h2.h2block.visibileh2 {
    opacity: 1;
    display: block;
}
h2.h2block {
    opacity: 0;
    /* text-transform:uppercase; */
    -webkit-transition: opacity 0.5s,margin-top 0.5s;
    -moz-transition: opacity 0.5s,margin-top 0.5s;
    -o-transition: opacity 0.5s,margin-top 0.5s;
    -ms-transition: opacity 0.5s,margin-top 0.5s;
    transition: opacity 0.5s,margin-top 0.5s;
    position: absolute;
    top: 0;
    left: 0;
	margin-top:0;
    width: 100%;
}
h2.h2block.removeup {
    margin-top: 0px;
    opacity: 0;
}
.teamh2container {
    position: relative;
    height: 105px;
}
.articolo-slider.tempactive {
    z-index: 1000;
}
.freccia-down.project-freccia {
    position: fixed;
    bottom: 0px;
    z-index: 10000000;
    opacity: 0;
    width: 50%;
    right: 0;
    -webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
      transition-delay: 0s;
}
.freccia-down.project-freccia.attiva {
    bottom: 15px;
}
.title-press h3 p {
    text-transform: none;
}
.title-project span {
    font-family: 'sabon';
}
.title-project span,h2.h2block span {
    font-family: 'sabon';
}
.title-project h2 span {font-family: 'sabon';}
.mdash {font-family: 'sabon' !important;}
.article-container {background:white;}
.inner-info-col {
    padding-left: 0;
}
.buy-on-amazon * {
    color: #c9920e !important;
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 2px;
    text-indent: 0;
    text-transform: none;
    font-weight: normal;
    color: white;
    font-size: 10.5pt;
    display: inline-block;
    margin-right: 0;
    cursor: pointer;
    padding-bottom: 2px;
}
.buy-on-amazon {
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.left-info-col .inner-info {
    margin-right: 30px;
}
.right-info-col .inner-info {
    margin-left: 30px;
}
.number-home {
    position: absolute;
    bottom: 21px;
    z-index: 1000000;
    color: white;
    right: 35px;
}
.right-menu a {
    font-size: 10pt;
}
/*.inner-galleria-post {
    margin: 0 5%;
}
.immagine.immagine-orizzontale {
    margin-left: 35px;
    margin-right: 35px;
}*/
.blocco-team-person img {
    width: 55%;
    margin: 0 auto;
}
.immagine.immagine-orizzontale {
    margin-left: 0;
    margin-right: 0;
}
.right-footer.single-right {
    width: 100%;
}
.immagine.immagine-orizzontale.nobordo {
    width: 100%;
    height: 100vh;
}
html body .colormenu .logo path,html body .colormenu .logo polygon,html body .colormenu .logo rect {
    fill: white !important;
}
html body .colormenu li a:hover
{
	border-bottom: 1px solid white !important;
}
html body .colormenu.menu li a {
    color: white;
}
.contatti-container .footer {
    width: 100vw;
}
@-webkit-keyframes animatefreccia {
    0%   {   bottom:-5px;
    opacity:0; }
    25% {   bottom:35px;
    opacity:1; }
    50% {
  	  bottom:20px;
  	  opacity:1;
    }
	75% {
    	  bottom:35px;
    	  opacity:1;
	}
    100% {
  	  bottom:20px;
  	  opacity:1;
    }
  }
@-moz-keyframes animatefreccia {
    0%   {   bottom:-5px;
    opacity:0; }
    25% {   bottom:35px;
    opacity:1; }
    50% {
  	  bottom:20px;
  	  opacity:1;
    }
	75% {
    	  bottom:35px;
    	  opacity:1;
	}
    100% {
  	  bottom:20px;
  	  opacity:1;
    }
  }
@-o-keyframes animatefreccia {
    0%   {   bottom:-5px;
    opacity:0; }
    25% {   bottom:35px;
    opacity:1; }
    50% {
  	  bottom:20px;
  	  opacity:1;
    }
	75% {
    	  bottom:35px;
    	  opacity:1;
	}
    100% {
  	  bottom:20px;
  	  opacity:1;
    }
  }
@keyframes animatefreccia {
    0%   {   bottom:-5px;
    opacity:0; }
    25% {   bottom:35px;
    opacity:1; }
    50% {
  	  bottom:20px;
  	  opacity:1;
    }
	75% {
    	  bottom:35px;
    	  opacity:1;
	}
    100% {
  	  bottom:20px;
  	  opacity:1;
    }
  }
  
  
  
  
  @-webkit-keyframes animatefrecciaremove {
      0%   {    bottom:20px;
  	  opacity:1; }
      100% {
    	  bottom:-5px;
    	  opacity:0;
      }
    }
  @-moz-keyframes animatefrecciaremove {
      0%   {    bottom:20px;
  	  opacity:1; }
      100% {
    	  bottom:-5px;
    	  opacity:0;
      }
    }
  @-o-keyframes animatefrecciaremove {
      0%   {    bottom:20px;
  	  opacity:1; }
      100% {
    	  bottom:-5px;
    	  opacity:0;
      }
    }
  @keyframes animatefrecciaremove {
      0%   {    bottom:20px;
  	  opacity:1; }
      100% {
    	  bottom:-5px;
    	  opacity:0;
      }
    }
@-webkit-keyframes animateloading {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes animateloading {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes animateloading {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animateloading {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes animateloading1 {
    0%,50%   { opacity: 0; }
    51%,100% { opacity: 1; }
}
@-moz-keyframes animateloading1 {
    0%,50%   { opacity: 0; }
    51%,100% { opacity: 1; }
}
@-o-keyframes animateloading1 {
    0%,50%   { opacity: 0; }
    51%,100% { opacity: 1; }
}
@keyframes animateloading1 {
    0%,50%   { opacity: 0; }
    51%,100% { opacity: 1; }
}
.project-container .inner-right-col-project {
    margin-left: 86px;
    margin-right: 81px;
    margin-top: 140px;
}
.project-container .image-progetto {
    margin-left: 0;
    margin-right: 0;
}
.project-container .progetto {
}
.project-container .title-project h3 {
    margin-left: 70px;
    margin-right: 70px;
}
.project-container .inner-progetto {
    display: block;
    margin-bottom: 5vh;
}
.project-container .image-progetto {
    margin-top: 0;
    height: 36vh;
}
.project-container .progetto .inner-progetto {
    /* margin-right: 45px; */
}
.project-container .progetto:nth-child(2n) .inner-progetto {
    /* margin-right: 0; */
    /* margin-left: 45px; */
}
.project-container .filtro {
    display: none;
}
.project-container .titolo-progetto {
    font-family: 'reader_reg';
    margin-top: 10px;
    color: #333;
}
.secondary-info-hover {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: calc(100% - 140px);
    margin-top: -80px;
    height: 50px;
    margin-left: 70px;
}
.inner-title-container {
    position: relative;
    height: 100vh;
}
.table-container-hover {
    display: table;
    width: 100%;
    height: 100%;
}
.year-hover {
    float: left;
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 1px;
    text-indent: 0;
    text-transform: none;
    font-weight: normal;
    color: white;
    font-size: 11.5pt;
}
.description-post {
    position: fixed;
    top: 0;
	height:100vh;
    left: -50%;
    z-index: 10000;
    width: 50%;
    background: #333;
    z-index: 100000000;
    color: white;
    -webkit-transition: left 1.5s;
    -moz-transition: left 1.5s;
    -o-transition: left 1.5s;
    -ms-transition: left 1.5s;
    transition: left 1.5s;
}
.text-info {
    color: white;
}
.surface-hover {
    float: right;
    font-family: 'reader_reg';
    margin: 0;
    letter-spacing: 2px;
    text-indent: 0;
    text-transform: none;
    font-weight: normal;
    color: white;
    font-size: 11.5pt;
}
.other-projects {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    height: 100vh;
    bottom: -100vh;
    overflow: auto;
    margin-top: 0;
    -webkit-transition: bottom 1.5s;
    -moz-transition: bottom 1.5s;
    -o-transition: bottom 1.5s;
    -ms-transition: bottom 1.5s;
    transition: bottom 1.5s;
}
.image-container-new {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: white;
    z-index: 10;
}
.image-container-new.attiva {
    z-index: 15;
}
.immagine.immagine-orizzontale.nobordo {
    height: calc(100vh - 160px);
    margin-left: 35px;
    margin-right: 60px;
    width: auto;
}
.immagine.immagine-orizzontale img {
    height: 100%;
    width: auto;
    margin: 0 auto;
}
.immagine.immagine-orizzontale.bordo {
    margin: 80px 10%;
    height: calc(100vh - 160px);
}
.immagine.doppia-immagine {
    height: calc(100vh - 160px);
}
.immagine.doppia-immagine div {
    height: calc(100vh - 160px);
}
.top-arrow-single,.bot-arrow-single {
	display:none;
}
.counter {
    position: fixed;
    top: 50%;
    right: 25px;
    z-index: 1000;
    margin-top: -33px;
    text-align: center;
}
.footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}
.year-title {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 21px;
}
.surface-title {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
}
.left-block-fixed {
    float: left;
    margin-bottom: 15px;
    width: 30%;
}
.number-home {
    display: none;
}
.inner-left-block-fixed {
    font-size: 10.5pt;
    text-transform: none;
    color: black;
    font-family: 'reader_reg';
    letter-spacing: 2px;
    margin-left: 35px;
}
.middle-block-fixed {
    width: 40%;
    text-align: center;
    margin-top: 20px;
    float: left;
    font-size: 11.5pt;
}
.right-block-fixed {
    float: right;
    width: 30%;
    text-align: right;
}
.image-container-new.nonactive {
    z-index: 16;
    top: -100vh;
    -webkit-transition: top 1.5s ease-out;
    -moz-transition: top 1.5s ease-out;
    -o-transition: top 1.5s ease-out;
    -ms-transition: top 1.5s ease-out;
    transition: top 1.5s ease-out;
}
.image-container-new.nonactiveup {
    z-index: 16;
    top: 100vh;
    -webkit-transition: top 1.5s ease-out;
    -moz-transition: top 1.5s ease-out;
    -o-transition: top 1.5s ease-out;
    -ms-transition: top 1.5s ease-out;
    transition: top 1.5s ease-out;
}
.top-click-image {
    position: fixed;
    top: 80px;
    left: 35px;
    right: 60px;
    height: calc(50vh - 80px);
    z-index: 100;
	cursor:url(../droulers/img/freccia-su.svg) 2 2, pointer;;
}
.bot-click-image {
    position: fixed;
    bottom: 80px;
    left: 35px;
    right: 60px;
    height: calc(50vh - 80px);
    z-index: 100;
	cursor:url(../droulers/img/freccia-giu.svg) 2 2, pointer;;
}
svg.closeoverlay-single {
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 35px;
	width:22px;
}
.inner-right-block-fixed {
    margin-right: 60px;
    font-size: 11.5pt;
    text-transform: none;
    margin-top: 20px;
}
.single .footer {display:none;}
.inner-middle-block-fixed {
    display: none;
}
.image-container-new {
    cursor: pointer;
}
.inner-middle-block-fixed {
    opacity: 0;
    display: block;
    cursor: auto;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    -ms-transition: opacity 1.5s;
    transition: opacity 1.5s;
}
.activemiddle.inner-middle-block-fixed {
    opacity: 1;
	cursor:pointer;
}
.immagine {
    margin: 80px 10%;
}
.immagine.immagine-orizzontale img {
    min-height: 0;
    width: 0;
    margin: 0 auto;
    max-width: 0;
    max-height: 0;
    height: auto;
}
.attivoinfo .description-post {
    left: 0;
}
.open-info {
    cursor: pointer;
}
.info-col {
    position: absolute;
    bottom: 0;
    left: 60px;
    right: 60px;
    width: auto;
}
.right-info-col {
    margin-bottom: 20px;
}
.title-info {
    font-family: 'reader_reg';
    letter-spacing: 2px;
}
.text-info {
    font-family: 'reader_reg';
    letter-spacing: 2px;
}
.otherprojects .other-projects {
    bottom: 0;
}
.otherprojects .menu {
	display:none;
}
.attivoinfo .logo {
	display:none;
}
.other-projects {
    z-index: 10000000;
}
a.pinterest {
    margin-left: 10px;
}
/*.project-container .freccia-down.project-freccia {
    display: none !important;
}*/
.freccia-down.project-freccia {
    width: 40px;
    height: 27px;
    border-radius: 50%;
    background: rgba(51,51,51,0.6);
    padding-top: 13px;
    right: calc(25% - 20px);
    cursor: pointer;
}
.secondary-info-hover {
    margin-top: -52px;
    margin-left: 35px;
    width: calc(100% - 70px);
}
.left-immagine-doppia {
    width: 33vw;
}
.right-immagine-doppia {
    width: 33vw;
}
a.pinterest {
    margin-left: 10px;
}
.socials-share .pinterest {
    margin-right: 20px;
    display: inline-block;
}
.inner-right-footer img {
    margin-bottom: -5px;
}
img.nascosta-image {
    width: 0;
    height: 0;
    display: block;
    opacity: 0;
}
.immagine.doppia-immagine {
    margin-left: 14vw;
    margin-right: 14vw;
}
.info-secondarie {
    clear: both;
    padding-bottom: 50px;
}

.info-secondarie * {
    font-family: 'reader_reg';
    letter-spacing: 2px;
}

.left-blocco {
    text-transform: uppercase;
    width: calc(50% - 30px);
    float: left;
    margin-right: 30px;
}

.right-blocco {
    width: calc(50% - 30px);
    float: left;
    margin-left: 30px;
}

.clear-real {
    clear: both;
}

.info-secondaria {
    margin-bottom: 10px;
}

.info-secondarie-c .clear {
    height: 160px;
}

.info-secondarie-c .info-col {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
}

.description-post.info-secondarie-c .inner-description-post {
    overflow: auto;
    height: calc(100vh - 70px);
}

.description-post.info-secondarie-c:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    height: 40px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 83%);
    z-index: 2;
}
@media all and (min-width:769px) {
	.title-project-1 {
		position:absolute;
		top: -12px;
		left:50%;
		transform: translate(-50%,0%);
		text-align:center;
		font-size: 10.5pt;
		text-transform: none;
		color: black;
		font-family: 'reader_reg';
		letter-spacing: 2px;
	}
	.title-project-1 {
	    font-size: 10.5pt;
	    text-transform: none;
	    color: black;
	    font-family: 'reader_reg';
	    letter-spacing: 2px;
	}

	.open-info {
	    height: 25px;
	}

	.open-info svg {
	    top: -3px;
	}

	.inner-right-block-fixed {
	    margin-top: 0;
	}
}
@media all and (max-width:1180px) {
	.project-container .progetto .inner-progetto {
	    /* margin-right: 30px; */
	}
	.project-container .progetto:nth-child(2n) .inner-progetto {
	    /* margin-left: 30px; */
	}
}
.mobile-block {display:none;}
img.mobile-social-img {
    display: none;
}

@media (max-width: 768px) {
	.other-projects {
	    display: none !important;
	}
	.griglia {
	    display: block;
	}
	.apertura {
		z-index:10000000;
	}
	.menu {
		z-index:100000000;
	}
	.buy-on-amazon {
	    position: relative;
	    top: 20px;
	    bottom: auto;
	    margin-bottom: 50px !important;
	}
	.right-col-studio .mobile-block .buy-on-amazon * {
	    font-size: 11.5pt !important;
	}
	div#book {
	    margin-top: 100px;
	}
	span.share {
	    display: none;
	}
	.mobile-block.share-block {
	    clear: both;
	}
	.share-block .inner-right-block-fixed {
	    height: auto;
	}
	.mobile-block.share-block:hover .share {
	    display: none;
	}
	.mobile-block.share-block:hover .socials-share {
	    display: block;
	}
	.right-footer a img.mobile-social-img {
	    display: inline-block;
	}
	.right-footer a img {
		display:none;
	}
	body .right-footer p {
	    margin-left: 20px;
	}
	.menu-white-color {
	    left: 0;
	    height: 55px;
	    -webkit-transition: .8s linear;
	    -moz-transition: .8s linear;
	    -o-transition: .8s linear;
	    transition: .8s linear;
	    -webkit-transform: translate(0,0);
	    -moz-transform: translate(0,0);
	    -o-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	    transform: translate(0,0);
	    display: block;
	}
    .apertura-home .logo path, .apertura-home .logo polygon,.apertura-home .logo rect {
        fill: #c9920e !important;
    }
	.left-image {
	    z-index: 10000;
	}
	.mobile-block {
		display:block;
	}
	.right-image {
	    width: 100%;
	}
	.inner-left-image {
	    background: none !important;
	}
	.apri .left-image {
	    display: none !important;
	}
	.logo {
	    margin-left: 20px;
	    width: 120px;
	}
	.menu.apertura-home {
	    top: 20px;
	}
	.logo svg {
	    width: 120px;
	}
	.titolo {
	    left: 20px;
	    bottom: 20px;
	}
	.number-home {
	    right: 20px;
	}
.number-home {
	bottom:85px;
}
	ul#menu-mainmenu li {
	    display: block;
	    text-align: left;
	    margin-right: 0;
	    margin-bottom: 20px;
	    margin-left: 30px;
	}
	ul#menu-mainmenu {
	    position: relative;
	    right: auto;
	    top: 0;
	    left: 0;
	    text-align: left;
	    display: block;
	}
	.inner-right-menu {
	    text-align: left;
	}
	.language {
	    display: block;
	}
	.menu-mainmenu-container {
	    display: block;
	    margin-top: 80px;
	}
	.language {
	    margin-left: 30px;
	}
	.right-menu {
	    background: #333;
	    position: absolute;
	    top: -20px;
	    right: 0;
	    float: none;
	    left: auto;
	    height: 100vh;
	    width: 50%;
	}
	.inner-menu {
	    position: relative;
	}
	.inner-left-footer {
	    padding: 40px 20px;
	    padding-bottom: 0;
	}
	.left-footer {
	    float: none;
	    width: 100%;
	    height: auto;
	}
	.right-footer {
	    float: none;
	    width: 100%;
	    height: auto;
	    text-align: left;
	    background: #333;
	}
	.right-footer p, .right-footer p a {
	    text-indent: 0;
	    color: #b6b6b6;
	    font-family: 'reader_reg';
	    font-size: 8.5pt;
	    letter-spacing: 1px;
	    line-height: 13pt;
	}
	.inner-right-footer {
	    padding-top: 20px;
	    padding-bottom: 40px;
	}
	.right-menu {
		right:-50%;
        -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: .5s linear !important;
    -moz-transition: .5s linear !important;
    -o-transition: .5s linear !important;
    transition: .5s linear !important;
	}
	
	
	.right-menu.open {
        -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
	}
	.mobile-block.menumobile {
	    font-size: 11.5pt;
	    color: white;
	    position: absolute;
	    top: -8px;
	    right: 10px;
	    z-index: 100;
	    cursor: pointer;
	    padding: 10px;
	}
	
	.libro .menu li a, .progetti .menu li a, .studio .menu li a, .contatti .menu li a, .press .menu li a {
		color:white;
	}
	.progetti #menu-item-28 a, .studio #menu-item-29 a, .contatti #menu-item-27 a, .press #menu-item-26 a,.libro #menu-item-862 a {
		border-bottom:1px solid white;
	}
	.left-col-project {
	    display: none;
	}
	.right-col-press, .right-col-project, .right-col-studio, .right-col-contatti {
	    width: 100%;
	}
	.progetti .move .apertura-home .logo path,.progetti .move .apertura-home .logo polygon,.progetti .move .apertura-home .logo rect {
	    fill: black !important;
	}
	.progetti .mobile-block.menumobile, .libro .mobile-block.menumobile {
	    color: black;
	}
	.progetti .mobile-block.menumobile.open {
	    color: white;
	}
	.project-container .inner-right-col-project {
	    margin-left: 20px;
	    margin-right: 20px;
	    margin-top: 120px;
	}
	.project-container .progetto {
	    float: none;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}
	.project-container .progetto .inner-progetto {
	    margin-right: 0;
	}
	.project-container .progetto:nth-child(2n) .inner-progetto {
	    margin-left: 0;
	}
	.top-click-image {
	    display: none;
	}
	.bot-click-image {
	    display: none;
	}
	.image-container-new {
	    position: relative;
	    top: 0;
	    height: auto;
	    left: 0;
	}
	.immagine.immagine-orizzontale.nobordo {
	    margin-left: 20px;
	    margin-right: 20px;
	    height: 55vw;
	    margin-bottom: 20px !important;
	    margin-top: 50px;
	}
	.mobile-block.menumobile.open {
	    color: white !important;
	}
	.immagine.doppia-immagine {
	    margin-left: 20px;
	    margin-right: 20px;
	    margin-top: 50px;
	}
	.claim {
	    right: 20px;
	    top: 20px;
		display:none !important;
	}
	.immagine.doppia-immagine div {
	    width: calc(50% - 20px);
	    height: 48vw;
	}
	.immagine.doppia-immagine {
	    height: 48vw;
	    margin-bottom: 50px;
	}
	.counter {
	    display: none;
	}
	.single-project-css .mobile-block.menumobile {
	    color: black;
	}
	.single-project-css .menu li a {
		color:white;
	}
	.libro .menu li a:hover,.single-project-css .menu li a:hover,.progetti .menu li a:hover, .studio .menu li a:hover, .contatti .menu li a:hover, .press .menu li a:hover {
		border-bottom:1px solid white;
	}
	.loading-gif {
	    background: rgba(51,51,51,0.95);
	}
	.left-col-studio {
	    display: none;
	}
	.inner-right-col-studio {
	    padding: 20px;
	}
	html.studio body.move .logo path,html.studio body.move .logo polygon,html.studio body.move .logo rect {
	    fill: black !important;
	}
	.studio .mobile-block.menumobile {
	    color: black;
	}
	
	html.libro body.move .logo path,html.libro body.move .logo polygon,html.libro body.move .logo rect {
	    fill: black !important;
	}
	.libro .mobile-block.menumobile {
	    color: black;
	}
	
	
	.right-col-contatti {
	    display: none;
	}
	.left-col-contatti {
	    width: 100%;
	    background: white;
	    position: relative;
	    height: 100vh;
	    padding-top: 0;
	    padding-bottom: 0;
	}
	.inner-inner-left-col-studio *, .inner-inner-left-col-contatti * {
	    font-size: 22px !important;
	    letter-spacing: 2px;
	    color: black;
	    line-height: 28px;
	}
	html.contatti body.move .logo path,html.contatti body.move .logo polygon,html.contatti body.move .logo rect {
	    fill: black !important;
	}
	.contatti .mobile-block.menumobile {
	    color: black;
	}
	.inner-contatti-container {
	    height: 100vh;
	    min-height: 0;
	}
	
   .right-image,.right-col-press, .right-col-project, .right-col-studio,.right-col-contatti,.right-col-apertura,.left-col-apertura,.left-col-press,.left-col-project,.left-col-studio,.left-col-contatti {
       -webkit-transition: 0.8s linear;
       -moz-transition: 0.8s linear;
       -o-transition: 0.8s linear;
       transition: 0.8s linear;
   }
   
  
   
   .inner-articolo-slider {
       height: calc(100vh - 70px);
   }
   .inner-slider-articoli {
       height: calc(100vh - 70px);
   }
   .slider-articoli {-webkit-overflow-scrolling: touch;}
   .articolo-slider {
       height: calc(100vh - 70px);
   }
   .slider-articoli .footer {
       bottom: 10px;
   }
   .slider-articoli .footer .right-footer {
       padding-bottom: 90px;
   }
   .article-container, .press-container, .project-container, .studio-container, .contatti-container,.libro-container {
       -webkit-overflow-scrolling: touch;
   }
   html,body {
       height: 100vh;
       overflow: hidden;
   }
   .single .footer {
       display: block;
   }
   
  body .footer .right-footer {
       padding-bottom: 90px;
   }
   .left-col-press {
       display: none;
   }
   html.press .move .logo path,html.press .move .logo polygon,html.press .move .logo rect {
       fill: black !important;
   }
   .press .mobile-block.menumobile {
       color: black;
   }
   .progetto {
       height: auto;
       display: block;
       margin-bottom: 70px;
   }
   .inner-progetto {
       display: block;
   }
   .press-container .image-progetto {
       margin-left: auto !important;
       margin-right: auto !important;
       width: 72% !important;
       height: 88vw !important;
       margin-top: 20px !important;
   }
   .inner-right-col-press {
       margin-top: 120px !important;
   }
   .inner-right-col-press {
       padding-bottom: 50px;
   }
   .title-container.mobile-block {
       display: block !important;
       position: relative;
       color: black;
       opacity: 1 !important;
       text-align: center;
	   margin-top:0 !important;
   }
   .title-press *,.title-press {
       color: black !important;
       font-size: 20px !important;
       line-height: 21px !important;
       letter-spacing: 2px !important;
   }
   .title-press {
       display: block;
   }
   .title-project.mobile-block * {
       color: black !important;
       font-size: 18px !important;
       line-height: 26px !important;
       letter-spacing: 2px !important;
       text-align: center;
   }
   .title-project.mobile-block {
       text-align: center;
       color: black !important;
       font-size: 20px !important;
       line-height: 22px !important;
       letter-spacing: 2px !important;
       text-align: center;
       margin-bottom: 20px;
   }
   .mobile-block.menumobile {
       opacity: 0;
       -webkit-transition: opacity 0.5s;
       -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
       -ms-transition: opacity 0.5s;
       transition: opacity 0.5s;
   }
   .move .mobile-block.menumobile {
       opacity: 1;
   }
   .move .apertura-home .logo path,.move .apertura-home .logo polygon,.move .apertura-home .logo rect {
       fill: white !important;
   }
   html.single-project-css .move .logo path,html.single-project-css .move .logo polygon,html.single-project-css .move .logo rect {
       fill: black !important;
   }
   .footer-fixed {
       display: none;
   }
   .left-col-desc.mobile-block {
       color: black !important;
       font-size: 20px !important;
       line-height: 28px !important;
       letter-spacing: 2px !important;
       text-align: center;
       width: 100%;
       margin-top: 115px;
       margin-bottom: 35px;
       display: block;
   }
   .left-col-desc.mobile-block h2 {
       margin-left: 20px;
       margin-right: 20px;
   }
   .image-container-new {
       clear: both;
   }
   .left-info-col {
       width: 100%;
       float: none;
   }
   .right-info-col {
       width: 100%;
       float: none;
   }
   .inner-info-col.mobile-block {
       background: #333;
       margin-top: -20px;
   }
   .title-info {
       font-size: 11.5pt;
       color: white;
       font-family: 'sabon';
       letter-spacing: 0;
   }
   .blocco-info {
       margin-bottom: 20px;
   }
   .inner-info {
       margin-left: 20px !important;
       margin-right: 20px !important;
       padding-top: 30px;
   }
   .clear {
       display: none;
   }
   .text-info {
       font-size: 11.5pt;
       color: white;
       font-family: 'sabon';
       letter-spacing: 0;
   }
   .right-info-col .inner-info {
       padding-top: 0;
       padding-bottom: 10px;
   }
   .back-to-projects.mobile-block {
       text-align: center;
       margin-bottom: 50px;
       margin-top: 50px;
   }
   .back-to-projects.mobile-block a {
       border-bottom: 1px solid black;
       padding-bottom: 3px;
       font-size: 11.5pt;
   }
   .description-post {
       display: none;
   }
   .testo-contatti {
       margin-left: 30px;
       margin-right: 30px;
   }
   body, p, em, strong, a, h1, h2, h3, i {
	   font-size:11.5pt;
   }
   div#philosophy {
       margin-top: 100px;
   }
   .blocco-team-person img {
       width: 72%;
   }
   .project-container .title-project h3 {
       margin-left: 50px;
       margin-right: 50px;
       text-indent: 0;
   }
   .project-container .image-progetto img {
       width: 72%;
       margin-left: auto;
       margin-right: auto;
       display: block;
   }
   .attiva .immagine.immagine-orizzontale.nobordo {
       margin-left: 0;
       margin-right: 0;
       height: 62vw;
   }
   .press .inner-right-col-press {
       margin-left: 20px;
       margin-right: 20px;
   }
   .image-contatti.mobile-block {
	   display:none;
   }
   h3.mobile-block.location-block {
	   display:none;
   }
.right-col-studio h2.mobile-block,.right-col-studio h2.mobile-block * {
    color: black !important;
    font-size: 20px !important;
    line-height: 26px !important;
    letter-spacing: 2px !important;
    text-align: center;
    font-family: 'reader_reg';
    font-weight: normal;
    margin-bottom: 0;
    text-indent: 0;
}
.right-col-studio h2.mobile-block {
    margin-bottom: 30px;
    margin-top: 50px;
}
.blocco-studio h2.mobile-block p {
    margin-bottom: 0 !important;
}
.freccia-down.project-freccia.attiva {
    right: calc(50% - 20px);
}
.freccia-down.project-freccia {
    display: none !important;
}
}
@media all and (min-width:768px) and (max-width:768px) {
    .contatti-new-container {
        height: 50vh;
    }
	.menu-white-color {
	    left: 0;
	    height: 55px;
	    -webkit-transition: 1.3s linear;
	    -moz-transition: 1.3s linear;
	    -o-transition: 1.3s linear;
	    transition: 1.3s linear;
	    -webkit-transform: translate(0,0);
	    -moz-transform: translate(0,0);
	    -o-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	    transform: translate(0,0);
	}
	.inner-slider-articoli {
	    height: 10vh;
	}
	.articolo-slider {
	    height: 100vh;
	}
	.slider-articoli .footer {
	    bottom: -60px;
	}
	.number-home {
	    bottom: 20px;
	}
	.contatti-new-table {
	    display: table;
	    width: 100%;
	    height: 100%;
	}
	.contatti-new-table-inner {
	    display: table-cell;
	    vertical-align: middle;
	}
    .image-contatti.mobile-block {
        height: 50vh;
 	   display:block;
    }
	.project-container .progetto {
	    width: 50%;
	    float: left;
	}
	.inner-right-col-studio {
	    margin-left: 100px;
	    margin-right: 100px;
	}
	.project-container .progetto .inner-progetto {
	    margin-right: 40px;
	}
	.project-container .progetto:nth-child(2n) .inner-progetto {
	    margin-left: 40px;
	}
	.project-container .inner-right-col-project {
	    margin-left: 60px;
	    margin-right: 60px;
	}
	.title-project.mobile-block {
	    height: 46px;
	}
	.project-container .title-project h3 {
	    margin-left: 0;
	    margin-right: 0;
	}
	.progetto {
	    margin-bottom: 10px;
	}
	.right-menu.open {
	    -webkit-transform: translate(-50%,0);
	    -moz-transform: translate(-50%,0);
	    -o-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	    transform: translate(-50%,0);
	}
	.slider-articoli .footer .right-footer {
	    padding-bottom: 0;
	}
	.progetto {
	    width: 50%;
	    float: left;
	}
	.press-container .image-progetto {
	    height: 52vw !important;
	}
	.right-col-press .progetto {
	    margin-bottom: 50px;
	}
	body .footer .right-footer {
	    padding-bottom: 0;
	}
	.left-info-col {
	    width: 50%;
	    float: left;
	}
	.right-info-col {
	    width: 50%;
	    float: left;
	}
	.clear {
	    display: block;
	    height: auto;
	}
	.right-info-col .inner-info {
	    padding-top: 30px;
	}
	
    .right-image,.right-col-press, .right-col-project, .right-col-studio,.right-col-contatti,.right-col-apertura,.left-col-apertura,.left-col-press,.left-col-project,.left-col-studio,.left-col-contatti {
        -webkit-transition: 1.3s linear;
        -moz-transition: 1.3s linear;
        -o-transition: 1.3s linear;
        transition: 1.3s linear;
    }
	.immagine.doppia-immagine div {
	    width: calc(50% - 20px);
	    height: 55vw;
	}
	.immagine.doppia-immagine {
	    height: 55vw;
	    margin-bottom: 50px;
	}
	.project-container .image-progetto img {
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;
	}
}
@media all and (min-width:769px) and (max-width:1024px) {
	.blocco-team-person img {
	    width: 75%;
	    margin: 0 auto;
	}
	ul#menu-mainmenu li {
	    display: inline-block;
	    margin-right: 18px;
	}
	.title-project.mobile-block {
	    display: block;
	    text-align: center;
	    font-size: 18px !important;
	    height: auto;
	    line-height: 25px;
	    margin-bottom: 8px;
	}
	.title-project.mobile-block * {
	    font-size: 18px !important;
	    line-height: 24px !important;
	    letter-spacing: 2px !important;
	    text-align: center;
	}
	.blocco-studio:last-of-type {
	    margin-bottom: 0;
	}
	.inner-right-col-studio {
	    padding: 65px;
	    padding-bottom: 0px;
	}
	h3.mobile-block.location-block {
	    display: none;
	    margin: 0;
	    font-weight: normal;
	    margin-top: -3px;
	}
	.project-container .inner-right-col-project {
	    margin-left: 56px;
	    margin-right: 51px;
	    margin-top: 140px;
	}
	.top-arrow-single {
	    position: fixed;
	    top: calc(50% - 80px);
	    right: 15px;
	    z-index: 1000;
		display:block;
	}
	.top-arrow-single img {
	    width: 30px;
	}
	.bot-arrow-single {
	    position: fixed;
	    top: calc(50% + 65px);
	    right: 15px;
	    z-index: 1000;
		display:block;
	}
	.bot-arrow-single img {
	    width: 30px;
	}
.bot-click-image,.top-click-image {
	cursor:auto !important;
}	
.inner-info-col.mobile-block {
	visibility:hidden;
}
}
.claim {
    display: none !important;
}
@media all and (max-width:768px) {
	.info-secondarie {
	    padding: 20px;
	    max-height: 210px;
	    overflow: hidden;
	    position: relative;
	    padding-bottom: 20px;
	}

	.info-secondarie * {
	    color: white;
	}
	.openALL:before {
		display:none;
	}
	.info-secondarie * {
	    font-size: 10pt;
	    letter-spacing: 1px;
	}

	.info-secondarie:before {content: 'More info';color: white;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;background: rgb(51,51,51);background: linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 63%);padding: 15px;padding-top: 80px;}
	.info-secondarie.openALL {
		max-height:initial;
	}
}