@font-face {
    font-family: 'Nimbus Sans L';
    src: url('/fonts/NimbusSanL-Bol.woff2') format('woff2'),
        url('/fonts/NimbusSanL-Bol.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nimbus Sans L';
    src: url('/fonts/NimbusSanL-BolIta.woff2') format('woff2'),
        url('/fonts/NimbusSanL-BolIta.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nimbus Sans L';
    src: url('/fonts/NimbusSanL-Reg.woff2') format('woff2'),
        url('/fonts/NimbusSanL-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nimbus Sans L';
    src: url('/fonts/NimbusSanL-RegIta.woff2') format('woff2'),
        url('/fonts/NimbusSanL-RegIta.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro';
    src: url('/fonts/ClassicaPro-BoldItalic.woff2') format('woff2'),
        url('/fonts/ClassicaPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro';
    src: url('/fonts/ClassicaPro-Bold.woff2') format('woff2'),
        url('/fonts/ClassicaPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro Demi';
    src: url('/fonts/ClassicaPro-DemiItalic.woff2') format('woff2'),
        url('/fonts/ClassicaPro-DemiItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro Demi';
    src: url('/fonts/ClassicaPro-Demi.woff2') format('woff2'),
        url('/fonts/ClassicaPro-Demi.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro';
    src: url('/fonts/ClassicaPro-Italic.woff2') format('woff2'),
        url('/fonts/ClassicaPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro';
    src: url('/fonts/ClassicaPro-LightItalic.woff2') format('woff2'),
        url('/fonts/ClassicaPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro';
    src: url('/fonts/ClassicaPro-Light.woff2') format('woff2'),
        url('/fonts/ClassicaPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Classica Pro';
    src: url('/fonts/ClassicaPro-Regular.woff2') format('woff2'),
        url('/fonts/ClassicaPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




html {
  scroll-behavior: smooth;
}

/************************************************ Background ************************************************/
body {
	background:#fff;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

/************************************************ Format ************************************************/

body, select, input, textarea {ca
	font-size:62.5%;
	font-family: 'Nimbus Sans L';
	color:#000;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5 {
	line-height:1.3em;	
	font-family: 'Classica Pro';
}

h1 {
	font-size:30px;	
}

h2 {
	font-size:28px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:24px;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:10px;
}

p {
	font-size:16px;
	line-height:1.5em;
	padding:0 0 15px;
}

a {
	color:#000;
	text-decoration:none;
	transition: all 0.3s ease-out;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

img, object, embed, video {
	max-width: 100%;
}

img {
	height:auto;	
}

strong {
	font-weight:500;	
}

em {
	font-style:italic;	
}

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
 }

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}


/************************************************ Layout ************************************************/

.row {
	width:100%;
	padding:0 5%;
	float:left;
	box-sizing: border-box;
}

.row_inner {
	max-width: 1400px;
	min-width: 900px;
	margin:0 auto;
}

header {
	width:100%;
	float:left;
	background:#e1dbcb;
	padding:20px 5%;
	box-sizing: border-box;
}

#logo {
	width:250px;
	margin:0 auto;
	padding: 40px 0;
}

#logo a:hover {
	opacity:0.8;
}

#logo img {
	width:100%;
}

.mySwiper { margin-bottom: 4rem;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
   
    color: white;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
   
	color: white;
}


.mt202{    margin-top: 23.7rem;}
.mtsantamaria{    margin-top: 20.7rem;}
.mt_courage {    margin-top: 17.6rem;}
.mt_minero {    margin-top: 30.4rem}
.mt_sacrilegio {    margin-top: 14.4rem}
.mt_scara {    margin-top:17.3rem}

/* Nav menu */

.nav_circle {
	width:auto;
	position: fixed;over
	left:5%;
	top:60px;
	display:block;
	z-index:9999;
	padding:0 10px;
	cursor:pointer;
	margin: 10px 0 0;
}

#nav-icon1 {
	width: 24px;
	height: 20px;
	margin:0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	display:block;
}

#nav-icon1 span {
	display: block;
	border-bottom: 1px solid #fff;
	position: absolute;
	height: 1.5px;
	width: 100%;
	background: #000;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 8px;
}

#nav-icon1 span:nth-child(3) {
  top: 16px;
}

#nav-icon1.open span:nth-child(1) {
  top: 6px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 6px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

nav {
	width:300px;
	position:absolute;
	top: 0;
	left: 80px;
	background:#fff;
	display:none;
	padding:20px 0 20px;	
}

nav ul {
	list-style-type:none;
}

nav ul li {
	width:100%;
	float:left;
	text-align:left;
}

nav ul li a {
	color:#000;
	width:100%;
	float:left;
	font-size:18px;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:10px 20px;
	box-sizing:border-box;
}

nav ul li a:hover {
	text-decoration:none;
	color:#000;
}

/************************************************ Homepage ************************************************/

.hero {
	width:100%;
	float:left;
	position:relative;
	margin:0 0 5%;
}

.hero.hp {
	margin:0 0 10%;
}

.hero img {
	width:100%;
	float:left;
}

.hero_text {
	position:absolute;
	top:30%;
	right:5%;
	width:30%;
	color:#fff;
}

.hero_text h1 {
	font-size:60px;	
	text-transform:uppercase;
	letter-spacing:5px;
	font-weight:normal;
	color:#fff;
	position:relative;
	margin:0 auto 80px;
	padding:50px 0;
	font-style:italic;
}

.hero_text h1 strong {
	font-weight:bold;
	font-style:normal;
}

h2.hp_title {
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:500;
	color:#000;
	font-size:11rem;
	position:relative;
	text-align:center;
	margin:80px auto 80px;
	padding:50px 0;
}

h2.hp_title:before {
	width:150px;
	top:0;
	position:absolute;
	left:0;
	right:0;
	height:1px;
	background:#000;
	content:'';
	margin:0 auto;
	display: none;
}

h2.hp_title:after {
	width:150px;
	bottom:0;
	position:absolute;
	left:0;
	right:0;
	height:1px;
	background:#000;
	content:'';
	margin:0 auto;
	display: none;
}

ul.hp_three_area {
	width:100%;
	float:left;
	display:flex;
	justify-content:center;
	align-content:stretch;
	align-items:center;
	flex-wrap:wrap;
	margin:5% 0 10%;
}

ul.hp_three_area li {
	width:50%;
	position:relative;
	background:rgba(45,46,50,1);
	transition: all 0.3s ease-out;
}

ul.hp_three_area li a {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

ul.hp_three_area li img {
	transition: all 0.3s ease-out;
	width:100%;
}

ul.hp_three_area li:hover img {
	opacity:0.25;
	transition: all 0.3s ease-out;
}

ul.hp_three_area li:hover .box_text img {
	opacity:1;
}

ul.hp_three_area li .box_text {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	left:0;
	text-align:center;
	letter-spacing:4px;
	text-transform:uppercase;
	font-size:50px;
	font-weight:500;
	color:#fff;
	line-height:1.5em;
	z-index:1;
}

ul.hp_three_area li .box_text img {
	width:60px;
	margin:25px 0 0;
}


/************************************************ Brands main ************************************************/

ul.brands_list {

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	
	width: 100%;
	box-sizing: border-box;
	margin:0 0 8%;
}

ul.brands_list li {
	box-sizing:border-box;
	margin:0;
	width:30%;
	position:relative;
	margin-bottom: 3%;
}

ul.brands_list li:nth-child(2) { 
    margin: 0 3% 0;
	margin-bottom: 3%;
}

ul.brands_list li:nth-child(5) { 
    margin: 0 3% 0;
	margin-bottom: 3%;
}

/*
ul.brands_list li:nth-child(4n),
ul.brands_list li:last-child {
	margin-right:0;
}*/

ul.brands_list li a {
	position:absolute;
	z-index:3;
	height:100%;
	width:100%;
	top:0;
	left:0;
}

ul.brands_list li:hover .hover_overlay {
	opacity:1;
	border: 1px solid;
    border-top: 0;
    border-bottom: 0;
	font-family: 'Classica Pro';
}

ul.brands_list li .hover_overlay {
	position:absolute;
	z-index:2;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:rgba(45,46,50,0.75);
	line-height:1.5em;
	opacity:0;
	transition: all 0.3s ease-out;
}

ul.brands_list li .hover_overlay span {
	position:absolute;
	z-index:3;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	font-size:2rem;
	font-weight:500;
	line-height:1.5em;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#fff;
	display:none;
	padding: 0 5%;
	box-sizing: border-box;
}

ul.brands_list li:hover .hover_overlay span {
	display:block;
}

.brands_list img { border: 1px solid black;}

/************************************************ About ************************************************/

.about_area {
	width:90%;
	float:left;
	display:flex;
	justify-content:center;
	align-content:stretch;
	align-items:center;
	flex-wrap:wrap;
	margin:0 5% 10%;
	position: relative;
}

.about_area .about_square {
	width:33.33%;
	position:relative;
	background:rgba(45,46,50,1);
	transition: all 0.3s ease-out;
}

.about_area .about_square img {
	transition: all 0.3s ease-out;
}

.about_area .about_square:hover img {
	opacity:0.25;
	transition: all 0.3s ease-out;
}

.about_area .overlay_text img {
	opacity:1;
}

.about_area .overlay_text {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:auto;
	margin: auto;
	text-align:center;
	letter-spacing:4px;
	text-transform:uppercase;
	font-size:50px;
	font-weight:500;
	color:#fff;
	line-height:1.5em;
	z-index:1;
}

.about_area .overlay_text img {
	width:60px;
	margin:25px 0 0;
}

.about_area .name_text {
	position:absolute;
	min-width:100px;
	max-width: 50%;
	left:0;
	right:0;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	bottom: 15%;
	border:2px solid #fff;
	text-align:center;
	letter-spacing:4px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:300;
	color:#fff;
	line-height:1.5em;
	z-index:1;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.about_area .about_square:hover .name_text {
	opacity:1;
}

.about_section {
	width:90%;
	margin: 0 5%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about_section.last {
	margin-bottom:5%;
}

.about_section .kg_box_logo {
	width:220px;
	float:left;
	margin:50px 0;
	opacity:1;
}

.about_side {
	line-height:0;
}

.about_title {
	order:2;
	width:100%;
	margin:0 0 40px;
	position:relative;
	padding-left:8%;
}

.about_title:before {
	position: absolute;
    width: 9%;
    height: 77%;
    content: '';
    top: 40%;
    left: -10%;
	background:url(../images/leftarrow.png) no-repeat top left;
	background-size:100%;
}

.about_side h4 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:60px;
	font-weight:500;
	color:#000;
}

.about_side h3 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:50px;
	font-weight:500;
	color:#000;
	margin:0 0 20px;
}

.about_side p {
	width:100%;
	float:left;
	padding-left:7%;
	font-size:19px;
	box-sizing:border-box;
	color:#000;
	font-style:italic;
	line-height:1.7em;
	font-weight:300;
}

.about_side p strong {
	font-style:normal;
	font-weight:bold;
}

.about_side.one {
	width:30%;
}

.about_side.two {
	width:70%;
	padding-right: 5%;
	padding-left: 20%;
	box-sizing: border-box;
}

.about_side.three {
	width:30%;
	padding: 0 5%;
	box-sizing: border-box;
}

.about_side.four {
	width:70%;
	margin: -2% 0 0;
}

.about_side.five {
	width:30%;
	margin-left: 10%;
}

.about_side.six {
	width:60%;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 20%;
}

/************************************************ Careers ************************************************/

.career_title {
	width:100%;
	float:left;	
	text-align: center;
	margin: 0 0 30px;
}

.career_title h4 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:32px;
	font-weight:500;
	color:#000;
}

.career_boxes {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: stretch;
	width: 100%;
	margin: 0 0 50px;
}

.career_box {
	width:32%;
	margin: 0 0 2rem;
	padding: 30px;
	box-sizing: border-box;
	color: #fff;
	background:url("../images/jobbg.jpg") no-repeat top left;
	background-size:cover!important;
	text-align: center;
	position: relative;
}

.career_box a {
	position: absolute;
	height: 100%;
	width:100%;
	top: 0;
	left: 0;
}

.career_box a:hover {
	background:rgba(145,121,93,0.5)
}

.career_box p {
	padding: 0 0 5px;
}

.career_box p strong {
	letter-spacing:2px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	font-size: 21px;
	padding: 0;
}

.career_box p em {
	letter-spacing:1px;
	text-transform: uppercase;
	font-weight: light;
	margin: 0;
	font-size: 20px;
	font-style: normal;
	padding: 0;
}

.career_box p.small {
	margin: 0;
	font-size: 16px;
	padding: 0;
	letter-spacing: 1px;
}

/************************************************ General ************************************************/

.general_content {
	width:70%;
	margin: 40px auto 70px;
}

.general_content h1 {
	font-size:20px;
	margin: 0 0 25px;
	text-transform: none;
	letter-spacing: normal;
}

.general_content h2 {
	font-size:30px;
	margin: 0;
	padding: 15px 0 0;
	text-transform: none;
	letter-spacing: normal;
	color: #000;
	font-weight: bold;
	float: left;
	width: 100%;
}

.general_content h3,
.general_content h4 {
	font-size:24px;
	margin: 0;
	padding: 25px 0 10px;
	text-transform: none;
	letter-spacing: normal;
	float: left;
	width: 100%;
}

.general_content p {
	font-size:16px;
	padding: 0 0 25px;
	font-weight: 200;
}

.general_content ul li {
	width:95%;
	float:left;
	line-height:1.5em;
	font-size:16px;
	list-style-type:disc;
	margin-left:20px;
	font-weight: 200;
}

.general_content ul {
	width:100%;
	float:left;
	margin:0 0 30px;	
}

.general_content strong {
	color:#90775c;
}


/************************************************ Brand pages ************************************************/

.brand_hero {
	width:100%;
	float:left;
	margin:0 0 5%;
	position:relative;	
}

.brand_hero img {
	width:100%;
	float:left;	
}

.brand_logo {
	position:absolute;
	top:70px;
	left:0;
	right:0;
	margin:0 auto;
	width:15%;	
}

.brand_map_surround {
	background:#231f20;
	float:left;
	width:100%;
	margin:0 0 5%;
	position:relative;
}

.brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.brand_map img {
	display:none;
}

.map_details {
	width: 60%;
    float: right;
    box-sizing: border-box;
    padding: 10em 5%;
}

.map_details h1 {
	font-size:50px;
	font-weight:500;
	letter-spacing:3px;
	text-transform:uppercase;
}

.map_details p {
	width:100%;
	float:left;
	padding-left:7%;
	box-sizing:border-box;
	color:#fff;
	font-size:20px;
	padding-bottom:30px;
}

.map_details a.btn.first {
	margin:0 15px 0 7%;
}

.map_details a.btn {
	display:inline-block;
	vertical-align:top;
	border:1px solid #fff;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:10px 20px;
	line-height:1.5em;
	font-size:14px;
}

.map_details a.btn:hover {
	border:1px solid #000;
	color:#000;
	text-decoration:none;
}

.brand_section {
	background:#f4f3f0;
	position:relative;
	float:left;
	width:100%;
	margin:0 0 20em;	
}

.brand_section.left .kg_box_logo {
	width:200px;
	float:left;
	margin:50px 5% 0;
	opacity:0.5;
}

.brand_section.right .kg_box_logo {
	width:200px;
	float:right;
	margin:50px 5% 0;
	opacity:0.5;
}

.brand_section.left .brand_section_inner {
	padding:50px 8% 50px 0;	
	margin: 0 0 -25em;
}

.brand_section.right .brand_section_inner {
	padding:50px 0 50px 8%;
	margin: 0 0 -25em;	
}

.brand_section_inner {
	float:left;
	width:100%;
	padding:50px 5%;
	box-sizing:border-box;
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
}

.brand_bottle {
	order:1;
	width:48%;
	margin:0;
	position:relative;
	left:0;	
}

.brand_bottle img {
	margin:0 0 -15em;
	position:absolute;
	bottom:20%;	
}

.brand_section.right .brand_bottle {
	order:2;
	left:inherit;
	right:0;
	width:48%;
	margin: 0 -5% 0 0;		
}

.brand_text {
	order:2;
	width:44%;
	margin:0;
	position:relative;
	padding-left:8%;
}

.brand_section.right .brand_text {
	order:1;
	width:47%;
	margin:0;
	position:relative;
	padding-right:8%;
	padding-left:0;
}

.brand_section.left .brand_text:before {
	position:absolute;
	width:15%;
	height:15%;
	content:'';
	top: 10%;
	left: -5%;
	background:url(../images/leftarrow.png) no-repeat top left;
	background-size:100%;
}

.brand_section.right .brand_text:before {
	position:absolute;
	width:15%;
	height:15%;
	content:'';
	top: 10%;
	right: -5%;
	background:url(../images/rightarrow.png) no-repeat top left;
	background-size:100%;
}

.brand_bottom {
	order:3;
	width:100%;
	float:right;
	position:relative;
}

.brand_buttons {
    order: 2;
    width: 100%;
    margin-right: 0;
    float: left;
    position: absolute;
    left: -38%;
    top: 11em;
	z-index:22;
}

.brand_section.right .brand_buttons {
    order: 2;
    width: 100%;
    margin-right: 0;
    float: right;
    position: absolute;
    left: inherit;
    top: 14em;
    right: -22%;
    text-align: right;
}

.brand_buttons a.btn {
	display:inline-block;
	vertical-align:top;
	border:1px solid #000;
	color:#000;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:10px 20px;
	line-height:1.5em;
	font-size:14px;
}

.brand_buttons a.btn:hover {
	border:1px solid #000;
	color:#000;
	text-decoration:none;
}

.brand_buttons a.btn.first {
	margin-right:5%;
}

.brand_images {
	order:4;
	width:100%;
	float:right;
	position:relative;
	margin:6em 0 0;
}

/*.brand_pic_small {
	position:absolute;
	top:5%;
	right:0;
	width:40%;	
}

.brand_section.right .brand_pic_small {
	position:absolute;
	top:5%;
	left:0;
	right:inherit;
	width:40%;	
}*/
.brand_pic_small {
    position: relative;
    top: 5%;
    right: 0;
    width: 40%;
    float: right;
}
.brand_section.right .brand_pic_small {
	position:relative;
	top:5%;
	left:0;
	right:inherit;
	width:40%;
	float:left;	
}

/*.brand_pic_large {
    position: absolute;
    top: 22em;
    right: 40%;
    width: 80%;
}*/

.brand_pic_large {
    position: relative;
    top: -10em;
    right: 20%;
    width: 80%;
}

.brand_pic_award {
    position: relative;
    top: -10em;
    right: 0;
    width: 19%;
}

/*.brand_section.right .brand_pic_large {
    position: absolute;
    top: 22em;
    left: 40%;
	right:inherit;
    width: 80%;
}*/

.brand_section.right .brand_pic_large {
    position: relative;
    top: -10em;
    left: 40%;
	right:inherit;
    width: 80%;
}

.brand_titles {
	width:100%;
	float:left;	
}

.brand_section.right .brand_titles {
	width:100%;
	float:left;
	text-align:right;	
}

.brand_titles h4 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:32px;
	font-weight:500;
	color:#000;
}

.brand_titles h3 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:50px;
	font-weight:500;
	color:#000;
	margin:0 0 20px;
}

.brand_titles p {
	width:100%;
	float:left;
	padding-left:7%;
	font-size:18px;
	box-sizing:border-box;
	color:#000;
	font-style:italic;
	line-height:1.7em;
	font-weight:300;
}

.brand_section.right .brand_titles p {
	padding-right:7%;
	padding-left:0;
}

.brand_truths {
	width:100%;
	float:left;
	background:#8f7e69;
	margin:0 0 5%;
	color:#fff;
	padding:5% 2% 0;
	box-sizing:border-box;
	text-align:center;
	position:relative;
}

.brand_truths h5 {
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:46px;
	font-weight:500;
	color:#fff;
	margin:0 0 60px;
}

.brand_truths ul {
	width:100%;
	float:left;
	display:flex;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
}

.brand_truths ul li {
    width: 33.3%;
    text-align: center;
    padding: 30px 3%;
    margin: 0 0 50px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.brand_truths ul li.one {
    background:url(../images/no-1.png) no-repeat top center;
	background-size:150px;
}
.brand_truths ul li.two {
    background:url(../images/no-2.png) no-repeat top center;
	background-size:150px;
}
.brand_truths ul li.three {
    background:url(../images/no-3.png) no-repeat top center;
	background-size:150px;
}
.brand_truths ul li.four {
    background:url(../images/no-4.png) no-repeat top center;
	background-size:150px;
}
.brand_truths ul li.five {
    background:url(../images/no-5.png) no-repeat top center;
	background-size:150px;
}

.brand_truths ul li:nth-child(3n),
.brand_truths ul li:last-child {
	border-right:none;
}

.brand_truths ul li p.large {
	text-transform:uppercase;
	font-size:28px;
	font-weight:500;
	letter-spacing:1px;
	color:#fff;
	margin:0;
	line-height:1.3em;	
}

.brand_truths ul li p {
	font-size:15px;
}

.brand_logo_bottom {
	width:10%;
	position:absolute;
	top:8%;
	right:3%;	
}


/************************************************ Jawbox ************************************************/

#jawbox .brand_map_surround {
	background:#231f20;
}

#jawbox .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:3%;
	background:url(../images/jawbox/map.png) no-repeat center;
	background-size:100%;
}

#jawbox .brand_map_surround .map_details h1 {
	color:#84715a;	
}

#jawbox .map_details a.btn {
	border-color:#000;	
}

#jawbox .brand_section.left {
	background:url(../images/jawbox/badge.png) no-repeat top -10% left -10% #f4f3f0;
	background-size:42%;
}

#jawbox .brand_section.right {
	background:url(../images/jawbox/badge.png) no-repeat top -10% right -10% #f4f3f0;
	background-size:42%;
}

