/* non utilizzati */
/* NB: per sovrascrivere variabili di bootstrap bisogna utilizzare bootstrap.css
 non bootstrap_custom.css */
/*** TITOLI ***/
/*** NON ANCORA UTILIZZATI ***/
/*
@mixin bottone-rosso {
    @include bottone;
    @include button-variant(white,$rosso-trasparente,$rosso-trasparente);
} */
@media (min-width: 480px) {
  .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
    float: left; }

  .col-ms-12 {
    width: 100%; }

  .col-ms-11 {
    width: 91.66666667%; }

  .col-ms-10 {
    width: 83.33333333%; }

  .col-ms-9 {
    width: 75%; }

  .col-ms-8 {
    width: 66.66666667%; }

  .col-ms-7 {
    width: 58.33333333%; }

  .col-ms-6 {
    width: 50%; }

  .col-ms-5 {
    width: 41.66666667%; }

  .col-ms-4 {
    width: 33.33333333%; }

  .col-ms-3 {
    width: 25%; }

  .col-ms-2 {
    width: 16.66666667%; }

  .col-ms-1 {
    width: 8.33333333%; }

  .col-ms-pull-12 {
    right: 100%; }

  .col-ms-pull-11 {
    right: 91.66666667%; }

  .col-ms-pull-10 {
    right: 83.33333333%; }

  .col-ms-pull-9 {
    right: 75%; }

  .col-ms-pull-8 {
    right: 66.66666667%; }

  .col-ms-pull-7 {
    right: 58.33333333%; }

  .col-ms-pull-6 {
    right: 50%; }

  .col-ms-pull-5 {
    right: 41.66666667%; }

  .col-ms-pull-4 {
    right: 33.33333333%; }

  .col-ms-pull-3 {
    right: 25%; }

  .col-ms-pull-2 {
    right: 16.66666667%; }

  .col-ms-pull-1 {
    right: 8.33333333%; }

  .col-ms-pull-0 {
    right: auto; }

  .col-ms-push-12 {
    left: 100%; }

  .col-ms-push-11 {
    left: 91.66666667%; }

  .col-ms-push-10 {
    left: 83.33333333%; }

  .col-ms-push-9 {
    left: 75%; }

  .col-ms-push-8 {
    left: 66.66666667%; }

  .col-ms-push-7 {
    left: 58.33333333%; }

  .col-ms-push-6 {
    left: 50%; }

  .col-ms-push-5 {
    left: 41.66666667%; }

  .col-ms-push-4 {
    left: 33.33333333%; }

  .col-ms-push-3 {
    left: 25%; }

  .col-ms-push-2 {
    left: 16.66666667%; }

  .col-ms-push-1 {
    left: 8.33333333%; }

  .col-ms-push-0 {
    left: auto; }

  .col-ms-offset-12 {
    margin-left: 100%; }

  .col-ms-offset-11 {
    margin-left: 91.66666667%; }

  .col-ms-offset-10 {
    margin-left: 83.33333333%; }

  .col-ms-offset-9 {
    margin-left: 75%; }

  .col-ms-offset-8 {
    margin-left: 66.66666667%; }

  .col-ms-offset-7 {
    margin-left: 58.33333333%; }

  .col-ms-offset-6 {
    margin-left: 50%; }

  .col-ms-offset-5 {
    margin-left: 41.66666667%; }

  .col-ms-offset-4 {
    margin-left: 33.33333333%; }

  .col-ms-offset-3 {
    margin-left: 25%; }

  .col-ms-offset-2 {
    margin-left: 16.66666667%; }

  .col-ms-offset-1 {
    margin-left: 8.33333333%; }

  .col-ms-offset-0 {
    margin-left: 0; } }
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 25px;
  padding-right: 25px; }

@media (min-width: 480px) and (max-width: 767px) {
  .container {
    max-width: 748px; }

  .hidden-xs {
    display: block !important; } }
