/*
Theme Name:         Sassi Piatti Villas
Theme URI:          http://www.sassipiattivillas.com
Version:            1.0.0
Author:             Papermoustache
Author URI:         http://www.papermoustache.com
*/

* {box-sizing: border-box; outline: none;}
a {transition: all 0.3s ease-in-out}
a, a:visited, a:active {color: black;}
a:hover {color: #716b63}
h1, h2, h3, h4, h5, h6, #menu, #menuResp {font-family: 'Open Sans', sans-serif;}
p:empty {display: none;}
body {font-family: 'EB Garamond', serif; font-size: 16px; line-height: 28px; color: #716b63}
.clear {clear: both;}
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99; }
#status { width: 200px; height: 200px; position: absolute; left: 50%;  top: 50%; background-image: url(img/status.gif);  background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px;}

#desktop {display: block}
#mobileMenu {display: none}
#page {padding: 0; box-sizing: content-box; max-width: 1400px; margin: 0 auto;}
#primary {overflow: hidden; width: 100%;}
#menuResp {padding-left: 30px; background-color: #fcfcfc; overflow-y: scroll;}
.panel {position: fixed; right: -15.625em; width: 15.625em; }
.wrap {position: relative;}
.block {width: 25%; float: left; padding: 5px; display: block; line-height: 0;}
.block.double, .block.doublestretch { width: 50% }
.block.fullsize {width: 100% }
.block {position: relative; display: block; overflow: hidden;}
.block img {z-index: 2; }
.block .overlay {position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; background-color: rgba(191, 47, 52, 0.8); color: white; text-align: center; transition: all 0.3s ease-in-out; border: 5px solid white;}
.block:hover .overlay {opacity: 1;}
.block.fullsize .overlay {border-top: 0px}
.block .overlay .intro, .block .overlay span {display: none;}
.block.fullsize .overlay .intro, .block.double .overlay .intro, .block.fullsize .overlay span, .block.double .overlay span {display: block}
.block .overlay .inner {width: 50%; margin: 0 auto;}
.block.single .overlay .inner {width: 80%; margin: 0 auto;}
.block .overlay {display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; display: flex; align-items: center; line-height: 24px; text-align: center;}
.block .overlay .title {font-family: "brandon-grotesque"; font-weight: 400; font-size: 36px; text-transform: uppercase; line-height: 36px;}
.block .overlay .intro {font-family: "museo-sans"; font-size: 16px; line-height: 22px; font-weight: 300;}
.block .overlay .intro p {margin: 0px;}
.block .overlay .divider {height: 1px; background-color: white; margin: 30px auto; width: 60px; }
.block.double .overlay .title {font-size: 32px;}
.block.doublestretch .overlay .title {font-size: 26px;}
.block.single .overlay .title {font-size: 22px;}
.packery, .header {max-width: 1200px; margin: 0 auto;}
.header {position: relative;}
header {position: fixed; top: 0; z-index: 9999; background-color: transparent; box-sizing: content-box; width: 100%; height: 160px; background-color: white}
header {border-bottom: 1px solid #bdb6a7}
.home header {border-bottom: 0px solid transparent}
.logo {padding: 30px 0;}
.site-branding {width: 190px; float: left;}
.logo svg {width: 190px; height: 100px;}
.home .packery .block:first-of-type {padding-top: 0;}
a.menu-link {color: #8e857c; font-size: 24px; width: auto; position: absolute; margin-right: 5px; top: 15px; text-decoration: none;}
a.menu-link:hover {color: #716b63}
a.menu-link.head:hover, a.menu-link.active.head {color: black}
a.menu-link.red {color: #716b63}
a.menu-link.red:hover {color: black;}
.home a.menu-link.red:hover {color: white;}
a.menu-link .fa {transition: all 0.3s ease-in-out;}
a.menu-link .fa-times {display: none;}
a.menu-link .fa-bars {display: block;}
a.menu-link.active .fa-times {display: block}
a.menu-link.active .fa-bars {display: none;}
.social a {text-decoration: none; color: #bdb6a7; width: 30px; height: 32px; padding: 64px 6px; position: relative; float: left; box-sizing: content-box; }
.social a:last-of-type {padding-right: 0px;}
.social a:first-of-type {padding-left: 0px;}
#menuDesk, #primary-menu, .social {float: right; display: block;}
#primary-menu {margin-right: 10px;}
#primary-menu a {color: #716b63; font-family: 'Open Sans'; text-transform: uppercase; font-size: 16px; text-decoration: none; font-weight: 300}
#primary-menu li.current-menu-item a {font-weight: 800;}
#primary-menu li {float: left; list-style: none; padding: 65px 16px;}
#primary-menu li.lang-item {padding: 65px 5px}
#mobile-menu {margin: 22px 0 0 0; padding: 0; overflow: hidden}
#mobile-menu.extra {margin-top: 6px;}
#mobile-menu li {list-style: none; text-transform: uppercase; font-size: 16px; line-height: 28px; font-weight: 400; float: left; clear: both}
#mobile-menu li a {text-decoration: none;}
#mobile-menu li:before {content: "•"; margin-right: 10px; color: #fcfcfc; line-height: 0; font-size: 32px;}
#mobile-menu li.current_page_item:before {content: "•"; margin-right: 10px; color: #716b63; line-height: 0; font-size: 32px;}
#bigSlide {max-width: 1200px; margin: 0 auto; }
.home #bigSlide {max-width: 1400px; margin: 0 auto; }
#intro {max-width: 600px; margin: 60px auto; text-align: center; color: #716b63}
#intro h2, #intro h5 {font-family: 'EB Garamond', serif;}
#intro h2 {font-size: 32px; font-weight: 400; line-height: 40px;}
#intro h5 {font-size: 20px; font-weight: 400; line-height: 32px;}
#media {max-width: 1200px; margin: 0 auto 60px; overflow: hidden; display: block; font-size: 13px; line-height: 21px; }
#media > div {float: left}
#media a {color: white; text-decoration: none;}
#media .bx-wrapper {width: 600px; float: left; height: 300px;}
#media .bx-wrapper .bx-viewport {top: 0;}
#media h4, #media p {margin-bottom: 5px; color: #8e857c;}
#media p:last-of-type {margin-bottom: 0px;}
.homeVille, .homeTerritorio {width: 300px; height: 300px; padding: 30px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; display: flex; align-items: center;}
.homeVille a, .homeTerritorio a {cursor: pointer; transition: all 0.3s ease-in-out;}
.homeVille a:hover, .homeTerritorio a:hover {opacity: 0.7;}
.homeVille img, .homeTerritorio img {width: 48px;}
.introVilla, .introTerritorio {max-width: 50%; margin: 30px auto 60px; text-align: center; position: relative; font-size: 18px; line-height: 30px;}
.introVilla h4, .introTerritorio h4 {text-transform: uppercase; display: inline-block; background-color: white; padding: 0 16px; margin-top: 0; position: relative; font-weight: 300}
.panorama { height: 300px; overflow-x: scroll; overflow-y: hidden;}
.panorama > img {height: auto; width: auto; max-width: none; transition: all 5s ease-in-out;}
.panorama > img:hover {transform: translateX(-800px)}
.dash {background-color:  #bdb6a7; position: absolute; width: 75%; height: 1px; top: 15px; right: 0; left: 0; margin: 0 auto;}
.contenuto {max-width: 1200px; margin: 30px auto; font-family: "Open sans", sans-serif; font-size: 15px; line-height: 23px; font-weight: 400;}
.contenuto p:first-of-type {margin-top: 0px;}
.servizi-v {-webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; font-size: 12px;}
.servizi-v img {width: 24px; height: 24px; float: left; margin-right: 12px;}
.servizi-v > div {clear: both; width: 100%; min-height: 24px;}
hr {width: 30%; height: 1px; background-color: #bdb6a7; margin: 40px auto;}
.hub {width: 100%; position: relative; overflow: hidden; margin-top: 63px;}
.hub .inner {max-width: 1200px; margin: 0 auto;}
.hub .inner h1 {text-transform: uppercase;}
.overlay {position: absolute; width: 100%; height: 100%; z-index: 2;}
.hub img {position: absolute; width: 100%; z-index: 1;}
.hub h1 {margin: 40px auto 0; text-align: center; z-index: 3; color: white; position: relative; font-size: 32px;}
.hub hr {max-width: 100px; height: 2px; margin: 30px auto 25px; background-color: white; display: block; position: relative; z-index: 3}
.introProd {padding: 0 0 40px 0; box-sizing: border-box; font-size: 14px; line-height: 27px; font-weight: 100; color: white; position: relative; z-index: 3; text-align: center; width: 80%; margin: 0 auto;}
.colSx {width: 50%; float: left; padding-right: 20px; box-sizing: border-box;}
.colDx {width: 50%; float: right; padding-left: 20px; box-sizing: border-box;}
.colDx h2 {text-transform: uppercase; font-weight: 400; margin-top: 0px;}
.half-wrap {width: 50%; box-sizing: border-box; float: left;}
.half-wrap:nth-of-type(2) {padding-right: 10px;}
.half-wrap:nth-of-type(3) {padding-left: 10px;}
.half-wrap:nth-of-type(4) {padding-right: 10px;}
.half-wrap:nth-of-type(5) {padding-left: 10px;}
.list-dropdown-wrap {padding-left: 10px;}
.list-dropdown-wrap select{ border: 1px solid #ccc; border-radius: 3px; overflow: hidden; background-color: white; height: 41px !important; line-height: 41px; color: #666;}
#ui-datepicker-div {font-family: "Open sans"; font-size: 13px; padding: 5px 20px}
.fourth-wrap {width: 25%; float: left; padding-right: 10px; box-sizing: border-box;}
.invia-wrap {width: 50%; margin: 0 auto;}
.prenota {text-align: center;}
.prenota svg {width: 48px; height: 48px;}
.prenota svg path {fill: #716b63}
.prenota p {width: 50%; margin: 0 auto; font-size: 13px;}
.territorio-v {background-color: #bdb6a7; color: #716b63; padding: 30px; transition: all 0.3s ease-in-out;}
.territorio-v:hover {background-color: #e6dbc4;}
.territorio-v a {color: #716b63; text-decoration: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; display: flex; align-items: center;}
.territorio-v svg {width: 73px; height: 48px; float: left}
.territorio-v svg path {fill: #716b63}
.territorio-v h4, .territorio-v p {float: left}
.territorio-v p {font-size: 13px;}
.desc {font-size: 14px; line-height: 27px; text-align: justify;}
.parallax-window { min-height: 400px; background: transparent; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; display: flex; align-items: center;}
.page-template-template-territorio #main > .testoTerritorio {max-width: 1200px; font-size: 15px; line-height: 25px;}
.page-template-template-territorio #main > .parallax-window > p {max-width: 800px; margin: 0 auto; font-size: 48px; line-height: 60px; left: 0; right: 0; top: 0; bottom: 0;}
.location {font-size: 32px; color: white; text-transform: uppercase; padding: 8px 16px; border: 5px solid white; margin: 0 auto; font-family: "Open sans"; font-weight: 800;}
.ville {position: relative; z-index: 1; z-index: 2;}
.villaSingola {display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; display: flex; align-items: center;}
.ville .location {font-size: 24px; color: white; text-transform: uppercase; padding: 8px 16px; border: 3px solid white; margin: 0 auto; font-family: "Open sans"; font-weight: 400;}
/* grid 2x2 */
/*
.ville:nth-of-type(even) {width: 50%; padding-right: 5px;}
.ville:nth-of-type(odd) {width: 50%; padding-left: 5px;}
*/
/* grid 1x1 */
.ville {width: 100%; padding: 0}
.ville a {text-decoration: none; }
.ville a.outer {display: block; background-color: #bdb6a7;}
.ville .villaSingola {transition: all 0.3s ease-in-out; height: 600px;}
.ville a:hover .villaSingola {opacity: 0.8;}
.infoVilla {text-align: center;}
.infoVilla img {width: 24px; height: 24px; position: relative; top: 8px;}
.testoTerritorio {-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; margin: 60px auto; clear: both;}
.testoTerritorio p {white-space: normal; margin: 0px; -webkit-column-break-inside: avoid; column-break-inside: avoid; padding-bottom: 20px;}
.ville {position: relative; float: left; margin-bottom: 10px;}
.back {background-color: white; font-size: 11px; font-weight: 800; position: absolute; top: 17px; padding: 0 10px 0 0; font-family: "brandon-grotesque";}
.back a {text-decoration: none; color: #000000; transition: all 0.3s ease-in-out}
.back a:hover {color: #716b63}
blockquote {font-size: 36px; line-height: 36px; font-style: italic; margin: 0px; font-family: 'EB Garamond', serif;}
blockquote > p {margin-bottom: 30px;}
.owl-nav {position: absolute; top: 0px; width: 100%; padding: 5px;}
.owl-nav > div {background-color: rgba(255, 255, 255, 0.3); padding: 10px; width: 36px; height: 36px; line-height: 16px; transition: all 0.3s ease-in-out}
.owl-nav > div:hover {background-color: white; color: #716b63}
.owl-prev {float: left;}
.owl-next {float: right;}
.meta {font-size: 11px; line-height: 16px; float: left; width: 60%}
.meta h4 {font-size: 16px; text-transform: uppercase; margin: 0 0 8px;}
.meta span {font-weight: 800;}
.bx-wrapper {margin-bottom: 0px;}
ul.bxslider {margin: 0px; padding: 0px;}
.bx-wrapper img {width: 100%;}
.bx-wrapper .bx-viewport {left: 0px; box-shadow: 0 0 0 transparent; border: 0px solid; background-color: transparent; top: -23px;}
.bx-controls-direction {position: absolute; width: 100%; padding: 5px; height: 36px; top: calc(100% / 2 - 18px);}
.bx-wrapper .bx-controls-direction a {background: none; text-indent: 0; text-decoration: none; padding: 0; width: 36px; height: 36px; line-height: 9px; transition: all 0.3s ease-in-out; margin-top: 0; top: auto; text-align: center; border-radius: 100%; font-size: 36px; color: white;}
.bx-wrapper .bx-next {right: 5px;}
.bx-wrapper .bx-prev {left: 5px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 0; position: relative; text-align: left;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color: #dddddd}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #716b63}
.bx-wrapper .bx-controls-direction a {z-index: 998}
#primary.sided {width: 70%; padding-right: 30px; box-sizing: border-box; float: left;}
#secondary {float: left; width: 30%;}
.news:last-of-type hr {margin-bottom: 15px !important;}
.news h2 {font-family: "museo-sans"; font-weight: 100; font-size: 18px; padding: 8px 5px 8px 15px; margin-top: 0px; margin-bottom: 0;}
.news h2 a {text-decoration: none; color: white;}
.news .content {font-size: 15px; line-height: 26px; padding: 0 15px}
.news > .std h2 {background-color: #313540;}
.news > .dlc h2 {background-color: #49c3d4;}
.news > .gallery h2 {background-color: #e6415c;}
.news > .video h2 {background-color: #864789;}
.news.std hr {background-color: #313540;}
.news.dlc hr {background-color: #49c3d4;}
.news.gallery hr {background-color: #e6415c;}
.news.video hr {background-color: #864789;}
.news .info {background-color: #f2f2f2; color: #111111; padding: 3px 15px; margin: 0px; font-size: 12px;}
.news .info span, .news .info a {font-weight: 800;}
.ssba {float: right; border-radius: 6px !important; margin-top: -1px;}
#newsWidget h5, #secondary h5 {margin-top: 0; margin-bottom: 5px;}
li.video {background: transparent url(img/videoIcon.png) no-repeat left 3px; padding-left: 32px;}
li.gallery {background: transparent url(img/galleryIcon.png) no-repeat left 3px; padding-left: 32px; margin-bottom: 0}
li.news {background: transparent url(img/newsIcon.png) no-repeat left 3px; padding-left: 32px;}
li.dlc {background: transparent url(img/dlcIcon.png) no-repeat left 3px; padding-left: 32px;}
.widget {margin-bottom: 30px;}
.select-style { border: 0 px solid #ccc; width: 100%; border-radius: 3px; overflow: hidden; background: #fafafa url("img/downIcon.png") no-repeat right 50%; height: 40px; line-height: 40px;}
.select-style select { padding: 5px 8px; width: 105%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.nav-links a {text-decoration: none; font-size: 11px; font-weight: 800; background-color: #f2f2f2; color: #222222; transition: all 0.3s ease-in-out; padding: 6px 12px; border-radius: 3px;}
.nav-links a:hover {background-color: #cccccc;}
input[type="search"] {border: 0px; background-color: #f2f2f2; height: 40px; padding: 5px 8px; box-sizing: border-box; color: #222222; font-size: 16px; width: 99%;}
input[type="submit"] {border: 0px; background-color: #dddddd; box-shadow: none; text-shadow: none; color: #222222; height: 40px; width: 20%; float: right;}
input[type="submit"]:active, input[type="submit"]:hover {background-color: #cccccc; box-shadow: none;}
.searchform form {overflow: hidden;}
.searchform label {display: block; width: 80%; float: left;}
.page-header {width: 100%; position: relative; background-color: #eeeeee;}
.page-header h4 {max-width: 1200px; margin: 0 auto; color: #222222; display: block; position: relative; padding: 0 5px; text-transform: uppercase; font-weight: 900; height: 60px; line-height: 60px;}
.archive .page-header h4 span {font-weight: 300}
.search .page-header h4 span, .search p span {font-weight: 900}
.search .page-header h4 {font-weight: 300}
.search #secondary, .archive #secondary {margin-top: 40px !important;}
.page-header h4 small {font-size: 11px; font-weight: 800; float: right;}
.page-header h4 small a {text-decoration: none; padding: 5px 8px; border: 1px solid #eeeeee; border-radius: 3px; transition: all 0.3s linear;}
.page-header h4 small a:hover {border-color: #222222; color: #222222;}
.error404 .fourohfour h1 {font-size: 96px; line-height: 96px; margin: 40px 0 10px 0;}
.error404 .fourohfour > * {text-align: center; width: 100%;}
ul, ol {padding-left: 0; margin-left: 15px}
.page-template-template-catalogo-php .date {position: absolute; right: 10px; bottom: 10px; background-color: #716b63; color: white; font-size: 12px; font-weight: 900; padding: 6px; line-height: 10px; height: 20px; }
.page-template-template-catalogo-php .release {position: absolute; right: 10px; bottom: 30px; background-color: white; color: #111111; font-size: 12px; font-weight: 900; padding: 6px; line-height: 10px; height: 20px;}
.publisherBlock {width: 25%; display: block; float: left; }
.publisherBlock img {padding: 5px; filter: none; -webkit-filter: grayscale(0%); transition: all 0.3s ease-in-out;}
.publisherBlock img:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}
.outro {text-align: center;}
.ninja-forms-required-items {display: none;}
.nf-modal-content {padding: 30px 40px !important;}
.nf-modal {box-shadow: 0px 0px 0px black !important; border-radius: 3px !important; padding: 0px !important; height: auto !important}
.nf-modal-content {border-radius: 3px !important;}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {width: 100% !important; font-size: 13px; padding: 10px; font-weight: 800;}
.nf-modal a.close-modal {padding: 15px !important;}
.ninja-forms-cont input[type="submit"] {text-transform: uppercase;}
.jquery-modal.blocker {background-color: rgb(160,46,46) !important;}
.nf-modal a.close-modal:hover {background-color: transparent !important; color: #716b63 !important}
.ninja-forms-form-wrap input[type="checkbox"] {width: auto !important}
.checkbox-wrap .ninja-forms-field-description p {margin-bottom: 3px !important}
.ninja-forms-error-msg {display: none !important;}
.ninja-forms-cont .fifty-wrap {width: 49%; float: right}
.ninja-forms-cont .fifty-wrap#ninja_forms_field_6_div_wrap {float: left;}
.nf-modal-content {height: auto !important;}
#famiglia {width: 100%; margin-bottom: 60px; display: block; float: left; position: relative;}
#famiglia:last-of-type {margin-bottom: 0px;}
#famiglia:nth-of-type(1) {margin-top: 30px;}
#famiglia .divider {position: absolute; height: 1px; border-bottom: 1px solid black; width: 100%; top: 33px; z-index: 1;}
#famiglia h2 {text-align: center; position: relative; float: left; background-color: white; padding-right: 10px; z-index: 2;}
#famiglia .accessori {width: 25%; padding: 0 20px 20px; box-sizing: border-box; float: left; text-align: center;}
#famiglia .accessori a {display: block;}
#famiglia .accessori:nth-of-type(4n+1) {clear: both;}
#famiglia .piattaforma {font-size: 12px; line-height: 14px; margin-bottom: 5px;}
#famiglia .nomeAcc {text-transform: uppercase; font-size: 14px; font-weight: 800; line-height: 18px;}
.single-accessori .gamelifeShop {width: 100%; text-align: left; float: left; margin: 20px 0 5px 0;}
footer {background-color: black; padding: 10px 0; color: white; margin-top: 40px; font-size: 12px; position: relative;}
.home footer {margin-top: 0}
footer .footer {max-width: 1200px; margin: 0 auto; position: relative}
.copyright {padding-left: 5px;}
.acf-map iframe { width: 100%; height: 600px; border: white solid 0px; margin: 0; }
.acf-map img { max-width: inherit !important }
.pprm { width: 26px; height: 20px; display: block; position: absolute; bottom: 4px; right: 5px; }
.pprm a { text-decoration: none; display: block; width: 26px; height: 20px; }
#contents .mix {display: none;}
.filterbox {padding: 0 5px; width: 415px; margin: 0 auto;}
.page-id-1171 .filterbox {width: 450px;}
.mportfoliobox-med {width: 25%; padding: 5px; box-sizing: border-box; float: left;}
.mportfoliobox-med:hover {opacity: 0.7;}
button.filter {background-color: transparent; border: 1px solid #bdb6a7; border-radius: 3px; color: #716b63; text-transform: uppercase; font-size: 12px; transition: all 0.3s ease-in-out; text-shadow: none;}
button.filter:hover, button.filter.active {background-color: #bdb6a7; color: white; border-color: #bdb6a7; box-shadow: 0 0 0 transparent;}
.mportfoliobox-med a {text-decoration: none; text-align: center; display: block;}
.mportfoliobox-med a .nome {padding: 5px 10px; margin-top: -6px; font-size: 11px; color: white; text-transform: uppercase; font-weight: 800;}
.mportfoliobox-med a .luogo {background-color: #46abe1}
.mportfoliobox-med a .attivita {background-color: #74a290}
.mportfoliobox-med a .cibo {background-color: #297356}
.logo a {display: block}
.testata {max-width: 1920px; margin: 0 auto;}
.contenuto.referral {max-width: 740px; margin: 0 auto; font-weight: 100; font-style: italic;}
.contenuto.referral li {font-size: 16px; line-height: 32px; text-align: center; padding: 0 40px; opacity: 0.3}
.contenuto.referral li.active-slide {opacity: 1}
.contenuto.referral li span {font-weight: 800; font-size: 11px; text-transform: uppercase; font-style: normal;}
.contenuto.referral .bx-wrapper .bx-pager {text-align: center; position: absolute; top: -75px; margin: 0 auto; left: 0; right: 0; height: 30px;}
.contenuto.referral .bx-viewport {overflow: visible !important;}
.tramula-en .privatepool, .tramula .piscinaprivata {display: none}
.cc-revoke {display: none}

@-webkit-keyframes wiggle {
	0% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
	50% { -webkit-transform: rotateZ(-4deg); -webkit-transform-origin: center top; transform: rotateZ(-4deg); transform-origin: center top; }
	100% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
}
@keyframes wiggle {
	0% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
	50% { -webkit-transform: rotateZ(-4deg); -webkit-transform-origin: center top; transform: rotateZ(-4deg); transform-origin: center top; }
	100% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
}
.pprm:hover { -webkit-animation-name: wiggle; -webkit-animation-duration: .3s; -webkit-animation-iteration-count: 4; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: wiggle; -moz-animation-duration: .3s; -moz-animation-iteration-count: 4; -moz-animation-timing-function: ease-in-out; -ms-animation-name: wiggle; -ms-animation-duration: .3s; -ms-animation-iteration-count: 4; -ms-animation-timing-function: ease-in-out; -o-animation-name: wiggle; -o-animation-duration: .3s; -o-animation-iteration-count: 4; -o-animation-timing-function: ease-in-out; animation-name: wiggle; animation-duration: .3s; animation-iteration-count: 4; animation-timing-function: ease-in-out; z-index: 9999; }

@media only screen and (max-width: 1400px) {
	#page {padding: 0;}
	.logo {padding-left: 0px}
	a.menu-link {margin-right: 30px;}
	.pprm {right: 30px;}
	.copyright {padding-left: 30px;}
	.page-header h4 {padding: 0 30px;}
}

@media only screen and (max-width: 1199px) {
	#media {max-width: 1024px;}
	#media .bx-wrapper {width: 50%; height: 256px}
	.homeVille, .homeTerritorio {height: 256px; width: 25%;}
	header {overflow: hidden; padding: 0 40px; box-sizing: border-box;}
	a.menu-link {top: 53px}
	.contenuto {max-width: 1024px; padding: 0 10px; box-sizing: border-box; overflow: hidden}
	.bx-wrapper .bx-viewport {top: 0;}
}

@media only screen and (max-width: 1023px) {
	#media {max-width: 600px;}
	#media .bx-wrapper {width: 100%; height: 300px}
	.homeVille, .homeTerritorio {height: 300px; width: 50%;}
	#desktop {display: none;}
	#mobileMenu {display: block;}
	header {height: 130px; overflow: visible;}
	.logo {padding: 15px 0;}
	#mobileMenu #menu {background-color: #716b63;}
	#mobileMenu ul {top: 48px; float: left; position: relative;}
	#mobileMenu li {float: none; list-style: none; padding: 5px 0;}
	#mobileMenu li a {color: white;}
	.contenuto {max-width: 660px; padding: 0 10px; box-sizing: border-box; overflow: hidden;}
	.colSx, .colDx {width: 100%; float: none}
	.home #bigSlide, #page {margin-top: 130px !important;}
	.page-template-template-referral #bigSlide, #page {margin-top: 50px !important;}
	.panorama {display: none;}
	#mobileMenu li.lang-item {float: left; padding: 0 15px 0 0 }
	.ville .villaSingola {height: 400px;}
}

@media only screen and (max-width: 767px) {
	#desktop {display: none}
	#mobileMenu {display: block}
	.logo svg {width: 65%; height: auto;}
	#page {padding: 0;}
	.home #page {padding: 0 5px;}
	a.menu-link {margin-right: 10px;}
	.pprm {right: 5px;}
	.copyright {padding-left: 5px;}
	.page-header h4 {padding: 0 5px;}
	.block.double, .block.doublestretch {width: 100%;}
	.introProd {padding: 0 30px 30px 30px; font-size: 15px; line-height: 27px; font-weight: 100; color: white; position: relative; z-index: 3;-webkit-columns: 1; -moz-columns: 1; columns: 1; width: 90%;}
	#singleAcc.colSx {width: 70%; float: left; clear: none;}
	#singleAcc.colDx {width: 30%; float: left; clear: none;}
	#singleAcc.colDx h2 {display: block;}
	.colSx, .colDx {width: 100%; clear: both; padding: 0px !important}
	.colDx h2 {display: none;}
	.colDx {margin-top: 30px;}
	#primary.sided {width: 100%; float: left; padding-right: 0px;}
	#secondary {float: left; width: 100%;}
	#secondary .widget {width: 33.3334%; float: left; padding: 0 10px; }
	#secondary .widget:first-of-type {padding-left: 0px;}
	#secondary .widget:last-of-type {padding-right: 0px;}
	.searchform label {width: 75%;}
	input[type="submit"] {width: 25%;}
	.page-template-template-news-php #primary {margin-top: 10px !important;}
	.news .content {padding: 0}
	.news h2 {font-size: 15px;}
	.page-header h4 {text-align: center;}
	.search .widget:nth-of-type(2), .search .widget:nth-of-type(3) {display: none;}
	.search #primary, .archive #primary {margin-top: 10px !important;}
	.ninja-forms-cont .fifty-wrap {width: 100%; float: none;}
	.copyright {text-align: center; margin-bottom: 10px; line-height: 17px; padding: 0 20px;}
	.pprm {position: relative; left: auto; right: auto; margin: 0 auto; bottom: auto;}
	#famiglia .accessori {width: 50%; padding: 0 20px 20px; box-sizing: border-box; float: left; text-align: center;}
	#famiglia .accessori:nth-of-type(2n+1) {clear: both;}
	.nf-modal.modal {top: 10px !important; margin-top: 0 !important; height: calc(100vh - 20px) !important; overflow: scroll !important; width: 80%;}
	.single-accessori .gamelifeShop {text-align: center;}
	#singleAcc.colSx, #singleAcc.colDx {width: 100%; text-align: center;}
	#singleAcc.colSx .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {text-align: center;}
	#singleAcc.colDx .desc, #singleAcc.colDx .meta {text-align: center;}
	.home .packery .block img {width: 100%;}
	.introVilla, .introTerritorio {max-width: 90%; font-size: 15px; line-height: 26px;}
	.contenuto {max-width: 640px; padding: 0 30px; box-sizing: border-box; overflow: hidden;}
	blockquote {font-size: 24px; line-height: 26px;}
	.contenuto {font-size: 13px; line-height: 21px;}
	.ville .villaSingola {height: 300px;}
}

@media only screen and (max-width: 640px) {
	#secondary .widget {width: 100%;}
	.searchform label {width: 80%;}
	input[type="submit"] {width: 20%;}
	#secondary .widget {padding: 0}
	.posts-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-next, .post-navigation .nav-next {width: 100%; }
	.nav-links a {display: block; margin-bottom: 5px; text-align: center;}
	.home #intro {margin: 30px auto; padding: 10px; box-sizing: border-box;}
	#media .bx-wrapper {width: 100%; height: auto}
	.homeVille, .homeTerritorio {height: 240px;}
	.ville, .ville:nth-of-type(even), .ville:nth-of-type(odd) {width: 100%; padding: 0; margin-bottom: 10px;}
	.ville .villaSingola {height: 300px !important; overflow: hidden; background-position-y: center;}
	.mportfoliobox-med {width: 50%;}
	.territorio-v {padding: 10px;}
	.territorio-v h4 {padding: 0 30px 0 10px !important;}
}

@media only screen and (max-width: 480px) {
	.publisherBlock {width: 100%; display: block; margin-bottom: 10px }
	.publisherBlock img {padding: 0px;}
	#famiglia .accessori {width: 100%; padding: 0 0 20px;}
	.filterbox {width: 292px; padding: 0;}
	button.filter {font-size: 10px; padding: 4px;}

}