/*
Theme Name:         OV
Theme URI:          http://www.origamivideography.it
Version:            1.1.6
Author:             Papermoustache
Author URI:         http://www.papermoustache.com
*/

/* general */
* {box-sizing: border-box; outline: 1px solid transparent !important; -webkit-backface-visibility: hidden;}
a {transition: all 0.3s ease-in-out}
a, a:visited, a:active {color: #333;}
.current_page_item a, a:hover {color: #a4c63d}
p {line-height: 24px}
h1, h2, h3, h4, h5, h6 {display: block; text-transform: uppercase}
h1 {font-size: 48px; line-height: 48px}
h2 {font-size: 32px; line-height: 32px;}
h3 {font-size: 27px; line-height: 27px;}
h4 {font-size: 21px; line-height: 21px;}
h1, h2, h3, h4, h5, h6, #menu {font-family: "brandon-grotesque";}
body {font-family: "museo-sans"; font-size: 15px; line-height: 24px; background: white url('img/geometry2.png') repeat;}
.verde--chiaro {background-color: #ffff35; color: white}
.verde {background-color: #a4c63d; color: white}
.verde--scuro {background-color: #0e9814; color: white}
.verde--op {background-color: #eaf8ea; color: #666666}
#main {width: 100%; max-width: 1600px; margin: 0 auto; display: block; overflow: hidden; background-color: white}
.home #main {background-color: transparent}
.valign {position: relative; top: 50%; transform: translateY(-50%);}

/* packery */
#servizi.packery {background-color: #ecf6ea}
.full {width: 100%;}
.half {width: 50%; float: left;}
.third {width: 33%; float: left;}
.fourth {width: 25%; float: left;}
.clear {clear: both;}
#primary {overflow: hidden;}
#menu {padding-left: 30px; background-color: #fcfcfc;}
.panel {position: fixed; right: -300px; width: 300px; }
.wrap {position: relative;}
.block {width: 25%; float: left; display: block; line-height: 0;}
.fullsize {width: 100% }
.block {position: relative; display: block; overflow: hidden;}
.block > a.image {display: block; overflow: hidden;}
.block img {z-index: 2; }
.block .overlay {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(14, 153, 21, 0.5); color: white; text-align: center; transition: background 0.3s ease-in-out}
.servizio:nth-of-type(3) .overlay {background-color: rgba(138, 174, 101, 0.5)}
.servizio:nth-of-type(4) .overlay {background-color: rgba(102, 102, 102, 0.5)}
.block .overlay:hover {background-color: rgba(14, 153, 21, 0.8);}
.servizio:nth-of-type(3) .overlay:hover {background-color: rgba(138, 174, 101, 0.8)}
.servizio:nth-of-type(4) .overlay:hover {background-color: rgba(102, 102, 102, 0.8)}
.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 {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: 900; font-size: 21px; text-transform: uppercase; line-height: 21px; padding: 6px 30px; border-radius: 3px; border: 2px solid white;}
.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;}
.packeryTitle {background-color: rgba(0, 0, 0, 0.2); text-align: center; height: 30px; font-weight: 700; font-size: 13px; line-height: 30px; color: white !important; text-decoration: none; text-transform: uppercase; display: none; position: absolute; right: 15px; bottom: 15px; padding: 0 20px; white-space: nowrap;}
.packeryTitle:hover {color: white !important;}
.packery, .header {max-width: 1600px; margin: 0 auto; position: relative}
video.paused {cursor: url(img/play.png), auto;}
video.playing {cursor: url(img/pause.png), auto;}

/* header + menu */
header.scrollingbg {background-color: rgba(165, 199, 62, 0.9)}
header.scrollingbg.green {background-color: rgba(165, 199, 62, 0.9)}
header.scrollingbg.white {background-color: rgba(255, 255, 255, 0.9)}
header.scrollingbg.black {background-color: rgba(0, 0, 0, 0.9)}
header {position: fixed; top: 0; z-index: 99; width: calc(100% - 10px); padding: 0 5px; background-color: transparent; box-sizing: content-box; transition: all 0.3s ease-in-out;}
.logo {padding: 19px 0 0 19px;}
.site-branding {width: 300px; height: 100px;}
.logo img {width: 240px; height: 62px;}
.packery .block.fullsize:first-of-type {padding-top: 0;}
a.menu-link {color: #a4c63d; font-size: 24px; width: auto; position: absolute; margin-right: 5px; text-decoration: none; margin-top: calc((100px - 24px) / 2); top: 0}
a.menu-link {margin-right: 20px;}
a.menu-link:hover {color: black}
a.menu-link.head:hover, a.menu-link.active.head {color: black}
a.menu-link.green {color: #a4c63d}
a.menu-link.green:hover {color: black;}
a.menu-link.white {color: white}
a.menu-link.white:hover {color: black;}
a.menu-link.black {color: black}
a.menu-link.black:hover {color: #a4c63d;}
a.menu-link.green.bordo, a.menu-link.black.bordo {padding: 5px 7px; border-radius: 3px; background-color: white;}
a.menu-link.white.bordo {background-color: black;}
a.menu-link.green.bordo:hover, a.menu-link.black.bordo:hover {background-color: #0e9814;}
a.menu-link.white.bordo:hover {background-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;}
#primary-menu {margin: 10px 0 0 0; padding: 0; overflow: hidden}
#primary-menu ul {margin: 0; padding: 0;}
#primary-menu.extra {margin-top: 0px;}
#primary-menu li {list-style: none; text-transform: uppercase; font-size: 14px; line-height: 28px; font-weight: 700; float: left; clear: both}
#primary-menu li a {text-decoration: none;}
#primary-menu .sub-menu li:before {content: '¬'; color: #666; font-size: 18px; transform: rotate(180deg); display: inline-block; transition: color 0.3s ease-in-out}
#primary-menu .sub-menu li:hover:before {color: #a4c63d;}
#primary-menu li:before {content: "•"; margin-right: 10px; color: #fcfcfc; line-height: 0; font-size: 32px;}
#primary-menu li.current_page_item {font-weight: 900}
#primary-menu li.current_page_item:before {content: "•"; margin-right: 10px; color: #a4c63d; line-height: 0; font-size: 32px; transform: rotate(0deg)}
#menu ul li ul {margin-left: 30px}
.langswitch {list-style: none; left: 0; margin: 20px 0 0 0; padding-left: 24px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; clear: both}
.langswitch a {text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: 400;}
.langMenu {position: absolute; right: 22px; top: 10px; list-style: none;}

/* menu noHref */
.page-item-54 > a, .page-item-332 > a {cursor: default}
.page-item-54 > a:hover, .page-item-332 > a:hover {color: black}

/* testata */
.testata {position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 1600px; position: relative; z-index: 0; max-height: 300px;}
.testata img {width: 100%; height: 300px; position: relative; z-index: 0}
.testata .header--overlay {background-color: rgba(14, 153, 21, 0.3); position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: 0; width: 100%; height: 100%;}

/* video controls */
video::-webkit-media-controls-fullscreen-button {display: none !important;}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {display: none !important;}
video::-webkit-media-controls-current-time-display{display: none !important;}
video::-webkit-media-controls-time-remaining-display {display: none !important;}
video::-webkit-media-controls-mute-button {display: none !important;}
video::-webkit-media-controls-toggle-closed-captions-button {display: none !important;}
video::-webkit-media-controls-volume-slider {display: none !important;}

/* home */
#cta, #contatti {text-align: center; padding: 80px 160px; margin-top: -10px}
#contatti {margin-top: 0}
#cta > div, #contatti > div {margin: 0 auto; font-size: 18px;}
#cta h2 {margin: 0 0 10px 0; font-weight: 100}
#cta h2:nth-of-type(2) {margin-bottom: 20px;}
#cta h2 span {color: #0e9814; font-weight: 900}
#servizi .intro img {position: relative; z-index: 0;}
#servizi .intro > div {position: absolute; text-align: center; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%}
#servizi h4 {margin: 0 0 10px 0; font-weight: 400}
#servizi h4:nth-of-type(2) {margin-bottom: 20px;}
#servizi h4 span {color: #0e9814; font-weight: 900}
#servizi p:last-of-type {margin-bottom: 0}
#infografica {padding: 80px 0; background: transparent; overflow: hidden;}
.sixth {position: relative; width: 20%; overflow: hidden; float: left}
.empty {width: 10%}
.sixth:before {content: ''; display: block; padding-top: 100%;}
.sixth .inner {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; color: #444444; line-height: 28px; background-color: #0e9814; width: 80%; height: 80%; margin: 20px; border-radius: 100%; box-shadow: 0px 0px 5px #ddd;}
.sixth .inner > div {padding: 30px;}
.sixth:nth-of-type(2) .inner {background-color: #a4c63d}
.sixth:nth-of-type(3) .inner {background-color: #bad66e}
.sixth:nth-of-type(4) .inner {background-color: #d0e7aa}
.sixth:nth-of-type(5) .inner {background-color: #e6f7e7}
.sixth .inner.smaller {position: absolute; width: 76%; height: 76%; border: 1px solid #444444; background-color: transparent; top: 2%; bottom: 2%; right: 2%; left: 2%;}
.sixth .fa {font-size: 28px;}
.inf--numero::before {content: "— "; font-weight: 400}
.inf--numero::after {content: " —"; font-weight: 400}
.inf--numero {font-size: 28px; margin: 10px 0; font-family: "brandon-grotesque"; font-weight: 900}
.inf--testo {font-size: 13px; line-height: 18px;}
#contatti {position: relative; overflow: hidden; color: white}
#contatti > div {z-index: 1; position: relative}
#contatti > .overlay {background-color: rgba(51, 51, 51, 0.8); z-index: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
#contatti h2 {margin: 0 0 10px 0; font-weight: 100; z-index: 1; position: relative; color: white}
#contatti h2 span {color: #ffff35; font-weight: 900;}
#contatti a {color: #ffff35; font-weight: 900; text-decoration: none; font-size: 15px; padding: 6px 30px; transition: all 0.3s ease-in-out; border: 3px solid #ffff35; border-radius: 3px}
#contatti a:hover {background-color: #ffff35; border-radius: 3px; color: black;}
.contatti--btn {text-transform: lowercase}

/* about */
#intro {text-align: left; padding: 80px 160px; margin-top: -10px; display: block; overflow: hidden}
#intro p:first-of-type {margin-top: 0}
#intro > div, #contatti > div {margin: 0 auto; font-size: 16px;}
#intro h2 {margin: 0 0 40px 0; font-weight: 100}
#intro h2:nth-of-type(2) {margin-bottom: 20px;}
#intro h2 span {color: #0e9814; font-weight: 900}
#intro p {line-height: 32px;}
#intro p:last-of-type {margin-bottom: 0}
#about {float: right; width: 40%}
#about .about {padding: 10px; text-align: center; width: 100%}
#about img {border-radius: 100%;}
#about .about--testo h4 {margin: 5px 0}
#about .about--testo p, .both p {font-size: 14px; line-height: 23px !important; margin: 0 0 5px 0}
#about .both {padding: 20px 40px; border: 1px solid #333}
#social {display: inline-block; margin-top: 10px;}
#social a {display: block; text-decoration: none; float: left; overflow: hidden; font-size: 21px; color: #404040; padding: 0 5px;}
#social a:hover {color: #a4c63d}
#portfolio h3 {padding: 80px 160px; text-align: center; font-weight: 900; font-size: 16px;}
#extra {text-align: center; padding: 40px 160px; background-color: #333333; color: white; clear: both; display: block}
#outro {padding: 80px 0;}
#preventivo {padding-top: 80px;}
#preventivo .block {min-height: 320px; transition: all 0.3s linear; border: 5px solid white; border-radius: 3px; overflow: hidden}
#preventivo .overlay {transition: all 0.3s linear}
#preventivo .block:hover, #preventivo .block:hover .overlay {border-radius: 100%;}
#preventivo.packery {max-width: 1280px;}
#preventivo .testo {z-index: 2; color: white; padding: 40px; text-align: center; font-size: 14px; line-height: 21px;}
#preventivo p {line-height: 21px;}
#preventivo .testo strong {font-size: 18px; line-height: 24px;}
#preventivo .testo a {color: #ffff35}
#preventivo .testo a:hover {color: #a4c63d}
.page-template-template-about .testata, .page-template-template-contatti .testata, .page-template-template-listino .testata, .page-template-template-listinoFamily .testata {max-height: none;}
.page-template-template-about .testata img, .page-template-template-contatti .testata img, .page-template-template-listino .testata img, .page-template-template-listinoFamily .testata img {height: auto;}
.colSx {width: 55%; float: left}
.page-template-template-listino .colSx, .page-template-template-listino .colDx {width: 48.5%; float: left; display: block; margin-bottom: 30px !important; padding: 40px; border: 1px solid black; background-color: rgba(255, 255, 255, 0.5)}
.page-template-template-listinoFamily .familyCol {width: 60%; float: left;}
.page-template-template-listinoFamily .cols {width: 31%; float: right; display: block; margin: 0 1%; padding: 40px; border: 1px solid black; background-color: rgba(255, 255, 255, 0.5)}
.page-template-template-listino .colSx, .page-template-template-listino .colDx, .page-template-template-listinoFamily .colSx, .page-template-template-listinoFamily .colDx {width: 48.5%; float: left; display: block; margin-bottom: 30px !important; padding: 40px; border: 1px solid black; background-color: rgba(255, 255, 255, 0.5)}
.page-template-template-listino .colDx, .page-template-template-listinoFamily .colDx {float: right}
.page-template-template-listino .colSx h3, .page-template-template-listino .colDx h3, .page-template-template-listinoFamily .colSx h3, .page-template-template-listinoFamily .colDx h3 {margin-bottom: 5px; margin-top: 0}
.page-template-template-listino h5,.page-template-template-listinoFamily h5 {margin-top: 0px;}
.page-template-template-listino .listino p, .page-template-template-listinoFamily .listino p {font-size: 15px; line-height: 26px !important;}
.page-template-template-listino .listino p:last-of-type, .page-template-template-listinoFamily .listino p:last-of-type {margin-bottom: 0}
/* .page-template-template-listino #intro.testo p, .page-template-template-listino #intro.testo h2, .page-template-template-listino #intro.testo h3 {padding: 0 100px} */
.page-template-template-listino #intro,.page-template-template-listinoFamily #intro {padding: 80px 120px;}
.page-template-template-listino #intro.testo .gallery,.page-template-template-listinoFamily #intro.testo .gallery {margin: 20px -200px}
.page-template-template-listino #intro.testo .gallery figure, .page-template-template-listinoFamily #intro.testo .gallery figure {padding: 5px;}
.note {text-align: center; }
.note.colDx {text-align: left; border: 0px; background-color: transparent}

/* portfolio */
#servizio {text-align: left; padding: 80px 160px; margin-top: -10px; background: white url(img/geometry2.png) repeat;}
#servizio > div {margin: 0 auto; font-size: 16px;}
#servizio p {line-height: 32px; font-size: 18px; font-weight: 100}
#servizio h2 {margin: 0 0 10px 0; font-weight: 100}
#servizio h2:nth-of-type(2) {margin-bottom: 20px;}
#servizio h2 span {color: #0e9814; font-weight: 900}

/* portfolio singolo */
.one_third {width: 32%; float: left;}
.one_third p {font-size: 13px; line-height: 21px;}
.two_third {width: 65%; float: right}
.single header {background-color: white}
.single-wedding a.menu-link, .single-family a.menu-link, .single-storytelling a.menu-link {color: #a4c63d}
.single-wedding a.menu-link:hover, .single-family a.menu-link:hover, .single-storytelling a.menu-link:hover {color: #666666}
.portfolio--content {max-width: 900px; margin: 0 auto; padding: 80px 0; display: block; overflow: hidden;}
.portfolio--header {text-transform: uppercase; border-bottom: 1px solid #666; position: relative; margin-bottom: 20px;}
.portfolio--header h4 {margin-bottom: 5px; margin-top: 0}
.portfolio--share {position: absolute; right: 0; top: 0; height: 21px; text-transform: none}
#portfolio .block .overlay .title {font-family: "brandon-grotesque"; font-weight: 900; font-size: 14px; text-transform: uppercase; line-height: 21px; padding: 6px 30px; border-radius: 3px; border: 2px solid white;}
#portfolio .block .overlay {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(102, 102, 102, 0.65); color: white; text-align: center; transition: background 0.3s ease-in-out}
#portfolio .block .overlay:hover {background-color: rgba(102, 102, 102, 0.15);}
.ssba.ssba-wrap {float: right}
.ssba img {padding: 0 0 4px 6px !important;}

/* contatti */
.contatti, .form {max-width: 800px; margin: 0 auto; text-align: center}
.form button {border: 0px; background-color: #a4c63d; color: white; font-size: 13px; font-weight: 900; text-transform: uppercase; text-align: center; width: 240px !important; padding: 24px; margin: 60px auto 0; transition: background-coloror 0.3s ease}
.form button:hover, .form input[type="button"]:active, .form input[type="button"]:focus {background-color: #0e9814}

/* pagine */
main > section {padding: 150px 0; margin-top: 100px;}

/* 404 */
.error404 #main {text-align: center}
.error404 h1 {font-size: 72px;}

/* footer */
footer {margin: 0 auto; position: relative; color: white; font-size: 12px; background-color: #333; }
footer a, footer a:active, footer a:visited, footer a:focus {color: white; text-decoration: underline}
footer a.social {color: white; font-size: 15px; padding: 0 2px;}
.footer {max-width: 1600px; margin: 0 auto; position: relative; padding: 10px 20px;}
.pprm { width: 26px; height: 20px; display: block; position: absolute; bottom: 10px; right: 20px; }
.pprm a { text-decoration: none; display: block; width: 26px; height: 20px; }
@-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; }
.cc-revoke {display: none}

.mobileOnly {display: none}

@media only screen and (max-width: 1366px) {
	#page {}
	.logo {padding-left: 35px}
	a.menu-link {margin-right: 30px;}
	a.menu-link {margin-right: 40px;}
	.pprm {right: 30px;}
	.copyright {padding-left: 30px;}
	.inf--testo {font-size: 12px; line-height: 16px;}
	.langMenu {position: absolute; right: 42px; top: 10px; list-style: none;}
}

@media only screen and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape) {
	.packeryTitle {display: block}
}

@media only screen and (max-width: 1112px) {
	.packeryTitle {display: block}
	#preventivo .block, #preventivo .overlay {transition: none;}
	#preventivo .block:hover, #preventivo .block:hover .overlay {border-radius: 0;}
	.packery .inner h4 {font-size: 18px; line-height: 18px; margin-bottom: 5px;}
	.packery .inner p {font-size: 13px; line-height: 18px;}
	.sixth .fa {font-size: 21px;}
	.inf--numero {font-size: 21px; margin: 5px 0}
}

@media only screen and (max-width: 1024px) {
	.sixth .fa {font-size: 18px;}
	.inf--numero {font-size: 21px; margin: 0 0 5px 0}
	.inf--testo {line-height: 15px;}
	.sixth .inner > div {padding: 32px;}
	.inf--numero::before {content: ""}
	.inf--numero::after {content: ""}
	#page {padding: 0}
	.testata img {max-width: 1400px; width: auto; text-align: center}
	.page-template-template-listino .testata img, .page-template-template-about .testata img, .page-template-template-contatti .testata img, .page-template-template-listinoFamily .testata img {max-width: 100%;}
	.page-template-template-listinoFamily .familyCol {
		float: none;
	}
}

@media only screen and (max-width: 1024px) {
	#infografica {display: none}
	.en #servizi .intro > div {width: 90%}
	.en .packery .inner h4 {font-size: 15px; margin-bottom: 0 !important}
	.en .packery .inner p {line-height: 16px}
	.page-template-template-listinoFamily .cols {width: 100%; float: none; display: block; margin-bottom: 30px !important
}

@media only screen and (max-width: 920px) {
	.portfolio--content {padding: 40px 80px;}
	.page-template-template-listino .colSx, .page-template-template-listino .colDx, .page-template-template-listinoFamily .cols {width: 100%; float: none; display: block; margin-bottom: 30px !important}
	.page-template-template-listinoFamily .familyCol {width: 100%; float: none;}
	.page-template-template-listino .colDx {float: none}
	.note {text-align: left}
	.page-template-template-listino .divider, .page-template-template-listinoFamily .divider {margin: 30px 0 !important;}
}

@media only screen and (max-width: 799px) {
	.langMenu {position: absolute; right: 42px; top: 24px; list-style: none;}
}

@media only screen and (max-width: 768px) {
	a.menu-link.bordo {padding: 0 !important; background-color: transparent !important; border-radius: 0 !important;}
	#portfolio .block .overlay .title {font-size: 12px; padding: 6px 12px;}
	.block .overlay .inner {max-width: 80%;}
	.colSx {width: 100%;}
	#about {width: 100%; margin-top: 30px !important;}
	#about .about {width: 50%; float: left;	height: auto !important}
	#about .both {width: 100%; margin-top: 20px;}
	#preventivo .testo {padding: 10px;}
	#preventivo .testo strong {font-size: 15px; line-height: 21px;}
	#preventivo .testo p {font-size: 13px; line-height: 18px;}
	#page {padding: 0}
	#intro, .page-template-template-listino #intro, .page-template-template-listinoFamily #intro {padding: 40px 20px}
	.packery .inner p {display: none}
	.block .overlay .title {font-size: 15px; line-height: 18px; padding: 6px 12px;}
	#infografica {padding: 80px 160px;}
	.sixth.empty {display: none}
	.sixth.circle {width: 50%;}
	#servizi h4:nth-of-type(2) {margin-bottom: 0}
	#cta, #contatti, #extra {padding: 80px;}
	.page-template-template-listino #intro.testo .gallery, .page-template-template-listinoFamily #intro.testo .gallery {margin: 20px -25px}
}

@media only screen and (max-width: 767px) {
	.logo svg {width: 65%; height: auto;}
	.site-branding {width: auto;}
	#masthead {padding: 0 30px; box-sizing: border-box; width: 100%;}
	.home #page {padding: 0;}
	.logo {padding: 13px 0 0 0;}
	a.menu-link {margin-right: 5px; top: 18px; margin-top: 5px;}
	.pprm {right: 5px;}
	.block.double, .block.doublestretch {width: 100%;}
	.copyright {text-align: center; margin-bottom: 10px; line-height: 17px; padding: 0; font-size: 12px;}
	.pprm {position: relative; left: auto; right: auto; margin: 0 auto; bottom: auto;}
	.packery .block img {width: 100%;}
	.block {width: 50%}
	#servizio {padding: 80px;}
	#servizio h3 {margin: 0 0 30px 0 !important;}
	#servizio p {font-size: 15px; line-height: 23px;}
	.portfolio--content {padding: 40px;}
	.portfolio--header h4 {max-width: 70%;}
	.gallery-columns-3 .gallery-item {width: 100%; margin: 0; padding: 0px !important; max-width: 100%;}
	.page-template-template-listino .testata, .page-template-template-listinoFamily .testata  {display: none}
	.mobileOnly {display: block}
	.page-template-template-listino header, .page-template-template-listinoFamily header {background-color: rgba(165, 199, 62, 0.9)}
	.page-template-template-listino #page, .page-template-template-listinoFamily #page {margin-top: 100px; background-color: white}
}

@media only screen and (max-width: 480px) {
	.logo {padding: 18px 0 0 0;}
	.home .block {width: 50%}
	.contatti--btn a {width: 100%; float: none; margin-bottom: 10px; display: block}
	#cta, #contatti, #extra, #servizio {padding: 40px;}
	.portfolio--header h4 {max-width: 50%;}
	.portfolio--content .one_third {float: right; width: 100%;}
	.portfolio--content .two_third {width: 100%}
	#instagram {display: none;}
	.langMenu {display: none;}
}