@media (min-width: 480px) and (max-width: 767px) {
  .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
    float: left; }

  .col-ms-1 {
    width: 8.33333%; }

  .col-ms-2 {
    width: 16.66667%; }

  .col-ms-3 {
    width: 25%; }

  .col-ms-4 {
    width: 33.33333%; }

  .col-ms-5 {
    width: 41.66667%; }

  .col-ms-6 {
    width: 50%; }

  .col-ms-7 {
    width: 58.33333%; }

  .col-ms-8 {
    width: 66.66667%; }

  .col-ms-9 {
    width: 75%; }

  .col-ms-10 {
    width: 83.33333%; }

  .col-ms-11 {
    width: 91.66667%; }

  .col-ms-12 {
    width: 100%; }

  .col-ms-pull-0 {
    right: auto; }

  .col-ms-pull-1 {
    right: 8.33333%; }

  .col-ms-pull-2 {
    right: 16.66667%; }

  .col-ms-pull-3 {
    right: 25%; }

  .col-ms-pull-4 {
    right: 33.33333%; }

  .col-ms-pull-5 {
    right: 41.66667%; }

  .col-ms-pull-6 {
    right: 50%; }

  .col-ms-pull-7 {
    right: 58.33333%; }

  .col-ms-pull-8 {
    right: 66.66667%; }

  .col-ms-pull-9 {
    right: 75%; }

  .col-ms-pull-10 {
    right: 83.33333%; }

  .col-ms-pull-11 {
    right: 91.66667%; }

  .col-ms-pull-12 {
    right: 100%; }

  .col-ms-push-0 {
    left: auto; }

  .col-ms-push-1 {
    left: 8.33333%; }

  .col-ms-push-2 {
    left: 16.66667%; }

  .col-ms-push-3 {
    left: 25%; }

  .col-ms-push-4 {
    left: 33.33333%; }

  .col-ms-push-5 {
    left: 41.66667%; }

  .col-ms-push-6 {
    left: 50%; }

  .col-ms-push-7 {
    left: 58.33333%; }

  .col-ms-push-8 {
    left: 66.66667%; }

  .col-ms-push-9 {
    left: 75%; }

  .col-ms-push-10 {
    left: 83.33333%; }

  .col-ms-push-11 {
    left: 91.66667%; }

  .col-ms-push-12 {
    left: 100%; }

  .col-ms-offset-0 {
    margin-left: 0%; }

  .col-ms-offset-1 {
    margin-left: 8.33333%; }

  .col-ms-offset-2 {
    margin-left: 16.66667%; }

  .col-ms-offset-3 {
    margin-left: 25%; }

  .col-ms-offset-4 {
    margin-left: 33.33333%; }

  .col-ms-offset-5 {
    margin-left: 41.66667%; }

  .col-ms-offset-6 {
    margin-left: 50%; }

  .col-ms-offset-7 {
    margin-left: 58.33333%; }

  .col-ms-offset-8 {
    margin-left: 66.66667%; }

  .col-ms-offset-9 {
    margin-left: 75%; }

  .col-ms-offset-10 {
    margin-left: 83.33333%; }

  .col-ms-offset-11 {
    margin-left: 91.66667%; }

  .col-ms-offset-12 {
    margin-left: 100%; } }
