$_SERVER['DOCUMENT_ROOT']."/@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Lato|Dancing+Script');

html, body {
	width: 100%;
	height: 100%;
}

body {
	overflow-x:hidden; 
	font-size: 14px;
}

body.no-overflow {
	overflow-y: hidden;
}

/* loading */

.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0px;
	left: 0px;
	z-index: 999999999;
	overflow: hidden;
}

.loading img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	width: 125px;
	height: 70px;
}

.loading .loadbar {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 0px;
	height: 2px;
	background-color: #222;
	z-index: 5;
}

.loading .loadbar_bg {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 2px;
	background-color: #efefef;
	z-index: 2;
}

.loading .load_txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 300px;
	opacity: .05;
	color: #000;
	z-index: 0;
}

/* header alert */

.header-alert {
	position: fixed;
	top: 50px;
	right: -100%;
	background-color: #1a4c53;
	width: 100%;
	border: 1px solid #1a4c53;
	color: #fff !important;
	border-top: 0;
	display: block;
	animation-name: alert;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	text-align: center;
	z-index: 999999;
  }
  
  .header-alert p {
	color: #fff;
	margin-bottom: 0px;
  }
  
  @keyframes alert {
	0% {
	  right: -100%;
	}
	20% {
	  right: 0px;
	}
	80% {
	  right: 0px;
	}
	100% {
	  right: -100%;
	}
  }
  

/* reset margini e bordi row e col */

@media screen and (min-width: 768px) {
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.row [class^="col-"] {
		 padding-right: 0px;
   		 padding-left: 0px;
	}
}

/* margini e padding */

.ptb-50, .ptb-100 {
	padding: 25px 15px 0px 15px;
}

.p_t_0_b_50 {
	padding-top: 0px;
	padding-bottom: 25px;
}

.np {
	padding-left: 0px;
	padding-right: 0px;
}

.btn-whatsapp {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	padding: 0 !important;
	margin:0 !important;
	border-radius: 100% !important;
	border: 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.btn-whatsapp i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 30px;
}




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

.ptb-50 {
	padding: 50px 0;
}

.ptb-100 {
	padding: 100px 0 100px 0;
}


.p_t_0_b_50 {
	padding-top: 0px;
	padding-bottom: 50px;
}

}

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

.btn-whatsapp {
	display: none;
}

}


.logo {
    max-height: 100px;
}

/* font e tipografici */

h1, h2, h3, h4, .title {
    font-family: 'Crimson Text', serif;
}

h1 {
	font-size: 26px;
}

.h1_big {
	font-size: 30px;
	color: #222;
	margin-top: 5px;
    margin-bottom: 5px;
}

.h1_xl {
	font-size: 40px;
	color: #222;
	margin-top: 5px;
    margin-bottom: 5px;
}

.h1_md {
	font-size: 25px;
}

h2 {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #5f4900;
	font-size: 15px;
}

h2.dark_gray {
	color: #222222;
}


.h2_big, .h2_big_wine {
	font-size: 20px;
	color: #222;
	position: relative;
}


.h2_big_wine .fas {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	cursor: pointer;
	cursor: hand;
	padding-left: 10px;
	padding-right: 10px;
}

.fa-ellipsis-v {
	position: relative;
	cursor: pointer;
	cursor: hand;
}

.fa-ellipsis-v:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	content: "Filtri";
	margin-left: 15px;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
}

.fa-ellipsis-v.en:after {
	content: "Filters";
}

.fa-ellipsis-v.de:after {
	content: "Filter";
}


