/*!
Theme Name: Rossi Duilio
Theme URI: http://www.rossiduilio.com/
Author: Dreosso Fabio, Saggioro Davide, Appi Davide
Author URI: http://www.dreosso.it
Description: Tema per la ditta Rossi Duilio di Udine (UD)
Version: 1.0
License: -
License URI: -
Text Domain: duilio
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details,
figcaption, figure, footer, header, main,
menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

figure {
  margin: 0px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button, input, select, textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: 700;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type=button],
[type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/*** CONFIGURAZIONE GENERALI PROGETTO ***/
/*** FONT ***/
/* Font BASE*/
/* FONT INTESTAZIONI */
/* COLORI */
/* base */
/* $h2color			: #A9A9A9 !default; */
/* elementi form */
/* colori tabelle */
/* colori blockquote*/
/* colori section */
/*** VARIABILI STRUTTURA ***/
/* Altezza header */
/* Altezza footer */
/*** END CONFIGURAZIONE ***/
/*** HELPERS - mixin e funzioni ***/
/* mixin per ClearFix */
/* Mixin per nascondere elemento, mantenedolo accessibile agli screen-readers */
/* Mixin per elemento triangolo */
/* 	Centrare verticalmente e orizzontalmente un elemento
	Esempio: .vc-box { @include centerer; }
*/
/* LI in griglia di 3 elementi perfettamente centrati */
/* mixin gradiente lineare verticale */
/* mixin gradiente lineare ORIZZONTALE
https://gist.github.com/oncletom/5860036
.my_div { @include horizontal-gradient(white, transparent); }*/
/* Media Query Mixins */
/* Barra di scorrimento */
/* Stili di BASE */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:focus {
  outline: 0;
}

html, body {
  height: 100%;
}

body {
  color: #666;
  background-color: #fff;
  font-family: "Roboto", arial, verdana, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.touch body {
  -webkit-overflow-scrolling: touch;
}

#push {
  clear: both;
}

/* Elementi MEDIA responsive */
img,
picture,
video,
audio,
embed,
object,
input,
iframe {
  max-width: 100%;
  margin: 0;
}

img {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  /* Fix for SVGs */
  /* prevents border/background on linked image hover */
}
img[src*=".svg"] {
  width: 100% \9 ;
}
a:hover img {
  border: none;
  background: none;
}

x::-ms-reveal,
img[src*=".svg"] {
  width: 100%;
}

a img {
  border: none;
}

/* STILI DI BASE */
h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", arial, verdana, helvetica, sans-serif;
  color: inherit;
  line-height: 1;
  margin: 0;
  font-weight: normal;
  letter-spacing: -1px;
}

h1 {
  font-size: 35px;
  color: #000;
}

h2 {
  font-size: 25px;
  color: #999;
}

h3 {
  font-size: 22px;
  color: #000;
}

h4 {
  font-size: 20px;
  color: #000;
}

h5 {
  font-size: 18px;
  color: #000;
}

h6 {
  font-size: 15px;
  color: #000;
}

.small, small {
  font-size: 11.25px;
}

a {
  color: #3F79B8;
  background-color: "";
  text-decoration: none;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  -o-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
a:hover {
  color: #D32C31;
  background-color: "";
}

p {
  margin: 0 0 1em 0;
}

hr {
  border: 1px solid #666;
  border-width: 0 0 1px 0;
  margin: 22.5px 0;
  clear: both;
}

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

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

time {
  font-size: 13px;
}

blockquote {
  color: "";
  background: #F8F8F8;
  border: 1px solid #63AED4;
  display: block;
  padding: 0.3em 1em;
  margin-bottom: 10px;
}
blockquote p {
  margin: 0.5em 0;
}

table {
  margin: 10px;
  width: 92%;
}

th {
  color: #fff;
  background-color: #333;
  border-left: 1px dotted "";
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5em 1em;
  margin: 0;
  text-align: left;
}

td {
  border-bottom: 1px dotted #EBEBEB;
  font-size: 1em;
  margin: 0;
  padding: 0.5em 1em;
}

label {
  display: block;
  float: left;
}

input,
select,
textarea {
  color: #757575;
  background: #E9E9E9;
  border: 1px solid #E9E9E9;
  margin: 0em 0em 0.5em 0em;
  padding: 4px 8px;
  font-family: "Roboto", arial, verdana, helvetica, sans-serif;
  font-size: 15px;
}
input:hover, input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
  color: #000;
  background: #eee;
  border: 1px solid #eee;
}

input[type=submit],
button[type=submit] {
  color: #fff;
  background: #000;
  border: 1px solid #000;
  font-family: "Roboto", arial, verdana, helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 2px 40px;
  width: auto;
  cursor: pointer !important;
  -webkit-transition: color 0.2s, background 0.35s;
  -o-transition: color 0.2s, background 0.35s;
  transition: color 0.2s, background 0.35s;
  margin-top: 20px;
}
input[type=submit]:hover,
button[type=submit]:hover {
  color: #000;
  background: #fff;
  border: "";
}

.submitform {
  margin-top: 20px;
  text-align: center;
}

/* Elementi SELECTION */
::-moz-selection {
  background: #C0C0C0;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #C0C0C0;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #C0C0C0;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #C0C0C0;
  color: #fff;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

/** CLASSI GENERALI **/
.left, .alignleft, .floatsx {
  float: left;
  margin-right: 20px;
}

.right, .alignright, .floatdx {
  float: right;
  margin-left: 20px;
}

.aligncenter {
  text-align: center;
}

.meta, .half {
  width: 50%;
}

.unterzo {
  width: 33.33%;
}

.dueterzi {
  width: 66.66%;
}

.screen-reader-text,
.hidetext {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/**  STRUTTURA **/
#sito {
  display: block;
  text-align: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

header {
  text-align: center;
  /*height:90px;*/
  z-index: 1;
  background: #fff;
  width: 100%;
}

main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.wrapper {
  text-align: left;
  margin: 0 auto;
  width: 90%;
}

/* Header Module */
/* logo */
.logo {
  text-transform: uppercase;
  line-height: 100%;
  margin: 10px 0;
}
.logo h1 {
  line-height: normal;
  letter-spacing: normal;
}
.logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.logo svg {
  width: 72px;
  height: 72px;
}
.logo strong {
  color: #000;
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 1;
}
.logo span {
  display: block;
  font-size: 50%;
  font-weight: 400;
  letter-spacing: 6px;
}

#header > .wrapper {
  position: relative;
}
#header .tel {
  font-size: 13px;
  color: #333;
  position: absolute;
  top: 50px;
  left: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .tel:before {
  font-size: 1.8em;
  position: relative;
  top: 2px;
}

/* Hero Image */
#heroimg {
  height: 70vh;
  max-height: 580px;
  padding: 0;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#heroimg .wrapper {
  position: relative;
  height: 100%;
}
#heroimg .herotxt {
  color: #000;
  font-weight: 400;
  position: absolute;
  bottom: 20px;
  padding: 10px;
  letter-spacing: normal;
}
#heroimg p, #heroimg i {
  font-size: 12px;
  margin: 0;
}

.home .herotxt {
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
}

.home #heroimg p {
  font-size: 18px;
  line-height: 100%;
}

#content #heroimg h2 {
  font-size: 25px;
  color: #000;
  text-transform: none;
  font-weight: 400;
}
#content #heroimg h2:after {
  display: none;
}

/* MODULO MENU */
/* colori menu */
/* stili sottomenu */
/* slided menu */
/* bordi sottomenu */
/* hamburger menu*/
/* menu principale */
#mainMenu {
  font-size: 16px;
  z-index: 99;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
#mainMenu li:hover > ul {
  opacity: 1;
  visibility: visible;
}
#mainMenu a {
  color: #333;
  position: relative;
  padding: 0px 10px;
  line-height: 26px;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#mainMenu a:hover {
  color: #fff;
  background-color: #D32C31;
}
#mainMenu .current-menu-item > a,
#mainMenu .current_page_item > a,
#mainMenu .current_page_parent > a,
#mainMenu .current-menu-ancestor > a,
#mainMenu .current_page_ancestor > a {
  font-weight: 700;
}
#mainMenu > li:last-child a {
  margin: 0;
}
#mainMenu .sub-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*** HAMBURGER menu ***/
.menu-btn {
  display: block;
  margin: 0px;
  padding: 7px;
  width: 36px;
  position: fixed;
  top: 10px;
  right: 0;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  /* &:hover { background: none; }*/
}
.menu-btn:before, .menu-btn:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.menu-btn:before {
  -webkit-box-shadow: 0 8px 0 #fff;
          box-shadow: 0 8px 0 #fff;
  margin-bottom: 14px;
}
.menu-btn.fixed {
  top: 10px;
}
.menu-btn.fixed:before, .menu-btn.fixed:after {
  background-color: #fff;
}
.menu-btn.fixed:before {
  -webkit-box-shadow: 0 0 0 #fff;
          box-shadow: 0 0 0 #fff;
  -webkit-transform: translateY(8px) rotate(45deg);
      -ms-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
  background: trasparent;
}
.menu-btn.fixed:after {
  -webkit-transform: translateY(-8px) rotate(-45deg);
      -ms-transform: translateY(-8px) rotate(-45deg);
          transform: translateY(-8px) rotate(-45deg);
  background: trasparent;
}
.menu-btn li.current-menu-item a, .menu-btn li.current_page_item a {
  color: #fff;
  background: #D32C31;
}

.attivato {
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  -webkit-transition: 0.4s -webkit-transform linear;
  transition: 0.4s -webkit-transform linear;
  -o-transition: 0.4s transform linear;
  transition: 0.4s transform linear;
  transition: 0.4s transform linear, 0.4s -webkit-transform linear;
}