.visible-xs, .visible-ms {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-ms-block,
.visible-ms-inline,
.visible-ms-inline-block {
  display: none !important; }

@media (max-width: 479px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table !important; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 479px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 479px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 479px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 480px) and (max-width: 767px) {
  .visible-ms {
    display: block !important; }

  table.visible-ms {
    display: table !important; }

  tr.visible-ms {
    display: table-row !important; }

  th.visible-ms,
  td.visible-ms {
    display: table-cell !important; } }
@media (min-width: 480px) and (max-width: 767px) {
  .visible-ms-block {
    display: block !important; } }

@media (min-width: 480px) and (max-width: 767px) {
  .visible-ms-inline {
    display: inline !important; } }

@media (min-width: 480px) and (max-width: 767px) {
  .visible-ms-inline-block {
    display: inline-block !important; } }

@media (max-width: 479px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 480px) and (max-width: 767px) {
  .hidden-ms {
    display: none !important; } }

/*# sourceMappingURL=bootstrap_ms.css.map *//*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*# sourceMappingURL=colorbox.css.map *//* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*# sourceMappingURL=slick.css.map *//* non utilizzati */
/* NB: per sovrascrivere variabili di bootstrap bisogna utilizzare bootstrap.css
 non bootstrap_custom.css */
/*** TITOLI ***/
/*** NON ANCORA UTILIZZATI ***/
/*
@mixin bottone-rosso {
    @include bottone;
    @include button-variant(white,$rosso-trasparente,$rosso-trasparente);
} */
/*** ELEMENTI PRINCIPALI ***/
body {
  background: #fff; }

@media only screen and (min-width: 992px) {
  .container {
    padding-left: 2.89%;
    padding-right: 2.89%; } }
/*** STILI GENERALI ***/
p:empty:before {
  content: "\00a0";
  /* aggiungo   dove ci sono paragrafi vuoti */ }

img {
  max-width: 100%; }

.back-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.box-block {
  /* sotto i 650px i box prendono tutto lo schermo */ }
  @media only screen and (max-width: 1279px) {
    .box-block .box {
      height: 36vh; } }
  @media only screen and (max-width: 649px) {
    .box-block {
      padding: 0 !important; }
      .box-block .row {
        margin: 0; }
      .box-block .col {
        padding: 0; }
      .box-block .box {
        margin: 0 !important; } }

.box {
  position: relative;
  overflow: hidden;
  display: block; }
  .box .box-pic {
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 1s cubic-bezier(0.24, 0.63, 0.5, 0.99); }
    @media not all and (hover: hover) {
      .box .box-pic {
        transition: all 0s ease 0s; } }
  .box:hover .box-pic {
    transform: scale(1.2); }
    @media not all and (hover: hover) {
      .box:hover .box-pic {
        transform: none; } }

.box-pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block; }

.grey-box {
  background-color: #eaeded; }

.red-box {
  background-color: #e94748;
  color: white; }

.box-frame {
  border: 1px solid #ebebeb;
  height: 100%; }

.white-frame {
  border-color: rgba(255, 255, 255, 0.5); }

.black-border-top {
  border-top: 1px solid black; }

/***** Object animation *****/
.animated {
  transform: translateY(150px);
  animation: animated 0.8s ease forwards; }

.col:nth-child(odd) .animated {
  animation-duration: 0.6s;
  /* So they look staggered */ }

@keyframes animated {
  to {
    transform: translateY(0); } }
.progetti-links {
  padding-bottom: 11px;
  overflow: hidden;
  font-weight: 500; }
  .progetti-links#progetti-links-top, .progetti-links#progetti-links-mob {
    margin-top: -16px; }
  .progetti-links .prev-back-projects {
    float: right;
    margin-right: 20px; }
    .progetti-links .prev-back-projects img {
      margin: 0 0 0 20px; }
  .progetti-links#progetti-links-bottom .prev-back-projects {
    width: 98px;
    margin-top: 15px; }