.h4_big_light {
	font-size: 30px;
	color: rgba(255,255,255,.4);
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.linea {
	position: relative;
	box-sizing: border-box;
	min-height: 1px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.linea:before {
	width: 100%;
	background-color: #5f4900;
	margin: 0px auto;
	height: 1px;
	content: " ";
	display:table;
}

.linea:after {
	width: 100%;
	background-color: #5f4900;
	margin: 0px auto;
	height: 1px;
	content: " ";
	display:table;

}

.linea [class^="col-"] {
	padding-top: 25px;
	padding-bottom: 25px;
}

.linea [class^="col-"] p {
    margin: 0 0 0px;
}

.linea [class^="col-"] {
	padding-top: 25px;
	padding-bottom: 25px;
}

.btn {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 15px;
    border-radius: 0px;
}

.btn:focus {
	box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}


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

	.h2_big_wine .fas {
		display: none;
	}

}

@media screen and (min-width: 1020px) {
	.h1_big {
		font-size: 40px;
	}

	.h1_xl {
		font-size: 60px;
	}

	.h1_md {
		font-size: 25px;
	}

	.h2_big {
		font-size: 25px;
	}

	.h2_big_wine {
		font-size: 60px;
	}


	.h2_md {
		font-size: 25px;
	}

	.h3_big {
		font-size: 40px;
	}

	.h4_big_light {
		font-size: 40px;
	}

	p {
	text-rendering: optimizeLegibility;
	font-size: 14px;
	}

	.linea p {
		font-size: 18px;
	}
}

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

h1 {
	font-size: 36px;
}


.h1_big {
	font-size: 50px;
}

.h1_xl {
	font-size: 100px;
}

}

/* lingue */

.lingue {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}

.lingue li {
    float: left;
}

.lingue li a {
    padding: 10px 10px;
    color: #222;
    text-decoration: none;
    display: block;
    
}

.lingue li.active a {
    color: #fff;
    background-color: black;
}

/* social */

.social {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    right: 38px;
    top: 0;
}

.social li {
    float: left;
}

.social li a {
    padding: 10px 10px;
    color: #222;
    text-decoration: none;
    display: block;
    
}

.social li:hover a {
    color: #fff;
    background-color: black;
}

.social li a .fab {
	font-size: 20px;
}

/* immagini */

.img-center {
	margin: 0px auto;
	display: block;
}

/* navbar */

header {
	border-bottom: 1px solid #ddd;
	overflow: hidden;

}

.navbar-toggle-menu {
    position: fixed;
    right: 0px;
    top: 0px;
    background-color: white;
    cursor: pointer;
    cursor: hand;
    font-size: 20px;
    z-index: 9999;
    margin-top: 0px;
    margin-right: 0px;
    border: 0;
    padding: 4px 10px;
}

.navbar-toggle .fas {
    z-index: 9999;
    position: relative;
}

.navbar-toggle-scroll:after {
    width: 100%;
    height: 48px;
    position: fixed;
    background-color: white;
    content: "";
    top: 0px;
    left: 0px;
     z-index: 9998;
}

.navbar {
	background-color: #fff;
	border: 0px;
	margin-bottom: 0px;
	border-radius: 0px;
	text-transform: uppercase;
   	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    min-height: 0px;
    padding: 0px;
    z-index: 99999;
     box-shadow: inset 0px -2px 0px rgba(0,0,0,.2);

}

.navbar-fixed {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px
}

.navbar li a {
    text-align: center;
    color: #777;
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar li.active a {
	background-color: #efefef;
}

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

	header {
	border-bottom: 0px;

}



	.navbar-toggle-menu {
		display: none;
	}

	.navbar li a {
    	border: 0px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .navbar li.active a {
     	box-shadow: inset 0px -2px 0px #f2b80f;
     	background-color: transparent !important;
    }

    .social {
    right: 0px;
}


}

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

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

	.navbar li a {
        padding-right: 15px !important;
        padding-left: 15px !important;
        font-size: 14px !important;
    }

}

/* video */

video {
	width: 100%;
}

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

video.videohome::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video.videohome::-webkit-media-controls-play-button {}

video.videohome::-webkit-media-controls-volume-slider {}

video.videohome::-webkit-media-controls-mute-button {}

video.videohome::-webkit-media-controls-timeline {}

video.videohome::-webkit-media-controls-current-time-display {}

}

/*
.video-responsive {
	position: relative;
	width: 100%;
	padding-top: 45%;
	overflow: hidden;
}

.video-responsive video {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	width: 100%;
	height: auto;
}

*/


/* immagini */
.img-full {
	width: 100%;
	height: auto;
}

/* griglia home page */

.container-home {
	background-color: #fff;
}