.scrollato .menu-btn {
  top: 8px;
}

/*** MEDIA QUERIES ***/
@media screen and (max-width: 880px) {
  .fixed {
    position: fixed !important;
    right: 0;
  }
  .no-scroll {
    overflow: hidden;
  }
  #mainMenu {
    position: fixed !important;
    margin: 0;
    top: 0;
    z-index: 1000;
    overflow: hidden;
    text-align: center;
    -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
            transform: translateX(-110%);
    -webkit-transition: 0.2s -webkit-transform linear;
    transition: 0.2s -webkit-transform linear;
    -o-transition: 0.2s transform linear;
    transition: 0.2s transform linear;
    transition: 0.2s transform linear, 0.2s -webkit-transform linear;
    height: 100%;
    width: 100vw;
    height: 100vh;
    background: rgba(33, 33, 33, 0.95);
    /* apertura sottomenu mobile */
  }
  #mainMenu ul, #mainMenu li, #mainMenu a {
    display: block;
  }
  #mainMenu li, #mainMenu a {
    background: none;
  }
  #mainMenu li {
    margin: 0;
  }
  #mainMenu a:hover {
    background: none !important;
  }
  #mainMenu > li {
    margin: 0;
    border-bottom: 1px solid #555;
  }
  #mainMenu > li > a {
    color: #fff;
    font-size: 1.45em;
    height: 15vh;
    line-height: 15vh;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #mainMenu .sub-menu {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 0px;
    overflow: hidden;
  }
  #mainMenu .sub-menu li {
    display: block;
    border: none;
  }
  #mainMenu .sub-menu li:last-of-type {
    margin-bottom: 3.3vh;
  }
  #mainMenu .sub-menu a {
    color: #ccc;
    background: none;
    font-size: 1.15em;
    padding: 10px;
    border: none;
  }
  #mainMenu .openbox {
    max-height: 300px;
  }
  /* plus per submenu mobile*/
  .sottonav span {
    margin-left: 12px;
  }
  .sottonav span:after, .sottonav span:before {
    content: " ";
    background: #f2f2f2;
    display: block;
    width: 12px;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .sottonav span:after {
    opacity: 1;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  /* plus "aperto" per submenu mobile*/
  .openplus span:after, .openplus span:before {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .openplus span:after {
    opacity: 0;
  }
}
@media only screen and (min-width: 880px) {
  .menu-btn {
    display: none;
  }
  #mainMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #mainMenu li:hover > ul {
    -webkit-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
            transform: translateY(-35px);
  }
  #mainMenu .sub-menu {
    position: absolute;
    visibility: hidden;
    z-index: 9999;
    opacity: 0;
    top: 100%;
    padding-top: 10px;
    margin-top: -4px;
    background: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(51, 51, 51, 0.2);
            box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(51, 51, 51, 0.2);
  }
  #mainMenu .sub-menu a {
    display: block;
    padding: 0.3em 10px;
    text-transform: capitalize;
  }
}
@media only screen and (min-width: 1220px) {
  #mainMenu {
    gap: 25px;
  }
}
/* PLACEHOLDER - Elementi da estendere */
/* pulsanti elementi homepage */
.big_scheda .greybutton, .preview .info a, #casa_clima_home a, #navigaz-arch .current,
#navigaz-arch a, .pulsante {
  color: #fff;
  background: #6B6B6B;
  border: 1px solid #A9A9A9;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  padding: 0.3em 2em;
  height: auto;
  font-weight: normal;
  -webkit-box-shadow: inset 0 0 0 0 #D32C31;
          box-shadow: inset 0 0 0 0 #D32C31;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.big_scheda .greybutton:hover, .preview .info a:hover, #casa_clima_home a:hover, #navigaz-arch .current:hover,
#navigaz-arch a:hover, .pulsante:hover {
  color: #fff;
  background: none;
  -webkit-box-shadow: inset 250px 0 0 0 #D32C31;
          box-shadow: inset 250px 0 0 0 #D32C31;
}

/* effetto hover immagini */
.palazzina_vicinato a,
.sidebar_gallery a, .imgpost {
  display: block;
  overflow: hidden;
  opacity: 1;
  width: 100%;
  background: #333;
  position: relative;
}
.palazzina_vicinato a img,
.sidebar_gallery a img, .imgpost img {
  min-width: 100%;
  -webkit-transition: opacity 0.8s ease-out, -webkit-transform 1.6s ease-out !important;
  transition: opacity 0.8s ease-out, -webkit-transform 1.6s ease-out !important;
  -o-transition: opacity 0.8s ease-out, transform 1.6s ease-out !important;
  transition: opacity 0.8s ease-out, transform 1.6s ease-out !important;
  transition: opacity 0.8s ease-out, transform 1.6s ease-out, -webkit-transform 1.6s ease-out !important;
}
.palazzina_vicinato a:after,
.sidebar_gallery a:after, .imgpost:after {
  font-family: "drx-duilio" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e004";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  color: #fff;
  font-size: 90px;
  opacity: 0;
  -webkit-transform: translate(-50%, -40%);
      -ms-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  -webkit-transition: opacity 0.8s ease-out;
  -o-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
}
.palazzina_vicinato a:hover img,
.sidebar_gallery a:hover img, .imgpost:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
.palazzina_vicinato a:hover:after,
.sidebar_gallery a:hover:after, .imgpost:hover:after {
  opacity: 1;
}

/* elementi tag sidebar */
.articletags a, #righttags a,
#year-archives a {
  color: #333;
  background: #E5E0CD;
  display: block;
  padding: 5px 10px;
  margin: 5px 5px 0 0;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: background 0.35s ease-in-out, color 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out, color 0.35s ease-in-out;
  transition: background 0.35s ease-in-out, color 0.35s ease-in-out;
}
.articletags a:hover, #righttags a:hover,
#year-archives a:hover {
  color: #fff;
  background: #60A8F9;
}

/* tag TIME con stile */
@font-face {
  font-family: "drx-duilio";
  src: url("fonts/drx-duilio-23.eot");
  src: url("fonts/drx-duilio-23.eot?#iefix") format("embedded-opentype"), url("fonts/drx-duilio-23.woff") format("woff"), url("fonts/drx-duilio-23.ttf") format("truetype"), url("fonts/drx-duilio-23.svg#drx-duilio") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "drx-duilio" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=ico-]:before,
[class*=" ico-"]:before {
  font-family: "drx-duilio" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-bagno:before {
  content: "\e000";
}

.ico-mq:before {
  content: "\e001";
}

.ico-facebook:before {
  content: "\e002";
}

.ico-googleplus:before {
  content: "\e003";
}

.ico-lente:before {
  content: "\e004";
}

.ico-posti-letto:before {
  content: "\e005";
}

.ico-pin:before {
  content: "\e006";
}

.ico-posta:before {
  content: "\e007";
}

.ico-prezzo:before {
  content: "\e008";
}

.ico-phone:before {
  content: "\e009";
}

.ico-tetti:before {
  content: "\e00a";
}

.ico-ristruttura:before {
  content: "\e00b";
}

.ico-casa:before {
  content: "\e00c";
}

.ico-twitter:before {
  content: "\e00d";
}

.ico-terrazza:before {
  content: "\e00e";
}

.ico-arw1:before {
  content: "\e00f";
}

.ico-b-recinto:before {
  content: "\e010";
}

.ico-b-arw2:before {
  content: "\e011";
}

.ico-gru-casa:before {
  content: "\e012";
}

/* Content module */
#content {
  clear: both;
}
#content h1 {
  line-height: 0.95;
}
#content h2 {
  text-transform: uppercase;
  font-weight: 700;
}
#content h2:after {
  content: "";
  display: block;
  height: 10px;
  border-bottom: 1px solid;
}

#contenuto {
  background-color: #ECECEC;
}
#contenuto:before, #contenuto:after {
  content: " ";
  display: table;
}
#contenuto:after {
  clear: both;
}
#contenuto h1 {
  font-size: 40px;
}

/* Breadcrumbs */
#breadcrumbs {
  font-size: 12px;
  clear: both;
  color: #959595;
  text-transform: uppercase;
  margin: 0;
}
#breadcrumbs a {
  color: #959595;
  padding: 2px;
}
#breadcrumbs a:hover {
  color: #60A8F9;
}
#breadcrumbs div {
  display: inline;
}

.breadcrumb_last {
  display: none;
}

/* pulsante di default */
/* PAGINAZIONE archivi */
#navigaz-arch {
  clear: both;
  float: left;
  width: 100%;
  font-size: 13px;
  margin: 30px 0 0 0;
  padding: 0 15px;
}
#navigaz-arch .current,
#navigaz-arch a {
  display: block;
  float: left;
  border: none;
  margin: 0 4px 0 0;
  padding: 5px 0;
  width: 30px;
  border: 1px solid #E5E0CD;
}
#navigaz-arch a {
  color: #a9a9a9;
  background: #FFF;
}
#navigaz-arch .current {
  color: #fff;
  background: #000;
}
#navigaz-arch .dots {
  color: #333;
  width: 20px;
  margin-right: 4px;
  float: left;
  text-align: center;
}

/* Navigazione fra articoli */
.nav-previous {
  float: left;
}

.nav-next {
  float: right;
}

.nav-links a {
  color: #fff;
  background: #7aabbe;
  padding: 5px 15px;
  text-transform: uppercase;
}
.nav-links a:hover {
  background: #69d2e7;
}

/* Stili sidebar */
#sidebar {
  margin: 0;
  padding: 0;
  z-index: 10;
  clear: both;
}
#sidebar h3 {
  color: #565656;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
}
#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sidebar .gallery-caption {
  display: none;
}

/* widget sidebar */
.widget {
  background: #fff;
  border: 1px solid #D3D3D2;
  margin-bottom: 15px;
}
.widget:before, .widget:after {
  content: " ";
  display: table;
}
.widget:after {
  clear: both;
}