/*** HEADER ***/
.navbar {
  background: transparent;
  margin-bottom: 30px;
  border: none; }
  .navbar .navbar-header {
    border-bottom: 2px solid #bfbfbf;
    margin-right: 0;
    margin-left: 0; }
  .navbar .navbar-brand {
    height: auto;
    padding: 40px 0px 18px; }
    @media only screen and (max-width: 991px) {
      .navbar .navbar-brand {
        padding-top: 33px; } }
  .navbar .navbar-toggle {
    border: none;
    margin-right: 0px;
    margin-top: 34px;
    padding: 0; }
    .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
      background: transparent; }
    .navbar .navbar-toggle .icon-bar {
      border-radius: 2px;
      height: 4px;
      width: 35px;
      background: #2e494b; }
      .navbar .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 10px; }
  .navbar #navbar {
    background: white;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    max-height: none;
    border: none;
    padding: 0;
    z-index: 2; }
    .navbar #navbar #navbar-inner-cont {
      padding: 100px 150px 100px 60px; }
      @media only screen and (max-width: 767px) {
        .navbar #navbar #navbar-inner-cont {
          padding: 45px 20% 45px 10%; } }
      @media only screen and (max-width: 479px) {
        .navbar #navbar #navbar-inner-cont {
          padding: 30px 20% 30px 10%; } }
    .navbar #navbar .navbar-nav {
      margin: 0; }
      .navbar #navbar .navbar-nav > li + li {
        border-top: 1px solid #000000; }
      .navbar #navbar .navbar-nav > li > a {
        display: block;
        padding: 20px 0;
        color: #000000; }
        @media only screen and (max-width: 767px) {
          .navbar #navbar .navbar-nav > li > a {
            padding: 15px 0; } }
      .navbar #navbar .navbar-nav .page-title {
        font-size: 60px;
        font-family: "Playfair Display", serif;
        font-weight: 700;
        line-height: 1.1;
        font-size: 43px;
        letter-spacing: -1px; }
        @media only screen and (max-width: 1279px) {
          .navbar #navbar .navbar-nav .page-title {
            font-size: 50px; } }
        @media only screen and (max-width: 991px) {
          .navbar #navbar .navbar-nav .page-title {
            font-size: 6vw; } }
        @media only screen and (max-width: 767px) {
          .navbar #navbar .navbar-nav .page-title {
            font-size: 8vw; } }
        @media only screen and (max-width: 479px) {
          .navbar #navbar .navbar-nav .page-title {
            font-size: 11vw; } }
        @media only screen and (max-width: 767px) {
          .navbar #navbar .navbar-nav .page-title {
            font-size: 6.5vw;
            padding-bottom: 2px; } }
      .navbar #navbar .navbar-nav .page-subtitle {
        color: #000000;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 600;
        font-size: 21px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 300;
        margin-top: 5px; }
        @media only screen and (max-width: 767px) {
          .navbar #navbar .navbar-nav .page-subtitle {
            font-size: 2.6vw; } }
        @media only screen and (max-width: 479px) {
          .navbar #navbar .navbar-nav .page-subtitle {
            font-size: 4vw; } }
    .navbar #navbar #menu-close {
      position: absolute;
      top: 34px;
      right: 57px; }
      @media only screen and (max-width: 479px) {
        .navbar #navbar #menu-close {
          max-width: 8%;
          right: 8%;
          top: 20px; }
          .navbar #navbar #menu-close img {
            height: auto; } }
  .navbar .container > .navbar-header, .navbar .container > .navbar-collapse, .navbar .container-fluid > .navbar-header, .navbar .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; }
  .navbar #header-share {
    margin-top: 32px;
    margin-right: 32px;
    float: right;
    cursor: pointer;
    border: 0px solid #000000;
    position: relative;
    text-align: right; }
    .navbar #header-share > img {
      z-index: 1;
      position: relative;
      opacity: 1;
      transition: all 0.15s linear; }
    .navbar #header-share .share-box {
      min-width: 200px;
      opacity: 0;
      position: absolute;
      top: -10px;
      right: 0px;
      background: white;
      border: 1px solid #000000;
      z-index: 2;
      padding: 9px 7px;
      border-radius: 28px;
      transition: all 0.15s linear; }
      .navbar #header-share .share-box img {
        max-width: none;
        margin: 0 12px; }
    .navbar #header-share.open > img {
      opacity: 0; }
    .navbar #header-share.open .share-box {
      opacity: 1;
      display: block; }
    .navbar #header-share.closed .share-box {
      display: none; }

/*** CONTENT ***/
#content #main-col-lx {
  padding-top: 108px;
  padding-left: 40px;
  padding-right: 0.57%; }
  @media only screen and (min-width: 992px) {
    #content #main-col-lx {
      padding-bottom: 108px; } }
  @media only screen and (max-width: 1279px) {
    #content #main-col-lx {
      padding-top: 60px; } }
  @media only screen and (max-width: 991px) {
    #content #main-col-lx {
      font-size: 18px;
      padding-right: 40px; } }
  @media only screen and (max-width: 479px) {
    #content #main-col-lx {
      padding-left: 25px;
      padding-right: 25px; } }
  #content #main-col-lx h1 {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    color: #2e494b;
    font-size: 64px;
    line-height: 1.19;
    letter-spacing: -1px; }
    @media only screen and (max-width: 1699px) {
      #content #main-col-lx h1 {
        font-size: 57px; } }
    @media only screen and (max-width: 1499px) {
      #content #main-col-lx h1 {
        font-size: 50px; } }
    @media only screen and (max-width: 1279px) {
      #content #main-col-lx h1 {
        font-size: 40px; } }
  #content #main-col-lx .nome-pagina {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #2e494b;
    display: block; }