#jawbox .brand_truths {
	background:url(../images/jawbox/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

.brand_text h3.jawbox_yellow,
.mobile_titles h3.jawbox_yellow {
	color:#f7d44c;
}

.brand_text h3.jawbox_pink,
.mobile_titles h3.jawbox_pink {
	color:#daa3ab;
}

#jawbox .cocktail_list ul li.one {
	text-align:right;
	margin-bottom:0;
	align-self:center;
	width:30%;
}

#jawbox .cocktail_list ul li.two {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:22%;
}

#jawbox .cocktail_list ul li.two .c_surround {
	width:100%;
	margin:0 0 12%;
}

#jawbox .cocktail_list ul li.three {
	text-align:left;
	align-self:flex-end;
	width:30%;
}

#jawbox .cocktail_list ul li.three .c_surround {
	width:65%;
	margin:20% 0 9%;
}

#jawbox .cocktail_list ul li.three .c_surround.second {
	width:100%;
	margin:0;
}


/************************************************ Kirker Greer ************************************************/

#kirkergreer .brand_map_surround {
	background:#035642;
}

#kirkergreer .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:3%;
	background:url(../images/kirkergreer/map.png) no-repeat center;
	background-size:100%;
}

#kirkergreer .brand_map_surround .map_details h1 {
	color:#84715a;	
}