/* GALLERY sidebar */
.palazzina_vicinato li,
.sidebar_gallery li {
  width: 48%;
  margin: 1%;
  float: left;
}
/* dettagli appartamento sidebar*/
.sidebar_dettagli {
  padding: 0px 35px;
  font-size: 13px;
}
.sidebar_dettagli li {
  color: #aaa;
  margin: 5px 0;
  font-weight: 500;
  text-transform: uppercase;
}
.sidebar_dettagli li:before {
  color: #000;
  font-size: 2em;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.sidebar_dettagli .pulsante {
  width: 100%;
  padding: 0.3em 0;
  margin: 20px 0;
}

/* ultima notizia sidebar */
.ultima_notizia a {
  color: #666;
}
.ultima_notizia a:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
          transform: scale(1.6);
}
.ultima_notizia a:hover .imgpost:after {
  opacity: 1;
}
.ultima_notizia h4 {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.ultima_notizia .newselements {
  padding: 20px;
  font-size: 11px;
}
.ultima_notizia .pulsante {
  display: block;
  margin: 20px;
}

#menu-laterale {
  margin-top: 20px;
}
#menu-laterale h3 {
  background: #335F92;
}
#menu-laterale ul {
  margin: 0;
}
#menu-laterale li {
  list-style-type: none;
}
#menu-laterale a {
  padding: 0;
  margin: 0 0 4px 0;
  border: 4px solid #fff;
  background: #fff;
  line-height: 1;
  display: block;
  -webkit-transition: background 0.5s ease-out, color 0.3s ease;
  -o-transition: background 0.5s ease-out, color 0.3s ease;
  transition: background 0.5s ease-out, color 0.3s ease;
}
#menu-laterale a:hover {
  color: #fff;
  background: #60A8F9;
}
#menu-laterale a:hover img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0.7;
}
#menu-laterale a:hover h5 {
  color: #fff;
}
#menu-laterale h5 {
  padding: 8px 8px 4px 8px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
#menu-laterale p {
  font-size: 13px;
  padding: 0px 8px;
}
#menu-laterale .imgpost {
  display: none;
}

#righttags,
#year-archives {
  clear: both;
}
#righttags h3,
#year-archives h3 {
  color: #407ABB;
  background: none;
  padding: 6px 0;
}
#righttags h3:after,
#year-archives h3:after {
  display: none;
}
#righttags li,
#year-archives li {
  display: inline-block;
}
#rightnews,
#righttags,
#year-archives {
  margin: 10px 0;
}

/* Footer Module */
#footer {
  background: #D2D2D2;
  font-size: 10px;
  width: 100%;
  height: auto;
  clear: both;
}
#footer .wrapper {
  padding: 20px 0;
}
#footer .logo strong {
  margin: 0;
}
#footer .claim {
  float: left;
  clear: left;
  margin-bottom: 5px;
  /* margin:25px 0 20px 0;*/
}
#footer hr {
  margin: 10px 0;
}
#footer a {
  color: #000;
}
#footer a:hover {
  color: #D32C31;
}

#footerMenu {
  margin: 8px 0 0 0;
}
#footerMenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
#footerMenu a {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
#footerMenu .sub-menu {
  display: none;
}
#footerMenu .sub-menu li {
  display: block;
  margin: 0;
}
#footerMenu .sub-menu a {
  font-size: 12px;
  font-weight: 300;
  text-transform: none;
}

.flex_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.flex_footer_logo, .flex_footer_100 {
  width: 100%;
}

/* Front Page */
.home section {
  padding: 35px 0;
}

/* Sezione sotto hero-image */
#riassunto_home {
  padding: 0;
}
#riassunto_home h3 {
  color: #000;
  background: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0px 20px;
  letter-spacing: 0;
  height: 40px;
  line-height: 40px;
  min-width: 40%;
}
#riassunto_home ul {
  font-size: 0;
}
#riassunto_home h4 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  -o-transition: transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
}
#riassunto_home span {
  font-size: 15px;
  position: absolute;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
#riassunto_home a {
  height: 240px;
  padding: 40px 20px;
  color: #fff;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}
#riassunto_home a:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), color-stop(1%, rgba(0, 0, 0, 0.74)), color-stop(75%, rgba(160, 160, 160, 0.25)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.74) 1%, rgba(160, 160, 160, 0.25) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.74) 1%, rgba(160, 160, 160, 0.25) 75%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
#riassunto_home a:hover:before {
  height: 60%;
}
#riassunto_home a:hover h4 {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
#riassunto_home a:hover span {
  opacity: 1;
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}

/* Sezione Storia */
#storia_home {
  overflow: hidden;
}
#storia_home h3 {
  color: #6B6B6B;
  font-size: 20px;
  /*	font-weight:bold;*/
  font-weight: normal;
  margin-bottom: 10px;
}
#storia_home p {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 130%;
}

#s_tabmenu {
  display: none;
}

.description_story {
  margin: 20px 0 5px 0;
}
.description_story p {
  display: none;
}

.indice_data {
  color: #A9A9A9;
  font-size: 24px;
  display: inline;
  font-weight: bold;
}

.indice_titolo {
  font-size: 15px;
  display: inline;
  padding: 0.5em 1em;
  letter-spacing: -0.5px;
  height: auto;
}

/* Sezione Settori in cui operiamo */
#settori_home {
  /*color:#A9A9A9;
  background-color:#6B6B6B;
  */
  color: #333;
  background-color: #f9f9f9;
}
#settori_home h2, #settori_home h3 {
  color: #000;
  font-weight: bold;
}
#settori_home h3 {
  font-size: 18px;
  letter-spacing: normal;
  margin-bottom: 10px;
}
#settori_home p {
  font-size: 13px;
  margin: 0;
}
#settori_home ul:before, #settori_home ul:after {
  content: " ";
  display: table;
}
#settori_home ul:after {
  clear: both;
}
#settori_home li {
  text-align: center;
}
#settori_home span {
  color: #333;
  font-size: 8em;
  height: 125px;
  display: block;
}

/* Sezione Locazioni */
#locazioni_home {
  padding: 25px 0 0 0;
  overflow: hidden;
  /* slick slider personalizzazione */
}
#locazioni_home:before, #locazioni_home:after {
  content: " ";
  display: table;
}
#locazioni_home:after {
  clear: both;
}
#locazioni_home h2 {
  padding: 0 30px;
}
#locazioni_home h3 {
  letter-spacing: normal;
  padding-top: 20px;
}
#locazioni_home .slider_locazioni {
  margin-top: 20px;
}
#locazioni_home .img-fill {
  display: block;
  position: relative;
  z-index: -1;
}
#locazioni_home .info {
  font-size: 13px;
  position: relative;
  margin: 10px 30px;
}
#locazioni_home .pulsante {
  padding: 0.5em 2em;
  font-size: 13px;
  width: 180px;
}
#locazioni_home .grigiochiaro {
  color: #000;
  background: #d2d2d2;
  margin: 0px 30px;
}
#locazioni_home .indirizzo {
  color: #a9a9a9;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
  top: 0;
}
#locazioni_home .dati_casa {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#locazioni_home .dati_casa li {
  display: inline-block;
  margin-right: 55px;
}
#locazioni_home .dati_casa li:before {
  color: #000;
  font-size: 30px;
  position: relative;
  top: 9px;
  margin-right: 5px;
}
#locazioni_home .slick-slide {
  position: relative;
}
#locazioni_home .slick-slide img {
  width: 100%;
}
#locazioni_home .slider_locazioni .PrevArrow,
#locazioni_home .slider_locazioni .NextArrow {
  border-width: 0;
}

/* Sezioni Casa Clima */
#casa_clima_home:before, #casa_clima_home:after {
  content: " ";
  display: table;
}
#casa_clima_home:after {
  clear: both;
}
#casa_clima_home:before {
  content: "";
  display: block;
  height: 10px;
  border-bottom: 1px solid #A9A9A9;
  margin-bottom: 35px;
}
#casa_clima_home h2 {
  font-size: 30px;
}
#casa_clima_home h4 {
  color: #1C1B1B;
  font-size: 18px;
  margin-bottom: 0.5em;
}
#casa_clima_home a {
  padding: 0;
  width: 180px;
  height: 40px;
  line-height: 40px;
}
#casa_clima_home .dueterzi {
  width: 100%;
}
#casa_clima_home .whitebutton {
  color: #000;
  background: #fff;
  margin-bottom: 10px;
}
#casa_clima_home .whitebutton:after {
  font-family: "drx-duilio" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  font-size: 1.1em;
  content: "\e00f";
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: relative;
}
#casa_clima_home .selected:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 3px;
}
#casa_clima_home strong {
  color: #1C1B1B;
}

.box_text_animate {
  font-size: 13px;
  max-height: 45px;
  overflow: hidden;
  margin-bottom: 1em;
  -webkit-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.box_text_animate.openbox {
  max-height: 980px;
}

#content #casa_clima_home h2 {
  color: #000;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 20px;
}
#content #casa_clima_home h2:after {
  display: none;
}

/* Sezioni News Home */
#newshome {
  background-color: #f9f9f9;
  overflow: hidden;
}
#newshome:before, #newshome:after {
  content: " ";
  display: table;
}
#newshome:after {
  clear: both;
}
#newshome .wrapper {
  padding: 0;
}
#newshome h2 {
  color: #333;
  padding: 0 15px;
}
#newshome .slick-prev:before, #newshome .slick-next:before {
  color: #999;
}

.newselements {
  padding: 30px 30px 20px 30px;
}

.more-news {
  position: relative;
  text-align: center;
  padding: 30px 50px;
}
.more-news i {
  font-size: 110px;
  position: absolute;
  line-height: 100%;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(-1);
      -ms-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}
