/*


Theme Name: Giusti
Theme URI: giusti.it
Description: HTML5 WordPress Theme
Version: 1.4.3
Author: Hangar Design Group
Author URI: hangar.it
Tags: HTML5, CSS3


*/
@import 'css/normalize.css';
@import 'css/fontawesome-all.css';
@import 'css/font-face.css';
@import 'css/slick.css';
@import url('https://fonts.googleapis.com/css2?family=Bentham&family=Open+Sans:wght@300;400;600&display=swap');

/*//$font-montserrat: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
/*//$font-weight-standard: 300;*/

/*//$color: #000;*/
/*//$color-select: #F00;*/
/*//$color-bg: #FFF;*/

*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

*:focus {
	outline: none;
}

html {
	font-size: 62.5%;
}

body {
	background: white;
	font: 300 1.2rem 'Open Sans', sans-serif;
	line-height: 1.8;
	color: black;
	background: url(img/background.jpg) center top no-repeat;
	background-size: 100% auto;
}

main {
	width: 100%;
	max-width: 1400px;
	margin: auto;
	padding-top: 100px;
}

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/*
	font: normal 1.4rem $font-montserrat;
	line-height: 1.4;
    margin: 0;
	font-weight: $font-weight-standard;
	*/
}

img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}

a {
	text-decoration: none;
	/*
    background: transparent;
    outline: none;
    text-decoration: none;
	font: normal 1.4rem $font-montserrat;
	line-height: 1.4;
	color: $color;
	font-weight: $font-weight-standard;
	*/
}

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

/* Auto-completamento form input Chrome */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.slick-slide,
.slick-slide * {
	outline: none !important;
}

.slick-slide div:first-child {
	display: grid;
}

#header {
	position: fixed;
	width: 100%;
	top: 0;
	right: 0;
	transition: .5s;
	z-index: 999;
}
#header .content {
	position: relative;
	max-width: 1400px;
	margin: auto;
    display: flex;
    justify-content: space-between;
}
#header .logo-wrap {
    display: inline-block;
    padding: 20px;
}
#header .logo {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
    transition: .5s;
    max-height: 60px;
    width: 160px;
}
#header .open-close {
	position: relative;
	z-index: 5;
	width: 40px;
	height: 20px;
	float: right;
	margin: 35px 20px;
	transition: .5s;
}
#header .open-close span {
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: black;
	transition: .5s;
}
#header .open-close span:nth-child(1) {
}
#header .open-close span:nth-child(2) {
	top: 50%;
	margin-top: -0.5px;
}
#header .open-close span:nth-child(3) {
	top: 50%;
	margin-top: -0.5px;
}
#header .open-close span:nth-child(4) {
	bottom: 0;
}
#header .open-close.active span:nth-child(1) {
	opacity: 0;
}
#header .open-close.active span:nth-child(2) {
	transform: rotate(45deg);
}
#header .open-close.active span:nth-child(3) {
	transform: rotate(-45deg);
}
#header .open-close.active span:nth-child(4) {
	opacity: 0;
}
#header #menu {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: white;
	/* font-size: 1.8rem; */
	/* font: 300 1.8rem 'Bentham', serif; */
	text-transform: uppercase;
	letter-spacing: 5;
	display: none;
}
#header #menu .container {
	position: fixed;
	width: calc(100% - 40px);
	height: calc(100% - 70px);
	top: 0;
	left: 0;
	/* align-items: center;
	flex-grow: 2; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 50px 20px 20px;
	overflow-y: scroll;
}
#header #menu .main-menu {
	width: 100%;
	padding: 30px 0 0 0;
	order: 2;
}
.social-icons {
	order: 3;
}
#language {
	order: 1;
	padding-top: 150px;
	max-width: 100px;
}
#header #menu .main-menu li {
	display: block;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	/*opacity: 0;
	transition: 1s;
	transition-delay: 1s;*/
}
#header #menu li:last-child {
	border-bottom: none;
}
#header #menu li a {
	color: black;
	/*color: #b57e40;*/
}
#header #menu li.bold a {
	font-weight: 600;
}
#header #menu li.active {
	opacity: 1
}
#header .carrello {
	width: 20px;
	height: 25px;
	overflow: hidden;
	background: url(img/cart.png) center center no-repeat;
	background-size: 20px auto;
	font-size: 0;
}

.wpml-ls-legacy-dropdown-click {
	width: auto;
}

/*
#header #language ul {
	width: 35px;
	height: 35px;
	overflow: hidden;
	background: blue;
}
#header #language li {
	width: 35px;
	height: 35px;
	text-align: center;
	background: red;
	display: flex;
	align-items: center;
}
#header #language li a {
	width: 100%;
	margin: auto;
	background: green;
	text-align: center;
}
#header #language ul:hover {
	height: 70px;
}

#language {
	/*width: 60px;
	position: absolute;
	width: 100%;
	top: 0;
	padding: 20px;
	z-index: 999;
}
.wpml-ls-legacy-dropdown-click {
	width: calc(100% - 40px);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	padding: 0 0 0 0 !important;
}
.wpml-ls-sidebars-language {
}
.wpml-ls-sidebars-language ul {
	padding: 100px 0 0 0 !important;
}
.wpml-ls-sidebars-language li {
	width: 100%;
}
.wpml-ls-legacy-dropdown-click a {
	background: transparent;
	border: none;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
	background: none;
}
*/

.scrolled #header {
	background: white;
}
.scrolled #header .logo {
    max-height: 40px;
    width: 110px;
}
.scrolled #header .open-close {
	margin: 30px 20px;
}

.current-menu-item a,
.current-page-ancestor a {
	color: #b57e40 !important;
}