#kirkergreer .map_details a.btn {
	border-color:#000;	
}

#kirkergreer .brand_section.left {
	background:#f4f3f0;
}

#kirkergreer .brand_section.right {
	background:#f4f3f0;
}

#kirkergreer .brand_truths {
}

.brand_text h3.kirkergreen,
.mobile_titles h3.kirkergreen {
	color:#458c76;
}

#kirkergreer .cocktail_list ul li.one {
	text-align:right;
	margin-bottom:0;
	margin-right:3%;
	align-self:center;
	width:45%;
}

#kirkergreer .cocktail_list ul li.one .c_surround {
	width:80%;
	margin:0 0 6%;
	float:right;
}

#kirkergreer .cocktail_list ul li.one .c_surround.second {
	width:60%;
}

#kirkergreer .cocktail_list ul li.two {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:45%;
}

#kirkergreer .cocktail_list ul li.two .c_surround {
	width:80%;
	margin:0 0 6%;
}

#kirkergreer .cocktail_list ul li.two .c_surround.second {
	width:50%;
	margin:0;
}


/************************************************ Bowsaw ************************************************/

#bowsaw .brand_map_surround {
	background:url(../images/bowsaw/map.png) no-repeat top left #db291c;
	background-size:60%;
}

#bowsaw .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
}

#bowsaw .brand_map_surround .map_details h1 {
	color:#fff;	
}

#bowsaw .map_details a.btn {
	border-color:#fff;	
}

#bowsaw .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#db291c;
}

#bowsaw .brand_section.left {
	background:url(../images/bowsaw/bowsaw-bg.png) no-repeat top 50% left 0% #f4f3f0;
	background-size:40%;
}

#bowsaw .brand_section.right {
	background:url(../images/bowsaw/bowsaw-bg.png) no-repeat top 50% right 0% #f4f3f0;
	background-size:40%;
}

#bowsaw .brand_truths {
	background:url(../images/bowsaw/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#bowsaw .brand_logo_bottom {
    width: 8%;
    position: absolute;
    top: 5%;
    right: 3%;
}

.brand_text h3.bowsaw_red,
.mobile_titles h3.bowsaw_red {
	color:#db291c;
}

.brand_text h3.bowsaw_green,
.mobile_titles h3.bowsaw_green {
	color:#45ac34;
}

#bowsaw .cocktail_list ul li.one {
	text-align:right;
	margin-bottom:0;
	margin-right:3%;
	align-self:center;
	width:45%;
}

#bowsaw .cocktail_list ul li.one .c_surround {
	width:55%;
	margin:6% 0 0;
	float:right;
}

#bowsaw .cocktail_list ul li.one .c_surround.second {
	width:75%;
}

#bowsaw .cocktail_list ul li.two {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:45%;
}

#bowsaw .cocktail_list ul li.two .c_surround {
	width:80%;
	margin:0 0 6%;
}

#bowsaw .cocktail_list ul li.two .c_surround.second {
	width:70%;
	margin:0;
}

/************************************************ Kadoo ************************************************/

#kadoo .brand_map_surround {
	background:url(../images/kadoo/map.png) no-repeat top left #5fc4e2;
	background-size:40%;
	padding:5% 0;
}

#kadoo .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
}

#kadoo .brand_map_surround .map_details h1 {
	color:#fff;	
}

#kadoo .map_details a.btn {
	border-color:#fff;	
}

#kadoo .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#5fc4e2;
}

#kadoo .brand_section.left {
	background:url(../images/kadoo/kadoo-bg.svg) no-repeat top 50% left 0% #f4f3f0;
	background-size:100%;
}

#kadoo .brand_section.right {
	background:url(../images/kadoo/kadoo-bg.svg) no-repeat top 50% right 0% #f4f3f0;
	background-size:100%;
}

#kadoo .brand_truths {
	background:url(../images/kadoo/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#kadoo .brand_logo_bottom {
    width: 12%;
    position: absolute;
    top: 5%;
    right: 3%;
}


.address_bottom {
	width:100%;
	float:left;
	text-align:left;
	padding: 80px 5% 0 5%;
	box-sizing:border-box;
	background:#2a2a2a;
	z-index: 2;
	position: relative;
	font-family: 'Inter', sans-serif;
}

.address_bottom p.copyright {
	width: 100%;
	float: left;
	color: white;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 60px;
	line-height: 1.5em;
}

.footer_surround {
	width:100%;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: stretch;
	box-sizing: border-box;
	padding: 0;
}

.footer_surround p {
	font-size:15px;
	line-height: 1.5em;
	color: white;
}

.footer_logo {
	width:25%;
}

.footer_logo img {
	
	margin: 0 0 15px;
}

.address_bottom ul {
	display:flex;
	color: white;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: stretch;
	box-sizing: border-box;
	padding: 0;
	width: 70%;
}

.address_bottom ul li {
	vertical-align: top;
    color: #fff;
    font-size: 15px;
    line-height: 1.5em;
    text-align: left;
    padding-right: 2%;
    width: 50%;
    box-sizing: border-box;
    margin-top: 2.8vw;
}



.address_bottom ul li a {
	color:#fff;
}

.address_bottom ul li:last-child {
	margin-right:0;
	padding-right:0;	
	border-right:none;
}

.brand_text h3.kadoo_red,
.mobile_titles h3.kadoo_red {
	color:#e41f13;
}

.brand_text h3.kadoo_green,
.mobile_titles h3.kadoo_green {
	color:#00a891;
}

.brand_text h3.kadoo_blue,
.mobile_titles h3.kadoo_blue {
	color:#009fe3;
}

.brand_text h3.kadoo_pink,
.mobile_titles h3.kadoo_pink{
	color:#e5077e;
}

.brand_text h3.kadoo_dark_green,
.mobile_titles h3.kadoo_dark_green {
	color:#00953e;
}

#kadoo .cocktail_list ul li.one {
	text-align:right;
	margin-bottom:0;
	margin-right:3%;
	align-self:center;
	width:30%;
}

#kadoo .cocktail_list ul li .c_surround img {
	width:100%;
}

#kadoo .cocktail_list ul li.one .c_surround {
	width:90%;
	margin:6% 10% 0 0;
	float:right;
}

#kadoo .cocktail_list ul li.one .c_surround.second {
	width:80%;
	margin:12% 0 0 0;
}

#kadoo .cocktail_list ul li.two {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:22%;
	margin:0 1.5% 0 0;
}

#kadoo .cocktail_list ul li.two .c_surround {
	width:100%;
	margin:0 0 12% -10%;
}

#kadoo .cocktail_list ul li.two .c_surround.second {
	width:80%;
	margin:0;
	float:left;
}

#kadoo .cocktail_list ul li.three {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:30%;
	margin:12% 0 0;
}

#kadoo .cocktail_list ul li.three .c_surround {
	margin:0 0 6%;
	width:80%;
}

#kadoo .cocktail_list ul li.three .c_surround.second {
	width:100%;
	margin:0;
	float:left;
}

/************************************************ Ginato ************************************************/

#ginato .brand_map_surround {
	background:url(../images/ginato/map.png) no-repeat top left, url(../images/ginato/ginato-bg2.png) no-repeat top right #009959;
	background-size:40%, 30%;
	padding:5% 0;
}

#ginato .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
}

#ginato .brand_map_surround .map_details h1 {
	color:#fff;	
}

#ginato .map_details a.btn {
	border-color:#fff;	
}

#ginato .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#009959;
}

#ginato .brand_section.left {
	background:url(../images/ginato/ginato-bg.png) no-repeat top 0% right 0% #f4f3f0;
	background-size:30%;
}

#ginato .brand_section.right {
	background:url(../images/ginato/ginato-bg.png) no-repeat top 0% left 0% #f4f3f0;
	background-size:30%;
}

#ginato .brand_truths {
	background:url(../images/ginato/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#ginato .brand_logo_bottom {
    width: 9%;
    position: absolute;
    top: 5%;
    right: 3%;
}

.brand_text h3.ginato_green,
.mobile_titles h3.ginato_green {
	color:#007a55;
}

.brand_text h3.ginato_green2,
.mobile_titles h3.ginato_green2 {
	color:#00adbb;
}

.brand_text h3.ginato_blue,
.mobile_titles h3.ginato_blue {
	color:#07a7e1;
}

.brand_text h3.ginato_purple,
.mobile_titles h3.ginato_purple {
	color:#764a98;
}

#ginato .cocktail_list ul li.one {
	text-align:right;
	margin-bottom:0;
	margin-right:3%;
	align-self:center;
	width:21%;
}

#ginato .cocktail_list ul li .c_surround img {
	width:100%;
}

#ginato .cocktail_list ul li.one .c_surround {
	width:90%;
	margin:6% 10% 0 0;
	float:right;
}

#ginato .cocktail_list ul li.one .c_surround.second {
	width:80%;
	margin:12% 0 0 0;
}

#ginato .cocktail_list ul li.two {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:19%;
	margin:0 1.5% 0 0;
}

#ginato .cocktail_list ul li.two .c_surround {
	width:100%;
	margin:0 0 12% -10%;
}

#ginato .cocktail_list ul li.two .c_surround.second {
	width: 90%;
	margin: 0 10% 0 0;
	float: right;
}

#ginato .cocktail_list ul li.three {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:21%;
	margin:0;
}

#ginato .cocktail_list ul li.three .c_surround {
	margin:0 0 12%;
	width:80%;
}

