@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Lusitana');

/* =============================================
	CREATED BY WAY2CONCEPT
============================================= */
*{margin:0;padding:0;border:0;outline:0;font-size:14px; line-height:20px; vertical-align:baseline;background:transparent;font-family:'Lato', Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400; color:#333;}
html	{background-color:#fff;}
html, body	{height:100%;}
body	{min-height:550px;}

ul li	{list-style:none;}
a	{text-decoration:none;}
h1	{font-size:30px;}
h1, h1 *	{font-family: 'Lusitana', serif;font-weight:400;font-size:40px;line-height:43px; text-transform:uppercase; }
h2	{}
h2, h2 *	{font-family: 'Lusitana', serif;font-weight:400;font-size:40px;line-height:43px; }
h3	{margin-bottom:10px; }
h3, h3 *	{font-family: 'Lusitana', serif;font-weight:400;font-size:30px;line-height:33px; }
h4	{margin-bottom:10px; }
h4, h4 *	{font-size:30px;line-height:33px; }
h5	{margin-bottom:5px; }
h5, h5 *	{font-size:16px;line-height:20px; }
h6	{margin-bottom:5px; }
h6, h6 *	{font-size:14px;line-height:17px; }
p	{line-height:20px; margin-bottom:20px; font-size:14px;}
img	{vertical-align:middle;}
strong	{font-weight:bold;}
em	{font-style:italic;}

p.highlight, p.highlight * {color:#769bc5;font-size:18px;line-height:22px;text-align:center;}

blockquote {background:url(../images/blockquote.png) no-repeat 0 0;font-size:25px;line-height:30px;margin-bottom:20px;padding-left:50px;}
blockquote, blockquote * {color:#a3a923;font-weight:400;font-family: 'Lusitana', serif;}

input[type="submit"] {background-color:#576122;color:#fff;height:40px;padding:0 10px;font-weight:900;}
input[type="text"], input[type="email"], textarea {box-sizing:border-box;width:100%;border:solid 1px #576122;height:40px;padding:0 10px;}
textarea {height:100px;}

form .label {color:#a6a6a6;font-size:12px;line-height:15px;}
form .box {margin-bottom:10px;}

.mfp-bg{z-index:1300}
.clearfix	{clear:both;display:block;height:0;}
.wrapper	{width:960px;padding:0 10px;margin:0 auto;}
.col-left, .col-left-inside	{float:left;}
.col-right, .col-right-inside	{float:right;}
.last	{margin-right:0 !important;}
textarea{resize: none;}
a:hover{text-decoration:underline;}
.table{display:table}
.table-cell{display:table-cell; vertical-align:middle}
.active{color:#c69c6d; text-decoration:none; cursor:default}
.active:hover{text-decoration:none;}
.special-separator, .special-separator *{ font-size:26px; margin-bottom:60px;}

.color-spec {color:#576122;}

.mCSB_scrollTools .mCSB_draggerRail{width:5px !important; border-radius:0 !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(51, 51, 51, 0.75) !important; border-radius:0 !important; width:5px !important;}

.inner-wrapper {width:630px;margin:0 auto;}

.mfp-content {text-align: center !important;}
.white-popup { position: relative; background: #000; display:inline-block; text-align:left; padding: 50px; width: auto; max-width:960px; min-width:220px; margin: 20px auto;color:#000;border-radius:10px;}
.white-popup, .white-popup *{color:#fff;}

#mobile-menu{display:none}
#mobile-switch{display:none}

#page-mask {background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;}

/* ####################################################################### 
								POP UP
####################################################################### */
.btn-close{background:url(../images/close.png) no-repeat center center; width: 44px; height: 44px;line-height: 44px;position: absolute;right: 20px;top: 20px; text-decoration: none;text-align: center;opacity: 0.65;color: #FFF;font-style: normal;font-size: 28px; font-family: Arial,Baskerville,monospace;cursor:pointer; z-index:1200;}
.btn-close:hover{opacity: 1;}

/* ####################################################################### 
								HEADER
####################################################################### */
header	{background-color:transparent;position:fixed;top:0;left:0;width:100%;height:120px;z-index:1000;box-shadow:none;transition: all 0.3s ease;transition-delay: 0.5s;}
header.active #header-bot, header.enabled #header-bot	{background-color:#fff;}
header:hover #header-bot	{background-color:#fff;}
header .wrapper	{}

#header-top	{background-color:#e7e2cf;margin-top:-30px;transition: all 0.3s ease;transition-delay: 0.2s;}
#header-top:hover	{margin-top:0;}
#header-top li	{display:inline-block;width:33%;height:40px;text-align:center;border-right:solid 1px #c2b891;}
#header-top li:first-child	{border-left:solid 1px #c2b891;}
#header-top li a	{background:#e7e2cf url(../images/header-top-arrow.png) no-repeat center 40px;color:#989898;display:block;height:100%;font-size:12px; line-height:40px;text-transform:uppercase;transition: all 0.5s ease;}
#header-top li a.active {background-color:#ded9c5;background-position:center bottom;}
 #header-top li a:hover{background-color:#ded9c5;text-decoration:none;}

#header-bot	{background-color:transparent;height:60px;padding:10px 0;position:relative;z-index:9;transition: all 0.3s ease;}
header.active #header-bot, header.enabled #header-bot	 {box-shadow:0 3px 3px #ccc;}
#header-bot .wrapper, #header-bot .col-left, #header-bot .col-right	{height:100%;}
#header-bot .col-left.logo a	{background:url(../images/header-logo.png) no-repeat center 0;display:block;width:150px;height:60px;line-height:60px;transition: all 0.5s ease;transition-delay: 0.2s;}
#header-bot .col-left.logo a:hover	{text-decoration:none;}
header.active #header-bot .col-left.logo a, 
header:hover #header-bot .col-left.logo a,
header.blocked #header-bot .col-left.logo a	{background-position:center -60px;}

nav	{height:30px;margin:20px 0 10px 0;}
nav a	{background:url(../images/nav.png) repeat-x 0 0;color:#fff;font-weight:700;font-size:10px;line-height:25px;height:25px;text-transform:uppercase;display:inline-block;margin-left:20px;padding:5px 10px;border:solid 1px transparent;transition: all 0.5s ease;transition-delay: 0.2s;}
nav a:hover{text-decoration:none;background-position:0 bottom;}
nav a.reserved-area	{border-color:#fff;}
header.active nav a, 
header:hover nav a,
header.blocked nav a	{color:#333;}
header.active nav a.reserved-area, 
header:hover nav a.reserved-area	{ border-color:#333;}
header nav a.reserved-area:hover{background-color:#333;color:#fff;}
header nav a.active {background-position:0 bottom;}

#header-languages	{padding-top:30px; text-align:right}
#header-languages .btn	{background:url(../images/header-languages.png) no-repeat 0 0;color:#fff;text-transform:uppercase;width:20px;font-size:12px;;height:15px;padding:0 20px 0 15px;transition: all 0.5s ease;transition-delay: 0.2s;}
#header-languages .btn:hover	{text-decoration:none;}
#header-languages .container	{background:url(../images/arrow-languages.png) no-repeat center top; display:none;position:relative; width:80px; top:13px; padding-top:6px;}
#header-languages:hover .container	{display:block;}
#header-languages .content	{position:absolute;right:0;width:78px;border:solid 1px #dbd4ba;}
#header-languages .container a	{background-color:#fff;display:block;height:30px;line-height:30px;text-align:center;text-transform:uppercase; font-size:12px;}
#header-languages .container a:not(:last-child)	{border-bottom:solid 1px #dbd4ba;}

header.active #header-languages .btn, header:hover #header-languages .btn	{background-position:0 -15px;color:#333;}

#header-submenu	{position:relative;z-index:8;}
#header-submenu .wrapper	{background-color:#e7e2cf;text-align:center;border-radius:0 0 4px 4px;}
#header-submenu li	{display:inline-block;margin:0 20px;}
#header-submenu li a	{color:#576122;display:block;height:40px;line-height:40px;position:relative;text-transform:uppercase;font-size:10px; font-weight:900;}
#header-submenu li a .arrow	{background:url(../images/submenu.png) no-repeat 0 0;display:block;position:absolute;bottom:0;left:50%;margin-left:-13px;width:26px;height:10px;}
#header-submenu li a.active .arrow	{bottom:-10px;}
#header-submenu li a.active	{color:#576122;text-decoration:underline;}

/* ####################################################################### 
								FOOTER
####################################################################### */
footer .top	{background-color:#576122;padding:10px 0;height:40px;}
footer .top *	{color:#fff;font-size:14px;line-height:40px;}
footer .top .col-left	{margin-right:50px;}
footer .social a	{background: url(../images/icones.png) no-repeat 0 0;display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:5px;}
footer .social a.btn-linkedin	{background-position:0 -20px;}
footer .btn-newsletter .text	{text-transform:uppercase;vertical-align:middle; font-size:12px;}
footer .btn-newsletter .icon	{background:url(../images/icones.png) no-repeat -20px 0;display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:5px;}

footer .bot	{padding:10px 0;height:20px;}
footer .bot *	{line-height:20px; font-size:12px;}
footer .bot a	{vertical-align:middle;}
/* ####################################################################### 
								GENERAL
####################################################################### */
#general-container	{}

.btn-know-more	{color:#576122;font-size:14px;line-height:20px;padding:10px;border:solid 1px #576122;transition: all 0.5s ease;}
.btn-know-more:hover	{background-color:#576122; color:#fff; text-decoration:none;}


/* ####################################################################### 
								BANNER
####################################################################### */
#banner	{background:url(../images/banner.jpg) repeat-x 0 0;position:relative;z-index:10;}
#banner li	{background-repeat:no-repeat;background-position:center 0;padding:115px 0;height:300px;}
#banner li *	{color:#fff;}
#banner li .top	{margin-left: 480px;width: 322px;margin-top:45px; text-align:center;}
#banner li .logo, #banner li h1	{margin-bottom:10px;}
#banner li p{font-size:16px; line-height:22px;}


/* ####################################################################### 
								HOME NEWS
####################################################################### */
#home-news	{background:#e7e2cf url(../images/home-news.jpg) no-repeat center bottom;height:210px;padding:80px 0;margin-top:-71px;position:relative;z-index:9;}
#home-news .col-left	{width:270px;text-align:center;}
#home-news .col-left h2	{background:url(../images/separator.jpg) no-repeat center bottom;color:#3d4121;text-align:center;margin-bottom:20px;padding-bottom:20px;}
#home-news .col-right	{width:630px;}
#home-news .col-right li	{background-color:#3d4121;float:left;}
#home-news .col-right li:not(:last-child)	{margin-right:30px;}
#home-news .col-right li a	{display:block;width:300px;height:185px;overflow:hidden;}
#home-news .col-right li a:hover, #home-news .col-right li a:hover *{text-decoration:none;}
#home-news .col-right li .thumb	{background-repeat:no-repeat;background-size:cover;display:block;height:100%;}
#home-news .col-right li .info	{background-color:#3d4121;background-color:rgba(61,65,33,0.7);display:block;height:100%;position:relative;top:-80px;transition: all 0.5s ease;}
#home-news .col-right li a:hover .info	{background-color:rgba(61,65,33,1);top:-185px;}
#home-news .col-right li .info-content	{display:block;padding:15px;}
#home-news .col-right li .title	{color:#fff;display:block; font-weight:700; font-size:15px;line-height:18px;height:36px;overflow:hidden;margin-bottom:5px;}
#home-news .col-right li .date	{color:#fff;height:15px;margin-bottom:20px;display:block;}
#home-news .col-right li .description	{color:#fff;display:block;font-size:14px;line-height:17px;height:68px;overflow:hidden;}

/* ####################################################################### 
								HOME HISTORY
####################################################################### */
#home-history	{background:url(../images/home-history.jpg) no-repeat center 0;height:550px;padding: 30px 0;position:relative;}
#home-history .arrow	{background:url(../images/arrow-white.png) no-repeat center 0;width:100%;height:40px;position:absolute;bottom:-40px;z-index:10;}
#home-history .content	{width:600px;margin:0 auto;text-align:center;}
#home-history h2	{background:url(../images/title-underline.png) no-repeat center bottom;text-align:center;padding-bottom:30px;margin-bottom:30px; text-transform:uppercase; color:#576122;}
#home-history .text	{margin-bottom:50px;}
#home-history p	{color:#a6a6a6;font-weight:300;font-size:26px;line-height:34px;}

/* ####################################################################### 
								HOME PARALLAX
####################################################################### */
#home-parallax	{background-color:#576122;background-repeat:no-repeat;background-attachment:fixed;height:540px;}
#home-parallax .arrow{background:url(../images/arrow-white.png) no-repeat center 0;width:100%;height:40px;}

/* ####################################################################### 
								HOME VIDEO
####################################################################### */

#home-video	{width:100%}
#home-video	iframe, #home-video embed, #home-video object{ max-width: 100%;}
#home-video video{max-width: 100%; height: auto;}
/* ####################################################################### 
								HOME OUR BRANDS
####################################################################### */
#home-our-brands	{background-color:#e7e2cf;position:relative;}
#home-our-brands .arrow	{background:url(../images/arrow-white.png) no-repeat center 0;width:100%;height:40px;}
#home-our-brands-container	{padding-top:40px;height:250px;}
#home-our-brands .col-left	{width:270px;text-align:center;}
#home-our-brands .col-left h2	{background:url(../images/separator.jpg) no-repeat center bottom;color:#576122;text-align:center;margin-bottom:20px;padding-bottom:20px; text-transform:uppercase;}
#home-our-brands .col-right	{width:605px;}
#home-our-brands .col-right .thumb	{width:250px;height:150px;float:left;}
#home-our-brands .col-right .info	{width:300px;float:right;}
#home-our-brands .col-right .title	{font-family: 'lusitana', serif;font-size:22px;line-height:25px;margin-bottom:5px;}
#home-our-brands .col-right .description	{margin-bottom:30px;}

/* ####################################################################### 
								HOME MISSION
####################################################################### */
#home-mission	{background:url(../images/home-mission.jpg) no-repeat center 0;position:relative;padding-bottom:100px}
#home-mission .arrow	{background:url(../images/arrow-transparent.png) no-repeat center 0;width:100%;height:40px;position:absolute;top:-40px;}
#home-mission .content	{width:600px;margin:0 auto;text-align:center;padding: 30px 0;}
#home-mission h2	{background:url(../images/title-underline.png) no-repeat center bottom;text-align:center;padding-bottom:30px;margin-bottom:30px; text-transform:uppercase; color:#576122}
#home-mission .text	{margin-bottom:50px;}
#home-mission p	{color:#a6a6a6;font-weight:300;font-size:26px;line-height:34px;}

/* ####################################################################### 
								INSTITUTIONAL
####################################################################### */
.text-container {padding:70px 0 30px 0;}
.text-container h1 {background:url(../images/h1.png) no-repeat center bottom;color:#576122;font-size:40px;line-height:43px;font-weight:400;text-transform:uppercase;text-align:center;padding-bottom:40px;margin-bottom:25px;}
.text-container h3 {color:#a3a923;font-size:25px;line-height:30px;font-weight:400;text-transform:uppercase;text-align:center;margin-bottom:25px;}

.decor-01 {text-align:center;padding-bottom:50px;}
.decor-02 {background:url(../images/decor-02.png) no-repeat center 200px;}

/* ####################################################################### 
								PRODUCTS
####################################################################### */
.list-01 .item	{padding:30px 0;}
.list-01 .item:nth-child(odd)	{background-color:#f8f6f1;background-color:rgba(231,226,207,0.5);}
.list-01 .item .wrapper {display:flex; align-items:center;}
.list-01 .item .col-left	{width:300px;margin-right:30px;}
.list-01 .item .col-left h3	{color:#576122;margin-bottom:30px; font-size:40px;line-height:43px;}
.list-01 .item .col-mid	{width:300px; margin-right:30px;}
.list-01 .item .col-right	{width:300px;}
.list-01 .item .col-right .acidity-box span {font-size:40px; font-weight:300; color:#989898}
.list-01 .item .col-right .label	{font-family:'Lusitana', serif; color:#576122;font-size:20px;line-height:23px;font-weight:normal;margin-bottom:10px;}

.acidity-content {display: flex;justify-content: space-between; position: relative; top: -30px;}
.acidity-content .left {width: 100%;}
.acidity-content .right {width: 40px;height: 20px;flex-grow: 0;flex-shrink: 0;text-align: right; margin-top: 28px }
.acidity-content .bar {background-color: #ccc;height: 10px;margin-bottom: 0;overflow:hidden;border-radius:3px;position:relative; margin-top: 10px;}
.acidity-content .fill	{background-color:#8d7741;position:absolute;height:100%;width:50%;top:0;left:0;z-index:2;}
.acidity-content .numbers {display: flex;justify-content: space-between;}
.acidity-content .numbers * {font-size: 12px !important;line-height: 20px;}
.acidity-content .more {background: #ccc url(../images/acidity-plus.png) no-repeat center center;display: inline-block;width: 20px;height: 20px; border-radius: 15px;}
.acidity-content .acidity-value {height: 24px;overflow: hidden; text-align: right;}
.acidity-content .acidity-value span {background-color: #8d7741; display: inline-block;text-align: right;font-size: 12px !important; color:#fff !important; line-height: 20px;position: relative; left: 100%;transition: all 0.5s ease; padding: 2px 5px; border-radius: 2px;}
.acidity-content:hover .acidity-value span {left: 0;}

.types-01	{margin-bottom:20px;}
.types-01 li	{margin-bottom:10px;}
.types-01 li.active .title	{color:#404040;;}
.types-01 .icon	{background:url(../images/sprite-15x30.png) no-repeat 0 0;float:left;width:15px;height:30px;margin-right:10px;}
.types-01 .bottle .icon	{background-position:0 0;} .types-01 .bottle.active .icon	{background-position:-15px 0;}
.types-01 .carboy .icon	{background-position:0 -30px;} .types-01 .carboy.active .icon	{background-position:-15px -30px;}
.types-01 .can .icon	{background-position:0 -60px;} .types-01 .can.active .icon	{background-position:-15px -60px;}
.types-01 .options-box	{float:left;width:260px;}
.types-01 .options-box *	{font-size:12px;line-height:14px;}
.types-01 .options-box .title	{color:#ccc;line-height:16px;}
.types-01 .options-box span	{color:#ccc;margin-right:10px;display:inline-block;}
.types-01 .options-box span.active	{color:#404040; font-weight:bold;}

/* ####################################################################### 
								CONTACTS
####################################################################### */
#contacts-container {}
#contacts-container .col-left {width:630px;}
#contacts-container .col-right {width:300px;}

#contacts-container .col-left .text-container {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 60px;-moz-column-gap: 60px;column-gap: 60px;}

#contacts-gmaps {background-color:#fff;height:300px;border:solid 9px #576122;}