.main-title {
	font: 300 1.6rem 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.txt-center {
	text-align: center;
	margin: 20px;
}
.txt-center .modena {
	width: 150px;
}

.txt-center .brand {
	width: 50px;
}
.spacer {
	position: relative;
}
.spacer.grape {
	height: 150px;
	margin: 0 20px;
	background: url(img/grape-space.jpg), url(img/line.jpg);
	background-position: center center, center center;
	background-repeat: no-repeat, repeat-x;
	background-size: auto 150px, 100% 1px;
}

.spacer.brand {
	height: 60px;
	margin: 20px;
	background: url(img/brand-space.jpg), url(img/line.jpg);
	background-position: center center, center center;
	background-repeat: no-repeat, repeat-x;
	background-size: auto 60px, 100% 1px;
}

.spacer.title,
.spacer.default {
	height: 60px;
	margin: 0 20px;
	background: url(img/line.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: 100% 1px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spacer.title .title {
	width: auto;
	padding: 10px;
	text-align: center;
	background: white;
	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	color: #b57e40;
}

.block-50 {
	padding: 20px;
}
.block-50 .text {
	padding: 0 0 20px 0;
}
.block-50 .text p {
	padding-bottom: 20px;
}
.block-50 .text a {
	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;

	display: inline-block;
	min-width: 150px;
	padding: 10px 15px;
	background: #b57e40;
	border-radius: 5px;
	transition: .5s;
	text-align: center;
}

.block-50 .text a:hover {
	background: black;
}

.slick-slider {
	position: relative;
}
.slick-slider .arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	left: -15px;
	z-index: 5;
}
.slick-slider .arrow.prev {
}
.slick-slider .arrow.next {
	transform: rotate(180deg);
	left: auto;
	right: -15px;
}
.slick-dotted .slick-dots {
	display: flex;
	justify-content: center;
	padding: 20px 0;
	background: url(img/line.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: 100% 1px;
}
.slick-dotted .slick-dots li {
	width: 10px;
	height: 10px;
	background: white;
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slick-dotted .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #b57e40;
	font-size: 0;
	position: relative;
	opacity: .25;
}
.slick-dotted .slick-dots li.slick-active button {
	opacity: 1;
}

.slider-4 {
	padding: 20px 15px;
}
.slider-4 .slider .slide a {
	display: block;
	padding: 0 5px;
}
.slider-4 .slider .slide p {
	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;

	display: block;
	margin: 20px;
	padding: 10px 15px;
	background: #b57e40;
	border-radius: 5px;
	transition: .5s;
	text-align: center;

}

.slider-4 .slider .slide a:hover p {
	background: black;
}






.slider-4 .slick-slider .arrow {
	margin-top: -45px;
	left: -12.5px;
}
.slider-4 .slick-slider .arrow.next {
	left: auto;
	right: -12.5px;
}

.slider-timeline {
	padding: 20px 15px;
}
.slider-timeline .slider .slide .container {
	display: block;
	padding: 0 5px;
}
.slider-timeline .slider .slide p {
	font: 300 'Open Sans', sans-serif;
	padding-bottom: 20px;
}
.slider-timeline .slider .slide .main-title {
	font: 300 3.0rem 'Open Sans', sans-serif;
	margin-bottom: 10px;
	color: #b57e40;
	background: url(img/time-line.jpg) left center no-repeat;
	background-size: 400px auto;
}

.gallery-arrows {
	padding: 20px 0;
}
.gallery-arrows .slide {
	position: relative;
}
.gallery-arrows .slide .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 66.66%;
	height: 100%;
	display: flex;
	align-items: center;
}

.gallery-arrows .slide .content .main-title {
	font: 300 2.4rem 'Open Sans', sans-serif;
	padding: 40px;
	color: white;
}

.gallery-arrows .slide .content .main-title span {
	display: block;
	font: 300 1.8rem 'Open Sans', sans-serif;
	letter-spacing: 1px;
	color: #b57e40;
	letter-spacing: normal;
}

.gallery-arrows .slide .content .quote {
	padding: 20px;
	font: 300 1.6rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;
}

#footer {
	position: relative;
	z-index: 900;
	margin-top: 40px;
	background: url(img/texture.jpg) center center black;
	background-size: 1920px auto;
}

#footer .content {
	position: relative;
	max-width: 1400px;
	margin: auto;
}


#footer .brand {
	height: 70px;
	padding: 20px 0 0 0;
}
#footer .black{
	padding: 20px;
	/*
	background: url(img/texture.jpg) center center black;
	background-size: 1920px auto;
	*/
	text-align: center;
	color: white;
}
#footer .black .logo {
	display: none;
}

#footer .black ul {
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px white;
	display: flex;
	justify-content: space-between;
}
#footer .black ul a {
	text-transform: uppercase;
	color: white;
}
#footer .black .credits {
	padding-top: 20px;
}
#footer .black .credits a {
	color: white;
}

section {
	position: relative;
}

.page-template-home main {
	padding-top: 0;
}

.main-banner {
	animation-name: fade;
	animation-duration: 4s;
}
@keyframes fade {
  from	{opacity: 0;}
  to	{opacity: 1;}
}

.txt-box {
	padding: 20px;
}
.txt-box .container {
	position: relative;
}
.txt-box .container .content {
	padding: 20px;
	background: #f6f5f5;
}
.txt-box .container .content p {
	padding-bottom: 20px;
}
.txt-box .container .content a {
	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;

	display: inline-block;
	min-width: 150px;
	padding: 10px 15px;
	background: #b57e40;
	border-radius: 5px;
	transition: .5s;
	text-align: center;
}
.txt-box .container .content a:hover {
	background: black;
}




.product-list {
	padding: 20px 20px 0 20px;
}
.product-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 0 20px 0;
}
.product-list li {
	width: 100%;
	border-bottom: solid 1px #b57e40;
}
.product-list li .container {
	padding: 20px 0;
}
.product-list li .main-title {
	 color: #b57e40;
}
.product-list li p {
	padding-bottom: 20px;
}
.product-list li a {
	font: 300 1.2rem 'Bentham', serif;
    text-transform: uppercase;
    color: #b57e40;
    /*
	font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #b57e40;
    display: block;
    padding-bottom: 20px;
    */
}