#ginato .cocktail_list ul li.three .c_surround.second {
	width:100%;
	margin:0;
	float:left;
}

#ginato .cocktail_list ul li.four {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width: 20%;
	margin: 3% 0 0 3.5%;
}

#ginato .cocktail_list ul li.four .c_surround {
	margin:0 0 12%;
	width:80%;
}

#ginato .cocktail_list ul li.four .c_surround.second {
	width:100%;
	margin:0;
	float:left;
}

/************************************************ Braemble ************************************************/

#braemble .brand_map_surround {
	background:#642f6c;
}

#braemble .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:3%;
	background:url(../images/braemble/map.png) no-repeat center;
	background-size:100%;
}

#braemble .brand_map_surround .map_details h1 {
	color:#fff;	
}

#braemble .map_details a.btn {
	border-color:#fff;	
}

#braemble .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#642f6c;
}

#braemble .brand_section.left {
	background:url(../images/ginato/ginato-bg.png) no-repeat top 0% right 0% #f4f3f0;
	background-size:30%;
}

#braemble .brand_section.right {
	background:url(../images/ginato/ginato-bg.png) no-repeat top 0% left 0% #f4f3f0;
	background-size:30%;
}

#braemble .brand_truths {
	background:url(../images/ginato/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#braemble .brand_logo_bottom {
    width: 9%;
    position: absolute;
    top: 5%;
    right: 3%;
}

.brand_text h3.braemble_purple,
.mobile_titles h3.braemble_purple {
	color:#642f6c;
}

#braemble .cocktail_list ul li.one {
	text-align:right;
	margin-bottom:0;
	margin-right:3%;
	align-self:center;
	width:45%;
}

#braemble .cocktail_list ul li .c_surround img {
	width:100%;
}

#braemble .cocktail_list ul li.one .c_surround {
	width:55%;
	margin:6% 3% 0 0;
	float:right;
}

#braemble .cocktail_list ul li.one .c_surround.second {
	width:55%;
	margin:6% 0 0 0;
}

#braemble .cocktail_list ul li.two {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:45%;
}

#braemble .cocktail_list ul li.two .c_surround {
	width:55%;
	margin:0 0 6% -3%;
}

#braemble .cocktail_list ul li.two .c_surround.second {
	width:100%;
	margin:0;
	float:left;
}

/************************************************ Red Bonny ************************************************/

#redbonny .brand_logo {
    width: 10%;
}

#redbonny .brand_map_surround {
	background:url(../images/redbonny/map.png) no-repeat bottom left #c91430;
	background-size:55%;
	padding:5% 0;
}

#redbonny .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
}

#redbonny .brand_map_surround .map_details h1 {
	color:#fff;	
}

#redbonny .map_details a.btn {
	border-color:#fff;	
}

#redbonny .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#c91430;
}

#redbonny .brand_section.left {
	background:url(../images/redbonny/redbonny-bg.png) no-repeat top 0% right 0% #f4f3f0;
	background-size:20%;
}

#redbonny .brand_section.right {
	background:url(../images/redbonny/redbonny-bg.png) no-repeat top 0% left 0% #f4f3f0;
	background-size:20%;
}

#redbonny .brand_truths {
	background:url(https://kirkergreer.com/assets/images/redbonny/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#redbonny .brand_logo_bottom {
    width: 9%;
    position: absolute;
    top: 5%;
    right: 3%;
}

.brand_text h3.redbonny_red,
.mobile_titles h3.redbonny_red {
	color:#c91430;
}

#redbonny .cocktail_list ul li.one {
	text-align:right;
	margin-bottom:0;
	margin-right:3%;
	align-self:center;
	width:30%;
}

#redbonny .cocktail_list ul li .c_surround img {
	width:100%;
}

#redbonny .cocktail_list ul li.one .c_surround {
	width:100%;
	margin:6% 0 0 0;
	float:right;
}

#redbonny .cocktail_list ul li.one .c_surround.second {
	width:70%;
	margin:12% 0 0 0;
}

#redbonny .cocktail_list ul li.two {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:30%;
	margin:0 3% 0 0;
}

#redbonny .cocktail_list ul li.two .c_surround {
	width:100%;
	margin:0 0 6% 0;
}

#redbonny .cocktail_list ul li.two .c_surround.second {
	width:100%;
	margin:0;
	float:left;
}

#redbonny .cocktail_list ul li.three {
	text-align:right;
	margin-bottom:0;
	align-self:flex-start;
	width:30%;
	margin:12% 0 0;
}

/************************************************ Black Irish ************************************************/

#blackirish .brand_map_surround {
	background:#000;
}

#blackirish .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:3%;
	background:url(../images/blackirish/map.png) no-repeat center;
	background-size:100%;
}

#blackirish .brand_map_surround .map_details h1 {
	color:#fff;	
}

#blackirish .map_details a.btn {
	border-color:#fff;	
}

#blackirish .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#000;
}

#blackirish .brand_section.left {
	background:url(../images/blackirish/blackirish-bg.png) no-repeat top 5% right -10%, url(../images/blackirish/blackirish-bg2.png) no-repeat bottom 5% left 0% #f4f3f0;
	background-size:40%,45%;
}

#blackirish .brand_section.right {
	background:url(../images/blackirish/blackirish-bg.png) no-repeat top 0% left 0% #f4f3f0;
	background-size:20%;
}

#blackirish .brand_truths {
	background:url(https://kirkergreer.com/assets/images/blackirish/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#blackirish .brand_logo_bottom {
    width: 9%;
    position: absolute;
    top: 5%;
    right: 3%;
}


/************************************************ Highball Express ************************************************/

#highball .brand_logo {
	width:20%;	
}

#highball .brand_map_surround {
	background:url(../images/highball/map.png) no-repeat bottom left #333;
	background-size:70%;
	padding:5% 0;
}

#highball .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
}

#highball .brand_map_surround .map_details h1 {
	color:#fff;	
}

#highball .map_details a.btn {
	border-color:#fff;	
}

#highball .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#000;
}

#highball .brand_bottle img {
    margin: 0;
    position: absolute;
    top: 5%;
	bottom:inherit;
}

#highball .brand_section.left {
	background:url(../images/highball/highball-bg.png) no-repeat top 10% left -2% #f4f3f0;
	background-size:40%;
}

#highball .brand_section.right {
	background:url(../images/highball/highball-bg.png) no-repeat top 10% right -2% #f4f3f0;
	background-size:40%;
}

#highball .brand_truths {
	background:url(../images/highball/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#highball .brand_logo_bottom {
    width: 9%;
    position: absolute;
    top: 5%;
    right: 3%;
}

.brand_text h3.highball_red,
.mobile_titles h3.highball_red {
	color:#e30518;
}

/************************************************ ukiyo ************************************************/

#ukiyo .brand_logo {
	width:12%;	
}

#ukiyo .brand_map_surround {
	background:url(../images/ukiyo/map.png) no-repeat bottom left #a19b91;
	background-size:60%;
	padding: 0;
}

#ukiyo .brand_map {
	float:left;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
}

#ukiyo .brand_map_surround .map_details h1 {
	color:#fff;	
}

#ukiyo .map_details a.btn {
	border-color:#fff;	
}

#ukiyo .map_details a.btn:hover {
	border-color:#fff;
	background:#fff;
	color:#a19b91;
}

#ukiyo .brand_bottle img {
    margin: 0;
    position: absolute;
    top: 5%;
	bottom:inherit;
}

#ukiyo .brand_section.left {
	background:url(../images/ukiyo/ukiyo-bg.png) no-repeat top 50% left -2% #f4f3f0;
	background-size:40%;
}

#ukiyo .brand_section.right {
	background:url(../images/ukiyo/ukiyo-bg.png) no-repeat top 50% right -2% #f4f3f0;
	background-size:40%;
}

#ukiyo .brand_truths {
	background:url(https://kirkergreer.com/assets/images/ukiyo/picbottom.jpg) no-repeat top left;
	background-size:cover!important;	
}

#ukiyo .brand_logo_bottom {
    width: 9%;
    position: absolute;
    top: 5%;
    right: 3%;
}

.brand_text h3.ukiyo_blue,
.mobile_titles h3.ukiyo_blue {
	color:#1899d6;
}
.brand_text h3.ukiyo_gold,
.mobile_titles h3.ukiyo_gold {
	color:#a58241;
}
.brand_text h3.ukiyo_bronze,
.mobile_titles h3.ukiyo_bronze {
	color:#c37b58;
}


/************************************************ Cocktails ************************************************/

.cocktail_list {
	width:100%;
	float:left;
	background:#f4f3f0;
	position:relative;
	padding:8% 5% 5%;
	box-sizing:border-box;
	margin:0 0 5%;
	text-align:center;	
}

.cocktail_list h2 {
	font-weight:normal;
	font-style:italic;
	font-size:36px;
	color:#000;
	letter-spacing:3px;	
	text-transform:uppercase;
}

.cocktail_list ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 5% 3% 0;
	width: 100%;
	box-sizing: border-box;
	margin:0;
}

.cocktail_list ul li {
	box-sizing:border-box;
	margin:0 3% 3% 0;
	width:28%;
	position:relative;
	line-height:0;
}

.cocktail_list ul li.one {
	text-align:right;
	margin-bottom:-1%;
	align-self:flex-end;
	width:22%;
}

.cocktail_list ul li.three {
	text-align:left;
	align-self:flex-end;
	width:22%;
}

.cocktail_list ul li.four {
	text-align:left;
	align-self:flex-start;
	width:18%;
}

.cocktail_list ul li.five {
	align-self:flex-start;
	margin-top:4%;
	margin:4% 0 0 4%;
	width:18%;
	margin-bottom:0;
}

.cocktail_list ul li.six {
	align-self:flex-end;
	margin-left:3%;
	margin-bottom:0;
}

.cocktail_list ul li.seven {
	align-self:flex-start;
	width:22%;
	margin-bottom:0;
}

.cocktail_list ul li.eight {
	align-self:flex-start;
	margin-top:-10%;
	width:18%;
	margin-bottom:0;
}

.cocktail_list ul li:nth-child(4n) {
	margin-right:0;
}

.cocktail_list ul li .c_surround {
	position:relative;
	width:100%;	
}

.cocktail_list ul li .c_surround img {
	width:100%;	
}

.cocktail_list ul li a {
	position:absolute;
	z-index:3;
	height:100%;
	width:100%;
	top:0;
	left:0;
}

.cocktail_list ul li .c_surround:hover .hover_overlay {
	opacity:1;
}

.cocktail_list ul li .hover_overlay {
	position:absolute;
	z-index:2;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:rgba(45,46,50,0.75);
	line-height:1.5em;
	opacity:0;
	transition: all 0.3s ease-out;
}

.cocktail_list ul li .hover_overlay span {
	position:absolute;
	z-index:3;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	font-size:17px;
	font-weight:300;
	line-height:1.5em;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#fff;
	display:none;
	box-sizing:border-box;
	padding:0 5%;
}