@media only screen and (min-width: 992px) {
  #content #main-col-rx {
    padding-left: 6.1%; } }

/*** PARAGRAFI ***/
#paragrafi {
  margin-top: 45px; }

.paragrafo {
  border-top: 1px solid black;
  padding-bottom: 45px; }
  .paragrafo .text-block {
    padding-top: 40px;
    /*padding-bottom: 40px;  */ }
    .paragrafo .text-block header h3 {
      margin-bottom: 30px; }
    .paragrafo .text-block .text,
    .paragrafo .text-block .full-text {
      margin-bottom: 15px; }
    .paragrafo .text-block .full-text {
      display: none; }
    .paragrafo .text-block .button-cont {
      margin: 30px 0; }
      .paragrafo .text-block .button-cont .toggle {
        font-style: italic;
        font-size: 19px;
        font-family: "Josefin Sans", sans-serif;
        letter-spacing: -0.5px;
        color: inherit; }
    .paragrafo .text-block .chiudi {
      display: none; }

/*** FOTO PAGINA ***/
@media only screen and (max-width: 991px) {
  #page-pics {
    margin-left: -25px;
    margin-right: -25px; } }
#page-pics img {
  max-width: 100%; }
#page-pics #other-pics {
  padding: 0 3.4%;
  overflow: hidden; }
  #page-pics #other-pics .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-top: 60px; }
    #page-pics #other-pics .videoWrapper:last-child {
      margin-bottom: 60px; }
  #page-pics #other-pics .videoWrapper object,
  #page-pics #other-pics .videoWrapper embed,
  #page-pics #other-pics .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #page-pics #other-pics .lightbox {
    /*display: inline-block;*/
    text-align: center;
    margin-top: 60px; }
    #page-pics #other-pics .lightbox:last-child {
      margin-bottom: 60px; }

/*** PROGETTI ***/
/* PROGETTI: lista */
@media only screen and (max-width: 479px) {
  #progetti .col:first-child .box {
    height: auto; } }
#progetti .progetto-col:nth-child(2n+1) {
  clear: both; }
#progetti .box {
  margin-bottom: 55px; }
  @media only screen and (max-width: 1279px) and (min-width: 992px) {
    #progetti .box {
      height: 40vh; } }
  #progetti .box .over-texts {
    opacity: 0;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 1s cubic-bezier(0.24, 0.63, 0.5, 0.99); }
    @media not all and (hover: hover) {
      #progetti .box .over-texts {
        opacity: 1;
        background: rgba(46, 73, 75, 0.4);
        transition: all 0s ease 0s; } }
    #progetti .box .over-texts a {
      color: white; }
    #progetti .box .over-texts h2 {
      color: #000000;
      font-family: "Josefin Sans", sans-serif;
      font-weight: 600;
      font-size: 21px;
      text-transform: uppercase;
      position: absolute;
      bottom: 10%;
      left: 6.7%;
      letter-spacing: 0.5px;
      color: white; }
  #progetti .box:hover .over-texts {
    opacity: 1;
    background: rgba(46, 73, 75, 0.7);
    display: block; }
    @media not all and (hover: hover) {
      #progetti .box:hover .over-texts {
        background: rgba(46, 73, 75, 0.4); } }
#progetti #filters {
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #dedc00; }
  @media only screen and (max-width: 479px) {
    #progetti #filters {
      padding: 30px 10px;
      position: relative;
      transform: none;
      top: auto;
      left: auto; } }
  #progetti #filters .texts {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    transform: translate(-50%, -30%);
    width: 100%;
    max-width: 82%;
    text-align: center; }
    @media (max-width: 1349px) {
      #progetti #filters .texts {
        transform: translate(-50%, -50%);
        padding-top: 20px; } }
    @media only screen and (max-width: 479px) {
      #progetti #filters .texts {
        position: relative;
        transform: none;
        top: auto;
        left: auto;
        width: 100%;
        max-width: none; } }
  #progetti #filters h2 {
    color: #000000;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    text-transform: none;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #2e494b; }
  #progetti #filters ul {
    overflow: hidden;
    padding: 0;
    margin: 15px 0 0;
    display: inline-block; }
  #progetti #filters li {
    display: inline-block;
    padding-left: 9px;
    padding-right: 16px;
    background: url(/img/list-bull.png) no-repeat right center;
    list-style-position: inside; }
    #progetti #filters li a {
      color: #000000;
      font-weight: 500; }
    #progetti #filters li.current a {
      border-bottom: 1px solid #000000; }

