/*------------------------------

General

------------------------------*/

@font-face {

  font-family: 'Nella-Sue-Demo';

    src:  url('../fonts/Nella-Sue-Demo.ttf.woff') format('woff'),

    url('../fonts/Nella-Sue-Demo.ttf.svg#Nella-Sue-Demo') format('svg'),

    url('../fonts/Nella-Sue-Demo.ttf.eot'),

    url('../fonts/Nella-Sue-Demo.eot?#iefix') format('embedded-opentype');

    font-weight: normal;

    font-style: normal;

}


@font-face {
	font-family: 'Antonio-Regular';
	src: url('../fonts/Antonio-Regular.eot');
	src: local('☺'), url('../fonts/Antonio-Regular.woff') format('woff'), url('../fonts/Antonio-Regular.ttf') format('truetype'), url('../fonts/Antonio-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



html, body { height: 100%; font-family: 'Open Sans', sans-serif;}

html { position: relative;}

body { background: rgba(201,166,128,0.2) };

section { height: auto; padding: ; position: relative;}

  section .title { font-size: 40px; letter-spacing: 1px; color: #1b1b1b; text-align: center; font-weight: 400;}

a { color: inherit;}



.step .wow { visibility: hidden !important;}





/*==============

	AGE VERIFICATION

===============*/



#modal_screen {

	position: fixed;

	top:0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 1100;

	background-color: #f5eee6;

}



#modal_screen.nope {

	background-color: #f5eee6;

}



#modal_content {

	position: fixed;

	z-index: 1101;

	margin: 0 auto;

	border:none;

	border-radius: 100%;

	font-size: 12px;

	width:100%;

	height: 100%;

  text-align: center !important;



	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;



	background-position: center 2em;

	background-repeat: no-repeat;

	background-size: 90px auto;

	background-image: url('http://www.birrasalento.it/img/logo_sole.svg');

}



#modal_content .content_wrapper {

	padding-top: 8em;

	margin:3em auto 0;

	text-align: center;

}



#modal_content h2 {

  width: 100%;

    font-family: ' Opens Sans' sans-serif;

    box-sizing: border-box;

    margin: 0 0 14px 0;

    font-size: 40px !important;

    font-weight: 700;

    color: #d79937;

    text-transform: uppercase;

}



#modal_content p {

    width: 100%;

  max-width: 100%;

    font-size: 15px;

    text-align: center;

    font-family: 'Open Sans', sans-serif;

    letter-spacing: 1px;

    line-height: 22px;

    margin-bottom: 20px;

}



#modal_content nav {font-size: 16px; display:table; width: 100%;}

#modal_content nav ul {display:table-row; width: 100%; margin:0; padding:0;}

#modal_content nav li {display: table-cell; text-align: center; width: auto;}



#modal_content nav:after {

	content: "";

	display: block;

	clear: both;

}



#modal_content nav small {

	display: block;

	text-align: center;

	color: #d79937;

	margin:;

}



#modal_content nav a.av_btn {

    background: none;

    border: 1px solid #d79937;

    color: #d79937;

    display: inline-block;

    border-radius: 1px;

    text-decoration: none;

    padding: 8px 12px;

    margin-left: 0px;

	color: #d79937;

	text-transform: none;

	letter-spacing: 0;

}



#modal_content nav .av_go {

	background-color: #7fbf4d;

}



#modal_content nav .av_no {

	background-color: #938d95;

}



#modal_content nav .av_btn:hover {

	background-color: #d79937;

  color: #fff !important;

}



#modal_content #modal_regret_wrapper nav a.av_btn {

  margin-top: 0;

  width: 260px;

  font-size: 1em;

}



@media (min-width: 688px) {

	#modal_content {

		top: 10em;

		top: 30vh;

		left: 30vw;

		width: 100%;

		width: 500px;

		height:500px;

		padding:3em;

		border-radius: 100%;

		background-position: center 3em;

		background-size: 120px auto;

		font-size: 16px;

	}



	#modal_content .content_wrapper {

		padding-top: 150px;

		margin:3em auto 0;

		text-align: center;

	}



	#modal_content h2 {

		margin: 0 0 0 0;

		font-size: 1.875em;

	}



	#modal_content p {

		font-size: 1em;

		line-height: 1.9em;

	}



	#modal_content nav {width: 396px;}



	#modal_content nav a.av_btn {

		padding:1em 2.5em;

		margin:1.6em auto 0;

		font-size: 1em;

	}

}



/*==============

	NEWS ED EVENTI

===============*/



#full-width { width: 100%; height: auto; padding: 60px 0;}

#full-width a { color: #d79937; }

#full-width article.news img { width: 100%; height: auto; margin-bottom: 20px;  box-sizing: border-box;}

#full-width article.news .titolo_news { background: #fff;color: #d79937; display: inline-block; padding: 10px 15px; letter-spacing: 1px; margin-top: 5px;}

#full-width article.news .data { font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 400; margin-bottom: 5px;}



/*==============

	COOKIE

===============*/



#cookie-bar {background:#fff; height:auto; line-height:24px; color:#1b1b1b; text-align:center; padding:15px 0;}

#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index: 1099;}

#cookie-bar.fixed.bottom {bottom:0; top:auto;}

#cookie-bar p {margin:0; padding:0;}

#cookie-bar a {color:#d79937; display:inline-block; border-radius:1px; text-decoration:none; padding:8px 12px; margin-left:8px;}

#cookie-bar .cb-enable {background:#fff; border: 1px solid #d79937;}

#cookie-bar .cb-enable:hover {background:#d79937; color: #fff;}

#cookie-bar .cb-policy {background:#fff; border: 1px solid #d79937;}

#cookie-bar .cb-policy:hover {background:#d79937; color: #fff;}





/*==============

	NAVIGAZIONE

===============*/

#navbar {

	margin-right: 30px;

}

.navbar-brand {

	margin-left: 20px !important;

	padding:0 !important;

	margin-top: -5px !important;

}

.navbar {

	font-family: 'Open Sans' , sans-serif !important;

	background: #d79937 !important;

  font-weight: 300;

  font-size: 16px;

	padding:16px 0;

	border: none !important;

	text-transform:uppercase;

  color: #1b1b1b;

}