.cocktail_list ul li .c_surround:hover .hover_overlay span {
	display:block;
}

.cocktail_section {
	background:#f4f3f0;
	position:relative;
	float:left;
	width:100%;
	margin:0 0 30em;	
}

.cocktail_section h2 {
	font-weight:normal;
	font-style:italic;
	font-size:36px;
	color:#000;
	letter-spacing:3px;	
	text-transform:uppercase;
	width:100%;
	float:left;
	text-align:center;
	margin:0 0 30px;
}

.cocktail_section.left .kg_box_logo {
	width:200px;
	float:left;
	margin:50px 5% 0;	
}

.cocktail_section.right .kg_box_logo {
	width:200px;
	float:right;
	margin:50px 5% 0;	
}

.cocktail_section.left .brand_section_inner {
	padding:50px 8% 50px 0;	
}

.cocktail_section.right .brand_section_inner {
	padding:50px 0 50px 8%;	
}

.cocktail_section_inner {
	float:left;
	width:100%;
	padding:50px 5%;
	box-sizing:border-box;
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
}

.cocktail_main_pic {
	order:1;
	width:48%;
	margin:0 0 -15em;
	position:relative;
	align-items:flex-end;
	display:flex;	
}

.cocktail_section.right .cocktail_main_pic {
	order:2;
	width:48%;
	margin: 0 0 -15em 0;		
}

.cocktail_sub_image {
	position:absolute;
	bottom:-100px;
	right:-30%;
	width:30%;	
}

.cocktail_section.right .cocktail_sub_image {
	position:absolute;
	bottom:-90px;
	left:-30%;
	width:30%;
	right:inherit;	
}

.cocktail_text {
	order:2;
	width:44%;
	margin:0;
	position:relative;
	padding-left:8%;
}

.cocktail_section.right .cocktail_text {
	order:1;
	width:44%;
	margin:0;
	position:relative;
	padding-right:8%;
	padding-left:0;
}

.cocktail_section.right .brand_buttons {
    order: 2;
    width: 100%;
    margin-right: 0;
    float: right;
    position: absolute;
    left: inherit;
    top: 14em;
    right: -27%;
    text-align: right;
}

.cocktail_titles {
	width:100%;
	float:left;	
}

.cocktail_section.right .cocktail_titles {
	width:100%;
	float:left;
	text-align:left;	
}

.cocktail_section.right .cocktail_titles h4 {
	padding-left:0;
}

.cocktail_section.right .cocktail_titles h3 {
	padding-left:0;
}

.cocktail_section.right .cocktail_titles p {
	padding-left:5%;
}

.cocktail_section.right .cocktail_titles ul {
	padding-left:5%;
}

.cocktail_section.right .cocktail_titles ul:after {
	left:5%;
}

.cocktail_titles h4 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:32px;
	font-weight:500;
	color:#000;
	padding-left:7%;
}

.cocktail_titles h3 {
	text-transform:uppercase;
	letter-spacing:5px;
	font-size:50px;
	font-weight:500;
	color:#000;
	margin:0 0 50px;
	padding-left:7%;
}

.cocktail_titles p,
.cocktail_bottom p {
	width:100%;
	float:left;
	font-size:18px;
	padding-bottom:20px;
	box-sizing:border-box;
	color:#000;
	font-weight:300;
}

.cocktail_titles p strong,
.cocktail_bottom p strong {
	font-style:italic;
	font-weight:500;
}

.cocktail_section .cocktail_titles ul {
	width:100%;
	float:left;
	box-sizing:border-box;
	margin:0 0 3em;
	position:relative;
	padding:0 0 3em;
}

.cocktail_section .cocktail_titles ul:after {
	width:50px;
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	background:#000;
	content:'';
}

.cocktail_section .cocktail_titles ul li {
	line-height:1.5em;	
	width:100%;
	float:left;
	color:#000;
	font-size:18px;
	margin:0 0 10px;
	font-weight:500;
}

.cocktail_bottom {
    position: absolute;
    bottom: -10em;
    width: 29%;
    right: 5%;
}

.cocktail_section.right .cocktail_bottom {
	position: absolute;
	bottom: -10em;
	width: 29%;
	left: 5%;
	text-align:right;
	right:inherit;
}

.cocktail_bottom p {
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:13px;
}

.cocktail_nav {
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    margin: 3em 0 0;
    bottom: -11em;
}

.cocktail_nav.mobile {
    display:none;
}

a.back_cocktails {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	position:relative;
	padding:0 0 0 60px;
	display:inline-block;
	vertical-align:top;
	text-align: left;
	width: 100%;
	float: left;
}

a.back_cocktails:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	background:url(../images/leftarrow.png) no-repeat left;
	background-size:100%;
	width:40px;
	height:100%;
}

.cocktail_nav a {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	position:relative;
	padding:50px 0 50px 40px;
	display:inline-block;
	vertical-align:top;
}

.cocktail_nav a:hover {
	opacity:0.5;
	text-decoration:none;
}

.cocktail_nav a.prev {
	margin-right:50px;
}

.cocktail_nav a.prev:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	background:url(../images/arrow-prev.png) no-repeat left;
	background-size:100%;
	width:20px;
	height:100%;
}

.cocktail_nav a.next {
	padding:50px 40px 50px 0;
}

.cocktail_nav a.next:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	background:url(../images/arrow-next.png) no-repeat right;
	background-size:100%;
	width:20px;
	height:100%;
}

.cocktail_bottom_button {
	width:100%;
	float:left;
	text-align:center;	
	margin:2% 0 7%;
}

.cocktail_bottom_button a.btn {
	display:inline-block;
	vertical-align:top;
	border:1px solid #000;
	color:#000;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:10px 20px;
	line-height:1.5em;
	font-size:14px;
}

.cocktail_bottom_button a.btn.back {
	margin-left:20px;
}

.cocktail_bottom_button a.btn:hover {
	border:1px solid #000;
	color:#fff;
	background:#000;
	text-decoration:none;
}


/************************************************ General ************************************************/

.general_intro {
	width:80%;
	float:left;
	position:relative;
	padding:0 10% 0;
	text-align:center;
	margin:0 0 ;
}

.general_intro:before {
	width:150px;
	top:0;
	position:absolute;
	left:0;
	right:0;
	height:1px;
	background:#000;
	content:'';
	margin:0 auto;
	display: none;
}

.general_intro:after {
	width:150px;
	bottom:0;
	position:absolute;
	left:0;
	right:0;
	height:1px;
	background:#000;
	content:'';
	margin:0 auto;
	display: inline-block;
	display: none;
}

.general_intro h1 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
	color:#000;
	font-size:10rem;
	margin-top:2.8%;
	margin-bottom: 0;
}

.general_intro h2 {
	letter-spacing:1px;
	color:#000;
	font-size:22px;
	font-style:italic;
	margin:0 0 5%;
	font-weight:300;
	line-height:1.5em;
}

.mobile_titles {
	order:1;
	width:100%;
	margin:0;
	position:relative;
	padding-left:0;
	display:none;
}

.mobile_titles h4 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:32px;
	font-weight:500;
	color:#000;
}

.mobile_titles h3 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:60px;
	font-weight:500;
	color:#000;
	margin:0 0 50px;
}

.general_section {
	
	position:relative;
	float:left;
	width:100%;
	
}

.general_section .kg_box_logo {
	width:200px;
	float:left;
	margin:50px 5% 0;	
}

.general_section .brand_section_inner {
	padding:50px 8% 50px 0;	
	margin: 0;
}

.general_section_inner {
	float:left;
	width:100%;
	padding:50px 2% 80px;
	box-sizing:border-box;
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
}

.general_left {
	order:1;
	width:48%;
	margin:0;
	position:relative;
	left:0;	
}

.general_text {
	order:2;
	width:44%;
	margin:0;
	position:relative;
	padding-left:8%;
}

.general_section .general_text:before {
	position:absolute;
	width:9%;
	height:15%;
	content:'';
	top: 10%;
	left: -5%;
	background:url(../images/leftarrow.png) no-repeat top left;
	background-size:100%;
	display: none;
}

.general_titles {
	width:100%;
	float:left;	
}

.general_titles h3 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:3rem;
	font-weight:500;
	color:#000;
	margin:0 0 20px;
	text-align: right;
}

.general_titles h4 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:32px;
	font-weight:500;
	color:#000;
}

.general_titles h5 {
	width:100%;
	float:left;
	padding-left:7%;
	font-size:24px;
	box-sizing:border-box;
	color:#000;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:500;
	margin:25px 0 0;
}

.general_titles p {
	width:100%;
	float:left;
	padding-left:0;
	font-size:16px;
	box-sizing:border-box;
	color:#000;
	text-align: right;
}

.general_titles p em {
	font-size:18px;
	line-height:1.7em;
	font-weight:300;
}

.general_columns {
	display:flex;
	justify-content:space-between;
	flex-wrap:no-wrap;
	width:100%;
	float:left;
	margin:60px 0 0;
	order:4;
}

.col1 p {
	color:#000;
}

.col1 p strong {
	color:#000;
	letter-spacing:1px;
}


/************************************************ Form elements ************************************************/

.formsurround {
	float:left;
	width:100%;	
}

.honey {
	display:none;	
}

.form_area {
	width:100%;
	float:left;
}

.form_item {
	width:100%;
	float:left;
}

.form_item label {
	float:left;
	text-align:right;
	font-size:2em;
	padding:5px 10px 0 0;
	display:none;
}

.form_item label span {
	font-size:14px;
}

.form_item_message {
	float:left;
	width:100%;
	margin:0 0 10px 0;
	overflow: hidden;
}

.form_item_message label {
	width:110px;
	float:left;
	font-size:20px;
	text-align:right;
	padding:5px 10px 0 0;
	display:none;
}

.form_item input {
	width:100%;
	height:37px;
	padding:8px 0 8px 10px;
	margin:0 0 15px;
	float:left;
	color:#000;
	background:transparent;
	font-size:16px;
	border:1px solid #000;
	box-sizing:border-box;
	box-shadow:none;
	-webkit-appearance: none;
}

.form_item.select {
	width:100%;
	position:relative;
}