.more-news i:before {
  position: relative;
  top: 14px;
}

/* Sezione Costruiti Home*/
#costruiti_home:before, #costruiti_home:after {
  content: " ";
  display: table;
}
#costruiti_home:after {
  clear: both;
}
#costruiti_home img {
  width: 100%;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.2s ease-out;
  -o-transition: opacity 0.3s ease-out, transform 0.2s ease-out;
  transition: opacity 0.3s ease-out, transform 0.2s ease-out;
  transition: opacity 0.3s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
#costruiti_home .slick-current img {
  opacity: 1;
}
#costruiti_home #build_slider .slick-center {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

/* Popup con slide COSTRUITI home */
.preview {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.preview .img-fill {
  width: 50%;
  float: left;
  display: block;
}
.preview .slick-slide {
  position: relative;
}
.preview .info {
  position: absolute;
  width: 50%;
  height: 75%;
  right: 0;
  bottom: 0;
  /* float:right;*/
  padding: 0 50px;
}
.preview .info a {
  color: #fff;
  background: #6B6B6B;
  padding: 0;
  width: 250px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  bottom: 20px;
}
.preview h4 {
  color: #000;
}
.preview .indirizzo {
  color: #a9a9a9;
  text-transform: uppercase;
  font-size: 14px;
}
.preview .original,
.preview .load_content {
  opacity: 0;
  -webkit-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
.preview .original {
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
}
.preview #temp_load {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #1A1A1A;
}
.preview .slider_locazioni {
  margin-top: 0;
}
.preview .slick-arrow {
  width: 145px;
  border: none !important;
}
.preview .slick-slide {
  padding: 0 150px !important;
}
.preview .sfondo-light {
  background: #1A1A1A url("img/loader2.gif") 50% 50% no-repeat;
  top: 50%;
  left: 50%;
  position: absolute;
  padding: 0;
  width: auto;
  max-width: 85%;
  height: auto;
  /*min-height:30vh;*/
  max-height: 80%;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translate(-50%, -50%) scale(0.7);
      -ms-transform: translate(-50%, -50%) scale(0.7);
          transform: translate(-50%, -50%) scale(0.7);
}
.preview .icon-x {
  position: absolute;
  right: 0px;
  top: 0;
  color: #fff;
  background: #A9A9A9;
  font-style: normal;
  z-index: 9999;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  cursor: pointer;
}
.preview .icon-x:before, .preview .icon-x:after {
  content: "";
  background-color: #000;
  width: 40px;
  height: 2px;
  position: absolute;
  top: 24px;
  left: 5px;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.preview .icon-x:before {
  -webkit-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg);
}
.preview .icon-x:after {
  -webkit-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg);
}
.preview .icon-x:hover {
  background-color: #D32C31;
}
.preview .icon-x:hover:before, .preview .icon-x:hover:after {
  background-color: #fff;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.preview.open {
  background-color: rgba(11, 11, 11, 0.8);
  z-index: 99999;
  pointer-events: auto;
  opacity: 1;
}
.preview.open .sfondo-light {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  background-color: #fff;
  padding: 40px 0;
  background-image: none;
}
.preview.open .original,
.preview.open .load_content {
  opacity: 1;
}

/* contenuto pagine preview (villette e costruiti) */
/* reminder contatti sotto banner header*/
#contacts_reminder {
  display: none;
}

/* bottoni sotto-pagine o filtri full width */
.menu-vendite,
#subpages {
  color: #fff;
  background-color: #a6a6a6;
  text-transform: uppercase;
  font-size: 14px;
  float: left;
  width: 100%;
}
.menu-vendite ul,
#subpages ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-vendite li,
#subpages li {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.menu-vendite button,
#subpages button {
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  -o-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.menu-vendite button,
.menu-vendite a,
#subpages button,
#subpages a {
  color: #fff;
  background-color: transparent;
  border: none;
  width: 100%;
  text-align: center;
  display: block;
  padding: 10px 0;
  text-transform: uppercase;
  cursor: pointer;
}
.menu-vendite button.selected, .menu-vendite button:hover,
.menu-vendite a.selected,
.menu-vendite a:hover,
#subpages button.selected,
#subpages button:hover,
#subpages a.selected,
#subpages a:hover {
  background: #25428C;
}
.menu-vendite span,
#subpages span {
  position: relative;
  display: block;
}

.menu-vendite .current_page_item a {
  background: #25428C;
}

/* pagina costruiti */
.page-template-preview-costruiti #subpages li {
  width: 50%;
}
.page-template-preview-costruiti #subpages a {
  padding: 10px;
  line-height: 110%;
}

/* div contenuti */
#preview_case,
#preview_costruiti,
#preview_appartamenti {
  margin: 60px 0;
}
#preview_case:before, #preview_case:after,
#preview_costruiti:before,
#preview_costruiti:after,
#preview_appartamenti:before,
#preview_appartamenti:after {
  content: " ";
  display: table;
}
#preview_case:after,
#preview_costruiti:after,
#preview_appartamenti:after {
  clear: both;
}

/* scheda singola pagina preview villette o affittanze */
.scheda {
  margin: 2%;
  background: #fff;
  border: 1px solid #C7C7C7;
  position: relative;
  /* personalizzazione slickslider */
}
.scheda:before, .scheda:after {
  content: " ";
  display: table;
}
.scheda:after {
  clear: both;
}
.scheda h2 {
  font-size: 28px;
  color: #000;
}
.scheda h3 {
  font-size: 20px;
  font-weight: bold;
}
.scheda .imgpost {
  height: 150px;
}
.scheda .imgpost img {
  position: relative;
  top: 0;
}
.scheda ul {
  font-size: 14px;
  margin: 0.85em 0;
}
.scheda ul strong {
  font-weight: 500;
}
.scheda p {
  font-size: 14px;
  color: #565656;
  margin: 0;
}
.scheda p strong {
  font-weight: 500;
}
.scheda .half {
  width: 100%;
}
.scheda .txt_scheda {
  padding: 20px;
}
.scheda .indirizzo_casa {
  color: #909090;
  font-size: 12px;
}
.scheda .pulsante {
  bottom: 20px;
  right: 20px;
  width: 100%;
  margin-top: 15px;
}
.scheda .slider_case {
  max-height: 240px;
  overflow: hidden;
}
.scheda .slick-arrow {
  z-index: 9;
}
.scheda .slick-arrow:before {
  content: "\e00f";
  font-size: 30px;
  color: #A3A2A3;
  display: block;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.scheda .slick-prev,
.scheda .slick-next {
  color: #A3A2A3;
  background: #EDEDED;
  border: 1px solid #A3A2A3;
  width: 28px;
  height: 28px;
}
.scheda .slick-prev:hover,
.scheda .slick-next:hover {
  color: #fff;
  background: #D32C31;
}
.scheda .slick-prev:hover:before,
.scheda .slick-next:hover:before {
  color: #fff;
}
.scheda .slick-prev {
  left: 10px;
}
.scheda .slick-next {
  right: 10px;
}
.scheda .slick-next:before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  position: relative;
  left: -2px;
}

#temp_load {
  position: relative;
  left: calc(50% - 40px);
  /* transform: translateX(-50%); */
  /* bottom: 0; */
  /* z-index: 10; */
}

/* elemento ESTESO preview appartamenti */
.big_scheda {
  width: 96%;
  clear: both;
}
.big_scheda .imgpost {
  height: 240px;
}
.big_scheda .indirizzo_casa {
  font-size: 16px;
}
.big_scheda ul {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.big_scheda .pulsante {
  position: static;
  clear: both;
}
.big_scheda .greybutton {
  color: #000;
  background: #CECECE;
  margin-top: 5px;
}
.big_scheda .pulsante,
.big_scheda .greybutton {
  display: block;
  padding: 0.5em 1em;
}

.load_child .slider_case {
  display: none;
}

#preview_appartamenti h2 {
  text-transform: none;
}
#preview_appartamenti h2:after {
  display: none;
}

/* elemento preview costruiti */
#preview_costruiti div {
  color: #fff;
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
}
#preview_costruiti h3,
#preview_costruiti .indirizzo_casa,
#preview_costruiti .anno {
  position: absolute;
  bottom: 20px;
  color: #fff;
}
#preview_costruiti h3 {
  font-size: 28px;
  font-weight: 700;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  -o-transition: transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.35s cubic-bezier(0.694, 0.048, 0.335, 1);
}
#preview_costruiti .indirizzo_casa, #preview_costruiti .anno {
  font-size: 16px;
  opacity: 0;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
}
#preview_costruiti .anno {
  right: 20px;
}
#preview_costruiti a:hover h3 {
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px);
}
#preview_costruiti a:hover .indirizzo_casa, #preview_costruiti a:hover .anno {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

/* media queries */
@media only screen and (max-width: 560px) {
  #subpages a {
    height: auto;
  }
}
/* Pagina singola */
#singlecontent, #singlenews {
  margin: 0 0 20px 0;
}
#singlecontent:before, #singlenews:before, #singlecontent:after, #singlenews:after {
  content: " ";
  display: table;
}
#singlecontent:after, #singlenews:after {
  clear: both;
}
#singlecontent h1, #singlenews h1 {
  /*font-size:35px;*/
  font-weight: 700;
}

.single_headline {
  padding: 15px 0 5px;
}

.singlethumb {
  margin: 15px 0;
  height: 50vh;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.singlethumb.opacity-animate {
  opacity: 0;
}

.entry-content {
  background: #fff;
  padding: 20px 25px;
  margin: 15px 0;
}
.entry-content li {
  margin-left: 30px;
}
.entry-content ol li {
  list-style-type: decimal-leading-zero;
}
.entry-content ul li {
  list-style-type: square;
}

/* palazzina */
.page-template-page-condominio #list_dettagli {
  margin: 1em 0;
}
.page-template-page-condominio .sidebar_dettagli li {
  color: #565556;
  font-weight: normal;
}