.product-list li a:last-child {
	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;

	display: inline-block;
	min-width: 150px;
	padding: 10px 15px;
	background: #b57e40;
	border-radius: 5px;
	transition: .5s;
	text-align: center;
}

.product-list li a:last-child:hover {
	background: black;
}









.go-to-shop {
	text-align: center;
	padding: 20px;
}
















.link {
	font: 300 1.2rem 'Bentham', serif;
    text-transform: uppercase;
    color: #b57e40;
	border: solid 1px #b57e40;
	padding: 10px 20px;
}

.product-details .content {
	padding: 0 20px 20px 20px;
	margin-top: 20px;
	border-top: solid 1px #b57e40;
}
.product-details .content .main-title {
}
.product-details .content .main-title span {
	font: 300 1.2rem 'Bentham', serif;
	color: #b57e40;
	letter-spacing: normal;
}
.product-details .content .description {
}
.product-details .content .format {
	padding-top: 20px;
}
.product-details .content .format b {
	font: 600 1.2rem 'Open Sans', sans-serif;
}
.product-details .content .format a {
	font: 300 1.2rem 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #b57e40;
}
.product-details .content .format a:last-child {
	/*
	font: 300 1.2rem 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #b57e40;
    */

	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;

	display: inline-block;
	min-width: 150px;
	padding: 10px 15px;
	background: #b57e40;
	border-radius: 5px;
	transition: .5s;
	text-align: center;
}

.product-details .content .format a:last-child:hover {
	background: black;
}

.shop-list {
	padding: 20px 10px 0 10px;
}
.shop-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	background-image: url(img/line.jpg);
	background-position: center center;
	background-repeat: repeat-y;
	background-size: 1px auto;
}
.shop-list li {
	width: 50%;
	border-bottom: solid 1px #b57e40;
}
.shop-list li .container {
	padding: 10px;
}
.shop-list li .main-title {
	font-size: 1.6rem;
	margin-top: 0;
	margin-bottom: 10px;
	color: #b57e40;
}
.shop-list li i {
	display: block;
	padding-bottom: 10px;
	color: #666;
}
.shop-list li p {
	padding-bottom: 20px;
}
.shop-list li a {
	/*font: 300 1.2rem 'Bentham', serif;*/
	font-size: 1.2rem;
	font-weight: 400;
    text-transform: uppercase;
    color: #b57e40;
    display: block;
    padding-bottom: 20px;
}

.shop-list li a:last-child {
	font-size: 1.2rem;
	text-transform: uppercase;
	color: white;

	display: inline-block;
	min-width: 150px;
	padding: 5px 10px;
	background: #b57e40;
	border-radius: 5px;
	transition: .5s;
	text-align: center;
}
.shop-list li a:last-child:hover {
	background: black;
}






.single-product .shop-list li:nth-child(1),
.single-product .shop-list li:nth-child(2) {
	border-bottom: none !important;
}
.single-product .shop-list li:nth-child(3),
.single-product .shop-list li:nth-child(4) {
	display: none;
}

.filter {
	padding: 20px 20px 0 20px;
	/*display: none;*/
}
.filter * {
	text-transform: uppercase;
}
.filter a {
	color: black;
}
.filter form {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.filter .hide {
	display: none;
}
.filter p.space {
	display: block;
	flex-grow: 2;
}
.filter #orp {
	display: none;
}
.filter  select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    -moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	font-weight: 300;

    width: auto;
    margin: 0 0 0 0;
    padding: 0 20px 0 0;
    border: none;
    background: url(img/select.png) right center white no-repeat;
    background-size: auto 10px;
}
.filter input {
	display: none;
}

.slider-suggest {
	padding: 0 10px 20px 10px;
}
.slider-suggest .slide {
	position: relative;
}
.slider-suggest .slide .content {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 40px;
}
.slider-suggest .slide .content a {
	/*
	font: 300 1.2rem 'Bentham', serif;
    text-transform: uppercase;
    color: #b57e40;
    */

	font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #b57e40;
    display: block;
}
.slider-suggest .slide a {
	padding: 0 10px;
}

.shopping-form .content {
	padding: 0 20px 20px 20px;
}
.shopping-form .content .main-title {
	font-size: 3.0rem;
	line-height: 1.4;
	max-width: 500px;
}
.shopping-form .content .main-title span {
	display: block;
	font: 300 1.8rem 'Bentham', serif;
	/*letter-spacing: 1px;*/
	color: #b57e40;
	letter-spacing: normal;
	padding: 20px 0;
	text-transform: none;
}
.shopping-form .content .main-title a {
	display: inline-block;
	font: 300 1.4rem 'Open Sans', sans-serif;
	/*line-height: 1.6;*/
	letter-spacing: 1px;
	color: #b57e40;
	padding-bottom: 20px;
}

.shopping-form  select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    -moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	font-weight: 300;
	text-transform: uppercase;

    width: 100%;
	max-width: 500px;
    margin: 0 0 10px 0;
    padding: 15px 0;
    border-bottom: solid 1px #666;
    background: url(img/select.png) right center white no-repeat;
    background-size: auto 10px;
}

.shopping-form .content form {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	max-width: 500px;
}
.shopping-form .content p {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-grow: 2;
}
.shopping-form .content p button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    -moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	font: 300 1.6rem 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;

	width: 100%;
	/*max-width: 300px;*/
    margin: 0;
    padding: 15px;
    border: solid 1px black;
    background: url(img/cart-b.jpg) right center white no-repeat;
    background-size: auto 100%;
}

.shopping-form .content input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    -moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	font: 300 1.6rem 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-align: left;

	width: 50%;
	max-width: 300px;
    margin: 0;
    padding: 15px;
    border: solid 1px black;
    border-right: 0;
}