.form_item.select select {
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;/* remove default arrow */
	width:100%;
	height:60px;
	border:1px solid #000;
	border-radius:3px;
	box-sizing:border-box;
	font-size:16px;
	padding:8px 15px 8px 15px;
	position:relative;
	box-shadow:none;
	background:url(https://kirkergreer.com/assets/images/downarrow.png) no-repeat center right #fff;
	background-size:30px;
}

.form_item_message textarea {
	width:100%;
	height:150px;
	float:left;
	color:#000;
	font-size:16px;
	border:1px solid #000;
	background:transparent;
	box-sizing:border-box;
	padding:15px 0 0 10px;
	box-shadow:none;
	-webkit-appearance: none;
}

.form_item input:focus,
.form_item_message textarea:focus {
	border:1px solid #000!important;
}

.honeypot {
	display:none;	
}

.form_submit {
	display:inline-block;
	width:100%;
	text-align:left;
	position:relative;
}

.form_submit.short {
	display:inline-block;
	width:100%;
}

.submit {
	border:none;
	width:100%;
	float:left;
	border-top:2px solid #000;
	position:relative;
	font-size:18px;
	padding:15px 0;
	margin:20px 0 0;
	text-transform:uppercase;
	color:#262320;
	font-weight:500;
	letter-spacing:2px;
	box-sizing:border-box;
	cursor:pointer;
	background:none;
	text-align:left;
}

.submit.full {
	padding:15px 0;
}

.submit:hover {
	border-color:#000;
	color:#000;
	text-decoration:none;	
}

.warning {
	color:#F00;	
}

.captcha_surround {
	width:100%;
	float:left;
	margin:20px 0 0;	
}

p.green_text {
	width:100%;
	float:left;
	text-align:left;	
}

p.green_text strong {
	color:#90775c;
	text-align:left;
	
}

p.red_text {
	color:#FF0004;
	padding:0;	
}

p.success {
    font-size: 20px;
    line-height: 1.5em;
    color: #90775c;
    text-align: center;
	padding:0;
    font-weight: bold;
	float:left;
	width:100%;
	box-sizing:border-box;
}





.white-popup {
	position: relative;
	background: #FFF;
	padding: 40px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	transition: 1s all;
  }
  
  .mfp-bg {}
  
  .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
  }
  
  
  /* overlay animate in */
  
  .mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
  }
  
  
  /* overlay animate out */
  
  .mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
  }
  
  .mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.4s ease-out;
  }
  
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
  }
  
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
  }

  .mfp-content { background: #f5efdf;
    max-width: 62rem;
    padding: 3rem;
}

.mfp-content h1{
	color: black;
	margin-bottom: 50px;

}

.mfp-close-btn-in .mfp-close { color: black;}

.mfp-content p{
	color: black;
	text-align: justify;

}

/************************************************ Footer ************************************************/

footer {
	width:100%;
	float:left;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.footer_logo {
	width:23%;
	float:left;
	margin:0 0 50px;
}

.footer_logo img {
	width: 11rem !important;
    margin: 0 0 35px;

	transition: all 0.3s ease-out;
}

.footer_logo a:hover img {
	opacity:0.7;
}

.footer_content {
	width:50%;
	float:right;
	display:flex;
	justify-content:flex-start;
	flex-wrap:no-wrap;
	margin:0 0 20px 10%;
}

.f_col1 {
	width:48%;
	padding:0 3% 0 0;
	box-sizing:border-box;	
}

.f_col1.last {
	padding:0;	
}

.f_col1 p {
	color:#000;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;	
}

.f_col1 ul {
	width:100%;
	float:left;
	margin:0 0 30px;
}

.f_col1 ul li {
	width:100%;
	float:left;
	line-height:1.7em;
}

.f_col1 ul li a {
	width:100%;
	float:left;
	margin:0 0 10px;
	font-size:13px;
	color:#fff;
	font-weight:300;
	letter-spacing:1px;
	text-transform: uppercase;
}

.f_col1 ul li a strong {
	font-weight:bold;
}

.f_col1 ul li a:hover {
	text-decoration:none;
	color:#fff;
	opacity:0.7;
}

.footer_partner_box {
	width:100%;
	float:left;
	margin:0 0 50px;	
}

.footer_partner_box img {
	width:250px;
	float:left;	
}

.footer_bottom {
	width:100%;
	float:left;
	text-align:center;
	color:#fff;
	line-height:1.5em;
	text-transform:uppercase;
	font-size:11px;	
	letter-spacing: 1px;
	padding: 50px 0 0;
}

.fs30 { font-size: 30px !important;}

.cava img { max-width: 6vw;}

/************************************************ Smaller screens ************************************************/

@media only screen and (min-width: 2000px) {
.map_details {
    padding: 30em 5%;
}
}

@media only screen and (max-width: 1360px) {

.brand_logo {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 20%;
}

.brand_section_inner .mobile_titles {
	padding-left:8%;
	box-sizing:border-box;	
}

.brand_section.right .brand_section_inner .mobile_titles {
	padding-left:0;
}

.cocktail_titles h3,
.cocktail_titles h4,
.brand_titles h3,
.brand_titles h4 {
	display:none;	
}
	
.career_title {
	margin: 20px 0 15px;
}
	
.career_title h4 {
	font-size: 24px;
}

.mobile_titles {
	display:block;	
}

.mobile_titles h4 {
    letter-spacing: 3px;
    font-size: 32px;
}

.mobile_titles h3 {
    letter-spacing: 3px;
    font-size: 50px;
}

.hero_text {
    width: 40%;
}

.general_titles h3 {
    display: none;
}

.formsurround {
    float: left;
    width: 86%;
}

#ukiyo .brand_map_surround {
    background: url(../images/ukiyo/map.png) no-repeat top left #a19b91;
    background-size: 50%;
}

.brand_buttons,
.brand_section.right .brand_buttons {
    order: 2;
    width: 100%;
    margin-right: 0;
    float: left;
    position: relative;
    left: 0;
    top: 2em;
    z-index: 22;
}

.brand_buttons a.btn.first {
    margin-right: 5%;
    margin-bottom: 10px;
}

.brand_buttons a.btn {
    padding: 10px 5%;
    line-height: 1.5em;
    font-size: 14px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.brand_bottle img {
    margin: 0;
    position: absolute;
    bottom: 0;
    top: 0;
}

}

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

	.address_bottom ul {
		flex-flow: row wrap;
	}

.about_title {
    margin: 0 0 20px;
}	
	
.about_side.three {
    padding: 0 5% 0 0;
}

.row_inner {
	max-width: 1400px;
	min-width: 0;
	margin:0 auto;
}
	
}


@media only screen and (max-width: 1023px) {

.career_boxes {
	margin: 0 0 50px;
}	
	
.career_box {
	width:31%;
	margin: 0 0 1.5rem;
}	
	
.general_content {
	width:95%;
	margin: 40px auto 70px;
}	
	
.general_intro h1 {
    font-size: 42px;
}

.general_intro h2 {
    font-size: 20px;
}

ul.hp_three_area li .box_text {
    font-size: 36px;
	line-height:1.3em;
}

ul.hp_three_area li .box_text img {
    width: 40px;
}

h2.hp_title {
    font-size: 42px;
	margin: 0 auto 50px;
}

.general_titles h3 {
    font-size: 36px;
}

ul.brands_list li .hover_overlay span {
	font-size:16px;
	word-break:break-word;	
}

.about_side.one {
	margin: 0 0 40px;
}
	
.about_side.two {
    width: 70%;
    padding-right: 5%;
    padding-left: 10%;
    box-sizing: border-box;
	margin: 0 0 40px;
}
	
.about_title::before {
	display:none;
}

.about_side h4 {
    font-size: 40px;
}

.about_side.four {
    width: 53%;
    margin: 0 0 40px;
}

.about_side.three {
    padding: 0 5% 0 0;
    width: 47%;
	margin: 0 0 40px;
}
	
.about_side.six {
    padding-right: 5%;
}

.hero_text {
    top:20%;
}

.hero_text h1 {
    font-size: 42px;
}

.brand_map {
    float: left;
    width: 100%!important;
    height: auto!important;
    position: relative!important;
    top: 0;
    left: 0;
    margin-left: 0;
}

.map_details {
    width: 100%;
    float: right;
    box-sizing: border-box;
    padding: 0 5%;
}

.brand_map img {
    display: block;
}

.brand_map_surround {
    padding: 0 0 10%;
}

#jawbox .brand_map,
#kirkergreer .brand_map,
#braemble .brand_map,
#blackirish .brand_map {
    background: none;
}

#jawbox .brand_map img,
#kirkergreer .brand_map img,
#braemble .brand_map img ,
#blackirish .brand_map img {
    display: block;
    width: 80%;
    margin: 30px auto 0;
}

#kadoo .brand_map_surround {
    background:#5fc4e2;
    padding: 0 0 10%;
}

#bowsaw .brand_map_surround {
    background:#db291c;
}

#bowsaw .brand_map {
	margin:0 0 5%;	
}

#ukiyo .brand_map_surround {
    background:#a19b91;
    padding: 0 0 10%;
}

#ginato .brand_map img {
    width: 80%;
}

#ginato .brand_map_surround {
    background: url(../images/ginato/ginato-bg2.png) no-repeat top right #009959;
        background-size:auto;
    background-size:30%;
    padding: 0 0 10%;
}

#redbonny .brand_map_surround {
    background:#c91430;
    padding: 0 0 10%;
	overflow:hidden;
}

#redbonny .brand_map img {
    width: 100%;
	margin:-50% 0 5%;
}

#highball .brand_map_surround {
    background:#333;
    padding: 0 0 10%;
	overflow:hidden;
}

#highball .brand_map img {
    width: 100%;
	margin:-40% 0 5%;
}

.brand_section {
    margin: 0 0 18em;
}

.brand_truths ul li p.large {
    font-size: 22px;
}

.brand_pic_award {
    position: relative;
    top: -10em;
    right: 0;
    width: 17%;
}

.cocktail_list {
    padding: 8% 0 5%;
}

a.back_cocktails {
    width: 97%;
    margin: 0 0 20px 3%;
	}
	
.cocktail_list ul {
    padding: 5% 0;
}

.cocktail_list ul li .hover_overlay {
    position: relative;
    z-index: 2;
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    background: none;
    line-height: 1.5em;
    opacity: 1;
    transition: all 0.3s ease-out;
    float: left;
}

.cocktail_list ul li .hover_overlay span {
    font-size: 14px;
    display: block;
    position: relative;
    float: left;
    transform: none;
    padding: 10px;
    color: #333;
}

.footer_content {
    width: 100%;
	margin: 0 0 20px;
	text-align: center;
}

.footer_logo {
    width: 100%;
    float: none;
    margin: 0 auto 50px;
    text-align: center;
    display: inline-block;
}

.footer_logo img {
    width: 250px;
    float: none;
}

.footer_partner_box {
    width: 100%;
    float: left;
    margin: 0 0 50px;
    text-align: center;
}

.footer_partner_box img {
    width: 250px;
    float: none;
}
	
}



.general_intro { padding-top: 120px;}

/************************************************ Mobile ************************************************/