/* PROGETTI: dettaglio */
#progetto #main-col-lx .titoletto-progetto {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #2e494b; }
#progetto #main-col-lx h1 {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #2e494b;
  font-size: 64px;
  line-height: 1.19;
  letter-spacing: -1px; }
  @media only screen and (max-width: 1699px) {
    #progetto #main-col-lx h1 {
      font-size: 57px; } }
  @media only screen and (max-width: 1499px) {
    #progetto #main-col-lx h1 {
      font-size: 50px; } }
  @media only screen and (max-width: 1279px) {
    #progetto #main-col-lx h1 {
      font-size: 40px; } }
#progetto .info-block {
  margin-bottom: 25px; }
#progetto .title {
  font-weight: bold; }
#progetto #progetto-pubblicazioni {
  /* per la versione iniziale del pdf, poi abbandonata */
  /* */ }
  #progetto #progetto-pubblicazioni a {
    color: #808080;
    text-decoration: underline; }
  #progetto #progetto-pubblicazioni .pdf-item {
    margin-top: 2px;
    margin-bottom: 8px; }
  #progetto #progetto-pubblicazioni .pdf {
    padding: 7px 0 6px 65px;
    background: url(/img/RIZZIDOWNLOAD.png) no-repeat left 0px;
    display: inline-block; }
#progetto #progetto-categorie ul {
  margin: 0;
  padding: 0;
  list-style: none; }
#progetto #progetto-categorie li {
  display: inline-block; }
  #progetto #progetto-categorie li + li:before {
    content: "/";
    padding-left: 13px;
    padding-right: 13px; }
#progetto #progetto-categorie a {
  color: #808080; }

/*** ALLEGATI ***/
#attachments .title {
  text-transform: uppercase;
  font-weight: bold; }
#attachments .text {
  padding-left: 16px; }

/*** FORM CONTATTI ***/
#form-contatti {
  margin-top: 30px;
  overflow: visible; }
  #form-contatti ul {
    border-top: 1px solid #E6E6E6; }
  #form-contatti #contatti_check_in {
    float: left;
    width: 86%;
    margin-right: 5px; }
  #form-contatti #calendar img {
    float: left;
    margin-bottom: 15px;
    margin-top: 2px; }
  #form-contatti select {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    transition: all 0.15s linear; }
  #form-contatti .button {
    float: right;
    height: 48px;
    margin-top: 12px; }
  #form-contatti .errors {
    color: #C60F13; }
  #form-contatti .compulsory {
    font-style: italic;
    margin-bottom: 17px; }
  #form-contatti #contatti_privacy {
    margin: 0 10px 12px;
    float: left; }
  #form-contatti #privacy_popup_link {
    color: #4D4D4D;
    text-decoration: underline; }
  #form-contatti #privacy_popup_link:hover {
    color: #2795b6; }

/*** GOOGLE MAP ***/
#mappa {
  width: 100%;
  height: 800px;
  margin: 0 auto;
  color: #000000;
  font-family: "Josefin Sans", sans-serif;
  font-size: 20px;
  line-height: 1.53;
  font-weight: 300; }
  @media only screen and (max-width: 1279px) {
    #mappa {
      font-size: 18px; } }
  @media only screen and (max-width: 991px) {
    #mappa {
      height: 70vh; } }
  #mappa a {
    color: inherit; }
  #mappa a:hover {
    text-decoration: underline; }
  #mappa p {
    color: #000000;
    font-family: "Josefin Sans", sans-serif;
    font-size: 20px;
    line-height: 1.53;
    font-weight: 300; }
    @media only screen and (max-width: 1279px) {
      #mappa p {
        font-size: 18px; } }
  #mappa img {
    max-width: none; }
  #mappa td {
    padding: 20px 20px 10px 10px; }