.shopping-form .content #quantita {
	display: flex;
	align-items: baseline;
	align-content: flex-start !important;
	padding: 20px 0;
}
.shopping-form .content #quantita p {
	width: auto;
	display: inline-flex !important;
	flex-grow: 1 !important;
	padding: 0 20px 0 0;
}
.shopping-form .content p {
	display: block;
	padding: 15px 0;
}
.shopping-form .content p span {
	display: inline;
	text-transform: uppercase;
	padding-left: 20px;
}
.shopping-form .content a.back {
	text-transform: uppercase;
	color: black;
	display: flex;
	align-items: baseline;
	padding: 45px 0 0 0;
}
.shopping-form .content a.back img {
	height: 10px;
	width: auto;
}

.cross {
	padding: 20px;
}
.cross .box {
	border-bottom: solid 1px #b57e40;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
.cross .box:nth-child(4) {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}
.cross .box .icon {
	width: 40px;
}
.cross .box .title {
	font: 300 1.6rem 'Bentham', serif;
	text-transform: uppercase;
}

.cross .box p {
	padding-bottom: 20px;
}
.cross .box a {
	/*
	font: 300 1.2rem 'Bentham', serif;
    text-transform: uppercase;
    color: #b57e40;
    */

	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;

	display: inline-block;
	min-width: 150px;
	padding: 10px 15px;
	background: #b57e40;
	border-radius: 5px;
	transition: .5s;
	text-align: center;
}
.cross .box a:hover {
	background: black;
}
.page-template-museo .gallery-arrows {
	padding: 0 20px;
}

.duble-txt {
	padding: 20px;
}
.duble-txt a {
	display: block;
	padding: 20px 0;
	font-weight: bold;
    color: #b57e40;
}

.booking {
	padding: 20px 20px 0 20px;
	margin: 20px auto;
	background: url(img/canvans.jpg) center center;
	background-size: 100% auto;
	color: white;
}
.booking .main-title {
	margin-top: 0;
}
.booking input,
.booking select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    -moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	font-weight: 300;

    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    border: none;
    border-bottom: solid 1px white;
    background: transparent;

    text-transform: uppercase;
    color: white;

    height: 40px;
}

.booking select option {
	background: black;
}


.booking input::placeholder {
	color: white;
}
.booking select {
    background: url(img/select_b.png) right center transparent no-repeat;
    background-size: auto 10px;
}
.booking .wpcf7-checkbox,
.wpcf7-form input[type="checkbox"] {
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0 10px 0 0;
	border: solid 1px white;
}
.wpcf7-form input[type="checkbox"]:checked {
	background: white;
}
.booking p {
	width: 100%;
}
.booking a {
	color: white;
	text-decoration: underline;
}
.booking input[type="submit"] {
	width: 100%;
	margin-top: 20px;
	border: solid 1px white;
	border-radius: 5px;
}
.booking label {
	display: flex;
	align-items: center;
	margin: 10px 0 0;
}
.booking label span {
	padding: 0;
	margin: 0;
	width: auto;
}

.contacts {
	padding: 20px;
}
.contacts p {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contacts span {
	display: block;
	width: 49%;
}
.contacts span.textarea-606	{
	width: 100%;
}
.contacts input,
.contacts select,
.contacts textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    -moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    box-shadow: 0 0 0 #fff, 0 0 #fff inset;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	font-weight: 300;

    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    border: none;
    border-bottom: solid 1px #666;
    background: transparent;

    text-transform: uppercase;
    color: black;
}
.contacts input::placeholder {
	color: black;
}
.contacts input.full {
	width: 100%;
}
.contacts textarea {
	width: 100%;
	border: solid 1px #666;
	padding: 20px;
	text-transform: none;
	resize: none;
}
.contacts select {
    background: url(img/select.png) right center transparent no-repeat;
    background-size: auto 10px;
}
.contacts .wpcf7-checkbox {
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0 10px 0 0;
	border: solid 1px black;
}
.contacts label span {
	width: auto;
}
.contacts input[type="submit"] {
	width: 100%;
	margin-top: 20px;
	border: solid 1px #666;
	background: black;
	color: white;
	float: right;
	border-radius: 5px;
}
.contacts label {
	width: 100%;
	display: flex;
	align-items: center;
}

.contacts .wpcf7-form input[type="checkbox"] {
	border: solid 1px #666;
}
.contacts .wpcf7-form input[type="checkbox"]:checked {
	background: #000;
}
.contacts a {
	color: #b57e40;
}

.contacts input[type="date"],
.contacts input[type="number"] {
	margin-top: 6px;
}

iframe {
	position: relative;
	width: calc(100% - 40px) !important;
	margin: 0 20px;
}

.gallery-bottega {
	padding: 20px;
}
.gallery-bottega .slick-slide {
	padding: 20px 10px;
}

.bdp {
	display: none;
}




.woocommerce-message.promo::before {
	display: block;
	width: 15px;
	height: 15px;
	content: url(img/truck-solid.svg);
}