@media handheld, only screen and (max-width: 767px) {

.general_intro h1 {
    font-size: 36px;
}

.general_intro h2 {
    font-size: 18px;
}

ul.hp_three_area li .box_text {
    font-size: 32px;
	line-height:1.3em;
}

ul.hp_three_area li .box_text img {
    width: 30px;
}

h2.hp_title {
    font-size: 50px;
	margin: 0 auto 50px;
}

ul.brands_list li {
    margin: 0 4% 4% 0;
    width: 48%;
}

ul.brands_list li:nth-child(2n) {
    margin: 0 0 4% 0;
}

.cocktail_section {
    margin: 0 0 5%;
}

.cocktail_section.left .kg_box_logo, .cocktail_section.right .kg_box_logo {
    width: 200px;
    float: none;
    margin: 20px auto;
}

.cocktail_section h2 {
    font-size: 28px;
}

.cocktail_section_inner {
    padding: 20px 5% 50px;
}

.cocktail_main_pic,
.cocktail_section.right .cocktail_main_pic {
    order: 2;
    width: 100%;
    margin: 0 0 30px;
	text-align:center;
}

.cocktail_sub_image {
	display:none;	
}

.cocktail_text,
.cocktail_section.right .cocktail_text {
    order: 3;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 8%;
}

.cocktail_main_pic img,
.cocktail_section.right .cocktail_main_pic img {
    width: 65%;
}

.cocktail_nav {
	display:none;	
}

.cocktail_nav.mobile {
    display: inline-block;
    position: relative;
    bottom: 0;
    margin: 0;
}

.cocktail_bottom,
.cocktail_section.right .cocktail_bottom {
    position: relative;
    bottom: 0;
    right: inherit;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 8%;
    text-align: center;
	left:0;
}

.cocktail_bottom_button {
	margin:13% 0 15%;
}

.general_columns {
    justify-content: space-between;
    flex-wrap: wrap;
}

.general_columns .col1 {
	width:50%;
	box-sizing:border-box;
	padding:0 5% 3em 0;	
}

.brand_truths ul li p.large {
    font-size: 20px;
    word-break: break-word;
}

.about_area .overlay_text {
	font-size: 36px;
}
.about_area .overlay_text img {
	width: 36px;
}
.about_area .name_text {
	position: absolute;
	min-width: 100px;
	max-width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	bottom: 5%;
	font-size: 13px;
	opacity:1;
}

footer {
    padding: 80px 5% 80px;
}
	
.career_box {
	width:48%;
	margin: 0 0 1.5rem;
}

}

@media handheld, only screen and (max-width: 600px) {

.career_box {
	width:100%;
	margin: 0 0 1rem;
}	

#inception h1 {    margin-bottom: 30px;}
#inception {padding: 0px 0 70px 0;}
#founders {
    padding: 0px 0 60px 0;
}

.general_section_inner {    padding: 10px 2% 80px;}
	
#logo {
    width: 200px;
	padding: 0;
	}
	
.nav_circle {
    top: 16px;
	left:3%;
}

#nav-icon1 {
    width: 24px;	
}

nav {
    left: 60px;
}

.hero_text {
    width: 90%;
    left: 5%;
	top:0;
}

.general_intro {
    padding: 20px 10%;
}

.general_intro h1 {
    font-size: 30px;
	margin: 0;
}

.general_intro h2 {
    font-size: 17px;
}

ul.hp_three_area li .box_text {
    font-size: 18px;
    line-height: 1.3em;
}

ul.hp_three_area li .box_text img {
    width: 22px;
}

h2.hp_title {
    font-size: 36px;
    margin: 0 auto 50px;
    padding: 30px 0;
}

.about_area .overlay_text {
    font-size: 18px;
	top: 30%;
}

.about_area .overlay_text img {
    width: 20px;
	margin: 5px 0 0;
}

.about_area .name_text {
	position: absolute;
	min-width: 100px;
	max-width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	bottom: 5%;
	font-size: 11px;
	opacity:1;
}

.about_section {
	flex-wrap:wrap;
}

.about_side.one,
.about_side.two,
.about_side.three,
.about_side.four,
.about_side.five,
.about_side.six {
	width:100%;
	padding: 0;
}

.about_side.four {
	order:1;
}
.about_side.three {
	order:2;
}
.about_side.five {
	margin:0 0 40px 0;
}

.cocktail_list h2 {
    font-size: 28px;
    width: 100%;
    float: left;
}

a.back_cocktails {
    width: auto;
    margin: 0 0 20px;
    float: none;
}

.mobile_titles {
	text-align:left;	
}

.mobile_titles h4 {
    letter-spacing: 3px;
    font-size: 22px;
}

.mobile_titles h3 {
    letter-spacing: 3px;
    font-size: 30px;
	margin:0 0 25px;
}

.cocktail_main_pic img, .cocktail_section.right .cocktail_main_pic img {
    width: 100%;
}

.cocktail_list ul li {
    box-sizing: border-box;
    margin: 0!important;
    width: 100% !important;
    position: relative;
    line-height: 0;
	padding:0 5%;
}
	
.cocktail_list ul li.five.mob_hide {
	display:none;
}

.cocktail_list ul li .c_surround {
    position: relative!important;
    width: 100% !important;
    margin: 0 !important;
    float: left !important;
}

.cocktail_list ul li .c_surround img {
    width: 20% !important;
    float: left !important;
}

.cocktail_list ul li .hover_overlay {
	width:80%!important;
	padding:0 5%;
	box-sizing:border-box;	
}

.cocktail_list ul li .hover_overlay span {
	text-align:left;	
}
	
.cocktail_bottom_button a.btn {
	width: 100%;
	box-sizing: border-box;
}

.cocktail_bottom_button a.btn.back {
	margin:10px 0 0;
}

.general_text {
    order: 2;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 0;
}

.general_columns {
    margin:20px 0 0;
}

.general_columns .col1 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 2em 5%;
}

.general_section .kg_box_logo {
    width: 200px;
    float: none;
    margin: 50px auto 0;
}

.general_left {
    order: 1;
    width: 100%;
    margin: 0 0 30px;
    position: relative;
    left: 0;
}

.general_section .general_text::before {
	display:none;	
}

.brand_logo {
    display:none;
}

.map_details h1 {
    font-size: 42px;
}

.map_details a.btn.first {
    margin: 0 0 15px;
}

.map_details a.btn {
    border-color: #fff;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.brand_section.left,
.brand_section.right {
	background:#f4f3f0!important;
}

.brand_section.left .kg_box_logo,
.brand_section.right .kg_box_logo {
    width: 200px;
    float: left;
    margin: 50px 5% 0;
}

.brand_section_inner .mobile_titles {
    padding-left: 0;
    box-sizing: border-box;
}

.brand_section.left .brand_section_inner,
.brand_section.right .brand_section_inner {
    padding: 30px 8%;
    margin: 0 0 -25em;
}

.brand_section.right .brand_bottle,
.brand_bottle {
    order: 1;
    width: 100%;
    margin: 0 0 30px;
    position: relative;
    left: 0;
    float: left;
}

.brand_section.right .brand_text,
.brand_text {
    order: 2;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 0;
}

.brand_section.right .brand_text::before,
.brand_section.left .brand_text::before {
	display:none;	
}

.brand_section.right .brand_titles p,
.brand_titles p {
	padding-left:0;
	padding-right:0;
	text-align:left;	
}

.brand_bottle img,
#ukiyo .brand_bottle img,
#highball .brand_bottle img {
    margin: 0;
    position: relative;
    bottom: 0;
    top: 0;
}

.brand_truths {
    padding: 50px 5%;
}

.brand_truths h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 42px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 20px;
}

.brand_truths ul li {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    margin: 0 0 20px;
    border-right: none;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}

.brand_truths ul li:last-child {
    padding: 30px 0 50px;
    margin: 0;
    border-bottom: none;
}

.brand_logo_bottom {
    width: 60%!important;
    position: relative!important;
    top: 0!important;
    right: 0!important;
    margin: 0 auto 20px!important;
}

.formsurround {
    float: left;
    width: 100%;
}

footer {
    padding: 50px 5% 30px;
}

.footer_logo {
    margin: 0 auto 20px;
}

.footer_content {
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
}

.f_col1 {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}
	
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */


#error, #mail_success, #mail_fail {display: none;}
#error, #mail_fail {    color: #FFFFFF;background: rgb(229 49 18);
    width: 100%;text-align: center;margin-bottom: 10px;padding: 10px;font-size: 18px;}
#mail_success {    color: #FFFFFF;background: #000000;
    width: 100%;text-align: center;margin-bottom: 10px;padding: 10px;font-size: 18px;}   

    #error, #mail_success {display: none}


.box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100vh;
  }

.box h2 {
	font-family: 'Nimbus Sans L';
    text-align: center;
    width: 100%;
    font-size: 3.5rem;
    margin-bottom: 2vw;
    font-weight: 100;
}
.box h1 {
	text-align: center;
    width: 100%;
    font-size: 12rem;
    line-height: 12rem;
    text-transform: uppercase;
	margin: 0;
}

#ourstory {
	padding: 170px 0;
	float: left;
}

.box span {
	color: #e53112;
	margin-top: 2vw;
}



.box_story h1{
	text-align: right;
	width: 100%;
    font-size: 11rem;
    line-height: 11rem;
    text-transform: uppercase;
	margin: 0;
}

.box_story h1 span{
	font-family: 'Nimbus Sans L';
	font-weight: 100;
	-webkit-text-stroke: 4px #f5efdf;
}

p.storytelling{
	max-width: 50%;
    margin: 0 auto;
    text-transform: uppercase;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.6rem;
    padding-bottom: 0;
    text-align: center;
    margin-top: 2rem;
}

.crafi {
	display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    height: 30vw;
    padding-left: 10vw;
    padding-right: 10vw;
}

.crafi p {
    text-transform: uppercase;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.6rem;
    padding-bottom: 0;
}

.crafi .col-2{
	width: 20%;
    float: left;
    align-self: end;
    text-transform: uppercase;
    font-size: 1rem;
	padding-bottom: 5px;
}

.text-center { text-align: center;}
.text-left { text-align: left;}

.pbt { padding: 20px 0;}
.pt40 { padding-top: 40px;}

.col-1 {width: 10%; float: left; }
.col-2 {width: 20%; float: left;}
.col-3 {width: 25%; float: left;}
.col-4 {width: 33.333333%; float: left;}
.col-5 {width: 46%; float: left;}
.col-6 {width: 50%; float: left;}
.col-7 {width: 53%; float: left; min-width: 53%;}
.col-8 {width: 66.666667%; float: left;}
.col-9 {width: 75%; float: left;}
.col-10 {width: 80%; float: left;}
.col-11 {width: 90%; float: left;}
.col-12 {width: 100%; float: left;}
.col-marcas {width: 14.2%; float: left;     height: 14rem; }


.row_human {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#inception {
	padding: 0px 0 120px 0;
    float: left;
	width: 100%;
}

#inception .col-4{
    padding: 0 1.8rem;
}

#inception .col-6{
	padding-left: 5rem;
}

#inception h1 {
	font-size: 6.4rem;
	line-height: 6.4rem;
    text-transform: uppercase;
    color: #e53112;
	font-style: italic;
	-webkit-text-stroke: 2px #e53112;
	margin-bottom: 110px;

}

.cavatar img{    max-width: 18rem;
    padding: 2.25vw 0;}

#inception .hmspt {
	margin-top: 6.2vw;
}

#inception .hmsptds {
	margin-top: 8.3vw;
}

#inception p {
    text-transform: uppercase;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.6rem;
    padding-bottom: 0;
}