/* form mail in popup */
#popup_form {
  width: 90%;
  margin: 5%;
}
#popup_form .half {
  float: left;
  width: 48%;
  margin: 0 1%;
}
#popup_form .full_col {
  float: left;
  clear: both;
  width: 98%;
  margin: 0 1%;
}
#popup_form h4 {
  font-weight: 500;
  margin: 10px 0 0 0;
}
#popup_form h6 {
  color: #a9a9a9;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: normal;
  font-size: 20px;
}
#popup_form .form_img {
  width: 380px;
  float: left;
  margin-right: 25px;
}
#popup_form .form_txt {
  width: 100%;
}
#popup_form textarea {
  width: 100%;
  height: 140px;
}
#popup_form input, #popup_form select, #popup_form textarea {
  color: #333;
}
#popup_form input[type=submit],
#popup_form button[type=submit] {
  color: #000;
  background: #C4C4C4;
  margin-top: 0;
  padding: 10px 30px;
  width: 100%;
}
#popup_form input[type=submit]:hover,
#popup_form button[type=submit]:hover {
  color: #fff;
  background: #D32C31;
}

/* TEMPLATE storia */
.page-template-page-storia .single_headline {
  min-height: auto;
  padding-top: 27px;
}
.page-template-page-storia .entry-content {
  padding: 20px 25px;
}

.single_storia {
  clear: both;
  margin: 25px 0;
}
.single_storia:before, .single_storia:after {
  content: " ";
  display: table;
}
.single_storia:after {
  clear: both;
}

.indice_storia {
  line-height: 120%;
}
.indice_storia b {
  color: #A9A9A9;
  font-size: 30px;
  display: block;
  font-weight: bold;
}
.indice_storia span {
  color: #fff;
  background: #A9A9A9;
  font-size: 18px;
  display: inline-block;
  padding: 12px 18px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  height: auto;
  -webkit-box-shadow: inset 0 0 0 0 #D32C31;
          box-shadow: inset 0 0 0 0 #D32C31;
}

.testo_storia {
  padding-top: 10px;
}
.testo_storia h3 {
  font-size: 20px;
}

/* Pagine edificio singolo*/
.indirizzo_casa {
  color: #909090;
  font-size: 18px;
}

.page-template-page-condominio #content .entry-content h2,
.page-template-page-appartamento #content .entry-content h2 {
  color: #565656;
  font-size: 30px;
  text-transform: none;
}
.page-template-page-condominio #content .entry-content h2:after,
.page-template-page-appartamento #content .entry-content h2:after {
  display: none;
}
.page-template-page-condominio #content .entry-content h5,
.page-template-page-appartamento #content .entry-content h5 {
  color: #666;
  font-size: 20px;
  font-weight: 500;
  margin: 40px 0 10px;
}
.page-template-page-condominio .entry-content .indirizzo_casa,
.page-template-page-appartamento .entry-content .indirizzo_casa {
  font-size: 13px;
}
.page-template-page-condominio .entry-content .pulsante,
.page-template-page-appartamento .entry-content .pulsante {
  margin: 1em 0;
}

#list_image {
  position: relative;
}
#list_image a {
  margin-right: 10px;
}
#list_image .slick-track a:last-child {
  margin-right: 0;
}
#list_image .slick-arrow {
  width: 25px;
  height: 25px;
}
#list_image .slick-arrow:before {
  content: "\e00f";
  font-size: 25px;
  color: #A3A2A3;
  display: block;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
#list_image .slick-prev {
  left: -30px;
}
#list_image .slick-next {
  right: -30px;
}
#list_image .slick-next:before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

#list_dettagli li {
  color: #565556;
  list-style-type: none;
  margin: 5px 0;
}

.get_preview_image {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.get_preview_image.selected {
  -webkit-transform: scale(0.96);
      -ms-transform: scale(0.96);
          transform: scale(0.96);
}

.prezzo_casa {
  margin: 1em 0;
}
.prezzo_casa a {
  text-decoration: underline;
}
.prezzo_casa strong {
  padding: 2px 10px;
  background: #D0D0D0;
  margin-right: 0.5em;
}

/*** Stili news ***/
.newslist h3 {
  color: #1C1C1C;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
  padding-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: normal;
}
.newslist h3:after {
  content: "";
  display: block;
  height: 10px;
  border-bottom: 1px solid;
}
.newslist h4 {
  color: #A9A9A9;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 150%;
  -webkit-transition: color 1.6s ease-out;
  -o-transition: color 1.6s ease-out;
  transition: color 1.6s ease-out;
  padding: 0 80px 0 0;
}
.newslist p {
  font-size: 13px;
}
.newslist article {
  margin-bottom: 10px;
}
.newslist a {
  display: block;
  position: relative;
  color: #A9A9A9;
  background: #fff;
  overflow: hidden;
  margin: 15px;
}
.newslist a:hover {
  color: #626669;
  background: #fff;
}
.newslist a:hover h4 {
  color: #000;
}
.newslist a:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
          transform: scale(1.6);
}
.newslist a:hover .imgpost:after {
  opacity: 1;
}

/* pagina BLOG */
.lista_archvio {
  background: #ECECEC;
  padding-bottom: 60px;
}
.lista_archvio:before, .lista_archvio:after {
  content: " ";
  display: table;
}
.lista_archvio:after {
  clear: both;
}
.lista_archvio h1 {
  font-size: 30px;
  padding: 20px 0;
  font-weight: bold;
  text-transform: uppercase;
}
.lista_archvio h1:after {
  content: "";
  display: block;
  height: 10px;
  border-bottom: 1px solid;
}
.lista_archvio li {
  color: #a9a9a9;
  float: left;
  font-size: 13px;
}
.lista_archvio a {
  border: 1px solid #DCDCDC;
  -webkit-box-shadow: 1px 1px 30px 0 #ccc;
          box-shadow: 1px 1px 30px 0 #ccc;
}

/* notizia singola */
#singlenews #articolicorrelati li {
  margin: 0;
}

/* articoli correlati */
#articolicorrelati {
  clear: both;
  background: #fff;
  padding: 20px 0 0 0;
}
#articolicorrelati:before, #articolicorrelati:after {
  content: " ";
  display: table;
}
#articolicorrelati:after {
  clear: both;
}
#articolicorrelati:before {
  content: "";
  display: block;
  height: 10px;
  border-bottom: 1px solid #D4D4D4;
}
#articolicorrelati h5 {
  color: #565656;
  font-size: 24px;
  margin: 30px 0;
  font-weight: bold;
}
#articolicorrelati li {
  list-style-type: none;
}
#articolicorrelati a {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.articletags li {
  display: inline-block;
}
/* Sezione Contatti footer */
#contatti_footer {
  /*color:#A9A9A9;*/
  color: #757575;
  clear: both;
  padding: 40px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
#contatti_footer:before, #contatti_footer:after {
  content: " ";
  display: table;
}
#contatti_footer:after {
  clear: both;
}
#contatti_footer h2 {
  text-align: left;
}
#contatti_footer i {
  color: #333;
  font-size: 30px;
  position: relative;
  top: 9px;
  margin-right: 5px;
}
#contatti_footer a {
  color: #757575;
}
#contatti_footer li {
  display: inline-block;
}
#contatti_footer .dueterzi {
  margin: 0px auto;
  padding: 20px 0;
  width: 100%;
}
#contatti_footer .dueterzi:before, #contatti_footer .dueterzi:after {
  content: " ";
  display: table;
}
#contatti_footer .dueterzi:after {
  clear: both;
}
#contatti_footer .meta {
  float: left;
  text-align: left;
  padding: 0;
  width: 100%;
}
#contatti_footer .meta .meta {
  padding: 2.5px;
}
#contatti_footer form {
  margin-top: 30px;
}
#contatti_footer input, #contatti_footer textarea {
  padding: 15px 30px;
}
#contatti_footer input {
  margin: 0;
}
#contatti_footer textarea {
  margin: 2.5px 2.5px 0 2.5px;
  width: 98.8%;
}
#contatti_footer input[type=submit],
#contatti_footer button[type=submit] {
  padding: 10px 30px;
  width: 100%;
}

/* Cookie Choice */
#cookieChoiceInfo {
  font-size: 10px;
  line-height: 130%;
  position: fixed;
  width: 100%;
  margin: 0px;
  padding: 10px 90px 10px 10px;
  left: 0px;
  bottom: 0px;
  z-index: 1000;
  color: #fff;
  background-color: rgba(27, 27, 27, 0.8);
  -webkit-animation: movez 0.4s ease-out;
          animation: movez 0.4s ease-out;
}
#cookieChoiceInfo span {
  display: inline;
  text-align: left;
}
#cookieChoiceInfo a {
  color: #fff;
  background: #2886CA;
  font-weight: 500;
  -webkit-transition: color 0.35s ease-out, background 0.35s ease-out;
  -o-transition: color 0.35s ease-out, background 0.35s ease-out;
  transition: color 0.35s ease-out, background 0.35s ease-out;
}
#cookieChoiceInfo a:hover {
  background: #1EBDF2;
}
#cookieChoiceInfo a[target=_blank] {
  background: none;
  border-bottom: 1px dotted;
  display: inline;
  text-align: left;
  padding: 0 0.1em;
}
#cookieChoiceInfo a[target=_blank]:hover {
  color: #1EBDF2;
}
#cookieChoiceInfo #cookieChoiceDismiss {
  padding: 0.1em 0;
  line-height: 180%;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  position: absolute;
  height: 100%;
  border: 0;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
}