.social-icons {
	display: block;
    padding: 10px 0;
    margin: 0 0 20px 0;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.social-icons img {
	width: 21px;
	height: auto;
}

.social-icons span {
	margin: 0 5px 0 0;
	display: inline-block;
}

.social-icons a {
	margin: 0 5px;
	display: inline-block;
}











.fts-mashup * {
	color: #333;
}

.fts-mashup a {
	color: #b57e40;
}

.fts-jal-fb-post-time {
	display: none;
}


.fts-mashup-media-top .fts-mashup-count-wrap {
	height: 1px;
	opacity: 0;
	overflow: hidden;
	margin: 0;
	padding: 0 !important;
}

.fts-mashup-media-top .fts-likes-shares-etc-wrap, .fts-mashup-media-top .fts-mashup-description-wrap, body .fts-mashup-post-wrap.fts-mashup-media-top .fts-jal-fb-message {
	padding: 0 !important;
}

.fts-mashup-post-wrap {
	height: auto;
	margin: 10px !important;
	padding-bottom: 40px !important;
	border-bottom: none;
	background: url(img/insta-foo.jpg) center bottom no-repeat;
	background-size: 100% auto;
	line-height: 1.4;
}

.social-wall-ig {
	padding: 0 20px 0 20px;
}

.grecaptcha-badge {
	position: relative;
	z-index: 9999;
	display: none !important;
}
.grecaptcha-badge iframe {
	width: auto !important;
	margin: 0;
}
.page-template-museo .grecaptcha-badge,
.page-template-museo-sale .grecaptcha-badge,
.page-template-museo-acetaie .grecaptcha-badge,
.page-template-museo-degustazione .grecaptcha-badge,
.page-template-museo-boutique .grecaptcha-badge,
.page-template-bottega .grecaptcha-badge,
.page-template-contatti .grecaptcha-badge,
.page-template-visita-2 .grecaptcha-badge {
	display: block !important;
}

.abbassa-banner-principale {
	background-image: none;
}
.abbassa-banner-principale .main-banner {
	padding-top: 90px;
}
.main-banner a {
	display: block;
}
.main-banner picture,
.main-banner video {
	display: block;
	margin: 0 auto;
}
.main-banner.blocca-larghezza-immagine picture,
.main-banner.blocca-larghezza-immagine video {
	max-width: 1920px;
}


.page-template-acquista.black-friday .woocommerce-message {
	padding: 1em 2em;
}
.page-template-acquista.black-friday .woocommerce-message.promo::before {
	display: none;
}


#popup-newsletter {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: calc(100% - 20px);
	max-width: 420px;
	padding: 30px;
	background: url(img/texture.jpg) center center black;
	color: #fff;
	z-index: 999;
	border: 1px solid #000;
	font-size: 1.4rem;
	box-sizing: border-box;
	display: block;
}
#popup-newsletter strong {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: 2px;
}
#popup-newsletter p {
	margin: 5px 0 12px;
	line-height: 1.4;
}
#popup-newsletter b {
	font-weight: 600;
	color: #b57e40;
}
#popup-newsletter a {
	background: #b57e40;
	color: #fff;
	display: inline-block;
	padding: 6px 30px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.2rem;
    border: 1px solid #b57e40;
    transition: 0.5s;
}
#popup-newsletter a:hover {
	background: transparent;
	color: #b57e40;
}
#popup-newsletter #close-popup-newsletter {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	cursor: pointer;
	line-height: 1;
    transition: 0.5s;
}
#popup-newsletter #close-popup-newsletter:hover {
	color: #b57e40;
}
.language-en #popup-newsletter {
	max-width: 450px;
}
.language-en #popup-newsletter p {
	max-width: 320px;
}






.main-title-1 {
	color: #b57e40;
	font: 300 3rem 'Bentham', serif;
	text-transform: uppercase;
	margin: 10px 0 20px;
}

.virtual-tour-block a {
	display: block;
	position: relative;
}

.virtual-tour-block picture {
	display: block;
}

.virtual-tour-block .hover {
	background: #000;
	color: #fff;
	padding: 20px;
}

.virtual-tour-block .hover img {
	max-width: 40px;
}

.virtual-tour-block .hover p {
	margin: 20px 0;
}

.virtual-tour-block .hover span {
	font: 300 1.2rem 'Bentham', serif;
	text-transform: uppercase;
	transition: 0.5s;
}

.virtual-tour-block:hover .hover span {
	color: #b57e40;
}

.video-header {
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}

.video-header video {
	width: 100%;
	height: auto;
}

.spacer.banner {
	margin-bottom: 160px;
}

.spacer .btn {
	padding: 10px 20px;
	background: #b57e40;
	font: 300 1.6rem 'Bentham', serif;
	text-transform: uppercase;
	color: white;
	border-radius: 15px;
	border: solid 10px white;
}

#popup-shop {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	cursor: pointer;
}
#popup-shop img {
	width: 100%;
	padding: 20px;
	max-width: 540px;
	cursor: pointer;
	box-sizing: border-box;
}
#close-popup-shop {
	position: absolute;
	right: 20px;
	top: 27px;
	margin: 0;
	color: #fff;
	font-size: 2rem;
	z-index: 9999;
	cursor: pointer;
}

#popup-age {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
}
#content-popup-age {
	padding: 20px;
	width: 100%;
	max-width: 600px;
	text-align: center;
	background-color: #fff;
	background-image: url(https://giusti.it/wp-content/themes/giusti/img/bg-age.jpg);
    background-size: auto 120%;
    background-position: center center;
    background-repeat: no-repeat;
}
#content-popup-age .spacer.brand,
#content-popup-age .spacer.title {
	margin: 20px 0 0 !important;
}
#content-popup-age .main-title {
	color: #b57e40;
	margin-top: 30px;
}
#content-popup-age p {
	max-width: 380px;
	margin: 0 auto;
}
#button-age {
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-top: 30px;
}
#button-age a {
	font: 400 1.6rem/1 'Open Sans', sans-serif;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 0 10px;
	width: 50%;
	max-width: 120px;
	transition: .5s;
}
#no-age {
	color: #b57e40;
}
#no-age:hover {
	color: #000;
}
#close-popup-age {
	color: #fff;
	background: #b57e40;
}
#close-popup-age:hover {
	background: #000;
}

#cookie-notice {
	background: #000 !important;
}

#cookie-notice .cookie-notice-container {
	padding: 45px 60px;
}
#cookie-notice .cookie-notice-container {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.4;
}
#cn-accept-cookie {
    padding: 10px 20px;
    background: #b57e40;
    font: 300 1.6rem 'Bentham', serif;
    text-transform: uppercase;
    color: white;
    border-radius: 6px;
    margin: 20px 0 0 !important;
}