#inception p span {
	color: #e53112;
    text-transform: none;
    font-family: 'Nimbus Sans L';
    font-family: 'Classica Pro';
    font-style: italic;
	-webkit-text-stroke: .5px #e53112;
}

#inception .col-5 {
	width: 49%;
	padding-left: 4%;
}

#inception h1 span{
	font-family: 'Nimbus Sans L';
	font-style:normal
}

#founders{
	padding: 120px 0 120px 0;
    float: left;
	width: 100%;
}

#founders h1 {
	text-align: center;
    width: 100%;
    font-size: 10rem;
    line-height: 9rem;
    text-transform: uppercase;
    color: #e53112;
	margin: 0;
	margin-top: 20px;
    margin-bottom: 3vw;

}

#distillery_sec1 {     padding-top: 7%;}
#distillery_sec1 h1 {
	font-size: 34rem;
    line-height: 26rem;
    color: #e53112;
    text-transform: uppercase;
    text-align: center;
    margin-top: 12vw;
    margin-bottom: 0;
}

#distillery_sec1 a { color: #e53112; text-decoration: underline;}

#distillery_sec1 h2 {
	text-transform: uppercase;
    font-family: 'Nimbus Sans L';
    font-size: 2rem;
    color: #e53112;
}


#fotosdist { padding: 8% 0;
    float: left;
    width: 100%;}

#fotosdist p	{
	font-weight: 400;
		text-transform: uppercase;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.6rem;
    padding-bottom: 0;
	}

#fotosdist .btm{
	display: flex;
    align-items: end;
    justify-content: end;
	padding: 0 7%;
}

#fotosdist .aldnslf { align-self: flex-start;}
#fotosdist  .fts17 {    margin-top: 17vw;}

	.pl10 { padding-left: 2vw;}
	.pr10 { padding-right: 2vw;}
	.text-right { text-align: right;}

#founders p{
	font-size: 1.2rem;
    line-height: 1.6rem;
	text-transform: uppercase;
}
#founders img {
	margin-bottom: 3vw;
}

#founders .col-4{
	width: 30%;
    float: left;
    padding-right: 4.3vw;
}

#founders .col-4:last-child {
	padding-right: 0vw;
}

.container_human { max-width: 86%; margin: 0 auto;}

#distillery_sec1 .hometit  h1{    font-size: 20rem !important; margin-bottom: 6rem;}


.rojo { color: #e53112 !important;}

#distillery_sec1 { padding: 2%;}
.mb-inception { margin-bottom: 7rem;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}



@media (max-width: 1512px) {  

	.col-marcas {    height: 6rem;}
	.mt202{    margin-top: 20.4rem;} 
	.mtsantamaria{    margin-top: 15.4rem;}
	.mt_courage{    margin-top: 14.4rem;}
	.mt_minero{    margin-top: 25rem;}
	.mt_sacrilegio{    margin-top: 12rem;}
	.mt_scara{    margin-top: 13rem;}
	#inception .hmsptds {    margin-top: 11.4vw;}
	.mb-inception { margin-bottom: 4rem;}

	#inception .col-5 {
		width: 47%;
		padding-left: 4%;
	}
	.box h1 {font-size: 7rem;
		line-height: 7rem;}
		.box h2 {
			font-size: 1.8rem;
		}
		.crafi p {    font-size: 1rem; line-height: 1.2rem;}
		p.storytelling  {    font-size: 1rem; line-height: 1.2rem;}
		.box_story h1{font-size: 8rem; line-height: 8rem; }
		.crafi .col-2 {font-size: .7rem; padding-bottom: 2px;}
		#founders h1 { font-size: 8rem;}
		#founders{padding: 0px 0 120px 0;}
		#ourstory{padding: 60px 0 120px 0;}
		#inception h1 {      font-size: 3rem;line-height: 3rem;     -webkit-text-stroke: 1px #e53112; margin-bottom: 60px;}
		#inception p {font-size: 1rem; line-height: 1.2rem;}
		h2.hp_title {    font-size: 6rem;     margin: 0px auto 20px;}
		.general_intro h1 {    font-size: 6rem;  line-height: 6rem;  }
		.col-7 {width: 50%; float: left; min-width: 50%;}
		#distillery_sec1 h2 {    font-size: 1.2rem; line-height: 1.2rem;}
		#distillery_sec1 h1 {font-size: 16rem;     line-height: 16rem;		}
		#fotosdist p {     font-size: 1rem; line-height: 1rem;}
		#fotosdist .fts17 {
			margin-top: 17vw;
		}

		#distillery_sec1 .hometit h1{
			font-size: 9rem !important;
		}
		ul.brands_list li .hover_overlay span { font-size: 1rem;}

}

.show_cel { display: none;}
.hide_cel { display: block;}

.text-gris { color: #616160 !important; -webkit-text-stroke: transparent !important;}
.text-beige { color: #e1dbcb  !important;}

.marcas img {     max-width: 90%; margin-bottom: 2rem;}

.fdts img{    
	max-width: 15rem;
    margin: 0 auto;
    display: block;
    margin-top: 55%;
}

@media (max-width: 768px) {  

	.fdts img {
		max-width: 10rem;
	}
 	

	#distillery_sec1 .hometit h1 {
		font-size: 7rem !important;
		margin-top: 0;
		line-height: 7rem;
	}
	.box h1 {
		font-size: 4rem;
		line-height: 4rem;
	}
	.box h2 {
		font-size: 1.2rem;
	}
}

@media (max-width: 432px) {  


	.fdts img {
		max-width: 7rem;
		margin: 0 auto;
		display: block;
		margin-top: -7%;
		margin-bottom: 7%;
	}
	.col-marcas {    height: 5rem;}
	.topbotella {    margin-top: 60px;}
	.mt202{    margin-top: 0;     margin-bottom: 20px;} 
	.mtsantamaria{    margin-top: 0;     margin-bottom: 20px;}
	.mt_courage{    margin-top: 0;     margin-bottom: 20px;}
	.mt_minero{    margin-top: 0;     margin-bottom: 20px;}
	.mt_sacrilegio{    margin-top: 0;     margin-bottom: 20px;}
	.mt_scara{    margin-top: 0;     margin-bottom: 20px;}
	#inception .hmsptds {     margin-top: 0;     margin-bottom: 20px;}
	p.storytelling {    max-width: 82%;}

	.show_cel { display: block;}
	.hide_cel { display: none;}
	#fotosdist .aldnslf {    margin-top: 10vw; }
	#fotosdist .fts17 {
		margin-top: 7vw;
	}
	.pl10 {padding-top: 20px;}

	.btq { margin-top: 40px;}

	.col-marcas {width: 33.33%; float: left;} 
	.col-1 {width: 100%; float: left;} 
	.col-2 {width: 100%; float: left;} 
	.col-3 {width: 100%; float: left;} 
	.col-4 {width: 100%; float: left;} 
	.col-5 {width: 100%; float: left;} 
	.col-6 {width: 100%; float: left;} 
	.col-7 {width: 100%; float: left;} 
	.col-8 {width: 100%; float: left;} 
	.col-9 {width: 100%; float: left;} 
	.col-10 {width: 100%; float: left;} 
	.col-11 {width: 100%; float: left;} 
	
	.cavatar img {padding: 12vw 0;}

	#distillery_sec1 h2 {     font-size: 1rem; line-height: 1rem;}
	#distillery_sec1 h1 { font-size: 5rem; line-height: 5rem;}

	#fotosdist {padding: 70px 0;}
	#fotosdist .btm { display: block;}

	.general_intro h1 {
		font-size: 5rem;
		line-height: 5rem;
	}

	#distillery_sec1 {
		padding: 4%;
	}


	.address_bottom ul li, .address_bottom ul li:nth-child(3n), .address_bottom ul li:last-child {
		
		text-align: center;
	}

	.address_bottom p.copyright {
		text-align: center;     margin-top: 40px !important; padding-bottom: 80px;
	}
	#founders img {    margin-top: 11vw;}

	#inception .col-4 {
		padding: 0 ;
	}
	#inception .hmspt {    margin-bottom: 20px;}

	.box {       height: 60vh; margin-top: 50px;
		margin-bottom: 50px;}
	.box h1 {     font-size: 5rem; line-height: 5.5rem;}
	.box h2 {margin-bottom: 4vw;}
	.box_story h1 span {-webkit-text-stroke: 1px #f5efdf;}
	.container_human {max-width: 81%;}
	
	.box_story h1 {     font-size: 5rem; line-height: 5.5rem; text-align: center;}
	#founders h1 {    font-size: 3.7rem; margin-top: 0;     line-height: 4rem;}
	#founders .col-4 {width: 100%; float: left; padding: 0 ;} 
	#founders .col-4:last-child {
		padding-right: 0vw;
		width: 100%; float: left; padding: 0 ;
	}

	.address_bottom {padding: 80px 10% 0 10%;}
	.general_section_inner {    padding: 10px 6% 80px;}
	#inception .col-5 {
		width: 100%;
		padding-left: 0;
	}
	.box h2 {
		font-size: 1.7rem;
	}
	.footer_logo img {       width: 9rem !important;  margin-bottom: 40px;}
	h2.hp_title {font-size: 4rem; line-height: 4rem;}
	#inception h1 {        font-size: 1.5rem;     margin-bottom: 10px;
		line-height: 1.8rem;}
		.mySwiper {
			margin-bottom: 1rem;
		}
		#inception {    padding: 0px 0 70px 0;}
	ul.brands_list li {
		margin: 0 0% 4% 0;
		width: 90%;
	}
	.crafi .col-2 {    margin: 20px 0;}
	.address_bottom p.copyright {margin: 0 0 0px;}
	#ourstory .pt40 {
		padding-top: 0px;
	}
	#ourstory {
		padding: 60px 0 70px 0;
	}


	.crafi { height: auto;}

	.address_bottom ul li {
		width: 100%;
		margin-bottom: 30px;
	}

	.about_area .about_square {
		width: 100%;
		margin-bottom: 20px;
	}

	.footer_surround {
		width: 100%;
		display: block;
	}
	#distillery_sec1 { padding-top: 37%;}
	.address_bottom ul {
		width: 100%;
	}
.mfp-content h1 {    font-size: 22px;     margin-bottom: 20px;} 
.mfp-content p {    line-height: 1.4rem;}

	.mfp-content {    
		max-width: 260px;
		padding: 2rem;
		max-height: 500px;
		overflow: scroll;
		top: -50px ;}

		.mfp-content p {text-align: left;}

		#distillery_sec1 h1 {    margin-top: 18vw;}
		#distillery_sec1 .hometit h1{
			font-size: 4rem !important;
			margin-bottom: 0;
			line-height: 4rem;
		}

		#distillery_sec1 .hometit h1 {
			margin-top: 6vw;
		}
		.brands_list { margin-top: 60px !important;}
		.marcas {     margin-bottom: 70px;
			width: 100%;
			float: left;}
	
}