@-webkit-keyframes movez {
  from {
    bottom: -40px;
  }
  to {
    bottom: 0;
  }
}

@keyframes movez {
  from {
    bottom: -40px;
  }
  to {
    bottom: 0;
  }
}
@media only screen and (min-width: 1020px) {
  #cookieChoiceInfo {
    font-size: 1em;
    line-height: 1.5em;
    padding: 10px 130px 10px 10px;
  }
  #cookieChoiceInfo #cookieChoiceDismiss {
    font-size: 1.4em;
    width: 120px;
  }
}
/* modulo di contatto ContactForm7 - CF7 */
.wpcf7-response-output,
.wpcf7-validation-errors {
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 10px !important;
  width: 100%;
  border: none !important;
  color: #fff;
  z-index: 9999;
}

.wpcf7-validation-errors {
  background: red;
}

.wpcf7-mail-sent-ng {
  background: #f16400;
}

.wpcf7-mail-sent-ok {
  background: green;
}

.wpcf7-not-valid {
  border: 1px solid red;
}

span.wpcf7-not-valid-tip {
  color: #fff;
  background: red;
  position: absolute;
  top: -30px;
  left: 10px;
  padding: 5px 8px;
  font-size: 0.8em;
  line-height: 100%;
}

div.wpcf7 img.ajax-loader {
  margin-left: 10px;
}

/* Animazione smoothstate */
#site_content:after, #site_content:before {
  /* these are the 2 half blocks which cover the content once the animation is triggered */
  content: "";
  height: 100vh;
  width: 50%;
  position: fixed;
  top: 0;
  z-index: 999999;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0) rotate(-45deg) scale(10);
          transform: translateZ(0) rotate(-45deg) scale(10);
  -webkit-transition: -webkit-transform 1.8s;
  transition: -webkit-transform 1.8s;
  -o-transition: transform 1.8s;
  transition: transform 1.8s;
  transition: transform 1.8s, -webkit-transform 1.8s;
}

#site_content::before {
  left: 0;
  background-color: #efefef;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: translateX(-150vw) rotate(-45deg) scale(1);
      -ms-transform: translateX(-150vw) rotate(-45deg) scale(1);
          transform: translateX(-150vw) rotate(-45deg) scale(1);
}

#site_content::after {
  right: 0;
  background-color: #C8CDD3;
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: translateX(150vw) rotate(-45deg) scale(1);
      -ms-transform: translateX(150vw) rotate(-45deg) scale(1);
          transform: translateX(150vw) rotate(-45deg) scale(1);
}

#site_content.is-changing::after, #site_content.is-changing::before {
  -webkit-transform: translateY(0) rotate(-45deg) scale(10);
      -ms-transform: translateY(0) rotate(-45deg) scale(10);
          transform: translateY(0) rotate(-45deg) scale(10);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}

/*
.half{
	float: left;
	width: 50%;
}
*/
/*@import "buttonup";*/
.share_title {
  color: #666;
  margin-top: 40px;
  font-weight: 500;
}

/* Share buttons SCSS */
#sharenews {
  color: #333;
  font-size: 14px;
  margin: 30px 0 60px 0;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#sharenews li {
  display: block;
  float: left;
  margin: 0;
}
#sharenews li:last-child a {
  margin: 0;
}
#sharenews a {
  border: 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0 20px 0 0;
}
#sharenews a:hover {
  color: #fff;
}
#sharenews i {
  font-size: 32px;
  position: relative;
  width: 32px;
  height: 28px;
  margin-top: 1px;
}
#sharenews i:before {
  position: absolute;
  left: 0;
}
#sharenews span {
  display: none;
}

.facebook a {
  color: #3C5B99;
}
.facebook a:hover {
  background: #3C5B99;
}

.twitter a {
  color: #61ABDC;
}
.twitter a:hover {
  background: #61ABDC;
}

.googleplus a {
  color: #DD4B39;
}
.googleplus a:hover {
  background: #DD4B39;
}

/* media queries */
@media only screen and (min-width: 540px) {
  #sharenews a {
    padding: 0px 20px 0px 5px;
    margin: 0 20px 0 0;
  }
  #sharenews i {
    width: 40px;
  }
  #sharenews span {
    display: block;
  }
}
@media only screen and (min-width: 880px) {
  #sharenews a {
    margin: 0 80px 0 0;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 100px;
  width: 5px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev:before, .slick-next:before {
  font-family: "drx-duilio" !important;
  font-size: 60px;
  line-height: 1;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -100px;
}
.slick-prev:before {
  content: "\e011";
}

.slick-next {
  right: -100px;
}
.slick-next:before {
  content: "\e011";
  display: block;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

/* slider NOTIZIE HOME*/
#news_slider .slick-prev {
  left: -32px;
}
#news_slider .slick-next {
  right: -32px;
}

/* slider COSTRUITI HOME*/
#build_slider .slick-prev {
  left: 0;
  z-index: 99;
}
#build_slider .slick-next {
  right: 0;
}
#build_slider .slick-slide {
  background: #000;
  margin: 50px 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#build_slider .slick-center {
  position: relative;
  z-index: 99;
  background: none;
  -webkit-box-shadow: 1px 1px 30px 0 #ccc;
          box-shadow: 1px 1px 30px 0 #ccc;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
#build_slider .slick-center img {
  opacity: 1;
}

/* slider LOCAZIONI HOME*/
.slider_locazioni {
  margin-top: 60px;
}
.slider_locazioni .slick-arrow {
  color: transparent;
  background: #000;
  border: 5px solid #fff;
  padding: 0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  height: 75%;
  overflow: hidden;
  z-index: 99;
}
.slider_locazioni .slick-arrow span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  opacity: 0.4;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.slider_locazioni .slick-arrow:hover span {
  opacity: 0.9;
}
.slider_locazioni .slick-arrow:after {
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  display: block;
  width: 140px;
  top: 50%;
  font-size: 14px;
  font-weight: 500;
}
.slider_locazioni .PrevArrow {
  left: 0;
  border-width: 0 5px 0 0;
}
.slider_locazioni .PrevArrow:after {
  content: "Casa precedente";
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  right: -30px;
}
.slider_locazioni .NextArrow {
  right: 0;
  border-width: 0 0 0 5px;
}
.slider_locazioni .NextArrow:after {
  content: "Prossima Casa";
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  left: -30px;
}

/* Magnific Popup SCSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

/* button.mfp-close, */
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