#gmap-info hr {
  margin: 4px 0 10px; }

/*** LOGHI ***/
#loghi-block #loghi {
  padding: 55px 10px 70px; }
#loghi-block h2 {
  color: #000000;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  font-size: 21px;
  text-transform: uppercase;
  margin-bottom: 45px;
  font-size: 20px;
  letter-spacing: 0; }
#loghi-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 10px; }
  #loghi-block ul li {
    display: inline-block;
    margin-right: 70px; }
    #loghi-block ul li:last-child {
      margin-right: 0; }
    #loghi-block ul li img {
      max-width: 200px;
      max-height: 84px; }
      #loghi-block ul li img.fiemme-posatori {
        max-width: 163px;
        max-height: 66px; }

/*** FOOTER ***/
#footer {
  padding-bottom: 65px; }
  #footer * {
    color: #2e494b; }
  #footer h2 {
    font-family: "Josefin Sans", sans-serif;
    font-size: 25px;
    font-weight: 600;
    margin-top: 45px;
    margin-bottom: 4px; }
  #footer p {
    font-weight: 300;
    font-size: 19px; }
    #footer p img {
      margin-top: 10px; }

/*** RESPONSIVE ***/
/* RESPONSIVE: min-width: 768px */
/* RESPONSIVE: max-width: 1839px */
@media only screen and (max-width: 1839px) {
  #loghi-block ul li {
    margin-right: 8%;
    margin-bottom: 35px; }

  #loghi-block img {
    max-width: 80%; }

  #loghi-block #loghi {
    padding-bottom: 35px; } }
/* RESPONSIVE: max-width: 991px */
@media only screen and (max-width: 991px) {
  #loghi-block img {
    max-width: 70%; } }
/* RESPONSIVE: max-width: 829px */
@media only screen and (max-width: 829px) {
  #loghi-block ul li {
    display: block; }

  #loghi-block img {
    max-width: 41%; } }
/* RESPONSIVE: max-width: 767px */
@media only screen and (max-width: 767px) {
  #loghi-block img {
    max-width: 50%; }

  #loghi-block ul li {
    margin-right: 0%; }

  #loghi > .col + .col h2 {
    margin-top: 20px; } }
/* RESPONSIVE: max-width: 599px */
/* RESPONSIVE: max-width: 479px */
@media only screen and (max-width: 479px) {
  #loghi-block ul li {
    text-align: center; }

  #loghi .col + .col {
    margin-top: 40px; } }
/* RESPONSIVE: max-width: 320px */
#preload-overlay {
  display: none; }

/*# sourceMappingURL=core.css.map *//* non utilizzati */
/* NB: per sovrascrivere variabili di bootstrap bisogna utilizzare bootstrap.css
 non bootstrap_custom.css */
/*** TITOLI ***/
/*** NON ANCORA UTILIZZATI ***/
/*
@mixin bottone-rosso {
    @include bottone;
    @include button-variant(white,$rosso-trasparente,$rosso-trasparente);
} */
body {
  color: #000000;
  font-family: "Josefin Sans", sans-serif;
  font-size: 20px;
  line-height: 1.53;
  font-weight: 300; }
  @media only screen and (max-width: 1279px) {
    body {
      font-size: 18px; } }

.base {
  /* Stile vuoto */ }

p {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
  margin: 0; }

h1 {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #2e494b; }

h2 {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #2e494b;
  font-size: 64px;
  line-height: 1.19;
  letter-spacing: -1px; }
  @media only screen and (max-width: 1699px) {
    h2 {
      font-size: 57px; } }
  @media only screen and (max-width: 1499px) {
    h2 {
      font-size: 50px; } }
  @media only screen and (max-width: 1279px) {
    h2 {
      font-size: 40px; } }

h3 {
  color: #000000;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  font-size: 21px;
  text-transform: uppercase; }

/*** classi ancora non utilizzate ***/
.rosso {
  color: #e94748; }

/*
.bottone-rosso {
  @include bottone-rosso;
} */

/*# sourceMappingURL=style.css.map */