#ws_opt_in_field {
	display: block;
	width: 100%;
	background: #f7f6f7;
	padding-bottom: 1em !important;
}

.booking input[type="checkbox"] {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid white;
}

.booking input[type="checkbox"]:checked {
	background: white;
}

.booking .sib_loader {
	display: none !important;
}

.language-de #service-menu {
	flex-wrap: wrap;
}

.language-de #service-menu li {
	width: 50%;
}

#header #menu #main-menu .sub-menu {
	margin-left: 10px;
	padding-left: 10px;
	border-left: solid 1px rgba(0, 0, 0, 0.5);
}
#header #menu #main-menu .sub-menu li {
	margin: 0;
	padding: 0;
	border: none;
}
.page-template-lavora-con-noi main p,
.page-template-lavora-con-noi .cross .title {
	max-width: 700px;
	margin: 0 auto;
	display: block;
}
.lavora-con-noi-tittle {
	font: 500 1.8rem/1.5 'Open Sans', sans-serif;
	padding: 30px 0;
	max-width: 700px;
	margin: 0 auto;
}
.lavora-con-noi-tittle a {
	color: #000;
	border-bottom: 1px solid;
}
.hidemobile {
	display: none;
}

.bottega-milano .wpcf7-submit {
	background: #fff;
	color: #000;
	border-radius: 5px;
	transition: .5s;
}

.bottega-milano .wpcf7-submit:hover {
	background: #b57e40;
	color: #fff;
	border-color: #b57e40;
}

.bottega-milano #new-slideshow a div {
	padding: 30px;
}
.bottega-milano #new-slideshow u {
	display: inline-block;
	/*padding: 5px 10px;
	border: 1px solid #fff;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 30px;
	transition: .5s;*/
}
.bottega-milano #new-slideshow u:hover {
	/*background: #fff;
	color: rgba(92,21,0);
	cursor: pointer;*/
	background: black;
}

/*--------------------------------------------------- min-width: 768px */