/*
.mfp-close-btn-in .mfp-close {
  color: #333; }
*/
/*
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }
*/
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Dreox close button */
.mfp-close {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 29px;
  position: absolute;
  top: -15px;
  right: -15px;
  margin-right: 4%;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(66, 66, 66, 0.8);
          box-shadow: 1px 1px 4px 0 rgba(66, 66, 66, 0.8);
  font-style: normal;
  font-size: 29px;
  font-family: Arial, Baskerville, monospace;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.mfp-close:hover, .mfp-close:focus {
  background-color: #666;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}
.mfp-close:active {
  top: -14px;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  border: 5px solid #fff;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
  width: 92%;
  margin: 0 auto;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  /*
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #444; 
  */
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    position: fixed;
    top: 5px;
    right: 5px;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .mfp-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Filtro Costruiti */
.animaa {
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
  transition: all 0.45s;
}

.filter-class {
  opacity: 1;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
  transition: all 0.45s;
}

/* Responsive */
@media only screen and (min-width: 300px) {
  /* responsive menu */
  .menu-btn {
    right: 10px;
  }
}
@media only screen and (min-width: 370px) {
  /* responsive menu */
  .menu-btn {
    right: 20px;
  }
  #riassunto_home li {
    width: 50%;
    float: left;
    display: block;
  }
}
@media only screen and (min-width: 440px) {
  /* preview */
  .menu-vendite {
    font-size: 16px;
  }
  .menu-vendite ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menu-vendite button,
  .menu-vendite a {
    padding: 20px 0;
  }
  .menu-vendite li {
    width: 100%;
    float: none;
  }
  #subpages {
    font-size: 16px;
  }
  #subpages ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 90%;
  }
  #subpages a {
    line-height: 45px;
  }
  #subpages li {
    width: 100%;
    float: none;
  }
  #subpages li:first-child a:before, #subpages li:last-child a:before {
    content: "";
    display: block;
    position: absolute;
    height: 45px;
    width: 33%;
    z-index: 0;
    background-color: #868686;
  }
  #subpages li:first-child a {
    /*text-align:left;*/
  }
  #subpages li:first-child a.selected, #subpages li:first-child a:hover {
    background: none;
  }
  #subpages li:first-child a.selected span, #subpages li:first-child a.selected:before, #subpages li:first-child a:hover span, #subpages li:first-child a:hover:before {
    left: 0;
    background-color: #25428C;
  }
  #subpages li:last-child a {
    /*text-align:right;*/
  }
  #subpages li:last-child a.selected, #subpages li:last-child a:hover {
    background: none;
  }
  #subpages li:last-child a.selected span, #subpages li:last-child a.selected:before, #subpages li:last-child a:hover span, #subpages li:last-child a:hover:before {
    right: 0;
    background-color: #25428C;
  }
  .page-template-preview-costruiti #subpages li {
    width: 100%;
  }
  .page-template-preview-costruiti #subpages a {
    padding: 0;
    line-height: 100%;
  }
  .page-template-preview-costruiti #subpages span {
    height: 45px;
    padding: 5px;
  }
}
@media only screen and (min-width: 480px) {
  #header .tel {
    right: 0;
    left: auto;
  }
  .logo a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .logo svg {
    width: 84px;
    height: 84px;
  }
  .logo strong {
    font-size: 31px;
  }
  .logo span {
    letter-spacing: 8px;
  }
  h2:after {
    width: 240px;
  }
  #contatti_footer .meta .meta {
    width: 50%;
  }
  .scheda .pulsante {
    position: absolute;
    width: auto;
  }
  .big_scheda .pulsante {
    position: static;
  }
  #articolicorrelati {
    padding: 40px 0 0 0;
  }
  #articolicorrelati:before {
    width: 360px;
  }
  .palazzina_vicinato li,
  .sidebar_gallery li {
    width: 30%;
    margin: 1.5%;
  }
  /* news - pagina blog */
  .lista_archvio li {
    width: 50%;
  }
  .lista_archvio li:nth-child(odd) {
    clear: both;
  }
  #articolicorrelati li {
    padding: 0 2%;
  }
  /* HOMEPAGE */
  #locazioni_home .img-fill {
    overflow: hidden;
    height: 180px;
  }
  #locazioni_home .img-fill img {
    position: relative;
    top: -50%;
  }
  /* storia HOME */
  #storia_home p {
    display: block;
    margin: 10px 0 0 0;
  }
  .indice_data {
    display: block;
    line-height: 55%;
  }
  .indice_titolo {
    color: #fff;
    background: #A9A9A9;
    display: inline-block;
    padding: 0.5em 1em;
    text-transform: uppercase;
  }
  .description_story {
    margin: 15px 0 0px 0;
    float: left;
    clear: both;
  }
  .description_story h3 {
    float: left;
    clear: both;
    width: 30%;
  }
  .description_story p {
    float: right;
    width: 65%;
  }
  #storia_home .grigiochiaro {
    display: none;
  }
  #newshome .wrapper {
    padding: 0 45px;
  }
  #news_slider .slick-prev {
    left: -85px;
  }
  #news_slider .slick-next {
    right: -85px;
  }
}
@media only screen and (min-width: 520px) {
  /* responsive menu */
  .menu-btn {
    top: 25px;
  }
  /*

  /* header */
  #header .tel {
    right: 40px;
    top: 20px;
  }
  /* homepage */
  #settori_home li {
    float: left;
    width: 50%;
    padding: 0 3%;
    height: 230px;
  }
  #locazioni_home .img-fill {
    height: 220px;
  }
  /* slider COSTRUITI HOME*/
  #build_slider .slick-prev {
    left: 16%;
  }
  #build_slider .slick-next {
    right: 16%;
  }
  /* appartamenti */
  .big_scheda .pulsante {
    float: left;
  }
  .big_scheda .greybutton {
    float: right;
  }
  .big_scheda .pulsante,
  .big_scheda .greybutton {
    width: 49%;
    margin: 0 0 10px 0;
    padding: 0.5em;
  }
  /* footer */
  #footer {
    font-size: 12px;
  }
  #footer .wrapper {
    padding-top: 40px;
  }
  #footerMenu {
    display: block;
  }
}
@media only screen and (min-width: 560px) {
  /* preview */
  #contacts_reminder {
    display: block;
    background-color: #969696;
    font-size: 16px;
  }
  #contacts_reminder a {
    color: #fff;
    padding: 16px 50px 16px 40px;
    display: inline-block;
    position: relative;
  }
  #contacts_reminder a:before {
    font-size: 1.8em;
    position: absolute;
    left: 0;
  }
  .menu-vendite {
    font-size: 20px;
  }
  #subpages {
    font-size: 20px;
  }
  #subpages a {
    line-height: 55px;
  }
  #subpages li:first-child a:before, #subpages li:last-child a:before {
    height: 55px;
  }
  .page-template-preview-costruiti #subpages span {
    height: 55px;
  }
  .scheda {
    width: 46%;
    float: left;
  }
  .scheda .pulsante {
    position: static;
    width: 100%;
  }
  .big_scheda {
    width: 96%;
  }
  .big_scheda .pulsante {
    width: 49%;
  }
  .load_child .slider_case {
    display: block;
  }
  /* Appartamento */
  .entry-content {
    padding: 45px 35px;
  }
  #list_image {
    margin-top: -35px;
    margin-bottom: 35px;
  }
  #list_dettagli,
  .sidebar_dettagli ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  #list_dettagli li,
  .sidebar_dettagli ul li {
    margin: 0;
  }
  /* footer */
  #footerMenu {
    margin-top: 14px;
  }
  .flex_footer {
    gap: 25px;
  }
  .flex_footer_logo {
    width: auto;
  }
}
@media only screen and (min-width: 660px) {
  h1 {
    font-size: 55px;
  }
  h2 {
    font-size: 45px;
  }
  h3 {
    font-size: 40px;
  }
  h4 {
    font-size: 35px;
  }
  h5 {
    font-size: 30px;
  }
  h6 {
    font-size: 18px;
  }
  /* header */
  #header .tel {
    font-size: 16px;
  }
  /* home */
  #heroimg .herotxt {
    bottom: 65px;
  }
  #riassunto_home {
    margin-top: -60px;
    height: 460px;
  }
  #riassunto_home h3 {
    font-size: 16px;
    padding: 0px 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
  }
  #riassunto_home h4 {
    font-size: 30px;
  }
  #locazioni_home .img-fill {
    overflow: hidden;
    height: auto;
    width: 40%;
    margin: 0;
    float: left;
  }
  #locazioni_home .img-fill img {
    position: static;
  }
  #locazioni_home .info {
    width: 56%;
    margin: 0 2%;
    float: right;
  }
  #locazioni_home .grigiochiaro {
    display: none;
  }
  #locazioni_home .info .pulsante,
  #locazioni_home .grigiochiaro,
  #locazioni_home .info,
  .box_text_animate {
    font-size: 15px;
  }
  #casa_clima_home {
    position: relative;
  }
  #casa_clima_home:before {
    border: none;
    height: 0;
  }
  #casa_clima_home h2 {
    font-size: 40px;
  }
  #casa_clima_home h4 {
    font-size: 30px;
  }
  #casa_clima_home img {
    position: absolute;
    right: 0;
    top: 110px;
    width: 33%;
  }
  #casa_clima_home a {
    width: 250px;
    height: 60px;
    line-height: 60px;
  }
  #casa_clima_home .whitebutton {
    margin-bottom: 20px;
  }
  #casa_clima_home .dueterzi {
    width: 66.66%;
  }
  #build_slider .slick-prev {
    left: 16%;
  }
  #build_slider .slick-next {
    right: 16%;
  }
  .slick-prev:before,
  .slick-next:before {
    font-size: 90px;
  }
  /* pagina */
  .single_headline {
    padding: 15px 0 0 160px;
  }
  /* news : pagina blog */
  .lista_archvio h1 {
    font-size: 45px;
    padding: 40px 0 30px 0px;
  }
  .lista_archvio h1:after {
    width: 240px;
  }
  .newslist h3:after {
    width: 150px;
  }
  /* TEMPLATE storia */
  .page-template-page-storia .entry-content {
    padding: 25px 35px;
  }
  .single_storia {
    margin: 25px 2%;
  }
  .indice_storia {
    float: left;
    width: 26%;
  }
  .testo_storia {
    float: right;
    width: 68%;
  }
  .testo_storia h3 {
    font-size: 25px;
  }
  /* sidebar */
  .palazzina_vicinato li,
  .sidebar_gallery li {
    width: 22%;
  }
  /* footer */
  #footerMenu > ul {
    gap: 25px;
  }
  #footerMenu .sub-menu {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* footer */
  #contatti_footer {
    padding: 75px 0;
  }
  #contatti_footer h2 {
    padding: 0 60px;
  }
  #contatti_footer li {
    display: block;
  }
  #contatti_footer i {
    margin-right: 15px;
  }
  #contatti_footer form {
    margin-top: 0;
  }
  #contatti_footer .dueterzi {
    padding: 50px 0;
  }
  #contatti_footer .meta {
    width: 50%;
  }
  #footerMenu > ul {
    gap: 50px;
  }
  .flex_footer_logo {
    margin-right: 25px;
  }
  #list_dettagli,
  .sidebar_dettagli ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
  #costruiti_home h2 {
    margin: 0 60px 20px 60px;
  }
  /* appartamenti */
  .big_scheda .half {
    width: 45%;
    float: left;
  }
  .big_scheda .txt_scheda {
    width: 55%;
    float: right;
    padding: 15px 20px;
  }
}
@media only screen and (min-width: 780px) {
  /* sezione storia con animazione slider */
  #storia_home p {
    font-size: 15px;
  }
  .description_story {
    margin: 0;
  }
  .description_story p,
  .description_story h3 {
    float: none;
    clear: none;
    width: auto;
  }
  .indice_data,
  .indice_titolo {
    color: #000;
    background: none;
    display: inline;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
  }
  .indice_data:after {
    content: " | ";
  }
  #s_tabmenu {
    display: table;
    width: 100%;
    margin: 50px 0;
    padding-bottom: 50px;
    border-bottom: 2px solid #A9A9A9;
  }
  #s_tabmenu li {
    display: table-cell;
    position: relative;
  }
  #s_tabmenu li:after {
    content: "";
    border-left: 2px solid;
    position: absolute;
    left: 0;
    bottom: -63px;
    height: 24px;
  }
  #s_tabmenu a {
    color: #D0D0D0;
    line-height: 120%;
    -webkit-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
  }
  #s_tabmenu a:hover {
    color: #e58083;
  }
  #s_tabmenu a:hover span {
    color: #fff;
    background: none;
    -webkit-box-shadow: inset 300px 0 0 0 #D32C31;
            box-shadow: inset 300px 0 0 0 #D32C31;
  }
  #s_tabmenu b {
    font-size: 30px;
    display: block;
    font-weight: bold;
  }
  #s_tabmenu span {
    color: #fff;
    background: #A9A9A9;
    font-size: 15px;
    display: inline-block;
    padding: 8px 12px;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    height: auto;
    -webkit-box-shadow: inset 0 0 0 0 #D32C31;
            box-shadow: inset 0 0 0 0 #D32C31;
    -webkit-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
  }
  #s_tabmenu .select a {
    color: #a7a7a7;
  }
  #s_tabmenu .select span {
    background: #6B6B6B;
  }
  #s_tabmenu .select:after {
    border-left: 4px solid #000;
  }
  #s_tabcontent {
    position: relative;
    /*min-height: 150px;*/
    min-height: 100px;
    overflow: hidden;
  }
  .description_story {
    opacity: 0;
    -webkit-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
    position: absolute;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .description_story.view {
    opacity: 1;
    max-height: 1000px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}
@media only screen and (min-width: 880px) {
  /* header */
  #header > .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #header .tel {
    top: 10px;
    right: 10px;
  }
  /* homepage */
  .home section {
    padding: 75px 0;
  }
  #settori_home li {
    float: left;
    width: 25%;
    height: auto;
  }
  #settori_home li:nth-of-type(3n+1) {
    padding-right: 5%;
  }
  #settori_home li:nth-of-type(3n+2), #settori_home li:nth-of-type(3n+3) {
    padding: 0 3%;
  }
  #settori_home li:nth-of-type(3n+4) {
    padding-left: 5%;
  }
  #settori_home .wrapper {
    padding: 0 60px;
  }
  /* pagina */
  .single_headline {
    min-height: 115px;
    padding: 35px 0 0 0px;
  }
  .singlethumb {
    height: 500px;
  }
  /* preview */
  .page-template-preview-costruiti #subpages a {
    line-height: 55px;
  }
  .page-template-preview-costruiti #subpages span {
    padding: 0;
  }
  /* Template STORIA */
  .testo_storia h3 {
    font-size: 30px;
  }
  /* news: pagina blog */
  .lista_archvio li {
    width: 33.33%;
  }
  .lista_archvio li:nth-child(odd) {
    clear: none;
  }
  .lista_archvio li a {
    height: 310px;
  }
  #articolicorrelati li {
    width: 33.33333%;
    float: left;
    padding: 0;
  }
  #articolicorrelati li:nth-of-type(3n+1) {
    padding-right: 2%;
  }
  #articolicorrelati li:nth-of-type(3n+2) {
    padding: 0 1%;
  }
  #articolicorrelati li:nth-of-type(3n+3) {
    padding-left: 2%;
  }
  #articolicorrelati li:nth-of-type(3n+4) {
    clear: left;
  }
}
@media only screen and (max-width: 1023px) {
  #riassunto_home .wrapper {
    width: 100%;
  }
  #popup_form .form_img {
    display: none;
  }
  .ultima_notizia {
    display: none;
  }
  #locazioni_home .wrapper {
    width: 100%;
  }
  .menu-vendite ul {
    width: 90%;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper {
    width: 960px;
  }
  /* header */
  #header .tel {
    position: static;
  }
  /* pagina singola */
  #singlecontent, #singlenews {
    float: left;
    width: 73%;
    margin: 0 0 90px 0;
  }
  #sidebar {
    float: right;
    width: 24.5%;
    margin: 79px 0 0 0;
    clear: none;
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
    -webkit-column-gap: normal;
       -moz-column-gap: normal;
            column-gap: normal;
  }
  #menu-laterale li {
    width: auto;
    float: none;
  }
  /* struttura */
  .lameta {
    width: 55%;
  }
  .page-template-contatti .lameta {
    width: 50%;
  }
  /* homepage */
  #heroimg .herotxt {
    bottom: 80px;
    padding: 20px 30px;
    width: 66.6%;
  }
  #heroimg p, #heroimg i {
    font-size: 18px;
  }
  .home #heroimg p {
    font-size: 25px;
    margin: 10px 0;
  }
  #content #heroimg h2 {
    font-size: 55px;
  }
  .slick-prev:before,
  .slick-next:before {
    font-size: 120px;
  }
  /* slider COSTRUITI HOME*/
  #build_slider .slick-prev {
    left: 19%;
  }
  #build_slider .slick-next {
    right: 19%;
  }
  /* riassunto home */
  #riassunto_home {
    height: 360px;
  }
  #riassunto_home ul {
    margin-left: calc((100% - 960px) / 2);
  }
  #riassunto_home li {
    width: 25%;
    display: inline-block;
  }
  #riassunto_home h4 {
    font-size: 25px;
  }
  #riassunto_home a {
    height: 300px;
    padding: 50px 60px;
  }
  /* storia home */
  #storia_home {
    padding: 75px 60px;
  }
  #storia_home p {
    font-size: 18px;
  }
  /* locazione homepage */
  .absolutecontainer {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%;
  }
  #locazioni_home {
    height: 630px;
    padding: 35px 0 15px 0;
  }
  #locazioni_home h2 {
    padding: 0 60px;
  }
  #locazioni_home h3 {
    margin: 25px 0;
    padding: 0;
  }
  #locazioni_home .slider_locazioni {
    margin-top: 80px;
  }
  #locazioni_home .img-fill {
    width: 50%;
    padding-left: calc((100% - 960px) / 2);
    z-index: 1;
  }
  #locazioni_home .info {
    font-size: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 75%;
    margin: 0;
    padding: 0 30px;
    padding-right: calc((100% - 960px) / 2);
  }
  #locazioni_home .info .pulsante {
    position: absolute;
    bottom: 0px;
  }
  #locazioni_home .indirizzo {
    font-weight: 700;
    font-size: 14px;
  }
  #locazioni_home .slick-arrow {
    width: calc((100% - 960px) / 2);
  }
  #locazioni_home .slider_locazioni .NextArrow {
    border-width: 0 0 0 5px;
  }
  /* casa clima home */
  #casa_clima_home {
    padding: 75px 60px;
  }
  #casa_clima_home img {
    width: auto;
  }
  #casa_clima_home h2 {
    font-size: 45px;
  }
  #casa_clima_home h4 {
    font-size: 35px;
  }
  /* news home */
  #news_slider {
    margin-top: 50px;
  }
  /* scheda appartamento singolo */
  .sidebar_dettagli ul {
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
  }
  .sidebar_dettagli ul li {
    margin: 0 0 15px 0;
  }
  #popup_form {
    width: 960px;
    padding: 0px 90px 10px 90px;
    margin: 0;
  }
  #popup_form .form_txt {
    width: 320px;
    float: right;
    margin: 25px 50px 25px 0;
  }
  /* Preview COSTRUITI */
  .scheda .imgpost {
    height: 220px;
  }
  .scheda .imgpost img {
    top: -50%;
  }
  /* news: pagina blog */
  .lista_archvio li {
    width: 25%;
  }
  /* sidebar */
  .palazzina_vicinato li,
  .sidebar_gallery li {
    width: 44%;
    margin: 0% 4% 4% 2%;
  }
  .palazzina_vicinato li:nth-child(2n+1),
  .sidebar_gallery li:nth-child(2n+1) {
    margin: 0% 2% 4% 4%;
  }
  /* footer */
  #contatti_footer .dueterzi {
    width: 66.6%;
  }
  #footerMenu > ul {
    gap: 100px;
  }
  .flex_footer_logo {
    margin-right: 75px;
  }
}
@media only screen and (min-width: 1220px) {
  .wrapper {
    width: 1180px;
  }
  #sito {
    margin: 0 auto -225px;
    min-height: 100%;
  }
  #footer, #push {
    height: 225px;
  }
  #bottom_footer {
    height: 50px;
  }
  #top_footer {
    height: 70px;
  }
  /* header */
  #header .tel a:before {
    right: 10px;
  }
  /* homepage */
  #riassunto_home {
    height: 460px;
  }
  #riassunto_home ul {
    margin-left: calc((100% - 1180px) / 2);
  }
  #riassunto_home h4 {
    font-weight: 700;
    font-size: 32px;
  }
  #riassunto_home a {
    height: 400px;
  }
  /* storia home */
  #s_tabmenu span {
    font-size: 18px;
    padding: 12px 18px;
  }
  /* locazione homepage */
  #locazioni_home {
    height: 700px;
    padding: 75px 0 25px 0;
  }
  #locazioni_home .img-fill {
    padding-left: calc((100% - 1180px) / 2);
  }
  #locazioni_home .info {
    padding: 0 70px;
    padding-right: calc((100% - 1180px) / 2);
  }
  #locazioni_home .info .pulsante {
    padding: 0;
    width: 250px;
    height: 60px;
    line-height: 60px;
    bottom: 20px;
  }
  #locazioni_home .slick-arrow {
    width: calc((100% - 1180px) / 2);
  }
  /* Preview */
  .scheda .half {
    width: 50%;
    float: left;
  }
  .scheda .pulsante {
    position: absolute;
    width: auto;
  }
  /* Preview */
  .big_scheda .imgpost {
    height: 240px;
  }
  .big_scheda .txt_scheda {
    padding: 20px 60px;
  }
  .big_scheda .half {
    width: 45%;
  }
  .big_scheda .pulsante,
  .big_scheda .greybutton {
    position: static;
    padding: 0.5em 1em;
    margin: 0;
    width: 49%;
  }
  /* sidebar */
  .sidebar_dettagli {
    padding: 0px 45px;
  }
  .ultima_notizia .pulsante {
    margin: 20px 45px;
  }
}
@media only screen and (min-width: 1280px) {
  /* slider COSTRUITI HOME*/
  #build_slider .slick-prev {
    left: 28%;
  }
  #build_slider .slick-next {
    right: 28%;
  }
}
@media only screen and (min-width: 1420px) {
  #riassunto_home h4 {
    font-size: 35px;
  }
}
/*
div { border:1px solid red }
*/
/* Print style*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*# sourceMappingURL=style.css.map */