.container-home .shadow {
	padding-left: 0;
	padding-right: 0;
}

.container-home [class^="col-"] {
	background-color: #fff;
}


.container-home [class^="col-"] h1, .container-home [class^="col-"] p {
	text-align: center;
	padding: 10px 40px;
	width: 100%;
}

 .container-home [class^="col-"] p {
 	padding-bottom: 60px;
 	font-size: 12px !important;
 }
 
.container-home [class^="col-"] a {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: transparent;
    border-top: 1px solid rgba(0,0,0,.2);
    color: #000;
    text-align: right;
    text-transform: uppercase;
    padding-right: 40px;
}

.container-home .col-img {
	padding-top: 100%;
}

.container-home img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
	width: auto;
}

/* container pagine */


.container_header {
		background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

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

.container-home {
background-image: linear-gradient(#fff 50%, #d1a511 50%);
}

.container-home [class^="col-"]:nth-child(1), .container-home [class^="col-"]:nth-child(3) {
	background-color: #e2e2e2;
}

.container-home .col-img {
	padding-top: 33.333333%;
}



}

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

 .container-home [class^="col-"] p {
 	font-size: 14px !important;
 }

}

/* swiper */

.container-swipe {
	position: relative;
    overflow: hidden;
    padding-right: 0px;
    padding-left: 0px;
}

.container-swipe .scroll-text {
    flex: 0 0 90%;
    height: 100%;
}

.container-swipe .scroll-text .scroll-text-caption {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}

.swiper-container-page {
    width: 100% !important;
    height: 300px !important;
}

.swiper-container-page .swiper-slide {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.swiper-container-page .swiper-slide:first-child {
    display: none;
}

.swiper-container-page .swiper-slide img {
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.swiper-container-page [class*="controller"] {
    display: block;
    position: absolute;
    bottom: 150px;
    transform: translateY(50%);
    font-size: 15px;
    z-index: 999999;
    background-color: rgba(0,0,0,.8);
    padding: 15px 15px 15px 15px;
    cursor: pointer;
    cursor: hand;
    border:0;
}

.swiper-container-page [class*="controller"] i {
    color: #fff;
}

.swiper-container-page .controller-sx {
    left: 0px;
}

.swiper-container-page .controller-dx {
    right: 0px;
}


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

.swiper-container-page {
    width: 100% !important;
    height: 600px !important;
}

.swiper-container-page [class*="controller"] {
    display: block;
    position: absolute;
    bottom: 300px;
    transform: translateY(50%);
    font-size: 15px;
    z-index: 999999;
    background-color: rgba(0,0,0,.8);
    padding: 15px 15px 15px 15px;
    cursor: pointer;
    cursor: hand;
    border:0;
}

}


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

.container-swipe {
	min-height: 600px;
}

.container-swipe .scroll-text {
    width: 50vw;
    position: absolute;
}

.container-swipe .scroll-text .scroll-text-caption {
   	float: right;
    text-align: right;
    max-width: 600px;

}

.swiper-container-page {
    width: 100% !important;
    height: 100% !important;
}

.swiper-container-page .swiper-slide {
      width: auto !important;
      height: 100% !important;
}

.swiper-container-page .swiper-slide:first-child {
    display: block;
}

.swiper-container-page [class*="controller"] {
    display: block;
    position: absolute;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    z-index: 999999;
    background-color: rgba(0,0,0,.8);
    padding: 15px 15px 15px 15px;
    cursor: pointer;
    cursor: hand;
}

}

/* pagina vini */

.lines {
	margin: 25px auto;
	padding-top: 20px;
    padding-bottom: 20px;
	position: relative;
}

.lines:before {
	width: 100%;
	background-color: #5f4900;
	height: 1px;
	position: absolute;
	top: 1px;
	left: 50%;
	transform: translateX(-50%);
	content: " ";
}

.lines:after {
	width: 100%;
	background-color: #5f4900;
	height: 1px;
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translateX(-50%);
	content: " ";
}

.lines.h2_lines {
	font-size: 60px;
	color: #222;
}

.lines.h2_news {
	font-size: 60px;
	color: #222;
}

.lines.h2_news p {
	font-size: 13px;
}

.lines.h4_lines {
	font-size: 30px;
	color: #222;
}

.lines.h4_news {
	font-size: 30px;
	color: #222;
}

.lines.h2_lines:before, h2.h2_lines:after {
	background-color: #222;
}

.lines.h2_big_wine.color-1:before, h2.h2_big_wine.color-1:after {
	background-color: #cfb426 !important;
}

.lines.h2_big_wine.color-2:before, h2.h2_big_wine.color-2:after {
	background-color: darkred !important;
}

.lines.h2_big_wine.color-3:before, h2.h2_big_wine.color-3:after {
	background-color: blue !important;
}

.lines.h2_big_wine.color-4:before, h2.h2_big_wine.color-4:after {
	background-color: red !important;
}

.lines.h2_big_news.color-news:before, .lines.h2_big_news.color-news:after {
	background-color: #222 !important;
}

.linee  {
    display: none;
}

.container-wine {
	position: relative;
}

.container-wine ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.container-wine ul.filter {
	position: absolute;
    left: -100%;
    top: 0px;
    z-index: 9968;
    background-color: #fff;
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


.container-wine ul.filter-open {
    left: 0px;
}

.container-wine ul.filter a {
	display: block;
	color: #000;
	display: block;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
}

.container-wine .col-vino {
	border:0;
    padding: 15px 15px 80px 15px;
    position: relative;
    overflow: hidden;
}

.container-wine .col-vino p {
	font-size: 12px;
}

.container-wine .col-vino h1 {
	font-size: 16px;
}

.container-wine .col-vino h2 {
	font-size: 14px;
}

.container-wine .col-vino h3 {
	font-size: 13px;
}

.container-wine .col-vino h4 {
	font-size: 12px;
}

.container-wine .col-vino h5 {
	font-size: 10px;
}

.col-vino a {
	position: relative;
}

.col-vino a .over-alert {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	width: 100%;
	padding: 10px;
	background-color: rgba(0,0,0,.8);
}

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

.linee {
    float: none;
    margin: 25px auto;
    display: table;
    list-style: none;
    padding: 0 0 0 0;
}

.linee li {
    float: left;
    text-align: center;
    width: 150px;
    position:relative;
    padding-top: 30px;
    padding-bottom: 30px;
    cursor: pointer;
    cursor: hand;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden;
}

.linee li * {
    z-index: 10;
    position: relative;
}

.linee li:after {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 1px;
    background-color: rgba(0,0,0,.2);
    content: " ";
}

.linee li:last-child:after {
    display: none;
}

.linee li .fas {
    font-size: 40px;
    margin-bottom: 20px;
}

.linee li img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 105%;
    height: auto;
    filter: brightness(50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    z-index: 5;
}

.linee li:hover img {
    width: 120%;
    height: auto;
    filter: brightness(100%);

}

.container-wine ul.filter {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0px;
	left: 0px;
    display: block;	
}	

.container-wine .col-vino p {
	font-size: 12px;
}

.container-wine .col-vino h1 {
	font-size: 25px;
}

.container-wine .col-vino h2 {
	font-size: 25px;
}

.container-wine .col-vino h3 {
	font-size: 20px;
}

.container-wine .col-vino h4 {
	font-size: 18px;
}

.container-wine .col-vino h5 {
	font-size: 15px;
}

}

/* icone sotto anteprima vino e preventivo */

.col-vino {
	/*
	box-shadow: inset 0px 0px 0px 5px white, inset 0 0 0 6px #777;
	-webkit-box-shadow: inset 0 0 0 5px white, inset 0 0 0 6px #777;
	-moz-box-shadow: inset 0 0 0 5px white, inset 0 0 0 6px #777;


	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	*/

	outline: 1px solid #777;
    outline-offset: -5px;

    padding: 15px 15px 80px 15px;
    position: relative;
    overflow: hidden;
    border:0;
}

.col-vino ul {
	position: absolute;
	width: 80%;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
	border-top: 1px solid #222;
	padding-top: 10px;
}

.col-vino ul li {
	
}

.col-vino ul li a {
	color: #222;
	padding: 10px;
	font-size: 15px;
	text-decoration: none;
}

.col-vino ul li a i.fa-wine-bottle {
    transform: rotate(-45deg);
    margin-right: -5px;
}

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

.col-vino ul li a {
	font-size: 20px;
}

}

/* scheda vino */

.container-scheda {
	padding-top: 50px;
	padding-bottom: 50px;
}

.container-bott {
	height: 350px;
	overflow: hidden;

	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.container-bott a {
	height: 100%;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.row-scheda {
	margin-top: 25px;
	padding-top: 0px;
	border-top: 1px solid #ddd;
}

.row-scheda .col-sm-12 {
	position: relative;
}

.row-scheda .col-sm-12 ol {
	margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    margin: 0px auto;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    webkit-box-pack: left!important;
    -ms-flex-pack: left!important;
    justify-content: left!important;
}

.row-scheda .col-sm-12 ol li {
	display: list-item;
    text-align: -webkit-match-parent;
}

.row-scheda .col-sm-12 ol li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 20px;
	font-size: 10px;
}

.row-scheda .col-sm-12 ol li a .fas {
	clear: both;
	font-size: 30px;
	display: block;
	margin-bottom: 15px;
}

.etichetta {
	max-width: 80%;
	margin-top: 25px;
}
.etichetta-tablet {
	display: none;
}


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

.container-bott {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 80px;
	height: 70vh;
	overflow: hidden;

	display: flex;
	flex-direction: column;
	justify-content: space-around;
}


.etichetta {
	display: none;
}

.etichetta-tablet {
	display: block;
	max-width: 120px;
	margin: 20px auto;
}

}

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

.etichetta {
	display: block;
	max-width: 250px;
}

.etichetta-tablet {
	display: none !important;
}

}


/* form */


.form-group {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}


.form-group label {
	display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: normal;
    text-align: left !important;

}

.form-group label p {
	padding-left: 0px;
    padding-right: 0px;
	font-size: 16px;
}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 5px;
    margin: 0px auto;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: transparent;
    background-image: none;
    border: 0px solid #000;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #d9aa0b;
    box-shadow: none;
}


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

.form-group {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

}

/* pagina contatti */

.container-contatti p {
	padding: 0 5px;


}

.container-contatti p a {
	color: #000;
	text-decoration: none;
}

.orari p {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 5px !important;
}

.orari p b {
	flex: 0 0 30%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.orari p span {
	flex: 0 0 70%;
}

.map-container {
	position: relative;
    overflow: hidden;
}

.map {
	width: 100%;
    height: 50vh;
    margin-bottom: 20px;
    position: relative;
}

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

.map-container {
    height: auto;
    min-height: 600px;
}


.map {
	width: 50%;
    left: 0px;
    position: absolute;
    top: 0px;
    height: 100%;
    margin-bottom: 0px;

}

}


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

.orari p b {
	flex: 0 0 20%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.orari p span {
	flex: 0 0 80%;
}

}

/* carrello e preventivo */

.cart {
    position: fixed;
    z-index: 999999;
    padding: 17px 20px;
    bottom: 30px;
    right: 30px;
    color: #fff;
    background-color: #000;
    border-radius: 100%;
    display: block;
    cursor: pointer;
    cursor: hand;
}

.cart-numb {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #f00;
    color: #000;
    padding: 5px 10px;
    border-radius: 100%;
}

.cart[cart-value='0'] {
	display: none;
}

@media screen and (min-width: 1020px) {
.cart {
    bottom: unset;
    top: 25px;
}
.img-news {
	max-height: 300px;
}
}

.row-preventivo {
	padding: 0px 0px 20px;
	margin-left: 0px;
	margin-right: 0px;
}

.row-preventivo .col-vino .img-fluid {
	max-width: 80%;
}

.row-preventivo .col-vino ul li {
	float: left;
}