@media only screen and (min-width:768px) {

	#close-popup-shop {
		right: 50%;
		top: 50%;
		margin: -286px -250px 0 0;
	}

	#content-popup-age {
		padding: 20px 30px;
		max-width: 540px;
	}
	#button-age a {
		padding: 10px;
	}

	.block-50 {
		padding: 20px 10px;
	}
	.block-50 .slider {
		display: flex;
		flex-wrap: wrap;
	}
	.block-50 .slider .slide {
		/*width: calc(50% - 20px);*/
		width: 50%;
		/*padding: 10px;*/
	}
	.block-50 .slider .slide .content {
		padding: 10px;
	}

	.gallery-arrows {
		padding: 20px;
	}

	.txt-box {
		margin: 100px 0 0 0;
	}
	.txt-box .container {
		display: flex;
		background: url(img/gray.jpg) no-repeat;
		background-position: left top;
	}
	.txt-box .container .content {
		width: 50%;
		padding: 40px;
	}
	.txt-box .container .main-image {
		width: 50%;
		position: relative;
		top: -100px;
	}
	.txt-box.invert .container {
		background: url(img/gray-invert.jpg) no-repeat;
		background-position: right top;
	}

	.txt-box.invert.no-image {
		margin: 0;
	}
	.txt-box.invert.no-image .container {
		background-image: none;
		background-color: #f6f5f5;
	}
	.txt-box.invert.no-image .container .content {
		width: 100%;
		padding: 40px;
	}
	.txt-box.invert.no-image .container .content .main-title {
		margin-top: 0;
	}

	/*
	.product-list {
		padding: 20px 20px 0 20px;
	}
	.product-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background: url(img/line.jpg) center center repeat-y;
		background-size: 1px auto;
		padding: 100px 0;

	}
	.product-list li {
		width: 50%;
		border-bottom: solid 1px #b57e40;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.product-list li .container {
		width: 97%;
	}
	.product-list li:nth-child(2) .container,
	.product-list li:nth-child(4) .container,
	.product-list li:nth-child(6) .container,
	.product-list li:nth-child(8) .container,
	.product-list li:nth-child(10) .container {
		margin-left: 3%;
	}
	.product-list li:nth-child(1) .container,
	.product-list li:nth-child(3) .container,
	.product-list li:nth-child(5) .container,
	.product-list li:nth-child(7) .container,
	.product-list li:nth-child(9) .container {
		margin-right: 3%;
	}
	*/

	.product-list {
		padding: 20px 10px 0 10px;
	}
	.product-list ul {
		background-image: url(img/line.jpg), url(img/line.jpg);
		background-position: 50% center;
		background-repeat: repeat-y;
		background-size: 1px auto;
		padding: 100px 0;
	}
	.product-list li .container {
		padding: 20px 20px;
	}
	.product-list li {
		width: 50%;
	}

	.go-to-shop {
		text-align: center;
		padding: 5px 20px 20px 20px;
	}

	.shop-list ul {
		background-image: url(img/line.jpg), url(img/line.jpg);
		background-position: 33.33% center, 66.66% center;
		background-repeat: repeat-y, repeat-y;
		background-size: 1px auto, 1px auto;
	}
	.shop-list li {
		width: 33.33%;
	}
	.shop-list li .container {
		padding: 20px;
	}

	.single-product .shop-list li:nth-child(4) {
		display: none;
	}
	.single-product .shop-list li:nth-child(1),
	.single-product .shop-list li:nth-child(2),
	.single-product .shop-list li:nth-child(3) {
		display: block;
		border-bottom: none !important;
	}

	.filter {
		display: block;
	}
	.filter * {
		font-size: 1.4rem;
	}
	.filter .hide {
		display: inline-block;
	}
	.filter #orp {
		display: block;
	}

	.shopping-form .container {
		display: flex;
		flex-direction: row-reverse;
	}
	.shopping-form .container .image {
		width: 50%;
	}
	.shopping-form .container .content {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.bdp {
		display: flex;
		justify-content: space-between;
		margin: 20px 20px 20px 20px;
		padding: 0 0 20px 0;

		font: 300 1.4rem 'Bentham', serif;

		text-transform: uppercase;
		border-bottom: solid 1px #e6e6e6;
	}
	.bdp a {
		padding: 0 0 0 20px;
		color: #b57e40;
	}
	.bdp a:first-child {
		flex-grow: 2;
		padding: 0 0 0 40px;
	}
	.bdp a:last-child {
		padding: 0 40px 0 20px;
	}
	.bdp a.select,
	.bdp a:hover {
		color: #b57e40;
		text-decoration: underline;
	}

	.booking p {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.booking span {
		display: block;
		width: 49%;
	}
	.booking .checkbox-57 {
		width: auto;
	}





	.virtual-tour-block {
		padding: 20px;
	}
	.virtual-tour-block .hover {
		position: absolute;
		left: 0;
		top: 0;
		width: calc(100% - 40px);
		height: calc(100% - 40px);
		background: transparent;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.language-de #service-menu li {
		width: 50%;
	}


}

/*--------------------------------------------------- min-width: 1024px */

@media only screen and (min-width:1024px) {

	.hidemobile {
		display: inline;
	}
	.txt-center {
		width: 50%;
		text-align: center;
		margin: 20px auto;
	}
	.page-template-visita-2 .txt-center {
		width: 52%;
	}

	.gallery-arrows .slide .content {
		width: 33.33%;
	}

	#footer .black {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/*margin-top: 80px;*/
	}
	#footer .black .logo {
		width: 33.33%;
		display: block;
	}
	#footer .black .logo img {
		width: auto;
		height: 60px;
		float: left;
	}
	#footer .black p {
		width: 66.66%;
		text-align: right;
	}
	#footer .black ul {
		width: 33.33%;
	}
	#footer .black .credits {
		width: 66.66%;
		margin-top: 20px;
		padding-top: 20px;
		border-top: solid 1px white;
		text-align: right;
	}

	.product-details li {
		padding: 20px;
	}
	.product-details .content {
		padding: 0;
		margin-top: 20px;
		border-top: solid 1px #b57e40;

		display: flex;
	}
	.product-details .content .main-title {
		width: 20%;
		padding: 0 10px 0 0;
	}
	.product-details .content .description {
		width: 60%;
		padding: 20px 10% 0 10px;
	}
	.product-details .content .format {
		width: 20%;
		padding: 20px 0 0 10px;
	}

	.shop-list ul {
		background-image: url(img/line.jpg), url(img/line.jpg), url(img/line.jpg);
		background-position: center center, 25% center, 75% center;
		background-repeat: repeat-y, repeat-y, repeat-y;
		background-size: 1px auto, 1px auto, 1px auto;
	}
	.shop-list li {
		width: 25%;
	}

	.single-product .shop-list li:nth-child(1),
	.single-product .shop-list li:nth-child(2),
	.single-product .shop-list li:nth-child(3),
	.single-product .shop-list li:nth-child(4) {
		display: block;
		border-bottom: none !important;
	}

	.cross {
		display: flex;
		flex-wrap: wrap;
	}
	.cross .box {
		width: 50%;
		margin: 0;
		padding: 60px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align: center;
	}
	.cross .box:nth-child(1) {
		border-right: solid 1px #b57e40;
		border-bottom: solid 1px #b57e40;
	}
	.cross .box:nth-child(2) {
		border-bottom: solid 1px #b57e40;
	}
	.cross .box:nth-child(3) {
		border-right: solid 1px #b57e40;
		border-bottom: 0;
	}
	.cross .box:nth-child(4) {
		border-bottom: 0;
		padding: 60px;
	}

	.page-template-museo .gallery-arrows {
		padding: 20px;
	}

	.duble-txt {
		padding: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.duble-txt .left {
		width: 65%;
		border-top: solid 1px #b57e40;
	}
	.duble-txt .left .main-title,
	.duble-txt .left p
	{
		width: 75%;
	}
	.duble-txt .left img {
		padding-top: 20px;
	}
	.duble-txt .right {
		width: 33.33%;
		border-top: solid 1px #b57e40;
	}
	.duble-txt a {
		display: block;
		padding: 20px 0;
		font-weight: bold;
	    color: #b57e40;
	}

	/*
	.booking form {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.booking .main-title {
		width: 100%;
	}
	.booking form .box.left {
		width: 65%;

	}
	.booking form .box.right {
		width: 33%;
		align-items: flex-end;
		align-content: flex-end;
	}
	*/

	.booking {
		padding: 40px 40px 20px 40px;
	}
	.booking p {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.booking span {
		display: block;
		width: 32.33%;
		padding: 0 1% 0 0;
	}

	.contacts {
		max-width: 50%;
		margin: auto;
	}
	.contacts form {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.contacts .main-title {
		width: 100%;
	}
	.contacts form .box.left {
		width: 65%;

	}
	.contacts form .box.right {
		width: 33%;
		align-items: flex-end;
		align-content: flex-end;
	}

	.filter input {
		margin: 0 0 0 20px;
		padding: 5px 20px;
		border: solid 1px #ccc;
		border-radius: 50px;
		background: url(img/search-solid.svg) 90% center no-repeat;
		background-size: 15px;
		text-transform: none;
		display: block;
	}







	.virtual-tour-block .hover p {
		max-width: calc(50% - 10px);
	}




	.language-de #footer .black ul {
		width: 60%;
	}
	.language-de #service-menu li {
		width: auto;
	}
	.language-de #footer .black .credits {
		width: 40%;
	}

}