.navbar-default .navbar-nav > li > a {

    color: #1b1b1b;

    padding-left: 7px;

    padding-right: 7px;

    margin-right: 4px;

}

.navbar-default .navbar-nav > li > a:hover {

    color: #fff;

}

.icon-bar {

	background-color: #1b1b1b !important;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

    background: none !important;

}

.navbar-default .navbar-toggle {

    border:none !important;

}

.nav_lang {

	border-left:1px solid #fff;

	margin-top:10px !important;

	padding-left:5px !important;

}

.nav_lang li.current a {

	color: #fff !important;

}

.lang {

	padding:5px 10px !important;

}



.rule { width: 80px; height: 4px; background: #fff; border: none; margin: 15px 0;}



/* CAROSELLO */



.carousel-indicators { bottom: 30px; }

.carousel-indicators li {

  width: 20px;

  height: 20px;

  margin: 0 7px;

  border-width: 1px;

  border-radius: 13px;

  border-color: rgba(255, 255, 255, 0.8);

  background: transparent;

  position: relative;

}

.carousel-indicators li:before {

  border-radius: 13px;

  width: 10px;

  height: 10px;

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  background: rgba(255,255,255,0.8);

  -webkit-transform: translateY(-50%) translateX(-50%);

  -moz-transform: translateY(-50%) translateX(-50%);

  -ms-transform: translateY(-50%) translateX(-50%);

  -o-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

}

.carousel-indicators .active {

    width: 20px;

    height: 20px;

    margin: 0 7px;

    background-color: rgba(255,255,255,0.95);

}

.carousel-control.right,

.carousel-control.left { background-image: none; }

.carousel .item { min-height: 350px; height: 90vh; width:100%; }

.carousel-caption { top: 50%; text-align: left; transform: translateY(-30%); -webkit-transform: translateY(-30%): -moz-transform: translateY(-30%); -o-transform: translateY(-30%): }

/* Animation delays */

.carousel-caption .intro { animation-delay: 2s; }

.carousel-caption .pre-titolo { animation-delay: 1.5s; }

.carousel-caption .titolo,

.carousel-caption .rule { animation-delay: 2s; }

.carousel-caption .sub-titolo { animation-delay: 3s; }



/* HOME BANNER */



header {position: relative; overflow: hidden; width: 100%; height: 90vh; display: table; background: url('../img/header_bg.jpg') center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }

  .maschera { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4);}

  header .intro { text-align: center; position: absolute; width: 100%; /* left: 10%;  */ top: 50%; color: #fff; letter-spacing: 1px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



header #bgvid {

  position: absolute;

  min-height: 100%;

  min-width: 100%;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  z-index: -100;

  background-size: cover !important;

  -webkit-background-size: cover !important;

}

header #bgvid-center {

  border: 5px solid #d4ba93;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 80%;

  height: auto;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  z-index: 10;

}

.playpause {

    background-image: url('../img/play-icon.svg');

    background-repeat:no-repeat;

    width:100px;

    height:100px;

    position:absolute;

    left:0%;

    right:0%;

    top:0%;

    bottom:0%;

    z-index: 12;

    opacity: 1;

    margin:auto;

    background-size:contain;

    background-position: center;

}

#video-controls {

  width: 100px;

  height: 100px;

  position: absolute;

  top: 50%;

  left: 50%;

  height: auto;

  z-index: 12;

  opacity: 0;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

}

#bgvid-center:hover  #video-controls {

  opacity: 1 !important;

}

.intro .pre-titolo { font-size: 30px; margin: 0; font-weight: 300;}

.intro .titolo { font-size: 60px; margin-top: 5px; font-weight: 700; }

.intro .payoff { font-family: 'Nella-Sue-Demo' !important; font-size: 70px; letter-spacing: 0px; font-weight: 100;}

.intro .sub-titolo {  font-size: 22px; font-style: italic; font-weight: 300;}



/* ABOUT */



#about { width: 98%;/* max-width: 1480px; */ margin: 1%; height:70%; display: block; position: relative;}

.img-item { width: 100%; height: 100%; z-index: 2; position: absolute; top:0;left: 0; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -webkit-transition: -webkit-transform .18s ease-in-out;-moz-transition: -moz-transform .18s ease-in-out;transition: transform .18s ease-in-out;}

/*.cornice { width: 98%; height: 96%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; border: 3px solid #fff; opacity: 0.5;} */

.about_item { overflow: hidden; margin: 0;width: calc(50% - 10px);position: relative; color: #fff; }

.about_item:hover .img-item { -webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);-webkit-transform-style: preserve-3d;-webkit-transition: -webkit-transform .18s ease-in-out;-moz-transition: -moz-transform .18s ease-in-out;transition: transform .18s ease-in-out; }

/* .about_item:hover img { -webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);-webkit-transform-style: preserve-3d;-webkit-transition: -webkit-transform .18s ease-in-out;-moz-transition: -moz-transform .18s ease-in-out;transition: transform .18s ease-in-out; }

*/

.about_item .maschera { z-index: 3; }

/* .about_item img { height: auto; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transform-style: preserve-3d;-webkit-transition: -webkit-transform .18s ease-in-out;-moz-transition: -moz-transform .18s ease-in-out;transition: transform .18s ease-in-out; } */

.right-item { float: right; overflow: hidden; margin: 0;width: calc(50% - 10px);height: 100%; }

.right-item .cornice { height: 98%; }

.pos-top-left { top: 0; left: 0; position: absolute; height: calc(50% - 10px); }

.pos-bottom-left { left: 0; bottom: 0; position: absolute; height: calc(50% - 10px); }

.item_text { width: 80%; left: 20px; bottom: 40px; position: absolute; z-index: 3; letter-spacing: 2px; }

.item_text .pre-titolo { font-size: 24px; margin: 0; font-weight: 300;}

.item_text .titolo { font-size: 30px; margin-top: 0px; font-weight: 400; margin-bottom: 40px; }

.item_text .sub-titolo {  font-size: 16px; font-weight: 400; z-index: 2; position: relative;}