.row-preventivo .col-vino ul li i {
	display: inline-block;
    padding: 10px 2px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

.row-preventivo .fas {
	cursor: pointer;
	cursor: hand;
}

.row-preventivo .fa-trash {
	margin-left: 10px;
}

.row-preventivo .number {
	padding-right:10px;
	padding-left: 10px;
}

.col-instagram {
	position: relative;
	overflow: hidden;
}

.col-instagram img {
	position: relative;
	z-index: 10;
}

.col-instagram .caption {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	z-index: 15;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.col-instagram:hover .caption {
	opacity: 1;
}

/* banner news */

.news-banner {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	z-index: 999999;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
  }

  .close-banner {
	  position: absolute;
	  right: 5px;
	  top: 5px;
	  cursor: hand;
	  cursor: pointer;
	  z-index: 9999999;
  }

  .text-uppercase {
	  text-transform: uppercase;
  }
/* footer */

footer {
	background-color: #222;
	background-image: url(img/sf_footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 0px 0px 100px 0px;
	color: #fff;
}

footer img {
	max-width: 200px !important;
}

footer [class^="col-"] {
	position: relative;
}

footer p a {
	text-decoration: none;
	color: #fff;
}

footer p a:hover {
	text-decoration: none;
	color: #ddd;
}

footer .nav {
    border-top: 1px solid rgba(255,255,255,.5);
}

footer .nav li {
	display: none;
}

footer .nav li:last-child{
		display: block;
	}

footer .nav li a {
	text-transform: uppercase;
	color: #fff;
}



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

footer {
	padding: 0px 0px 0px 0px;
}	

footer .nav li {
	display: block;
}

}


[class*="container-color"] h1 {
	opacity: .5;
	padding-left: 20px;
	padding-right: 20px;
}

[class*="container-color"] p {
	opacity: .8;
	padding-left: 20px;
	padding-right: 20px;
}

[class*="container-color-light"] h1, [class*="container-color-light"] p {
	color: #000 !important;
}

[class*="container-color-dark"] h1, [class*="container-color-dark"] p {
	color: #fff !important;
}

.container-color-dark-gray {
	background-color: #696969;
}

.container-color-dark-blue {
	background-color: #2d3351;
}

.container-color-dark-green {
	background-color: #213228;
}

.container-color-dark-orange {
	background-color: #592702;
}


.container-color-light-gold {
	background-color: #eee2c3;
}

.container-color-white {
	background-color: #fff;
}

.container-vini {
	/*
	background-image: url(sfondi/sf_vini.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	*/
	background-color: #fff;
}

[class*="container-color-light"] .form-control {
	color: #222 !important;
	border-bottom:1px solid #222;
	background-color: transparent;
}

[class*="container-color-dark"] .form-control {
	color: #fff !important;
	border-bottom:1px solid #ffffff;
		background-color: transparent;

}

@supports (position: sticky) {
	@media screen and (min-width: 768px) {
	  .container-wine ul.filter {
	   	top: 75px;
		left: 0px;
	  }
	}

}

@media all and (display-mode: standalone) {
  body {
    background-color: white;
  }
}


/* juicer */

.juicer-feed .j-paginate {
	border:1px solid #fff !important;
	color: #fff !important;
}

.juicer-feed .j-paginate:hover {
	background-color: #fff !important;
	color:#000 !important;
}

.nb {
	background-color: #000;
	text-align: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 20px;
	max-width: 500px;
	margin: 0px auto;
	margin-bottom: 20px;
}

.container-pacchetto {
	position: relative;
	overflow: hidden;
	background-color: #e2e2e2;
}

.container-pacchetto:nth-child(odd) {
	background-color: #efefef;
}
@media screen and (min-width: 1200px) {

	.container-pacchetto:nth-child(odd) .row {
		flex-direction: row-reverse;
	}

	.container-pacchetto .row-relative {
		position: relative;
		z-index: 0;
	}

	.container-pacchetto .container-absolute {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		z-index: 10;
	}

	.container-pacchetto .container-absolute .col-text {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

}

.evidenziato {
	background-color: #f2b80f;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}

.bordato {
	border: 1px solid #f2b80f;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}

.giorno-chiuso {
    color:#fff !important;
	cursor: not-allowed !important;
}

.giorno-chiuso a {
	background-color: #AA0000 !important;
	color: #fff !important;
}