@media only screen and (min-width:1200px) {


	#header #menu .main-menu {
		order: 1;
	}
	.social-icons {
		order: 2;
	}
	#language {
		order: 3;
		padding-top: 0;
	}



	body {
		font: 300 1.4rem 'Open Sans', sans-serif;
		line-height: 1.8;
	}

	.main-title {
		font: 300 2.2rem 'Open Sans', sans-serif;
		line-height: 1.6;
		text-transform: uppercase;
	}

    #header .logo-wrap {
        padding: 40px 60px;
    }
	#header .logo {
        max-height: 80px;
	}
	#header .open-close {
		display: none;
	}
	#header .main-menu {
		/*margin-left: 25%;*/
		display: flex;
		align-items: center;
		margin: 0 40px 0 0;
	}
	#header #menu {
		position: absolute;
		width: calc(100% - 400px);
		height: 100%;
		top: 0;
		left: auto;
		right: 0;
		padding: 0 60px;
		background: none;
		text-transform: uppercase;
		display: flex;
		align-items: center;
		font: 300 1.4rem 'Open Sans', sans-serif;
	}

	#header #menu .main-menu {
		padding: 0;
	}
	#header #menu .main-menu li {
		padding: 0;
		margin: 0;
		border-bottom: none;
	}

	#main-menu .current-menu-parent > a {
		color: #b57e40 !important;
	}

	.wpml-ls-legacy-dropdown-click a {
		background: rgba(255, 255, 255, 0.25);
	}
	.wpml-ls-legacy-dropdown-click .wpml-ls-item {
		width: 100%;
	}

	#header #menu .container {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow-y: visible;
		flex-direction: row;
		padding: 0;
	}
	#header #menu ul {
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	#header #language ul {
		display: block;
	}
	#header #menu li {
		border-bottom: none;
		opacity: 1;
		padding: 0;
		margin: 0;
	}



    .scrolled #header .logo-wrap {
        padding: 20px 60px;
    }
	.scrolled #header .logo {
		max-height: 40px;
	}
	.scrolled #header #menu {
		padding: 20px 60px;
	}

	.gallery-arrows .slide .content .main-title {
		font: 300 3.6rem 'Open Sans', sans-serif;
		padding: 60px
	}

	.gallery-arrows .slide .content .quote {
		font: 300 2.4rem 'Bentham', serif;
		padding: 40px;
	}

	#footer {
		font: 300 1.2rem 'Open Sans', sans-serif;
		line-height: 1.8;
	}

	main {
		padding-top: 160px;
	}

	.cross {
		max-width: 800px;
		margin: auto;
		padding-bottom: 0;
	}

	.bdp a:first-child {
		padding: 0 0 0 60px;
	}
	.bdp a:last-child {
		padding: 0 60px 0 20px;
	}

	.social-icons {
		display: flex;
	    padding: 0;
	    margin: 0 40px 0 0;
	    border: none;
	}

	.social-icons span {
		display: none;
	}


	.abbassa-banner-principale .main-banner {
		padding-top: 160px;
	}





	.main-title-1 {
		font-size: 6rem;
	}
	.virtual-tour-block .hover {
		padding: 30px;
		width: calc(100% - 60px);
		height: calc(100% - 60px);
	}
	.virtual-tour-block .hover img {
		max-width: 60px;
	}






	#header #menu #main-menu .sub-menu {
		display: none;
		position: absolute;
		background: #000;
		padding: 10px 20px;
		margin-left: 0;
		border-left: none;
		margin-top: 10px;
	}
	#header #menu #main-menu .sub-menu a {
		color: #fff;
	}

}

@media only screen and (min-width:1600px) {

	.spacer.grape {
		margin: 40px 0;
	}
	.spacer.brand {
		margin: 40px 0;
	}
	.spacer.title,
	.spacer.default {
		margin: 40px 0;
	}

	.block-50 {
		padding: 20px 0;
	}
	.block-50 .slider {
		justify-content: space-between;
	}
	.block-50 .slider .slide {
		padding: 10px 0;
	}

	.slider-4 {
		padding: 20px 0;
	}

	.gallery-arrows,
	.page-template-museo .gallery-arrows {
		padding: 20px 0;
	}

	.slider-timeline {
		padding: 20px 0;
	}

	.txt-box {
		padding: 20px 0;
	}

	/*
	.shop-list ul {
		background-image: url(img/line.jpg), url(img/line.jpg), url(img/line.jpg), url(img/line.jpg);
		background-position: 20% center, 40% center, 60% center, 80% center;
		background-repeat: repeat-y, repeat-y, repeat-y, repeat-y;
		background-size: 1px auto, 1px auto, 1px auto, 1px auto;
	}
	.shop-list li {
		width: 20%;
	}

	/*
	.booking {
		padding: 40px 40px 20px 40px;
	}
	.booking form .box input,
	.booking form .box select {
	    width: 24%;
	}
	.booking form .box.left {
		width: 75%;
	}
	.booking form .box.right {
		width: 20%;
	}
	*/

	.duble-txt {
		padding: 20px 0;
	}

	.bdp {
		margin: 20px 0 20px 0;
	}

	.product-details li {
		padding: 20px 0;
	}

	iframe {
		width: 100% !important;
		margin: 0;
	}

	.gallery-bottega {
		padding: 20px 0;
	}

	.social-wall-ig {
		padding: 0;
	}

	.virtual-tour-block {
		padding: 20px 0;
	}


	.language-de #footer .black ul {
		width: 45%;
	}
	.language-de #footer .black .credits {
		width: 55%;
	}

}

@media only screen and (min-height:1600px) {

	main {
		max-width: 1400px;

	}

}

/*--------------------------------------------------- MISC */

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}
@import 'css/print';


#footer .black ul {
    column-gap: 1em;
    justify-content: center;
    flex-wrap: wrap;
}
#footer .black .credits {
    display: none;
}
@media only screen and (min-width: 1024px) {
    #footer .black ul {
        width: 100%;
    }
}