.more { display: inline-block; border: 1px solid #fff; padding: 7px 12px; z-index: 2; position: relative; overflow: hidden;}

.more:before { width: 0%; height: 100%; content: ""; position: absolute; top: 0; left: -10%; background-color: #fff; transform: skewX(-20deg);}

.about_item:hover .more:before { width: 120%; transition: all .30s ease-in-out; }

.about_item:hover .more { color: #1b1b1b !important;transition: all .30s ease-in-out;}



.about_item a { color: #fff !important;}



/* BIRRIFICIO */



#birrificio { padding: 140px 0;position: relative; text-align: center; color: #fff; background: url('../img/birrificio_bg.jpg') no-repeat center center; background-attachment: fixed; background-size: cover; }

#birrificio .rule { margin: 25px auto;}

#birrificio .pre-titolo { letter-spacing: 1px; font-size: 35px; font-weight: 300;}

#birrificio .titolo { letter-spacing: 1px; font-size: 45px; margin-top: 6px; }

#birrificio .more:before { transition: all .30s ease-in-out; }

#birrificio .more { margin-top: 20px; font-size: 24px; padding: 10px 15px; letter-spacing: 1px; transition: all .30s ease-in-out; font-weight: 300;}

#birrificio .more:hover:before { width: 120%; transition: all .30s ease-in-out; }

#birrificio .more:hover span { color: #1b1b1b !important; transition: all .30s ease-in-out; position: relative; }



#birrificio a { color: inherit;}

/* PRODOTTI */



#prodotti { padding:; }

.header-titolo { position: relative;width: 90%;max-width: 400px;margin: -50px auto 50px;background: #d79937;text-align: center;text-transform: uppercase; padding: 30px 0;color: #fff; z-index: 10;

}

.header-titolo h1 { font-size: 50px; margin-top: 0px; }

.header-titolo .rule { margin: 25px auto; }

.header-titolo .sub-titolo { font-size: 18px; font-weight: 300; letter-spacing: 2px; }



  .collezione { padding: 0;margin:  0px 0; }

    .testo { text-align: center; letter-spacing: 1px; margin-top:50px; height: auto;}

      .testo .pre-titolo { font-size: 40px; font-weight: 300; line-height: 20px; margin-top: 100px !important;}

      .testo .titolo { font-size: 60px; font-weight: 700; margin: 0; color: #d79937;}

      .testo .sub-titolo { font-size: 16px; font-weight: 100; width: 80%; margin: 30px auto; padding: 20px 0; font-style: italic;}

      .testo .more { font-size: 26px; border-color: #d79937; color: #d79937; padding: 15px 30px; min-width: 260px;}
      .testo.specx .more { font-size: 26px; border-color: #d79937; color: #fff; background-color:#d79937; padding: 15px 30px; min-width: 260px;}

      .testo .more:before { background:#d79937;transition: all .30s ease-in-out; }

      .testo .more:hover span { color: #fff !important; transition: all .30s ease-in-out; position: relative;}

      .testo .more:hover:before { width: 120%;transition: all .30s ease-in-out;}
	  
      .testo.specx .more:before { background:#fff;transition: all .30s ease-in-out; }

      .testo.specx .more:hover span { color: #d79937 !important; transition: all .30s ease-in-out; position: relative;}

      .testo.specx .more:hover:before { width: 120%;transition: all .30s ease-in-out;}

    .birre { background: #f8f8f8; }

    .birre .item { width: 33.33%; float: left;}

    .birre .single { margin: 0 auto; float: none !important;}

    .birre .item img { margin: 0 auto; }
	
	.text-new {
    color: #fff;
    position: absolute;
    left: 50%;
    width: 350px;
    padding-bottom: 30px;
    height: 129px;
     transform: translate(-50%, -108px); 
     -webkit-transform: translate(-50%, -108px); 
	}



/* Mondo Birra Salento */



#mondo-salento { width: 98%; /* max-width: 1480px; */ margin: 1%; height:50%; display: block; position: relative; }

#mondo-salento .about_item { overflow: hidden; margin: 0;width: calc(50% - 10px);position: relative; color: #fff; height: 100%; }

#mondo-salento .about_item .cornice { height: 98%;}

#mondo-salento .about_item img { height: 100%; width: auto; right: 0;}

#mondo-salento .mondo_right { width:calc(50% - 10px); float:right;  color: #1b1b1b;}

#mondo-salento .mondo_center { float: left; margin-left: 15px;}



/* Instagram */



#instafeed { width:100%; height: auto; padding-bottom: 0px; }

#instafeed .thumb-instagram {}



/* Video */







/* Store */



#store {position: relative; padding-bottom: 100px;}

#store img { position: relative; margin: 30px auto 0;}

#store .map { position: relative;}

#store .more { border-color: #1b1b1b; font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}

#store .more:before { background:#1b1b1b;transition: all .30s ease-in-out; }

#store .more:hover span { color: #fff !important; transition: all .30s ease-in-out; position: relative;}

#store .more:hover:before { width: 120%;transition: all .30s ease-in-out;}



/* News eventi */



#news { padding: 55px 0; background: #d79937;}

#news .titolo { font-size: 28px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; margin-top: 0px;}

#news .rule { margin: 25px auto; background-color: #1b1b1b;}

#news form { width: 100%; max-width: 500px; position: relative; margin: 0 auto;}

#news input { outline: none; height: 55px; width: 100%; max-width: 500px; padding: 8px; letter-spacing: 1px; color: #1b1b1b; font-weight: 300; border: none; margin: 0px;}

#news input[type="submit"] { width: 80px; height: 55px; background: #ccc; border: none; color: #fff; position: absolute; right: 0; top: 28px; margin-left: 0px;}



/* Social */



#social { background: #f4f4f4;}

#social i { font-size: 30px; color: #ccc; position: relative; z-index: 2;}

#social .social { position: relative; padding: 40px 0; overflow: hidden;}

#social .social:hover i { color: #fff; transition: all .30s ease;}

#social .social:before { width: 0; height: 100%; content: "";position: absolute; left:-10%; top: 0; background: #f00; transition: all .30s ease-in-out;transform: skewX(-20deg);}

#social .social:hover::before { width: 120%; transition: all .30s ease-in-out;}



#social .social-fb:before { background: #3b5998; }

#social .social-tw:before { background: #55acee; }

#social .social-in:before { background: #e95950; }

#social .social-yt:before { background: #bb0000; }



/* Footer */



footer { width: 100%; height: auto; padding: 60px 0; }

footer h3 { font-size: 20px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;}

footer p { font-size: 16px; font-weight: 300; line-height: 28px; color: #999; }

footer ul { font-size: 16px; font-weight: 300; margin:0; padding: 0; list-style: none; line-height: 28px; color: #999;}

footer ul li a { color:#999;}

footer ul li a:hover { color:#d79937; text-decoration: none;}

footer .link-map { color: #333; font-size: 14px; font-weight: 700;}

footer .link-map:hover { color: #d79937; text-decoration: none;}

#credits { width: 100%; height: auto; padding: 15px 0px; background: #f4f4f4; text-align: center; color: #4e4e4e; font-size: 12px; line-height: 20px;letter-spacing: 1px;}

#credits a { color: inherit;}

#credits a:hover { color: #d79937;}

/* Vetrina */



#vetrina { height: auto; padding: 200px 0 0 0; position: relative; }

#vetrina h1 { display: inline-block; padding: 20px 50px; border: 10px solid #fff;color: #1b1b1b;font-size: 300px; margin-top: 0px; font-weight: 700; position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}

.birra { margin-bottom: -60px;  transition: all ease .40s; position: relative; z-index: 2;}



/* VETRINA 2 DEF */



#vetrina2 { height: 860px; padding: 100px 0 0 0; position: relative;}

.birra2 { margin-bottom: 0px;  transition: all ease .40s; position: relative; z-index: 5;}

.info-birra { height: 750px;}

.info { position: absolute; bottom: 30px; left: 30px; width: 100%; color: #fff; z-index: 5;}

.info h1 { font-size: 40px; letter-spacing: 1px;font-weight: 700; }

.info h3 { font-size: 18px; letter-spacing: 1px; margin: 0;}

.info .text { width: 60%; margin-top: 30px;}

.info img { margin: 15px 0;}



.info a { text-decoration: none; color:#fff; display: inline-block; border: 1px solid #fff; padding: 7px 12px; position: relative; overflow: hidden;transition: all .30s ease-in-out;}

.info a:before { width: 0%; height: 100%; content: "";z-index: -2; position: absolute; top: 0; left: -10%; background-color: #fff; transform: skewX(-20deg);}

.info a:hover:before { width: 120%; transition: all .30s ease-in-out; }

.info a:hover  { z-index: 3; color: #1b1b1b !important;transition: all .30s ease-in-out;}



.nome-famiglia { text-shadow: 2px 2px 1px #1b1b1b; font-size:100px; position: absolute; top: 76px; color: #d79937; font-weight: 700; letter-spacing: 2px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 2;}

.slide-famiglia { z-index: 5;}

.birra-slide { outline: none;}

.slide-famiglia .slick-slider { outline: none; }



/* Descrizione Birra */



#descrizione-birra { padding: 140px 0 70px; }

#descrizione-birra h3 { font-size: 22px; color: #d79937; letter-spacing: 1px;}

#descrizione-birra .rule { background: #1b1b1b; margin-bottom: 20px; height: 2px;}

#descrizione-birra ul { margin: 0; padding: 0; list-style: none; font-size: 15px; letter-spacing: 1px; line-height: 24px; margin-bottom: 30px;}



#descrizione-birra .more { border-color: #1b1b1b; font-size: 32px; position: relative; margin-top:50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);}

#descrizione-birra .more.tip { border-color: #d79937;  color:#d79937;font-size: 26px;
    padding: 15px 30px;}

#descrizione-birra .more.tip:hover { color:#fff; text-decoration:none; }
#descrizione-birra .more.tip a:hover { text-decoration:none; }

#descrizione-birra .more:before { background:#1b1b1b; transition: all .30s ease-in-out; }

#descrizione-birra .more:hover span { color: #fff !important; transition: all .30s ease-in-out; position: relative;}

#descrizione-birra .more:hover:before { width: 120%;transition: all .30s ease-in-out;}


#descrizione-birra .more.tip:before {
    background: #d79937;
    transition: all .30s ease-in-out;
}



.text { font-size: 15px; text-align: justify; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; line-height: 22px; margin-bottom: 30px;}



/* More Birra */



#more { padding: 30px 0; height: auto; background: #fff; overflow: visible;}

#more .titolo { font-size: 28px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; margin-top: 0px;}

#more .rule { margin: 25px auto; background-color: #1b1b1b;}



.slideshow-beer .item { /*margin-bottom: -140px; */ text-align: center; position: relative; z-index: 4; outline: none;}

.slideshow-beer .item img { margin: 0 auto; transition: all .15s ease-in-out;}

.slideshow-beer .item:hover img { opacity: ; transform: scale(0.9,0.9);-webkit-transform: scale(0.9,0.9); transform-origin: center center; transition: all .30s ease-in-out;}

.slideshow-beer .item .more { opacity: 0; position:absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);font-size: 20px; padding: 10px 25px; background: #fff; border-color: #1b1b1b;}

.slideshow-beer .item .more:before { background:#1b1b1b; transition: all .30s ease-in-out; }

.slideshow-beer .item .more:hover span { color: #fff !important; transition: all .30s ease-in-out; position: relative;}

.slideshow-beer .item .more:hover:before { width: 120%;transition: all .30s ease-in-out;}

.slideshow-beer .item:hover .more { opacity: 1; transition: all .30s ease-in-out}



/* Claim */



#claim { padding: 40px 0; background: #d79937; color: #1b1b1b; font-weight: 400; text-align: center; line-height: 24px;}



/* VIDEO */



#header-video { width: 100%; height: auto; padding-top:120px; padding-bottom:50px; position: relative; background-size: cover !important; -webkit-background-size: cover !important;}



.qr-video { 

	height: 0;

	overflow: hidden;

	padding-bottom: 56.25%;

	padding-top: 30px;

	position: relative;

}



.qr-video iframe,

.qr-video object,

.qr-video embed {

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}





/* ABOUT */



#header-small { width: 100%; height: auto; padding: 250px  0; position: relative; background-size: cover !important; -webkit-background-size: cover !important;}

#header-small .intro { position: relative; text-align: center; color: #d79937; font-weight: 700;}



#header-small .intro h1 { font-size: 50px; font-weight: 700;}



#storia { width: 100%; padding:0px 0 100px 0; position: relative;}



#storia .dashed-line { position: absolute; width: 1px; height: 100%; left: 50%; top: 0; border-left: 2px dashed #d79937; }

#storia .foto img { margin: 0 auto;}

#storia .foto { padding-top: 60px;}

#storia .testo { padding: 40px 140px 0; text-align: left; position:relative;}



#storia .header-titolo h1 { font-size: 26px; letter-spacing: 1px; line-height: 30px;}

/*#storia .header-titolo { border-radius: 25px; border: 2px dashed #fff; border-radius: 10px; box-shadow: 0 0 0 4px #d79937, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);}*/



#storia .step { padding: 200px  0 ;}

#storia .titolo { margin-top: 4px;}

#storia article .rule { margin: 15px 0 25px;}

#storia .foto-ingrediente { position: relative;}

#storia .item .testo { padding: 90px 70px !important;}



.cassa-center { margin-top: 50px;}

.data-left { position: absolute; top:-150px; left:0;}

.data-right { position: absolute; top: -150px; right: 0; }



.data-right .numero {  font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:100px; color: #d79937; margin:0 15px 0 0; }

.data-left .numero { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:100px; color: #d79937; margin:0 0 0 15px; }

.data-right .rule { width: 120px; height: 1px; margin: 5px -60px 0 auto; background: #d79937; }

.data-left .rule { width: 120px; height: 1px; margin: 5px 0 0 -60px; background: #d79937;}

.data-left .titolo { font-weight: 100; font-size: 18px; color: #1b1b1b; margin-left: 15px;}



.cassa { position: absolute; right: 20px; bottom: -100px;}

.cartina { position: absolute; left: 30px; bottom: -100px;}



.quote { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #999; font-weight: 700; font-style: italic; letter-spacing: 1px; position: relative; margin-bottom: 20px;}

.quote::before { content: "201C"; font-family: 'Open Sans' , sans-serif; font-size: 100px; font-weight: 400; color: #d79937; position: absolute; left: -50px; top:-50px; }

.big-quote { font-size: 60px; color: #d79937; position: absolute; top: 25%; left: -100px;}



.step-fine { padding: 140px 0 100px 0; }



#box { width: 98%;/* max-width: 1480px; */ margin: 1%; height:40%; display: block; position: relative;}

.pos-top-right { top: 0; right: 0; position: absolute; height: 100%; }

#box .pos-top-left { height: 100%;}





/* INGREDIENTE SINGOLO */



.ingrediente-single { width: 100%; position: relative; height: auto; padding: 100px 0 0; overflow: hidden;}

.ingrediente-single h1 { font-size: 80px; margin-bottom: 40px; font-weight: 700; letter-spacing: 1px; color: #d79937;}

.ingrediente-single .text { line-height: 26px; }

.ingrediente-single img.acqua-img { width: 100%;}

.ingrediente-single img.orzo-img { width: 100%; margin-top: 100px;}

.ingrediente-single img.luppolo-img { width: 100%; margin-top: 100px; position: relative;}

.ingrediente-single img.spezie-img { width: 100%; margin-top: 100px; margin-bottom: 150px;}

.ingrediente-bg { width: 100%; height: 500px; margin-top: 100px; background-size: cover !important; -webkit-background-size: cover !important;}



/* OOF TRADE */



#off-trade { width: 100%; height: 100%;background: url('../img/mondo_03.png'); background-size: cover; -webkit-background-size: cover; position: relative !important;}

#off-trade .scopri { width: auto; max-width: 800px; position: relative; margin: 0 auto; height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 20px;}



#off-trade .more { border-color: #1b1b1b; font-size: 30px; margin: 30px auto;}

#off-trade .more:before { background:#1b1b1b; transition: all .30s ease-in-out; }

#off-trade .more:hover span { color: #fff !important; transition: all .30s ease-in-out; position: relative;}

#off-trade .more:hover:before { width: 120%;transition: all .30s ease-in-out;}



.off-trade-vetrina {width: 100%;height:auto; padding:0px;

  background:  #f5eee6;

  position: absolute;

  transform: translateY(-100%);

  -webkit-transform: translateY(-100%);

  z-index: 999;

}



/* PROCESSO */



#processo { width: 100%; height: auto; padding: 100px 0;}

.processo div { outline: none;}

.processo div img { width: 100%; margin: 0 auto;}



#processo .slick-slide { transform: scale(0.9,0.9);outline: none; -webkit-filter: grayscale(80%); filter: grayscale(80%); transition: all ease .3s; -webkit-transition: all ease .3s;}

#processo .slick-center { transform: scale(1,1); -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all ease .3s; -webkit-transition: all ease .3s;}

#processo .slick-slide .info-slide { transition: all ease .3s; -webkit-transition: all ease .3s; font-size: 20px; letter-spacing: 1px; text-transform: uppercase;position: absolute; top: 20px; left: -100px; opacity: 0; margin-bottom: -100px;}

#processo .slick-slide .info-slide span { max-width: 360px; display: inline-block; padding: 10px 15px; background:#d79937; color: #fff; }

#processo .slick-center .info-slide { opacity: 1;left: -20px; transition: all ease .6s; -webkit-transition: all ease .6s;}



#processo .slide-count-wrap { color:#999; font-size: 50px; font-weight: 400; font-family: 'Open Sans', sans-serif; width: 100%; height: auto; text-align: center; margin-bottom: 30px;}

#processo .slide-count-wrap .current { color: #d79937; font-weight: 700; font-size: 60px;}



/* TOUR */



#tour { width: 100%; height: auto; position: relative; padding-bottom: 60px; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.info-text { text-align: left; width: 100%; font-family: 'Open Sans' , sans-serif; color: #888;}

form { padding: 2em 0; font-family: 'Opens Sans', sans-serif; }

.form-group { margin-bottom: 20px; }

h2.heading { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; text-align: left; color: #d79937; border-bottom: 1px solid #d79937; padding-bottom: 3px; margin-bottom: 20px; }

.controls { text-align: left; position: relative; }



.controls input[type="text"],

.controls input[type="email"],

.controls input[type="number"],

.controls input[type="date"],

.controls input[type="time"],

.controls input[type="tel"],

.controls #data,

.controls textarea,

.controls button,

.controls select { padding: 12px;  font-size: 14px;  border: 1px solid #888;  width: 100%;  margin-bottom: 18px;  color: #888;  font-family: 'Opens Sans' , sans-serif;  font-size: 16px;  font-weight: 300;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;background-color:  #f5eee6;}





.controls input[type="text"]:focus, .controls input[type="text"]:hover,

.controls input[type="email"]:focus,

.controls input[type="email"]:hover,

.controls input[type="number"]:focus,

.controls input[type="number"]:hover,

.controls input[type="date"]:focus,

.controls input[type="date"]:hover,

.controls input[type="time"]:hover,

.controls input[type="time"]:focus,

.controls input[type="tel"]:focus,

.controls input[type="tel"]:hover,

.controls #data,

.controls textarea:focus,

.controls textarea:hover,

.controls button:focus,

.controls button:hover,

.controls select:focus,

.controls select:hover { outline: none;  border-color: #d79937; }



.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,

.controls input[type="email"]:focus + label,

.controls input[type="email"]:hover + label,

.controls input[type="number"]:focus + label,

.controls input[type="number"]:hover + label,

.controls input[type="date"]:focus + label,

.controls input[type="date"]:hover + label,

.controls input[type="time"]:focus + label,

.controls input[type="time"]:hover + label,

.controls input[type="tel"]:focus + label,

.controls input[type="tel"]:hover + label,

.controls #data,

.controls textarea:focus + label,

.controls textarea:hover + label,

.controls button:focus + label,

.controls button:hover + label,

.controls select:focus + label,

.controls select:hover + label { color: #d79937; cursor: text; }



.controls .fa-sort { position: absolute;right: 10px;top: 17px;color: #999; }

.controls select { -moz-appearance: none;  -webkit-appearance: none;  cursor: pointer; }

.controls label { position: absolute;left: 8px;top: 12px;width: 60%;color: #999;font-size: 16px;display: inline-block;padding: 2px 10px;font-weight: 400;background-color: #f5eee6; ;-moz-transition: color 0.3s, top 0.3s, background-color 0.8s;-o-transition: color 0.3s, top 0.3s, background-color 0.8s;-webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;transition: color 0.3s, top 0.3s, background-color 0.8s;background-color:  #f5eee6; }

.controls label.active {top: -15px;color: #555;background-color:  #f5eee6;width: auto;}

.controls textarea {resize: none;height: 200px;}

.clear:after { content: "";  display: table; clear: both;}



/*

#tour .more:before { transition: all .30s ease-in-out; }

#tour .more { border-color: #d79937; color:  #d79937; margin-top: 20px; font-size: 20px; padding: 10px 15px; letter-spacing: 1px; transition: all .30s ease-in-out; font-weight: 300;}

#tour .more:hover:before { width: 120%; transition: all .30s ease-in-out; background:  #d79937;}

#tour .more:hover span { color:  #fff !important; transition: all .30s ease-in-out; position: relative; }

*/



#tour input[type=submit] { position: relative; background: none; border-color: #d79937; color:  #d79937; margin-top: 20px; font-size: 20px; padding: 10px 15px; letter-spacing: 1px; transition: all .3s ease-in-out; font-weight: 300;}

#tour input[type=submit]:hover { background: #d79937; color: #fff;}

.booking-form .error-message { font-size: 13px; font-family: 'Open Sans', sans-serif;font-weight: 400;letter-spacing: 1px;color: #bc2131;margin-top: -7px;margin-bottom: 15px; }

.booking-form #form-loading {

  text-align: center;

  position: relative;

  float: left !important;

  top: 0;

  left: 0;

  width: auto;

  padding: 0 !important;

  opacity: 1;

  z-index: 1000;

}

.utile .title { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 20px;font-weight: 400; color: #d79937;}

.utile a { font-weight: 700 !important;}

.utile a:hover { color: #d79937; text-decoration: none;}



/* Mappa */



#mappa {

	width:100%;

	height: auto;

	background: #fff;

}

#google-container {

  position: relative;

  width: 100%;

  height: 200px;

  background-color: #e7eaf0;

}

.querami {background: url(https://www.birrasalento.it/img/tipa-every-day-in-every-way.jpg) center center;background-size: cover; -webkit-background-size: cover;}

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

  #google-container {

    height: 300px;

  }

}

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

  #google-container {

    height: 450px;

  }

}



#cd-google-map {

  position: relative;

}



#cd-zoom-in, #cd-zoom-out {

  height: 32px;

  width: 32px;

  cursor: pointer;

  margin-left: 10px;

  background-color: #d79937;

  background-repeat: no-repeat;

  background-size: 32px 64px;

  background-image: url("../img/cd-icon-controller.svg");

}

.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {

  background-color: #d36868;

}

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

  #cd-zoom-in, #cd-zoom-out {

    margin-left: 50px;

  }

}



#cd-zoom-in {

  background-position: 50% 0;

  margin-top: 10px;

  margin-bottom: 1px;

}

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

  #cd-zoom-in {

    margin-top: 50px;

  }

}



#cd-zoom-out {

  background-position: 50% -32px;

}





#form-loading i { color: #d79937; font-size: 30px;}

#form-message { width: 100%; height: auto; background: #f8f8f8; padding: 0px ; font-family: 'Open Sans', sans-serif; font-size: 16px; letter-spacing: 1px;}

#form-message i { display: inline-block; background-color: #d79937; padding: 10px;}



.slide-show { margin-bottom: 50px; }

.slide-show img { width: 100%;}

.slide-show .slick-prev:before,

.slide-show .slick-next:before {

  color: #d79937 !important; font-size: 26px !important;

}

/* PUNTI VENDITA */



#punti-vendita { width: 100%; height: auto; padding: 100px 0 60px; }

#punti-vendita .title { color: #d79937; font-size: 34px; letter-spacing: 1px; font-family: 'Open Sans' , sans-serif; }

#punti-vendita form { width: 100%; max-width: 500px; position: relative; margin: 0 auto;}

#punti-vendita input { outline: none; height: 55px; width: 100%; max-width: 500px; padding: 8px; letter-spacing: 1px; color: #1b1b1b; font-weight: 300; border: none; margin: 0px;}

#punti-vendita input[type="submit"] { width: 80px; height: 55px; background: #ccc; border: none; color: #fff; position: absolute; right: 0; top: 28px; margin-left: 0px;}

#punti-vendita input[type="submit"]:hover { background: #d79937; transition: all ease .3s; -webkit-transition: all ease .3s;}





.modal-box {

  display: none;

  position: fixed;

  z-index: 1032;

  width: 98%;

  background: none;

  background-clip: padding-box;

}



@media (min-width: 32em) {

  .modal-box {

    width: 70%;

  }

}

.modal-box .modal-body  video {

  width: 100%;



}

.modal-overlay {

  opacity: 0;

  filter: alpha(opacity=0);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1031;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 1) !important;

}

.js-modal-close {

  position: fixed;

  top: 0px;

  right: 0px;

  padding: 10px;

}

.plyr {

  border-radius: 4px;

  margin-bottom: 50px;

}





/* Dots */

.slick-dotted.slick-slider

{

    margin-bottom: 30px;

}



.slick-dots

{

    position: absolute;

    bottom: -70px;



    display: block;



    width: 100%;

    padding: 0;

    margin: 0;



    list-style: none;



    text-align: center;

}

.slick-dots li

{

    position: relative;



    display: inline-block;



    width: 14px;

    height: 14px;

    margin: 0 5px;

    padding: 0;



    cursor: pointer;

}

.slick-dots li button

{

    font-size: 0;

    line-height: 0;



    display: block;



    width: 14px;

    height: 14px;

    padding: 5px;



    cursor: pointer;



    color: transparent;

    border: 0;

    outline: none;



    border-radius: 50%;

}

.slick-dots li button:hover,

.slick-dots li button:focus

{

    outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before

{

    opacity: 1;

}

.slick-dots li button:before

{

    font-family: '';

    font-size: 6px;

    line-height: 20px;



    position: absolute;

    top: 0;

    left: 0;



    width: 14px;

    height: 14px;



    content: '';

    text-align: center;



    opacity: 1;

    background: #fff;

    border-radius: 50%;



    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before

{

    opacity: 1;

    background: #d79937;

}

.special-edition {font-family: 'Antonio-Regular'; color:#fff; text-shadow:-1px 1px 0px #e3d112, -2px 2px 0px #e3d112, -3px 3px 0px #e3d112, -4px 4px 0px #e3d112, -5px 5px 0px #e3d112, -6px 5px 0px #e3d112; top:120px;}



.title-tipa {font-family: 'Antonio-Regular'; color:#e94e1b; text-shadow:-1px 1px 0px #fff, -2px 2px 0px #fff, -3px 3px 0px #fff, -4px 4px 0px #fff, -5px 4px 0px #fff; margin-top:0; margin-bottom:0; font-size:75px;}


.tipa-all .slick-prev:before, .tipa-all .slick-next:before { color:#d79937;}

.mt-3 { margin-top:30px;}
.mb-4 { margin-bottom:40px;}

.supertitle { font-size:18px;}


/*------------------------------

Tablet

------------------------------*/



@media (max-width: 998px) {



.querami {background-size: auto; -webkit-background-size: auto;}
  /* About */



  #storia .dashed-line { position: absolute; width: 1px; height: 100%; left: 3%; top: 0; border-left: 2px dashed #d79937; }

  #storia .step { padding: 20px  0;}

  #storia .foto { padding: 0 6%;}

  #storia .testo { padding: 0 6%;}



  .data-left { position: relative; top:0px; left:0;}

  .data-right { position: relative; top:0px; right: 0; }



  .data-right .numero { font-size:80px;  margin:0 0px 0 0; }

  .data-left .numero { font-size:80px;  margin:0 0 0 0px; }

  .data-right .rule { width: 80px; margin: 5px 0 10px 0;}

  .data-left .rule { width: 80px; margin: 5px 0 10px 0; }



  .cassa,

  .cartina { display: none;}



  .quote { padding: 0 5%; font-size: 22px; color: #999; font-weight: 700;}

  .quote::before { font-size: 70px; font-weight: 400; position: absolute; left: -15px; top:-35px; }

  .big-quote { font-size: 40px; position: absolute; top: 40%; left: 20px; color: #d79937;}



  .step-fine,

  .step-fine .col-md-8 { padding: 30px 0px;}





  .testo { margin-bottom: 30px; padding-bottom: 20px;}



  /* Vetrina */

.title-tipa { font-size:48px;}

.tipa-all .slick-prev {
    left: 5px;
}
.tipa-all .slick-next {
    right: 5px;
}
  #vetrina2 { height: auto; padding: 100px 0 0 0; position: relative;}

  .birra2 { margin: 0 auto !important; float: none !important; height: 430px;}

  .tipa-all .birra2 { margin: 0 auto !important; float: none !important; height: 240px;}

  .info-birra { height: auto;}

  .info { position: relative; margin-top: 35px; left: 0;text-align: center;}

  .info h1 { font-size: 35px; letter-spacing: 1px;font-weight: 700; }

  .info h3 { font-size: 18px; letter-spacing: 1px; margin: 0;}

  .info .text { width: 60%; margin-top: 30px;}

  .info img { margin: 15px  auto; width: 80%;}



  .info a { text-decoration: none; color:#fff; display: inline-block; border: 1px solid #fff; padding: 7px 12px; position: relative; overflow: hidden;transition: all .30s ease-in-out;}

  .info a:before { width: 0%; height: 100%; content: "";z-index: -2; position: absolute; top: 0; left: -10%; background-color: #fff; transform: skewX(-20deg);}

  .info a:hover:before { width: 120%; transition: all .30s ease-in-out; }

  .info a:hover  { z-index: 3; color: #1b1b1b !important;transition: all .30s ease-in-out;}



  .nome-famiglia { text-shadow: none; font-size:35px; top: 100px;}

  .slide-famiglia { z-index: 5;}

  .birra-slide { outline: none;}

  .slide-famiglia .slick-slider { outline: none; }



  #descrizione-birra { padding: 60px 0;}



  /* Ingredienti */



  .parallax-element { display: none !important;}

  .ingrediente-single { padding: 60px 0 0; }

  .ingrediente-single h1 { font-size: 40px; margin-bottom: 30px; }



  #processo .slick-slide { transform: scale(1,1); -webkit-transform: scale(1,1); -webkit-filter: grayscale(0%); filter: grayscale(0%); }

  #processo .slick-slide .info-slide { position: absolute; top: 20px; left: 0px; opacity:1;}

  #processo .slick-slide .info-slide span { max-width: 90%;}



}



/*------------------------------

Smartphone

------------------------------*/



@media (max-width: 767px) {
	
	.birre .single.specx {margin-left:15px; margin-right:15px;}

.testo.specx .more { min-width:325px; font-size:20px;}

  .informazioni_birra { height: auto !important;}



	/* Navigation */



	#navbar {

		margin-right:0 !important;

		margin-left: 5px !important;

		text-align:center;

	}

	#navbar ul li a {



	}

  .navbar-default .navbar-collapse,

  .navbar-default .navbar-form {

    border: none !important;

  }

	.navbar {

		background:#d79937 !important ;

	}

	.navbar-brand {

		margin-left: 10px !important;

	}

	.navbar-collapse {

		margin-top:9px;

	}

	.navbar-toggle {

	  	border: none !important;

	  	background: transparent !important;

	}

	.navbar-toggle:hover {

		background: transparent !important;

	}

	.navbar-toggle .icon-bar {

		width: 22px;

		transition: all 0.2s;

	}

	.navbar-toggle .top-bar {

		transform: rotate(45deg);

		transform-origin: 10% 10%;

	}

	.navbar-toggle .middle-bar {

		opacity: 0;

	}

	.navbar-toggle .bottom-bar {

		transform: rotate(-45deg);

		transform-origin: 10% 90%;

	}

	.navbar-toggle.collapsed .top-bar {

	transform: rotate(0);

	}

	.navbar-toggle.collapsed .middle-bar {

	opacity: 1;

	}

	.navbar-toggle.collapsed .bottom-bar {

	transform: rotate(0);

	}

  .nav_lang {

	border-left:none;

	padding-left:0px !important;

	text-align:center !important;

	border-bottom:1px solid #fff !important;

	}

	.nav_lang li.current a {

		color: #fff !important;

	}

	.lang {

		padding:5px 15px !important;

		border-bottom: none !important;

	}



  /* Home  */

  .carousel-caption { transform: translateY(-50%); -webkit-transform: translateY(-50%): -moz-transform: translateY(-50%); -o-transform: translateY(-50%): }



  /* About */

  #about { height: auto !important; margin: 2%; width: 96%;}

  .about_item { width:100%; height: 300px; position: relative !important; color: #fff; margin-bottom: 15px;}

  .about_item .cornice { display: none; }

  .about_item img { width: 100%; height: auto;}

  .right-item { position: relative; float: left; width: 100%;height:500px;}



  /* Prodotti */

    .testo { margin-bottom: 30px; padding-bottom: 20px;}

      .testo .pre-titolo { font-size: 22px;}

      .testo .titolo { font-size: 30px;}

      .testo .sub-titolo { font-size: 16px; width: 100% !important; padding: 10px 0px;}

      .testo .more { font-size: 16px; min-width: 100px; max-width: 200px;}



  .nome-famiglia { text-shadow: none; font-size:28px; top: 100px;}

  /* Mondo */

.special-edition { 
    width: 90%;
    font-size: 50px;
    font-family: 'Antonio-Regular';
    color: #fff;
    text-shadow: -1px 1px 0px #e3d112, -2px 2px 0px #e3d112, -3px 3px 0px #e3d112, -4px 4px 0px #e3d112, -5px 5px 0px #e3d112, -6px 5px 0px #e3d112; text-align:center;}

  #mondo-salento { width: 96%; /* max-width: 1480px; */ margin: 2%; height: auto; display: block; position: relative; }

  #mondo-salento .about_item { width: 100%; overflow: hidden; margin-bottom: 20px ;position: relative; color: #fff; height: 300px; background-color: #fff; }

  #mondo-salento .mondo_right { width: 100%;}

  #mondo-salento .mondo_center { margin-left: 0px;}



  /* Birrificio */



  #birrificio { padding: 30px 0 80px 0; }

  #video { padding: 80px 0;}

  #store img { margin: 0 auto;}



  /* About */



  #storia .dashed-line { position: absolute; width: 1px; height: 100%; left: 3%; top: 0; border-left: 2px dashed #d79937; }

  #storia .step { padding: 20px  0;}

  #storia .foto { padding: 0 6%;}

  #storia .testo { padding: 0 6%;}



  .data-left { position: relative; top:0px; left:0;}

  .data-right { position: relative; top:0px; right: 0; }



  .data-right .numero { font-size:80px;  margin:0 0px 0 0; }

  .data-left .numero { font-size:80px;  margin:0 0 0 0px; }

  .data-right .rule { width: 80px; margin: 5px 0 10px 0;}

  .data-left .rule { width: 80px; margin: 5px 0 10px 0; }



  .cassa,

  .cartina { display: none;}



  .quote { padding: 0 5%; font-size: 22px; color: #999; font-weight: 700;}

  .quote::before { font-size: 70px; font-weight: 400; position: absolute; left: -15px; top:-35px; }

  .big-quote { font-size: 40px; position: absolute; top: 40%; left: 20px; color: #d79937;}



  .step-fine,

  .step-fine .col-md-8 { padding: 30px 0px;}



  #box { width: 98%; margin: 1%; height:auto; display: block; position: relative;}

  #box .pos-top-right { top: 0; right: 0; position: relative; height: 270px; }

  #box .pos-top-left { position: relative; height: 270px ;}





  /* Header */

  #header-small { padding: 100px  0;}

  #header-small .intro {font-size: 28px;}



  /* Ingredienti */



  .parallax-element { display: none !important;}

  .ingrediente-single { padding: 60px 0 0; }

  .ingrediente-single h1 { font-size: 40px; margin-bottom: 30px; }



}



/* Clearfix */

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */