@charset "UTF-8";

/*
Theme Name: Mandoon Estate Shop
Theme URI: https://mandoonestate.com.au
Author: CR8VE
Author URI: https://cr8ve.com.au
Description: Wordpress Theme for Mandoon Estate Shop with Commerce7 integration.
Requires at least: 5.3
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1
Text Domain: mandoonshop-wp

*/


/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('../images/arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}


/* FLUIDBOX */
@-webkit-keyframes a{0%{-webkit-transform:translate(-50%,-50%) rotateX(0) rotateY(0);transform:translate(-50%,-50%) rotateX(0) rotateY(0)}50%{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0)}to{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)}}@keyframes a{0%{-webkit-transform:translate(-50%,-50%) rotateX(0) rotateY(0);transform:translate(-50%,-50%) rotateX(0) rotateY(0)}50%{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0)}to{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)}}.fluidbox{outline:none}.fluidbox__overlay{opacity:0.7;cursor:pointer;cursor:zoom-out;opacity:0;pointer-events:none;position:fixed;top:-100%;left:0;bottom:-100%;right:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fluidbox--opened .fluidbox__overlay{pointer-events:auto}.fluidbox__wrap{background-position:center center;background-size:cover;margin:0 auto;position:relative;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fluidbox--closed .fluidbox__thumb,.fluidbox__thumb{-webkit-transition:opacity 0s ease-in-out 0s;transition:opacity 0s ease-in-out 0s}.fluidbox__ghost{background-size:100% 100%;background-position:center center;background-repeat:no-repeat;position:absolute;-webkit-transition:opacity 0s 0s,-webkit-transform .5s 0s;transition:opacity 0s 0s,-webkit-transform .5s 0s;transition:opacity 0s 0s,transform .5s 0s;transition:opacity 0s 0s,transform .5s 0s,-webkit-transform .5s 0s}.fluidbox--opened .fluidbox__ghost{cursor:pointer;cursor:zoom-out}.fluidbox--closed .fluidbox__ghost{-webkit-transition:opacity 0s .5s,-webkit-transform .5s 0s;transition:opacity 0s .5s,-webkit-transform .5s 0s;transition:opacity 0s .5s,transform .5s 0s;transition:opacity 0s .5s,transform .5s 0s,-webkit-transform .5s 0s}.fluidbox__loader{opacity:0;-webkit-perspective:200px;perspective:200px;pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0}.fluidbox__loader:before{background-color:hsla(0,0%,100%,.85);content:'';-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:50%;left:50%;width:20%;padding-bottom:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-delay:0s;transition-delay:0s}.fluidbox--loading .fluidbox__loader{opacity:1;-webkit-transition:opacity .5s ease-in-out .5s;transition:opacity .5s ease-in-out .5s}.fluidbox--loading .fluidbox__loader:before{-webkit-animation:a 1s 0s infinite ease-in-out forwards;animation:a 1s 0s infinite ease-in-out forwards}


.label-important {
    background-color: #d9534f;
}

/* FLEX MASONRY */
.flex-mason {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-mason .item {
  position: relative;
  width: 33%;
}
.zooom img {
  width: 100%;
  display: block;
  border-bottom:5px solid #EEE;
  -webkit-transition: all .2s !important;
  transition: all .2s !important;
}


/* Trip Advisor Badge */



@media (max-width: 768px) {
  .flex-mason {
    height: auto;
  }
  .flex-mason .item {
    width: 50%;
  }
}


/* MAIN STYLES
================ */

body {
    position: relative;
}

html,body {
    width: 100%;
    overflow-x: hidden;
}

h1,h2,h3,h4 {
  font-weight: 400;
  letter-spacing: 0px;
}
section1, article1 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.nav-push {
	margin-top: -55px;
	padding-top: 55px;
}

@media(min-width:768px) {
	.nav-push {
		margin-top: -70px;
		padding-top: 70px;
	}
}


/* Equal Height Columns */
.row {
    overflow: hidden; 
}
.row.overflow {
	overflow: visible;
}
.row.no-overflow {
	overflow: hidden;
}
.main-content { /* No article white line fix */
	margin-top: -1px;
	padding: 30px 0px;
	background-color: #FFF;
}

[class*="full-height"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

[class*="col-"].snug {
	padding-left: 0px;
	padding-right: 0px;
}
[class*="col-"].snug .item {
	padding-left: 10px;
	padding-right: 10px;
}

/* .aside-left {border-right:1px solid #F1F1F1;}
.aside-right{border-left:1px solid #F1F1F1;} */


/* Headings */
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6{
	font-family:inherit;
	font-weight:500 !important;
	line-height:1.1 !important;
	color:inherit;
}
.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small{
	font-weight:400;
	line-height:1;
	color:#777
}
.h1,.h2,.h3,h1,h2,h3{
	margin-top:20px;
	margin-bottom:10px
}
.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small{
	font-size:60%
}
.h4,.h5,.h6,h4,h5,h6{
	margin-top:10px;
	margin-bottom:10px
}
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small{
	font-size:70%
}

.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}


/* Section Padding */
.padded-xl {padding-top: 120px; padding-bottom: 120px;}
.padded-lg {padding-top: 100px; padding-bottom: 100px;}
.padded-md {padding-top: 80px; padding-bottom: 80px;}
.padded-sm {padding-top: 60px; padding-bottom: 60px;}
.padded-xs {padding-top: 40px; padding-bottom: 40px;}

/* Module Padding */
.mod-pad-xl {padding: 120px;}
.mod-pad-lg {padding: 100px;}
.mod-pad-md {padding: 80px;}
.mod-pad-sm {padding: 60px;}

/* Section Spacing */
.spacer-xl {margin: 120px 0px;}
.spacer-lg {margin: 100px 0px;}
.spacer-md {margin: 80px 0px;}
.spacer-sm {margin: 60px 0px;}
.spacer-xs {margin: 40px 0px;}

/* Module Spacing */
.mod-shift-xl {margin: 120px;}
.mod-shift-lg {margin: 100px;}
.mod-shift-md {margin: 80px;}
.mod-shift-sm {margin: 60px;}
.mod-shift-xs {margin: 40px;}




/* Added Padding */
.blocks .custom,
.no-pad .custom {padding-bottom: 0px;}

@media (max-width:1199px) {
	.padded-xl {padding-top: 110px; padding-bottom: 110px;}
	.padded-lg {padding-top: 90px; padding-bottom: 90px;}
	.padded-md {padding-top: 70px; padding-bottom: 70px;}
	.padded-sm {padding-top: 50px; padding-bottom: 50px;}
	.padded-xs {padding-top: 30px; padding-bottom: 30px;}
	.mod-pad-xl {padding: 70px;}
	.mod-pad-lg {padding: 60px;}
	.mod-pad-md {padding: 50px;}
	.mod-pad-sm {padding: 40px;}
	
	.spacer-xl {margin: 110px 0px;}
	.spacer-lg {margin: 90px 0px;}
	.spacer-md {margin: 70px 0px;}
	.spacer-sm {margin: 50px 0px;}
	.spacer-xs {margin: 30px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
}

@media (max-width:980px) {
	.padded-xl {padding-top: 100px; padding-bottom: 100px;}
	.padded-lg {padding-top: 80px; padding-bottom: 80px;}
	.padded-md {padding-top: 60px; padding-bottom: 60px;}
	.padded-sm {padding-top: 40px; padding-bottom: 40px;}
	.padded-xs {padding-top: 20px; padding-bottom: 20px;}
	.mod-pad-xl {padding: 60px;}
	.mod-pad-lg {padding: 50px;}
	.mod-pad-md {padding: 40px;}
	.mod-pad-sm {padding: 30px;}
	
	.spacer-xl {margin: 100px 0px;}
	.spacer-lg {margin: 80px 0px;}
	.spacer-md {margin: 60px 0px;}
	.spacer-sm {margin: 40px 0px;}
	.spacer-xs {margin: 20px 0px;}
	.mod-shift-xl {margin: 100px;}
	.mod-shift-lg {margin: 80px;}
	.mod-shift-md {margin: 60px;}
	.mod-shift-sm {margin: 40px;}
	.mod-shift-xs {margin: 20px;}
	
	.h1,h1{font-size:34px}
	.h2,h2{font-size:28px}
	.h3,h3{font-size:22px}
	.h4,h4{font-size:16px}
	.h5,h5{font-size:12px}
	.h6,h6{font-size:10px}
}

@media (max-width:768px) {
	.padded-xl {padding-top: 90px; padding-bottom: 90px;}
	.padded-lg {padding-top: 70px; padding-bottom: 70px;}
	.padded-md {padding-top: 50px; padding-bottom: 50px;}
	.padded-sm {padding-top: 30px; padding-bottom: 30px;}
	.padded-xs {padding-top: 15px; padding-bottom: 15px;}
	.mod-pad-xl {padding: 50px;}
	.mod-pad-lg {padding: 40px;}
	.mod-pad-md {padding: 30px;}
	.mod-pad-sm {padding: 20px;}
	
	.spacer-xl {margin: 90px 0px;}
	.spacer-lg {margin: 70px 0px;}
	.spacer-md {margin: 50px 0px;}
	.spacer-sm {margin: 30px 0px;}
	.spacer-xs {margin: 15px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
	
	.h1,h1{font-size:32px}
	.h2,h2{font-size:26px}
	.h3,h3{font-size:20px}
	.h4,h4{font-size:14px}
	.h5,h5{font-size:10px}
	.h6,h6{font-size:8px}
	
	.aside-right, .aside-left {
		margin-top: 40px;
	}
}

@media (max-width:480px) {
	.padded-xl {padding-top: 90px; padding-bottom: 90px;}
	.padded-lg {padding-top: 70px; padding-bottom: 70px;}
	.padded-md {padding-top: 50px; padding-bottom: 50px;}
	.padded-sm {padding-top: 30px; padding-bottom: 30px;}
	.padded-xs {padding-top: 10px; padding-bottom: 10px;}
	.mod-pad-xl {padding: 50px;}
	.mod-pad-lg {padding: 40px;}
	.mod-pad-md {padding: 30px;}
	.mod-pad-sm {padding: 20px;}
	
	.spacer-xl {margin: 90px 0px;}
	.spacer-lg {margin: 70px 0px;}
	.spacer-md {margin: 50px 0px;}
	.spacer-sm {margin: 30px 0px;}
	.spacer-xs {margin: 10px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
	
	.h1,h1{font-size:30px}
	.h2,h2{font-size:24px}
	.h3,h3{font-size:18px}
	.h4,h4{font-size:12px}
	.h5,h5{font-size:8px}
	.h6,h6{font-size:6px}
}


.page-header {
	border: 0px none;
}
.aside-right .page-header,
.aside-left .page-header {
	margin: 15px 0 20px;
}
.heading {
  font-size: 20px;
}
.subheading {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 60px;
}
.bold {
  font-weight: bold;
}
.center {
	text-align: center;
}
.black-text, .black-text a, .black-text a:visited, .black-text a:focus {
	color: #272727;
}
.block-text {
	display: block;
}
p {
  letter-spacing: 0px;
  line-height: 28px;
}
.custom p {
	margin: 0px;
}
.custom .btn {
	margin-bottom: 0px;
}

a {
  outline: none !important;
}

hr {
  width: 50%;
  max-width: 300px;
}
blockquote em {
    font-weight: 500;
    font-size: 12px;
    display: block;
    color: #000;
}

.item-body ul li {
    line-height: 1.4;
    margin: 4px 0px;
}
.item-body ul li:hover {
    color: #272727;
    cursor: default;
}

@media (max-width:768px) {
	p {
	  letter-spacing: 0px;
	  line-height: 24px;
	}
}



.section-title {
  text-align: center;
  padding-bottom: 32px;
}
.mod-title {
	margin-top: 10px;
	margin-bottom: 30px;
}
.big-title {
	text-align: center;
	margin: 0px !important;
}

.medium-icon {
  font-size: 32px !important;
}
.search button.btn {
	margin: 0px;
}
.search input[type="search"] {
	border: 2px solid #DDDDDD;
	height: 48px;
}
.search input[type="search"]:focus {
	border-color: #AAAAAA;
}



/* System messages & Alerts */

	.alert {
        padding: 15px;
        margin: 15px;
        background-color: #FFFFFF;
        border: 3px solid #7f7f84;
		border-radius: 0px;
        margin-bottom: 10px;
    }
    .alert-success {
        border-color: #80D651;
    }
    .alert-success>strong {
        color: #80D651;
    }
    .alert-info {
        border-color: #45ABCD;
    }
    .alert-info>strong {
        color: #45ABCD;
    }
	.alert-error,
    .alert-warning {
        border-color: #FEAF20;
    }
	.alert-error>strong
    .alert-warning>strong {
        color: #FEAF20;
    }
    .alert-danger {
        border-color: #d73814;
    }
    .alert-danger>strong {
        color: #d73814;
    }    


/* Wine Titles Macro */
h3.macro-heading {
	font-size: 1.5em;
	line-height: 1.1;
	font-weight: 500;
	padding: 20px 0px 20px 67px;
	margin: 10px 0px 20px;
	border: 0px none;
}
h3.macro-heading.awards-title {
    background: url(/images/icons/awardsicon.png) no-repeat scroll left center rgba(0, 0, 0, 0) !important;
}
h3.macro-heading.dining-title {
    background: url(/images/icons/tgwiicon.png) no-repeat scroll left center rgba(0, 0, 0, 0) !important;
}
h3.macro-heading.tasting-title {
    background: url(/images/icons/palateicon.png) no-repeat scroll left center rgba(0, 0, 0, 0) !important;
}


/* Article Typeography */
.item-page .item-body p {
	margin-bottom: 15px;
}
.item-page .item-body img {max-width:100%;}
.item-page .item-image img {max-width: 100%;width:100%;}
p.img_caption {
    margin-bottom: 0px;
    padding: 5px 15px;
    font-style: italic;
    background-color: #fafafa;
    font-weight: 400;
    font-size: 12px;
}
.item-page .item-body h1 {margin: 60px 0px 20px;}
.item-page .item-body h2 {margin: 50px 0px 20px;}
.item-page .item-body h3 {margin: 45px 0px 20px;}
.item-page .item-body h4 {margin: 40px 0px 20px;}
.item-page .item-body h5 {margin: 35px 0px 20px;}
.item-page .item-body h6 {margin: 30px 0px 20px;}

.item-page .item-body ul,
.item-page .item-body ol {margin: 30px 0px;}

.item-page .item-body ul li ul,
.item-page .item-body ol li ol {
	margin: 20px 0px;
}



#copyright p {
	margin-top: 7px;
	font-size: 12px;
	line-height: 14px;
}
.copyright-container {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #212121;
}
#copyright .copyright-container .license p {
	font-size: 10px;
	font-weight: 300;
	line-height:14px;
	color: #777;
}
.copyright-container img {
	width: 100%;
	max-width: 100%;
}
.license {
	
}


.mmlogos {
	text-align: center;
}
.media-logos {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.media-logos li {
	display:inline-block;
	max-width: 27%;
	margin: 0% 1%;
}
.media-logos li img {
	width:100%;
	max-width: 100%;
}

/* Globals
===================== */
.wow:first-child {
	visibility: hidden;
}
.wow {
   visibility: hidden;
}
.threedee {
	text-shadow:
	0 1px 0 #ccc,
	0 2px 0 #c9c9c9,
	0 3px 0 #bbb,
	0 4px 0 #b9b9b9,
	0 5px 0 #aaa,
	0 6px 1px rgba(0,0,0,.1),
	0 0 5px rgba(0,0,0,.1),
	0 1px 3px rgba(0,0,0,.3),
	0 3px 5px rgba(0,0,0,.2),
	0 5px 10px rgba(0,0,0,.25),
	0 10px 10px rgba(0,0,0,.2),
	0 20px 20px rgba(0,0,0,.15);
}


.items-more {display: none;}

/* Buttons
===================== */
.btn, .btn-default {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  padding: 10px 33px 10px 34px;
  margin: 20px 0px;
  border: 2px solid #444444;
  border-radius: 0px;
  color: #444444;
  -webkit-transition:	all 0.2s linear;
  -moz-transition:		all 0.2s linear;
  -ms-transition:		all 0.2s linear;
  -o-transition:		all 0.2s linear;
  transition:			all 0.2s linear;
}
@media (max-width:768px) {
	.btn, .btn-default {
		font-size: 13px;
	  line-height: 20px;
	  padding: 7px 20px 7px 21px;
	}
}
.btn.btn-primary {
	background-color: transparent;
	border-color: #A53E4C;
	color: #A53E4C;
}
.btn.btn-light {
	background-color: transparent;
	border-color: #f9f9f9;
	color: #f9f9f9;
}
.btn.btn-dark {
	background-color: transparent;
	border-color: #444444;
	color: #444444;
}

.btn:hover, .btn-default:hover, .btn.btn-primary:hover, 
.btn:active:focus, .btn-default:active:focus, .btn.btn-primary:active:focus {
	text-decoration: none;
	background: #A53E4C;
	border-color: #A53E4C;
	color: #ffffff;
}
.btn.btn-light:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #444444;
}
.btn.btn-dark:hover {
	background-color: #444444;
	border-color: #444444;
	color: #f9f9f9;
}


/* Lists Style */
[class*="list-"] ul {
	list-style-type: none;
	padding-left: 2em;
}
[class*="list-"] ul li {
	line-height: 120%;
	font-size: 100%;
	margin-bottom: 15px;
}
[class*="list-"] ul li ul li {
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 110%;
}

.list-featured li:before {
	font-family:'FontAwesome';
	content: "\f10c";
	display:inline-block;
	margin-left: -2em;
	width: 2em;
	color: #00a0b8;
}
.list-featured li ul li:before {
	font-size: 80%;
	color: #75C8E8;
}

.list-disc li:before {
	font-family:'FontAwesome';
	content: "\f111";
	display:inline-block;
	margin-left: -2em;
	width: 2em;
	color: #DDDDDD;
}
.list-disc li ul li:before {
	font-size: 80%;
	color: #BBBBBB;
}

/* Generic lists */
.list-alphabet ul, .list-alphabet ul li {
	list-style-type: lower-alpha !important;
}
.list-lowerroman ul, .list-lowerroman ul li {
	list-style-type: lower-roman !important;
}
.list-upperroman ul, .list-upperroman ul li {
	list-style-type: upper-roman !important;
}
.list-number ul, .list-number ul li {
	list-style-type: decimal !important;
}
.list-zero-number ul, .list-zero-number ul li {
	list-style-type: decimal-leading-zero !important;
}



/* WELLS macros */

.well {
	border: 0px none;
	border-bottom: 3ps solid;
	border-radius: 0px;
	padding: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 2px 0px rgba(205, 205, 205, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 2px 0px rgba(205, 205, 205, 0.6));
	margin: 20px 0px 30px;
}
.well h1, .well h2, .well h3 {margin-top: 20px !important; margin-bottom: 30px !important;}
.well h4, .well h5, .well h6 {margin-top: 10px !important; margin-bottom: 20px !important;}

.well.color1 {border-color: #A53E4C;}
.well.color2{border-color: #cb6a77;}
.well.color3{border-color: #2B2B2B;}
.well.dark {border-color: #373737;}
.well.light{border-color: #cb6a77;}
.well.white{border-color: #A53E4C;}

.well p {
	margin: 15px 0px;
}



/* Pannels macros */
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-default > .panel-heading {
  background-color: #333333;
}
.panel-primary > .panel-heading {
  background-color: #00a0b8;
}
.panel-success > .panel-heading {
  background-color: #5cb85c;
}
.panel-info > .panel-heading {
  background-color: #00a0b8;
}
.panel-warning > .panel-heading {
  background-color: #f0ad4e;
}
.panel-danger > .panel-heading {
  background-color: #f0ad4e;
}



/*
  navigation section
===================== */
.navbar * {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.navbar {
    border: none;
    margin: 0 !important;
    padding: 0;
	border-radius: 0px;
}
.navbar .navbar-nav {
	margin: 0px -30px 0px -15px;
}

.navbar .navbar-nav li .separator {
	cursor: default;
}

.navbar .navbar-nav li a,
.navbar .navbar-nav li .separator {
    color: #AAAAAA;
	background-color: transparent;
    font-size: 13px;
    letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 40px;
	padding: 15px;
	display: inline-block;
	position: relative;
  }

.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li .separator:hover {
    color: #FFFFFF;
  }

.context-menu .navbar-nav li a,
.context-menu .navbar-nav li a:focus,
.context-menu .navbar-nav li .separator {
	color: #AAAAAA;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 40px;
	height:40px;
	padding: 0px 20px;
	display: block;
}
.context-menu .navbar-nav li a:hover,
.context-menu .navbar-nav li .separator:hover,
.context-menu .navbar-nav > .active > .separator,
.context-menu .navbar-nav > .active > a,
.context-menu .navbar-nav > .active > a:hover,
.context-menu .navbar-nav > .active > a:focus,
.context-menu .navbar-nav > .current > .separator,
.context-menu .navbar-nav > .current > a,
.context-menu .navbar-nav > .current > a:hover,
.context-menu .navbar-nav > .current > a:focus  {
    color: #FFFFFF;
	background-color: #00a0b8;
}
.navbar.opened .navbar-nav li a:hover,
.navbar.opened .navbar-nav li .separator:hover {
    color: #A53E4C;
}
.navbar .navbar-nav > .open > .separator,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .active > .separator,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .current > .separator,
.navbar .navbar-nav > .current > a,
.navbar .navbar-nav > .current > a:hover,
.navbar .navbar-nav > .current > a:focus  {
  color: #FFF;
  background-color: transparent;
}

.navbar .navbar-nav > li:after {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	height: 0px;
	content: "";
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.navbar .navbar-nav > li:after {
	background-color: #EEEEEE;
}
.navbar .navbar-nav > li.open:after {
	background-color: #A53E4C;
}
.navbar .navbar-nav > li:hover:after,
.navbar .navbar-nav > li.current:after,
.navbar .navbar-nav > li.active:after,
.navbar .navbar-nav > li.open:after {
	height: 7px;
}

.navbar .navbar-nav > li.nav-icon:hover:after,
.navbar .navbar-nav > li.nav-icon.current:after,
.navbar .navbar-nav > li.nav-icon.active:after,
.navbar .navbar-nav > li.nav-icon.open:after {
	height: 0px;
}

.navbar .navbar-toggle {
     border: none;
     padding-top: 10px;
  }
.navbar .navbar-toggle .icon-bar {
    background: #A53E4C;
    border-color: transparent;
  }
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus { 
  background-color: transparent 
}

.navbar .navbar-nav > li:hover > a,
.navbar .navbar-nav > li:hover > .dropit {
	color: #FFFFFF !important;
	pointer-events: auto;
}
.navbar .navbar-nav > li:hover > .dropit {
	-webkit-animation: dropit 0.2s forwards;
	-moz-animation: dropit 0.2s forwards;
	-o-animation: dropit 0.2s forwards;
	animation: dropit 0.2s forwards;
}
.navbar .navbar-nav > li.open:hover > .dropit {
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

@-webkit-@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}
@-moz-@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}
@-o-@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}
@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}

/* Menu Drop Down */
.dropit, .dropit * {
	-webkit-transition-duration: 0.15s;
	-moz-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
}
.dropit {
	display:inline-block;
	width:35px;
	height: 45px;
	margin-left: -10px;
	position: relative;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	color: #AAAAAA;
}
.dropit:hover {
	background-color: #EEEEEE;
	color: #FFF;
}
.open .dropit {
	background-color: #A53E4C;
	color: #FFFFFF;
}
.dropdown-menu {
	position: fixed;
	top: auto;
	display: block;
	max-height: 0px;
	width: 90%;
	border-radius: 0px;
	float: none;
	left:5%;
	right: 5%;
	border: 0px none;
	background-color: #A53E4C;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	-o-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;
}
.navbar-right .dropdown-menu {
	right: 5%;
	left: 5%;
}
.open > .dropdown-menu {
	max-height: 160px;
	height: auto;
	-webkit-transition: max-height 0.3s linear;
	-moz-transition: max-height 0.3s linear;
	-o-transition: max-height 0.3s linear;
	transition: max-height 0.3s linear;
}
.navbar-nav .dropdown-menu li {
	display: inline-block;
}

.navbar-nav .dropdown-menu > a,
.navbar .navbar-nav li .dropdown-menu li a {
	padding: 10px 15px;
	color: #FFFFFF;
}
.navbar-nav .open .dropdown-menu > a:after {
	display: none !important;
}

.navbar .navbar-nav .dropdown-menu > .active > a,
.navbar .navbar-nav .dropdown-menu > .active > a:hover, 
.navbar .navbar-nav .dropdown-menu > .active > a:focus,
.navbar .navbar-nav .dropdown-menu > .current > a,
.navbar .navbar-nav .dropdown-menu > .current > a:hover, 
.navbar .navbar-nav .dropdown-menu > .current > a:focus,
.navbar .navbar-nav li .dropdown-menu li a:hover, 
.navbar .navbar-nav li .dropdown-menu li a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	color: #171717;
	background-color: transparent;
}

/* @media (min-width:991px){
	.dropit {
		display:none;
	}
} */



/*
  Set new breakpoint for Mobile Menu 991px */
  
@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		/*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); */
	}
	.navbar-fixed-top {
		/* top: 0;
		border-width: 0 0 1px; */
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		/* margin-top: 7.5px; */
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar .navbar-nav li:after {
		display: none !important;
	}
	.navbar-nav>li>a {
		/*  padding-top: 10px;
		padding-bottom: 10px; */
	}
	.collapse.in{
		display:block !important;
	}
	.dropit {
		display:block;
		width:60px;
		height: 50px;
		border-left: 0px solid #222222;
		position: absolute;
		right:0px;
		top: 0px;
		line-height: 50px;
		font-size: 16px;
		text-align: center;
		cursor: pointer;
		color: #4D4D4D;
	}
	.dropit:hover, .open .dropit {
		background-color: #222222;
	}
	.navbar .navbar-nav > li:hover > .dropit,
	.navbar .navbar-nav > li.open:hover > .dropit {
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		animation: none;
	}
	.navbar-nav .dropdown-menu,
	.navbar-nav .open .dropdown-menu {
		background-color: #222222;
	}
	.navbar-nav .dropdown-menu {
		position: relative;
		width: 100%;
		margin: 0px auto;
		padding: 0px 15px;
		text-align: left;
		left:0px;
		right: 0px;
	}
	.open > .dropdown-menu {
		max-height: 300px;
		height: auto;
	}
	.navbar-nav li {
		border-bottom: 1px solid #222222;
	}
	.navbar-nav .dropdown-menu li {
		display: block;
	}
	.navbar .navbar-nav li a,
	.navbar .navbar-nav li .separator {
		padding: 5px 15px;
		display: block;
	}
	.navbar-nav .dropdown-menu > a,
	.navbar .navbar-nav li .dropdown-menu li a {
		padding: 10px 15px;
		display: block;
		color: #777777;
		line-height: 20px;
	}
	.navbar .navbar-nav .dropdown-menu > .active > a,
	.navbar .navbar-nav .dropdown-menu > .active > a:hover, 
	.navbar .navbar-nav .dropdown-menu > .active > a:focus,
	.navbar .navbar-nav .dropdown-menu > .current > a,
	.navbar .navbar-nav .dropdown-menu > .current > a:hover, 
	.navbar .navbar-nav .dropdown-menu > .current > a:focus,
	.navbar .navbar-nav li .dropdown-menu li a:hover, 
	.navbar .navbar-nav li .dropdown-menu li a:focus,
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:focus,
	.dropdown-menu > .active > a:hover {
		color: #FFFFFF;
		background-color: transparent;
	}
}




/* Mobile menu animation */
.nav-toggle {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 18px 15px 0px 0px;
  -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;
}

.head-btns {
    float: right;
    font-size: 30px;
    color: white;
    display: block;
    width: 60px;
    height: 53px;
    line-height: 57px;
    text-align: center;
    margin-right: -15px;
}
.head-btns:last-of-type {
    margin-right: 0px;
}
.navbar .navbar-nav li a.head-btns-lg {
	font-size: 26px;
	width: 86px;
	text-align: center;
	color: #FFF;
}
.navbar .navbar-nav li a.light-bg {
	background-color: rgba(255,255,255,0.2);
}
.head-btns-lg:hover {
    opacity: 0.7;
}

.nav-toggle {
}

.nav-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #A53E4C;
  opacity: 1;
  -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-toggle span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

.nav-toggle span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

.nav-toggle span:nth-child(1), .nav-toggle span:nth-child(2) {
  top: 0px;
}

.nav-toggle span:nth-child(3), .nav-toggle span:nth-child(4) {
  top: 9px;
}

.nav-toggle span:nth-child(5), .nav-toggle span:nth-child(6) {
  top: 18px;
}

.nav-toggle.open span:nth-child(1),.nav-toggle.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-toggle.open span:nth-child(2),.nav-toggle.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-toggle.open span:nth-child(1) {
  left: 2px;
  top: 4px;
}

.nav-toggle.open span:nth-child(2) {
  left: calc(50% - 3px);
  top: 4px;
}

.nav-toggle.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.nav-toggle.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.nav-toggle.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}

.nav-toggle.open span:nth-child(6) {
  left: calc(50% - 3px);
  top: 14px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 440px;
}

/***** NAVBAR HEADROOM */
.navbar--fixed {
	position: fixed;
	right: 0px;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}


/* C7 ICONS MENU */

.mandoon-nav-flex {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.mandoon-nav-item {
  flex-grow: 0;
  align-self: center;
  background-color: transparent;
  height: 70px;
}
.mandoon-nav-item.logo {
	margin-right: auto;
	background-color: transparent;
}
.mandoon-nav-item.cart-link {
	padding: 10px;
}
.mandoon-nav-item.account-link {
	padding: 10px;
}
.mandoon-nav-item.menu-icon-link {
	padding: 10px;
}

.mandoon-nav-link {
  padding: 15px;
  font-size: 23px;
}

.c7-user-nav__account__login {
  display: block;
}
.mandoon-nav-link,
.c7-user-nav__account__name,
.c7-user-nav__account__login {
	color: #CCCCCC;
}
.mandoon-nav-link:hover,
.mandoon-nav-link:visited:hover,
.c7-user-nav__account__name:hover,
.c7-user-nav__account__name:visited:hover,
.c7-user-nav__account__login:hover,
.c7-user-nav__account__login:visited:hover {
	color: #FFFFFF;
	text-decoration: none;
}

@media (max-width:768px) {
	.mandoon-nav-item {
		height: 60px;
	}
	.mandoon-nav-item.cart-link {
		padding: 2px 0px;
	}
	.mandoon-nav-item.account-link {
		padding: 5px 0px;
	}
	.mandoon-nav-item.menu-icon-link {
		padding: 5px 0px;
		margin-right: -15px;
	}
	.c7-user-nav__account {
		padding-right: 10px !important;
	}
}


/***** FOOTER MENU */
.footer-menu {
	text-align: center;
	margin: 15px auto;
}
.footer-menu .menu li {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
}
.footer-menu .menu span, .footer-menu .menu li a, .footer-menu .menu li a:visited, .footer-menu .menu li a:active {
	padding: 5px 15px;
	color: #727272;
	background-color: none;
}

.footer-menu .menu span:hover, .footer-menu .menu > li > a:hover, .footer-menu .menu > li > a:focus,
.footer-menu .menu span:visited:hover, .footer-menu .menu li a:visited:hover {
	cursor: pointer;
	color: #272727;
	background-color: transparent;
}
.footer-menu .dropit {display:none;}

/***** SVG LOGO */

	/* SVG */
	.svg-logo {display:block;}
	.no-svg .svg-logo {display:none;}
	.svg-logo .white {fill: #15809D;}
	.svg-logo .blue {fill: #FFFFFF;}
	
	/* no SVG fallback */
	.logofallback {display: none;}
	.no-svg .logofallback {display:block;}
	.no-svg  .logo.white {opacity: 1;}
	.no-svg .logo.color {opacity: 0;}

	/* SVG */
	.opened .svg-logo .white {fill: #FFFFFF;}
	.opened .svg-logo .blue {fill: #15809D;}
	
	/* no SVG fallback */
	.no-svg .logo.white {opacity: 0;}
	.no-svg .logo.color {opacity: 1;}
	

/***** MAIN LOGO */
.logo {max-width: 200px;}
.mandoon-logo img, .footer-logo .footerlogo {
	display: block;
	max-width: 100%;
}
.mandoon-logo, .footer-logo {
	display: block;
	padding: 10px 20px 10px 0px;
}



#wrapper {
	/* display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse; */
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	margin: 0 auto;
	max-width: 100%;
	opacity: 1;
	padding: 0em;
	width: 100%;
}

body.is-menu-visible #wrapper,
body.is-cart-visible #wrapper {
	opacity: 0.55;
	pointer-events: none;
}

/* Side Panels */
#panel,
#panelcart {
	-moz-transform: translateX(25em);
	-webkit-transform: translateX(25em);
	-ms-transform: translateX(25em);
	transform: translateX(25em);
	-moz-transition: -moz-transform 0.3s ease, visibility 0.3s;
	-webkit-transition: -webkit-transform 0.3s ease, visibility 0.3s;
	-ms-transition: -ms-transform 0.3s ease, visibility 0.3s;
	transition: transform 0.3s ease, visibility 0.3s;
	-webkit-overflow-scrolling: touch;
	background: #ffffff;
	border-left: solid 1px rgba(160, 160, 160, 0.3);
	box-shadow: none;
	height: 100%;
	max-width: 80%;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 25em;
	z-index: 10002;
}
body.is-menu-visible #panel,
body.is-cart-visible #panelcart {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
}



/* Side Menu */

#panel .side-menu {
	padding: 0em 3em 3em;
}

#panel > * > :last-child {
	margin-bottom: 0;
}

#panel > :first-child {
	border-top: 0;
}
#panel .links {
	list-style: none;
	padding: 0;
}

#panel .links > li {
	border: 0;
	
	margin: 0.8em 0 0 0;
	padding: 0.8em 0 0 0;
	display: block;
}

#panel .links > li a {
	display: block;
	border-bottom: 0;
}

#panel .links > li a {
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	transition: color 0.2s ease;
	font-size: 1.2em;
	font-weight: 500;
}

#panel .links > li a:after {
	font-weight: 300;
	margin-bottom: 0;
	text-decoration: none;
}
#panel .links > li a::after {
    display: block;
    position: relative;
    content: attr(title) " ";
    color: #999;
	font-size: 0.7em;
}

#panel .links > li:visited:hover a,
#panel .links > li:hover a {
	
}

#panel .links > li:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

#panel .info-menu .links > li {
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
#panel .info-menu .links > li a {
    font-size: 1em;
    line-height: 1.4;
    margin: 0px;
}


/* FAQS */
.faqs dd {
	padding: 0px 10px;
}
.faqs dt > h4 {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
}
.faqs dd p {
    margin-bottom: 10px !important;
}




/* FOOTER ADDRESS */
.addy {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}
.addy i {
    font-size: 16px;
    margin: 0px 5px 0px 20px;
}

	
/* Context menu */
.fixed {
	position: fixed;
	top: 71px; /* update js in index.php if this changes */
	z-index: 987;
}
.push {
	margin-bottom: 39px;
}
.context-menu {
	width: 100%;
	background-color: transparent;
	border: 1px solid #f0f0f0;
	border-bottom-width: 3px;
	border-top-width: 3px;
	border-radius: 7px;
	padding: 20px 10px;
	margin-top: 20px;
}
.context-menu .page-header {
    margin: 0px 0px 20px;
	padding: 0px 0px 20px 15px;
	border-bottom: 1px solid #f0f0f0;
}
.context-menu .nav > li > a {
	border-bottom: 1px solid #EEEEEE;
	color: #999;
	padding: 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.headerlogo {
	
}
.headerlogo img {
    max-width: 100%;
}
.context-menu .nav > li > a:focus, .context-menu .nav > li > a:hover, .context-menu .nav > li.current > a {
	background-color: transparent;
	text-decoration: none;
	color: #272727;
}
@media (max-width:991px) {
	.push {
		margin-bottom: 0px;
	}
}

/*
  Page titles
  =================== */
  
.mainheading-wrapper {
	background-size: cover;
	margin: 0px -15px;
}
.mainheading-wrapper {
	background-position: 50% 0;
}
.mainheading-wrapper .heading-content {
	padding: 20px 40px;
	max-width: 1140px;
	margin: 0 auto;
}

.heading-back-button-wrapper {
	float: right;
}

.heading-text-wrapper {
	float: left;
	max-width: 85%;
}
.mainheading-wrapper .header_text h1 {
	margin: 0;
}
.mainheading-wrapper .header_text h4 {
	margin: 10px 0 0 0;
}
.heading-back-button a {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: 10px;
	width: 65px;
}



/* Only phones */
@media (max-width: 480px) {
	.heading-text-wrapper {
		float: none;
	}
	.heading-back-button-wrapper {
		float: none;
	}
	.heading-back-button {
		margin: 20px 0 10px 0;
	}
	.heading-back-button a {
		position: relative;
		top: auto;
		margin: 0px;
	}
}


/*
  slider section
===================== */
#slider {
  padding-top: 0px;
}
#slider .container-fluid,
#slider .row,
#slider .slider-cap {
	height: 100%;
}

.slider-cap {
	display: table;
	text-align: center;
	width: 100%;
}
.slider-cap .custom {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.slider-cap h4 {
	max-width: 600px;
	margin: 0px auto;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #FFF;
	-webkit-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	-moz-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	-ms-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	-o-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	
	-webkit-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	background-color: rgba(0,0,0,0.1);
	padding: 40px 60px;
}
.slider-cap .notice {
	max-width: 1200px;
	margin: 0px auto;
	letter-spacing: 1px;
	color: #FFF;
	-webkit-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	-moz-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	-ms-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	-o-text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	text-shadow:0px 2px 10px rgba(75,47,0,1), 0px 2px 3px rgba(0,0,0,0.8);
	
	-webkit-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	box-shadow: 0px 63px 32px rgba(0,0,0,0.3);
	background-color: rgba(0,0,0,0.7);
	padding: 40px 60px;
}
.slider-cap .notice h2 {
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.slider-cap .notice p {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 20px;
}
#slider .btn {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  font-weight: bold;
  padding: 12px 42px;
  margin: 40px 4px;
  transition: all 0.4s ease-in;
}
#slider .btn:hover {
  border-color: #A53E4C;
  background-color: #A53E4C;
}
#slider .btn-danger {
  border-color: transparent;
}

@media(max-width:1199px) {
	.slider-cap .notice h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.slider-cap .notice p {
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 20px;
	}
}
@media(max-width:991px) {
	.slider-cap .notice {
		padding: 40px 40px;
	}
	.slider-cap .notice h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.slider-cap .notice p {
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: 15px;
	}
}
@media(max-width:768px) {
	.slider-cap .notice {
		padding: 50px 15px 10px;
	}
	#slider .slider-cap .notice .btn {
		margin: 20px 5px;
	}
	.slider-cap .notice h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.slider-cap .notice p {
		font-size: 12px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
}


/*
  Blog Pages
===================== */
.mandoon_blog .mandoon_blog img {
	width: 100%;
	max-width: 100%;
}

/*
  feature section
===================== */
#feature .col-md-12 {
  padding-top: 30px;
  padding-bottom: 40px;
}
#feature h3 {
  font-size: 16px;
}
.home-feat-card {
	margin: 50px 0px;
}
.home-feat-card .custom {
    position: relative;
	height: 600px;
    display: block;
    background-size: 97%;
	background-repeat: no-repeat;
    background-position: center center;
	-webkit-transition: all 0.19s ease-out;
	-moz-transition: all 0.19s ease-out;
	-ms-transition: all 0.19s ease-out;
	-o-transition: all 0.19s ease-out;
	transition: all 0.19s ease-out;
}
.home-feat-card .block-link {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
}
.home-feat-card:hover .custom {
    background-size: 100%;
}
.home-feat-card a, .home-feat-card a:visited {
	color: #FFF;
}
.home-feat-card a:hover, .home-feat-card a:visited:hover {
	text-decoration: none;
	color: #FFF;
}
.home-feat-card h3 a:hover strong, .home-feat-card h3 a:visited:hover strong {
	color: #FFF;
}
.home-feat-card .custom h3 {
    position: absolute;
    width: 90%;
    text-align: center;
    margin: auto auto;
    display: block;
    top: 46%;
    left: 5%;
	font-size: 2em;
	color: #FFF;
	text-shadow: 0px 7px 10px rgba(0,0,0,0.15), 0px 2px 2px rgba(0,0,0,0.3);
}
.home-feat-card h3 strong {
	display:block;
	font-size: 2em;
}
@media (max-width:1599px) {
	.home-feat-card .custom {
		height: 500px;
	}
}
@media (max-width:1199px) {
	.home-feat-card .custom {
		height: 500px;
	}
	.home-feat-card a, .home-feat-card a:visited {
		color: #272728;
	}
	.home-feat-card a:hover, .home-feat-card a:visited:hover {
		text-decoration: none;
		color: #898991;
	}
	.home-feat-card h3 a:hover strong, .home-feat-card h3 a:visited:hover strong {
		color: #272728;
	}
	.home-feat-card .custom h3 {
		top: auto;
		bottom: 3vh;
		text-shadow: none;
	}
}
@media (max-width:991px) {
	.home-feat-card {
		margin: 50px 0px 0px;
		padding-bottom: 60px;
		border-bottom: 1px solid #EDEDEE;
	}
	.home-feat-card .custom {
		height: 400px;
	}
	.home-feat-card .custom h3 {
		top: auto;
		bottom: 3vh;
		padding-bottom: 30px;
		text-shadow: none;
	}
}


/* Bar titles */
.block-title {
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin: 0px -15px;
	line-height: 80px;
}
.block-title.dark {color: #FFF !important;}

.title-block-module .custom {
	padding: 0px;
	margin: 0px -15px;
}

.item-page .item-image {
	margin-top: 20px;
	margin-bottom: 30px;
	/* border-bottom-width: 5px;
	border-bottom-style: solid; */
}



/*
  Homepage Page Menus
  =================== */
#list-menu * {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#list-menu li {
	border-bottom: 1px solid;
}
#list-menu li:last-child {
	border-bottom: none;
}
#list-menu li a, #list-menu li a:visited, #list-menu li span.separator {
	display: block;
	padding: 0px;
	color: inherit;
	font-size: 14px;
	line-height: 65px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
}
#list-menu li a:hover, #list-menu li a:visited:hover, #list-menu li span.separator:hover {
	text-decoration: none;
	color: inherit;
	background-color: transparent;
}

.white #list-menu li { border-color: #f1f1f1; color: #2b2b2b;}
.light #list-menu li { border-color: #eeeeee; color: #2b2b2b;}
.dark #list-menu li { border-color: #353535; color: #aaaaaa;}
.color1 #list-menu li { border-color: #1f90ad; color: #FFF;}

.white #list-menu li:hover { background-color: #fafafa; text-indent:10px;}
.light #list-menu li:hover { background-color: #eeeeee; text-indent:10px;}
.dark #list-menu li:hover { background-color: #353535; text-indent:10px;}
.color1 #list-menu li:hover { background-color: #1f90ad; text-indent:10px;}


@media (max-width:768px){
	.sub-list.mod-pad-md {padding: 0px !important;}
	.block-title {
		line-height: 65px;
	}

	#list-menu li a, #list-menu li a:visited, #list-menu li span.separator {
		line-height: 55px;
		text-align: center;
	}

	.white #list-menu li:hover { background-color: #fafafa; text-indent:0px;}
	.light #list-menu li:hover { background-color: #eeeeee; text-indent:0px;}
	.dark #list-menu li:hover { background-color: #353535; text-indent:0px;}
	.color1 #list-menu li:hover { background-color: #1f90ad; text-indent:0px;}
}
@media (max-width:480px){
	.block-title {
		line-height: 65px;
		font-size: 20px;
	}
}




/* Top Contact Info */

.top-contact > .custom {
	padding-bottom: 0px;
}
.top-contact-info {
	margin: 0px;
	padding: 0px 20px;
	list-style-type: none;
	font-family: inherit;
}
.top-contact-info h4 {
	margin-top: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.top-contact-info li {
	border-bottom: 1px solid #1f90ad;
	padding: 10px 0px;
}
.top-contact-info li:first-child {
	padding: 0px;
}
.top-contact-info li:first-child, .top-contact-info li:last-child {
	border: 0px none;
}
.top-contact-info icon {
	
}
.top-contact-info li a {
	color: #FFFFFF;
	line-height:34px;
	display: block;
}
.top-contact-info li a:hover {
	text-decoration: none;
	color: #FFF;
}
.top-contact-info li a:hover icon {
	color: #1f90ad;
}


/* Notice */
.notice > .custom {
	background: no-repeat 105% center;
}
.welcome-title {
	display: block;
	margin: 0px auto;
	padding: 60px 10px 30px;
	max-width: 900px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 300;
}
.welcome-text {
	display: block;
	margin: 0px auto;
	padding: 10px 10px 60px;
	max-width: 1200px;
	letter-spacing: 1px;
	font-weight: 300;
	opacity: 0.6;
}
.welcome-text small {
	font-style: italic;
	letter-spacing: 0px;
	color: #AAA;
}


/*
  services section
===================== */
.services-horiz {
  display: block;
  padding: 40px;
  overflow: visible;
}
.service-item {
	background-color: #FFF;
	box-shadow: 0 3px 5px rgba(10, 140, 170, 0.1), 0 20px 30px rgba(10, 140, 170, 0.3);
	color: #999999;
	margin: 0px 20px;
}

.service-padd {
	padding: 40px 40px 100px;
	text-align: center;
	height:100%;
	position: relative;
}
.service-padd .newsflash-title {
	border-bottom: 3px solid #A53E4C;
	color: #272727;
	margin-bottom: 40px;
	margin-top: 0px;
	padding-bottom: 30px;
	text-transform: uppercase;
}

.service-item .btn-quote {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 25px;
	background-color: #f9f9f9;
	border: 0px none;
	border-top: 1px solid #f0f0f0;
	font-family: "Montserrat","Arial";
	text-transform: uppercase;
}
.service-item .btn-quote.readmore {
	border-left: 1px solid #f0f0f0;
}
.service-item .btn-quote:hover {
	background-color: #A53E4C;
	border-color: #A53E4C;
}


/* Categories */
.cat-image, .cat-title {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.cat-image {
	opacity: 1;
}
.cat-image img {
    width: 100%;
	max-width: 100%;
    display: block;
}
.cat-title {
	position: absolute;
	width: 90%;
	bottom: 2em;
	left: 5%;
	color: #FFF;
	font-size: 3em;
	font-weight: 500;
	text-align: center;
	opacity: 0.2;
	line-height: 1;
}
.cat-box:hover .cat-image {
	opacity: 0.4;
}
.cat-box:hover .cat-title {
	opacity: 1;
}
@media (max-width: 1199px) {
	.cat-title {
		font-size: 3.5vw;
	}
}
@media (max-width: 991px) {
	.cat-box {
		text-align: center;
	}
	.cat-image {
		overflow: hidden;
		max-height: 50vw;
		display: inline-block;
	}
	.cat-image img {
		margin-top: -30%;
	}
	.cat-title {
		font-size: 4vw;
		line-height: 1;
	}
}
@media (max-width: 768px) {
	.cat-title {
		font-size: 6vw;
	}
}
@media (max-width: 480px) {
	.cat-title {
		font-size: 9vw;
	}
}


/* FEATURED WINES */
.homepage-featured .heading {
    margin-top: 130px;
}
.featured-wine-container *, .wines .item-image img {
	-webkit-transition:all 0.45s ease-out;
	-moz-transition:all 0.45s ease-out;
	-ms-transition:all 0.45s ease-out;
	-o-transition:all 0.45s ease-out;
	transition:all 0.45s ease-out;
}
.featured-wines .padding {
	padding: 30px 0px 40px;
}
.featured-wines {
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.swipe-padding {padding: 0px 2px;}
.featured-wine-container {
	position: relative;
	overflow: hidden;
}
.featured-wine-img {
	text-align: center;
	margin: 0px auto;
}
.featured-wine-img img {
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		-ms-transform:scale(0.9);
		-o-transform:scale(0.9);
		transform:scale(0.9);
		z-index: 2;
}
.wines .item-image img {
		-webkit-transform:scale(0.95);
		-moz-transform:scale(0.95);
		-ms-transform:scale(0.95);
		-o-transform:scale(0.95);
		transform:scale(0.95);
		z-index: 2;
}
.featured-wine-img img {
	opacity: 0.6;
}
.blackout {
	display:block;
	position: absolute;
	background-color: rgba(0,0,0,0);
	width: 100%;
	height:1px;
	z-index: 1;
}
.featured-wine-info {
	/*position: absolute;
	bottom: -80px;*/
	text-align:center;
	width: 100%;
	opacity: 0;
	z-index: 3;
}
.featured-wine-info a:hover {
	text-decoration: none;
}
.featured-wine-title {
	background-color: rgba(0,0,0,0);
	text-align:center;
	padding: 10px;
	font-size: 1em;
	line-height: 1.2em;
	color: #444444;
	margin: 0px;
}

.featured-wine-intro {
	display: none;
}

.featured-wine-container:hover .featured-wine-info {
	bottom: 0px;
	opacity: 1;
	transition-delay: 0.05s;
}
.featured-wine-container:hover .featured-wine-title {
	background-color: rgba(0,0,0,0);
}
.featured-wine-title:hover {
	color: #272727;
	text-decoration: none;
}
.featured-wine-container:hover .featured-wine-img img {
	-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		opacity: 1;
		transition-duration: 0.3s;
}
.featured-wines .featured-wine-container .j2store-addtocart-form {
    position: absolute;
    top: 50%;
    left: 0%;
	text-align: center;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0px;
}
.wines .item {
    background-color: rgba(255,255,255,0);
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    transition: all 0.3s ease-out;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,0);
}
.wines .item:hover {
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 7px 20px rgba(0,0,0,0.1);
	border-color: rgba(0,0,0,0.15);
}
.wines .item:hover .item-image img {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		opacity: 1;
		transition-duration: 0.3s;
}

.featured-wine-container:hover .featured-wine-img .blackout {
	background-color: rgba(0,0,0,0.05);
	height: 100%;
	bottom: 0px;
	transition-duration: 0.5s;
}
.owl-theme .owl-controls .owl-page span {
	background-color: transparent;
	border: 1px solid #CCC;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #272727;
}

/* Homepage Featured Wines Module */
.homepage-featured .featured-wines .featured-wine-img {
    max-width: 200px;
}


/* Procuct Listing Wine Bottles overlap item box - Style */
/* 
.wines-listing > div {
	padding-top: 8em;
}
.wines .item-image {
	margin-top: -8em;
}
 */

/* Wines Hover */

/* .j2store-product-list .j2store-addtocart-form {
	text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
} */
.j2store-product-list .j2store-addtocart-form {
    text-align: center;
    margin-top: 0;
    margin-bottom: -40px;
	padding-top: 12px;
	padding-bottom: 32px;
    position: relative;
    opacity: 0;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
    z-index: 2;
    background-color: #FFF;
}
.j2store-product-list .item:hover .j2store-addtocart-form {
    opacity: 1;
}

.pb-4 {
	padding-bottom: 40px;
}
.wines-listing {
	
}


@media (max-width:678px) {
	.homepage-featured .heading {
		margin-top: 90px;
	}
	.featured-wine-container .featured-wine-info {
		bottom: 0px;
		background-color: rgba(0,0,0,0);
		opacity: 1;
		margin-top: -40px;
	}
	.featured-wine-container .featured-wine-title {
		font-size: 1em;
		line-height: 1.25em;
	}
	.featured-wine-container .featured-wine-img {
		margin-top: -30px;
	}
	.featured-wine-container .featured-wine-img img{
			-webkit-transform:scale(0.8);
			-moz-transform:scale(0.8);
			-ms-transform:scale(0.8);
			-o-transform:scale(0.8);
			transform:scale(0.8);
			opacity: 1;
	}
	.featured-wine-container:hover .featured-wine-img img{
			-webkit-transform:scale(0.8);
			-moz-transform:scale(0.8);
			-ms-transform:scale(0.8);
			-o-transform:scale(0.8);
			transform:scale(0.8);
			opacity: 1;
	}
}




/********** OUR WINES */
@media (min-width: 1199px) {
	.wines .main-content .container {
		width: 1170px;
	}
}


.wines .item-image {
	text-align: center;
}
.wines .item-image img {
	width: auto !important;
	max-width: 100%;
}
.wines .item-title {
	text-align: center;
	font-size: 18px;
}
.wines #main-content {
	/* background:url(../../../images/crest-bg.png) no-repeat fixed -20% 30px #FFF; */
	padding: 90px 0px;
}
.wine-badge {float:right; margin: 44px 0px 0px 20px;}
.wine-header-block {overflow: hidden;}

.wine-notice {
	font-size: 1.1em;
}

.wine-badge ul,
.wine-awards ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.wine-badge ul li,
.wine-awards ul li,
.wine-awards ul li img {
	width: 70px;
	height: 70px;
	display: inline;
	display: -moz-inline-stack;
}
.wine-badge img {
	max-width: 240px;
}
.wine-header-block {
	padding:18px 0 18px;
	margin: 30px 0px;
}
.price-sku-brand-container {
	border-color: #ddddde;
}
.wine-heading {
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
.wines .wine-heading {
    font-size: 3em;
    line-height: 1em;
    letter-spacing: 0.2vw;
}
.wine-location p {
	text-transform: lowercase;
	padding: 0px;
	margin: 0px;
	font-size: 2em;
	line-height: 1em;
}

/* Gifts Products Override */
.gifts .wine-image {
    margin: 55px 0px 0px;
    max-width: 90%;
}


/* Wine List Page */
.product-price-container {
	text-align: center;
}
.product-price-container .base-price {
	font-size: 1.2em;
	line-height: 1.2;
}
.product-price-container .sale-price {
    font-size: 1.5em;
    font-weight: 500;
    color: #AAAAAC;
    line-height: 1;
}
/* Wine View Page */
.wine-page .product-price-container {
	text-align: left;
}
.wine-page .product-price-container .base-price {
	font-size: 3em;
	line-height: 1.4;
}
.wine-page .product-price-container .base-price.strike {
	font-size: 1.2em;
}
.wine-page .product-price-container .sale-price {
    font-size: 3em;
    font-weight: 500;
    color: #AAAAAC;
    line-height: 1;
}


/* Wine View Upsell/Cross Sell */
.item.upsell,
.item.cross-sell {
    overflow: hidden;
}
.upsell-product-image, .upsell-product-image a,
.cross-sell-product-image, .cross-sell-product-image a {
    display: block;
    width: 100%;
}
.special .upsell-product-image img, .special .cross-sell-product-image img {
    width: 100%;
    max-width: 100%;
}
.upsell-product-image img, .cross-sell-product-image img {
    max-width: 90px;
    text-align: center;
    margin: 0px auto;
    display: block;
}
.upsell .product-price-container,
.cross-sell .product-price-container {
    text-align: left;
}
.upsell .spacer,
.cross-sell .spacer {
	padding: 7px;
}
.item.upsell .btn,
.item.cross-sell .btn {
	margin-bottom: 12px;
}


/* wine specs */
.wine-specs {
	display: none; /*Travers doesnt want it */
    list-style-type: none;
    padding: 0px;
    margin-bottom: 0px;
	text-transform: lowercase;
}
.wine-specs li span {
    font-weight: 300;
}
.wine-specs li strong {
    display: inline-block;
    min-width: 90px;
    font-weight: 500;
}


.wine-awards {
	margin: 0px;
	/*display: inline-block;*/
	display: none;
	width: auto;
}
.wine-awards .gallery li {
	margin-right: -34px;
}
.wine-awards .gallery li:last-child {
	margin-right: 0px;
}
.wine-awards .gallery li:last-child:after {
	content: n;
}
.wine-awards111 .gallery li:nth-child(2n) img {
	opacity: 0.99;
	margin-top: 12px;
}
.awards-list {color: #999;font-weight:300;font-size:0.8em;line-height:1.5em;margin-top: 20px;}
.awards-list ul {margin: 0px; padding: 0px;}
.awards-list ul, .awards-list li {list-style-type: none;}
.wine-blurb {
	margin-top: 30px;
}
.buy-btn {
	text-align:right;
	margin: 20px 0px;
}

/* Wine Options */
.options {
    border-bottom: 1px solid #f2f2f3;
    margin-bottom: 30px;
}
.options-inline {
	display: inline-block;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-top: 5px;
}
.options-inline label {
	font-weight: 500;
}

.checkbox-has-img {
    padding-top: 46px;
}
img.checkbox-img {
    padding-top: 0px;
    margin-top: -43px;
    max-width: 80px;
    padding-right: 7px;
}

/* Quantity Boxes */
.wines-listing .product-qty input[type="text"],
.wines-listing .product-qty input[type="number"] {
	margin: 0px;
	line-height: 20px;
}
.featured-wines .product-qty input[type="text"],
.featured-wines .product-qty input[type="number"] {
	margin: 0px;
	line-height: 24px;
	display: inline-block;
	height: 44px;
	text-align: center;
}
.product-qty input[type=number]::-webkit-inner-spin-button, 
.product-qty input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}

.product-qty input[type=number] {
  -moz-appearance: textfield;
  box-shadow: none;
}

/* Cart Quantity and Button */
.j2store-addtocart-form {
    margin-top: 10px;
    margin-bottom: 60px;
}
.product-qty,
.add-to-cart-button {
	display:inline-block;
	vertical-align: bottom;
}

.product-qty input[type="text"],
.product-qty input[type="number"] {
	width: 50px !important;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	padding: 10px !important;
	margin: 0px 0px;
	border: 2px solid #444444;
	border-radius: 0px;
}

#j2store-cart-form .product-qty input[type="text"],
#j2store-cart-form .product-qty input[type="number"] {
	width: 70px !important;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
	padding: 8px !important;
	margin: 20px 0px;
	border: 2px solid #444444;
	border-radius: 0px;
}
.j2store-cart #j2store-cart-form .product-qty input[type="text"],
.j2store-cart #j2store-cart-form .product-qty input[type="number"] {
	margin: 2px 0px;
}
.j2store-cart .cart-product-name {
    font-weight: 500;
    color: #272728;
}
.cart-item-remove-button .remove-icon {
	margin-bottom: 2px;
}
.cart-item-remove-button {
    display: inline-block;
}


/* COUPONS */
.coupon-field {
    font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #272728;
	text-align: center;
    line-height: 26px;
    font-weight: 500;
    padding: 8px !important;
    margin: 20px 0px;
    border: 2px solid #444444;
    border-radius: 0px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
}


/* Shipping Calculator */
#shipping-estimate-form input[type="text"],
#shipping-estimate-form select {
    font-size: 15px;
	color: #272728;
    line-height: 26px;
    font-weight: 500;
    padding: 8px !important;
    margin: 5px 0px 5px 10px;
    border: 2px solid #444444;
    border-radius: 0px;
    height: 42px;
}


/* Cart Module / Side Cart */

.side-cart {
	padding: 0.5em 2.5em;
	margin-bottom: 4em;
}
.side-cart .page-header {
    margin-top: 0px;
}

.side-cart .cart-thumb-image img {
    float: none;
    display: block;
    width: 60px;
	margin: 0px;
}

ul.j2store-cart-list {
    max-height: 350;
    overflow-x: hidden;
    border-top: 1px solid #EEE;
    list-style-type: none;
	padding: 14px 0px !important;
}
.j2store-cart-nav {
    display: block;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #EEE;
    clear: both;
}
.j2store-cart-nav a {
	margin-right: 10px;
}
.j2store-product-name {
	line-height: 1.2;
}
.side-cart .cart-item-options,
.j2store-cart-table .cart-item-options {
    font-size: 0.9em;
    line-height: 1.3;
    color: #999;
    display: block;
    padding-left: 3px;
	margin-bottom: 10px;
}

.side-cart .cart-thumb-image {
    width: 28%;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
}
.side-cart .item-info {
    display: inline-block;
    width: 70%;
	vertical-align: top;
	margin-top: 15px;
}


/* Checkout Styles */
.StripeElement {
	height: 36px !important;
}
.checkout-option {
    padding: 1em 5vw 2em;
}
.new-account {
	padding-left: 5vw;
}
.checkout-option .cart-product-name {
	font-weight: 700;
}
.checkout-option .cart-product-unit-price {
	
}

form .star {
	color: #ff0000;
	font-weight: 100;
}
.login-container label {
	display: block;
}

#j2store-checkout .checkout-content #register {
    margin-bottom: 10px;
}

#address-new .checkout-option input[type="text"],
#address-new .checkout-option select,
#address-type select,
#member-profile select,
#member-profile input[type="text"],
#member-profile input[type="email"],
#member-profile input[type="password"],
#member-registration input[type="text"],
#member-registration input[type="email"],
#member-registration input[type="password"],
.logout-container input[type="text"],
.login-container input[type="text"], .login-container input[type="email"], .login-container input[type="password"],
.remind-container input[type="text"], .remind-container input[type="email"], .remind-container input[type="password"],
.reset-container input[type="text"], .reset-container input[type="email"], .reset-container input[type="password"],
.checkout-option input[type="text"], .checkout-option input[type="password"] {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #DDD;
}
.new-account input[type="password"]:focus,
.new-account input[type="password"]:active,
#member-profile select:focus,
#member-profile select:active,
#address-type select:focus,
#address-type select:active,
#address-new .checkout-option input[type="text"]:focus,
#address-new .checkout-option select:focus,
#address-new .checkout-option input[type="text"]:active,
#address-new .checkout-option select:active,
#member-profile input[type="text"]:focus,
#member-profile input[type="email"]:focus,
#member-profile input[type="password"]:focus,
#member-profile input[type="text"]:active,
#member-profile input[type="email"]:active,
#member-profile input[type="password"]:active,
#member-registration input[type="text"]:focus,
#member-registration input[type="email"]:focus,
#member-registration input[type="password"]:focus,
#member-registration input[type="text"]:active,
#member-registration input[type="email"]:active,
#member-registration input[type="password"]:active,
#billing-address .checkout-content .j2store input[type="text"]:focus,
#shipping-address .checkout-content .j2store input[type="text"]:focus,
#billing-address .checkout-content .j2store input[type="email"]:focus,
#shipping-address .checkout-content .j2store input[type="email"]:focus,
#billing-address .checkout-content .j2store input[type="password"]:active,
#shipping-address .checkout-content .j2store input[type="password"]:active,
.checkout-option input[type="text"]:focus, .checkout-option input[type="password"]:focus,
.checkout-option input[type="text"]:active, .checkout-option input[type="password"]:active {
	border-color: #AAA;
}
.checkout-option button {
	margin: 10px 0px;
}
.j2store .checkout-content {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 30px 15px;
}
.j2store_field_required {
    float: left;
    color: #ff0000;
    margin-right: 2px;
    margin-left: -13px;
    font-size: 1.5em;
}
#billing-address .checkout-content .j2store label,
#shipping-address .checkout-content .j2store label {
    
}

#billing-address .checkout-content .j2store input[type="text"],
#shipping-address .checkout-content .j2store input[type="text"],
#billing-address .checkout-content .j2store select,
#shipping-address .checkout-content .j2store select,

#billing-address .checkout-content .checkout-option input[type="text"],
#shipping-address .checkout-content .checkout-option input[type="text"],
#billing-address .checkout-content .checkout-option select,
#shipping-address .checkout-content .checkout-option select,

#billing-new .checkout-option input[type="text"],
#billing-new .checkout-option select,
#shipping-new .checkout-option input[type="text"],
#shipping-new .checkout-option select
{
    display: block;
    margin-bottom: 0px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #DDD;
}
.shipping-make-same {
    padding-left: 15px;
}
.shipping-make-same > label {
	display:block;
	width: 100%;
}
.new-account input[type="password"] {
	display: block;
    margin-bottom: 0px;
    width: 100%;
	max-width: 350px;
    padding: 10px 12px;
    border: 1px solid #DDD;
}
.shipping-address-options {
    margin: 30px 0px 30px 0px;
    display: inline-block;
    border: 1px solid #DDD;
    padding: 12px 30px 12px 20px;
}
.shipping-address-options:hover,
#onCheckoutPayment_wrapper label:hover {
	border-color: #272728;
}

#onCheckoutPayment_wrapper label {
    padding: 12px 20px;
    border: 1px solid #DDD;
    margin: 8px 0px;
    display: block;
}
.customer-note textarea {
    border: 1px solid #DDD;
}

#shipping-existing select, #billing-existing select {
    border: 1px solid #DDD;
    overflow-y: auto;
    margin-right: 0px;
}
#shipping-existing select option:checked, #billing-existing select option:checked,
#shipping-existing select option:focus, #billing-existing select option:focus,
#shipping-existing select option:active, #billing-existing select option:active,
#shipping-existing select option[selected="selected"], #billing-existing select option[selected="selected"] {
    background-color: rgba(20, 20, 20, 0.3);
	color: #FFF;
}
#shipping-existing select option, #billing-existing select option {
    padding: 8px 12px;
	background-color: rgba(255,255,255,1);
	color: #272727;
}


/* J2Store Profile */
.tabbable.tabs {
	margin-top: 3em;
}
.nav-tabs {
    border-bottom: 0px solid #272728;
}
.nav-tabs > li {
    float: left;
    margin-bottom: 40px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #FFF;
    cursor: default;
    background-color: #272728;
    border: 0px solid #272728;
    border-bottom-color: transparent;
}
.nav-tabs > li > a {
    margin-right: 4px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 0px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 1em 2em;
}
.options .option textarea {
	border: 1px solid #DDD;
	width: 100%;
	display: block;
	padding: 7px 15px;
}
.options .option textarea:focus, .options .option textarea:active {
	border-color: #999;
}
.cart-item-options small {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* Address List */
.j2store-myprofile-address-list {
    list-style-type: none;
    padding: 0px;
}
.j2store-myprofile-address-single-list .inline {
    position: absolute;
    top: 0px;
    right: 2%;
    border-bottom: 1px dotted #E1E1E1;
    width: 96%;
    text-align: right;
    line-height: 40px;
}
.j2store-myprofile-address-single-list .inline li {
    display: inline-block;
    margin: 0px 7px;
}
.j2store-myprofile-address-list li {
    list-style-type: none;
}
.j2store-myprofile-address-single-list {
    position: relative;
    padding-top: 40px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}




@media (max-width: 1199px) {
	.wines .wine-heading {
		font-size: 3em;
		line-height: 1em;
	}
	h3.wine-location {
		font-size: 1.6em;
		line-height: 1em;
	}
}
@media (max-width: 959px) {
	.wine-badge {float:none;margin: 10px 0px 0px 0px;}
	.wine-header-block {overflow: auto;}
	.wines .wine-heading {
		font-size: 2.6em;
		line-height: 0.8em;
	}
	h3.wine-location {
		font-size: 1.6em;
		line-height: 1em;
	}
}
@media (max-width: 768px){
	.wine-specs {
		margin-top: 20px;
	}
	.wine-image {text-align:center;}
	.wine-badge {float:none;margin: 10px auto 0px;text-align:center;}
	.wine-header-block {margin:20px 0px; padding: 20px 0px 10px; text-align:center;}
	.wine-awards {margin: 0px auto; text-align:center;}
	.wines .wine-heading {
		font-size: 2.4em;
		line-height: 0.8em;
	}
	h3.wine-location {
		font-size: 1.6em;
		line-height: 1em;
	}
	.wine-awards {
		text-align:center;
		margin: 0px auto;
	}
	.wine-badge ul li,
	.wine-awards ul li,
	.wine-awards ul li img {
		width: 60px;
		height: 60px;
	}
	.wine-awards .gallery li {
		margin-right: -24px;
	}
	.buy-btn {
		text-align:center;
	}
	.options-inline {
		padding-right: 30px;
	}
	#j2store-cart-form .product-qty input[type="number"],
	.wines .product-qty input[type="text"], .wines .product-qty input[type="number"] {
		padding: 5px 5px !important;
	}
}

@media (max-width: 480px){
	.wines .wine-heading {
		font-size: 2em;
		line-height: 1em;
	}
	h3.wine-location {
		font-size: 1.7em;
		line-height: 1em;
	}
	.wine-badge ul li,
	.wine-awards ul li,
	.wine-awards ul li img{
		width: 50px;
		height: 50px;
	}
	.wine-awards .gallery li {
		margin-right: -27px;
	}
}




/*
  The Colony Landing Page
============================ */
.landing .main-content {
	padding-top: 70px;
	padding-bottom: 0px;
}
.experiences-img {
	pointer-events: none !important;
}

.featured-item * {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.featured-item {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.block-img {
    overflow: hidden;
}

.block_content {
    position: absolute;
    z-index: 2;
    bottom: 0px;
	width:100%;
    height: 100px;
    padding: 20px 25px;
}
.featured-item .block_content h4.featured-title,
.featured-item .block_content h4.featured-title a {
    color: #FFF;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    line-height: 80px;
}
.featured-item .item_introtext {
    transform: translateY(150px);
    opacity: 0;
    color: #DDD;
}
.featured-item:hover .block_content {
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
.featured-item:hover h4.featured-title,
.featured-item:hover h4.featured-title a {
	text-decoration: none;
}
.featured-item:hover .item_introtext {
    transform: translateY(0px);
    opacity: 1;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
}


/* Featured Items with FOLLOW effects */
.follower-item {
	position: relative;
}
.follower-item a {
	overflow: hidden;
}
.follower-item a,
.follower-item a .follow-img img {
	display: block;
	position: relative;
}
.content-follow {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0%;
	/* background-color: rgba(0,0,0,0); */
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.follow-title {
	position: absolute;
	z-index: 3;
	top: 3%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: 0px 3px 7px rgba(0,0,0,0.4);
}
.follow-intro {
	transform: translateY(18%);
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 25px;
	color: #DDD;
}
.follow-heading {
    display: block;
    width: 100%;
    color: #FFFFFF !important;
	opacity: 0.7;
    margin: 0px auto;
    text-align: center;
    position: absolute;
    bottom: 48%;
    font-size: 1.2em;
}

.follower-item a:hover, .follower-item a:hover * {
	text-decoration: none !important;
}




/* Travers Poor Design */
.packages-title {
    margin-top: 30px;
    margin-bottom: 20px;
}
.travz-padding {
    padding: 0px;
    border: 0px none;
    margin: 0px;
}
.travz-item {
	position: relative;
	padding-bottom: 70px;
	height: 100%;
}
.travz_content {
    padding: 0px 10% 30px;
}
.travz-item .featured-title {
    text-align: left;
	text-transform: uppercase;
    margin: 20px 0px !important;
}
.travz-item .featured-title a,
.travz-item .featured-title a:visited {
	color: #272727;
	text-decoration: none;
}
.travz-item .featured-title a:hover,
.travz-item .featured-title a:visited:hover {
	color: #A53E4C;
	text-decoration: none;
}
.travz-item .item_introtext p {
    font-size: 14px;
    line-height: 22px;
}
.travz-item .item_introtext {
    margin-bottom: 20px;
}
.travz-footer {
	position: absolute;
	width: 80%;
	height: 45px;
	bottom: 30px;
	left: 10%;
	border-top: 1px solid #A53E4C;
	padding-top: 20px;
	margin-top: -20px;
	margin-bottom: 20px;
}
.book-btn {
	float: right;
}
.price-box {
	float: left;
}
.btn-travz,
.btn-travz:visited {
	margin: 0px;
	border: 0px !important;
	background-color: #A53E4C;
	color: #FFF;
	padding: 10px 15px;
}
.btn-travz:hover,
.btn-travz:visited:hover {
	background-color: #272727;
	color: #FFF;
}
.price {
	font-size: 24px;
	font-weight: 500 !important;
	line-height: 24px;
	color: #272727;
}
.price .pretext {
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	color: #777;
	line-height: 16px;
}

.packages-footer {
	width: 98%;
	border-top: 1px solid #A53E4C;
	padding-top: 40px;
	margin: 50px auto 80px;
}



@media(max-width:991px) {
	.landing .main-content {
		padding-top: 65px;
	}
	.experiences-img {
		margin: -120px 0px;
	}
}
@media (max-width:768px) {
	.landing .main-content {
		padding-top: 50px;
	}
	.experiences-img {
		margin: -80px 0px -140px;
	}
	.block_content {
		bottom: 0px;
		width:100%;
		height: auto;
		padding: 10px 5px;
		background-color: rgba(0,0,0,0.35);
	}
	.featured-item:hover .block_content {
		height: auto;
		background-color: rgba(0,0,0,0.8);
	}
	.featured-item .item_introtext,
	.follow-intro {
		transform: translateY(0px);
		opacity: 0;
		color: #DDD;
		display: none;
	}
	.featured-item .block_content h4.featured-title,
	.featured-item .block_content h4.featured-title a {
		line-height: inherit;
	}
	.follow-title {
		position: absolute;
		z-index: 3;
		bottom: 0px;
		top: auto;
		line-height: inherit;
		margin: 0px !important;
		padding: 10px 5px;
		width: 100%;
		text-shadow: 0px 3px 7px rgba(0,0,0,0.4);
		background-color: rgba(0,0,0,0.35);
	}
	.content-follow {
		display: none !important;
		width: 0px !important;
		height: 0px !important;
	}
	.packages-footer {
		width: 92%;
		padding-top: 20px;
		margin: 30px auto 50px;
	}
}



/* ABOUT PAGES */
.item-body .title {
    border-bottom: 4px solid #A53E4C;
    line-height: 40px;
    font-size: 30px;
    display: inline-block;
    min-width: 25%;
}
.item-page .item-body .about-title {
	margin-top: 5px;
}
.fleft {
    float: left;
    max-width: 35%;
    margin: 0px 40px 20px 0px;
}
.fright {
    float: left;
    max-width: 35%;
    margin: 0px 0px 20px 40px;
}
.clear {
	clear: both;
}



/*
   EVENTS PAGE
   =========== */

   
   
/*
   PAST EVENTS PAGE
   ================ */
.past-events .content-follow,
.events .content-follow {
    width: 100%;
    height: 100%;
    margin: 0px;
	opacity: 0.8;
}
.past-events .content-follow::after {
    content: "SEE DETAILS";
    position: absolute;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    transform: translateY(-50%);
    top: 50%;
	color: #344458;
	font-weight:700;
	font-family: "Montserrat", Arial;
}
.past-events .content-follow .follow-intro {
    display: none;
}
.events .content-follow h3,
.events .content-follow h3 small {
	color: #000;
}
.events .content-follow hr {
	background-color: rgba(255,255,255,0.4);
}

/* Events Side List */
.events-list, .past-events-list, .packages-list {
    width: 100%;
    background-color: transparent;
    border: 1px solid #f0f0f0;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-bottom-width: 3px;
    border-top-width: 3px;
    border-radius: 7px;
    padding: 20px 10px;
    margin-top: 20px;
}
.events-list a, .past-events-list a, .packages-list a {
	display: block;
	width: 100%;
}
.events-list h4, .past-events-list h5, .packages-list h4 {
	border-bottom: 1px solid #EEE;
	padding: 0px;
	margin: 0px;
}
.events-list h4 {
	font-size: 16px;
	line-height: 20px;
}
.events-list h4 a, .past-events-list h5 a {
	padding: 10px 0px;
	font-weight: 400;
	color: #444444;
}
.packages-list h4 a {
	padding: 15px 0px;
	font-weight: 400;
	color: #444444;
	font-size: 14px;
	text-transform: uppercase;
}
.events-list h4 a:hover, .past-events-list h5 a:hover, .packages-list h4 a:hover,
.events-list h4 a:visited:hover, .past-events-list h5 a:visited:hover, .packages-list h4 a:visited:hover,
.events-list h4 a:focus, .past-events-list h5 a:focus, .packages-list h4 a:focus {
	text-decoration: none;
	color: #171717;
}


/*
  Packages page */

.package-link {
    text-align: center;
    padding: 0px;
    margin: 0px;
	opacity: 0.6;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.package-link h4 {
    padding: 9px 10px;
    margin: 0px !important;
}
.package-link:hover {
    text-decoration: none;
	opacity: 1;
}


/* GALLERY STYLES */
.gallery-title {
	font-size: 32px;
	color: #ffffff;
	text-transform: uppercase;
}
.img-gallery-container{
    padding: 0;
}
.img-gallery-container img {
	width: 100%;
}
.img-gallery-item {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #121212;
}
       .img-gallery-item a.blok, .img-gallery-item a .blackout{
            opacity: 0;
            display: block;
            width: 100%;
            height: 100%;
            padding: 0px;
            position: absolute;
            top: 0;
            text-align: center;
            -webkit-transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
                -ms-transition: all .25s ease-in-out;
                 -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
        }
		.img-gallery-item a.blok {
			text-decoration: none;
			z-index: 10;
		}
        .img-gallery-item a.blok:hover {
            opacity:1;
        }
		.img-gallery-item a:hover .blackout {
			opacity: 0.8;
		}
		.blackout {
			z-index: 1;
		}
        .img-gallery-item-inner{
            text-align: center;
			z-index: 2;
        }
        .img-gallery-item-inner h3{ 
            font-size: 16px;
            font-weight: 500;
            line-height: 23px;
            text-transform: uppercase;
			color: #FFF;
			text-shadow: 0px 3px 7px rgba(0,0,0,0.4);
            margin: 0px;
        }
        .img-gallery-item-inner p > span{  
            font-size: 18px;
            font-weight: 200;
            line-height: 25px;
            padding: 7px;
        }
		.img-gallery-container {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
		.img-gallery-item a, .img-gallery-item a:visited, .img-gallery-item a:focus {
			color: #FFF;
		}
		.img-gallery-item a > i.fa,
		.img-gallery-item a:visited > i.fa		{
			color: #FFF !important;
			border-color: #FFF !important;
		}
.img-gallery-filter{
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
.img-gallery-filter li{
    display: inline-block;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
}
.img-gallery-filter li a {
	color: #A53E4C;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 22px;
    text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
}
.img-gallery-filter li:hover{
    cursor: pointer;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
}
.img-gallery-filter li:after{
    content: "|";
    font-family: Arial;
    font-size: 16px;
    font-weight: 200;
    line-height: 23px;
    margin-left: 10px;
    margin-right: 10px;
}

.img-gallery-filter li a.active,
.img-gallery-filter li a:hover, .img-gallery-filter li a:visited:hover, .img-gallery-filter li a:focus {
	text-decoration: none;
    color: #FFFFFF;
}
.img-gallery-filter li:last-child:after{
    display: none;
}

@media (max-width:768px){
		
		.img-gallery-item a.blok{
            opacity: 0;
        }
        .img-gallery-item a.blok:hover{
            opacity:0;
        }
}
		
/* img-gallery Isotope Transitions */ 

    .isotope, .isotope .isotope-item {
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }
    
    .isotope {
        -webkit-transition-property: height, width;
        -moz-transition-property: height, width;
        -ms-transition-property: height, width;
        -o-transition-property: height, width;
        transition-property: height, width;
    }
    
    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }
    
    .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    touch-action: none;
    
}

/* WITH ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div {
    border-radius: 9999px;
}

#imagelightbox-loading {
    background-color: rgb(128, 128, 128);
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.65em;
    margin: -1.3em 0 0 -1.3em;
    box-shadow: 0 0 2.5em rgba(0, 0, 0, .75); /* 40 */
}

#imagelightbox-loading div {
    width: 1.3em;
    height: 1.3em;
    background-color: #fff;
    animation: imagelightbox-loading .5s ease infinite;
}

@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        transform: scale(.75);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: .5;
        transform: scale(.75);
    }
}

/* WITH OVERLAY */

#imagelightbox-overlay {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* WITH "CLOSE" BUTTON */

#imagelightbox-close {
    cursor: pointer;
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: #666;
    position: fixed;
    z-index: 10002;
    top: 2.5em; /* 40 */
    right: 2.5em; /* 40 */
    border-radius: 50%;
    transition: color .3s ease;
	border-width: 0px;
}

#imagelightbox-close:hover {
    background-color: #111;
}

#imagelightbox-close:before,
#imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}

#imagelightbox-close:before {
    transform: rotate(45deg);
}

#imagelightbox-close:after {
    transform: rotate(-45deg);
}

/* WITH CAPTION */

#imagelightbox-caption {
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}

/* WITH NAVIGATION */

#imagelightbox-nav {
    background-color: #444;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */
    transform: translateX(-50%);
    border-radius: 20px;
}

#imagelightbox-nav a {
    position: relative;
    top: 0.2em;
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    border: 1px solid #fff;
    display: inline-block;
    margin: 0 0.313em; /* 5 */
    border-radius: 50%;
}

#imagelightbox-nav .active {
    background-color: #fff;
}

/* WITH ARROWS */

.imagelightbox-arrow {
    cursor: pointer;
    width: 3.75em; /* 60 */
    height: 7.5em; /* 120 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
    background-color: #666;
    background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active {
    background-color: #111;
}
.imagelightbox-arrow-left {
    left: 2.5em; /* 40 */
}
.imagelightbox-arrow-right {
    right: 2.5em; /* 40 */
}
.imagelightbox-arrow:before {
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before {
    border-left: none;
    border-right-color: #fff;
    margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before {
    border-right: none;
    border-left-color: #fff;
    margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-nav,
.imagelightbox-arrow {
    animation: fade-in .25s linear;
}

@keyframes fade-in {
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}

@media only screen and (max-width: 41.250em) { /* 660 */
    #container {
        width: 100%;
    }
    #imagelightbox-close {
        top: 1.25em; /* 20 */
        right: 1.25em; /* 20 */
    }
    .imagelightbox-arrow {
        width: 2.5em; /* 40 */
        height: 3.75em; /* 60 */
        margin-top: -1.875em; /* 30 */
    }
    .imagelightbox-arrow-left {
        left: 1.25em; /* 20 */
    }
    .imagelightbox-arrow-right {
        right: 1.25em; /* 20 */
    }
}

@media only screen and (max-width: 20em) { /* 320 */
    .imagelightbox-arrow-left {
        left: 0;
    }
    .imagelightbox-arrow-right {
        right: 0;
    }
}




/*
  contact section
===================== */


/*
  Newsletter Subscription
============================ */
.subscribe .newsletter [class*='col-'] {
	padding-left: 3px;
	padding-right: 3px;
}
.newsletter {padding: 4px 0px;}
.subscribe .text,
.subscribe .control-group,
.subscribe .sub-btn {
	display: inline-block;
}
.subscribe .first,
.subscribe .third {
	display: none;
}
.subscribe .text {
	font-size: 10px;
	text-transform: uppercase;
	padding-right:15px;
}
.subscribe .control-label {
	display: none;
}
.subscribe .newsletter input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background-color:#242424;
	color: #767676;
	border: 0px;
	padding-left: 7px;
	padding-right: 7px;
}
.subscribe .newsletter input:focus {
	color: #888888;
	background-color: #343434;
}
.subscribe .newsletter .btn-sub {
	font-size: 10px;
	text-transform: uppercase;
	height: 30px;
	line-height: 0px;
	padding: 0px 10px;
	margin: 0px;
	border: 0px;
	color: #767676;
	background-color: #343434;
}
.subscribe .newsletter .btn-sub:hover {
	background-color: #A53E4C;
	color: #FFFFFF;
}
@media (max-width:768px) {
	.subscribe .text {
		display: block;
		padding-right: 0px;
		margin-bottom: 10px;
	}
	.subscribe .text-right {
		text-align: center;
	}
}
@media (max-width:480px) {
	.subscribe .control-group {
		display: block;
		margin: 10px 0px;
	}
}


/* Page Social Icons */
.social-button {
	padding: 10px 15px;
	font-size:18px;
	color: #757575;
}
a.social-button:hover {
	background-color: transparent !important;
	color: #000;
}

.footer-social, .footer-social:visited, .footer-social:focus {
    color: #999;
    font-size: 14px;
	text-decoration: none;
}

/*
  footer section
===================== */
footer {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 7px;
}
footer p {
  padding-top: 20px;
}
.social-icon {
  padding: 0;
  margin: 0;
}
.social-icon li {
  list-style: none;
  display: inline-block;
  padding: 10px;
}
.social-icon li a {
  border: 1px solid #cb6a77;
  border-radius: 50%;
  color: #cb6a77;
  font-size: 18px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in;
}
.social-icon li a:hover {
  background: #cb6a77;
  color: #2b2b2b;
}

#footer .footer-info .blok-link {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #cb6a77;
}
#footer .footer-info .blok-link h4 {margin: 0px; padding: 20px 0px 15px; color: #697F8A;}
#footer .footer-info .blok-link p {margin: 0px; padding: 0px 0px 20px;}

#footer .footer-info .blok-link:hover,
#footer .footer-info .blok-link:hover p,
#footer .footer-info .blok-link:hover h4 {
	color: #FFFFFF;
}
#footer .footer-info .blok-link:hover {
	background-color: #405661;
}


/* FORM STYLES */
.snug .ba-form {padding: 0px;}
.ba-form * {
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-ms-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}
.tool {
	position: relative !important;
	margin-bottom: 10px !important;
}
.question-form input, .question-form textarea {
}
.question-form input:focus, .question-form textarea:focus {
	outline: none !important;
}

.question-form .ba-form input.used, .question-form .ba-form input:focus, .question-form .ba-form textarea.used, .question-form .ba-form textarea:focus  {
	border-color: rgba(255, 255, 255, 0) !important;
	background-color: rgba(255, 255, 255, 0.18) !important;
}


/* Copyright */
#copyright {
	padding: 40px 0px 20px;
}
.copyright {
	font-size: 10px;
	text-transform: uppercase;
	color: #676767;
}
.copyright, .subscribe {
	padding-top: 14px;
}


/* BACK TO TOP */
#back-top {
	position: fixed;
	right:-5px;
	bottom:25px;
	border-radius: 50%;
	z-index: 678876;
}
#back-top a {
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-ms-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	
	padding: 12px 16px;
	display: block;
	border-radius: 50%;
	font-size: 10px;
	line-height: 14px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #A53E4C;
}
#back-top a:hover {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	padding: 12px 16px;
	color: #FFF;
	text-decoration: none;
}



/* COLORS */
.color1 {background-color: #A53E4C; color: #FFFFFF !important;}
.color2{background-color: #cb6a77; color: #171717 !important;}
.color3{background-color: #83035a; color: #FFFFFF !important;}
.dark {background-color: #171717; color: #FFFFFF !important;}
.light{background-color: #F9F9F9; color: #555555 !important;}
.white{background-color: #FFFFFF; color: #555555 !important;}

.color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 h5, .color1 h6, .color1 p {
	color: #FFFFFF !important;
}
.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 h6, .color2 p {
	color: #171717 !important;
}
.color3 h1, .color3 h2, .color3 h3, .color3 h4, .color3 h5, .color2 h6, .color3 p {
	color: #FFFFFF !important;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p {
	color: #FFFFFF !important;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p,
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p {
	color: #171717 !important;
}


h1.mod-title.blue,
h2.mod-title.blue,
h3.mod-title.blue,
h4.mod-title.blue {
	color: #A53E4C !important;
}

.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}


/* Feature Box Text macro */
.mod-box {
	margin: 40px 0px;
	padding: 80px;
}
.mod-box .btn {
	margin-bottom: 0px;
}

/* Featured Boxes */
.feat-box {
	text-align: center;
}
.feat-logo > img {
	width: 100%;
	max-width: 100%;
}
.custom .mod-box.feat-box p.feat-text {
	color: #000000 !important;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.feat-btn {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.feat-btn.btn-white,
.feat-btn.btn-white:visited,
.feat-btn.btn-white:focus {
	border: 1px solid #FFF;
	color: #FFF;
}
.feat-btn.btn-black,
.feat-btn.btn-black:visited,
.feat-btn.btn-black:focus {
	border: 1px solid #000;
	color: #000;
}
.feat-btn.btn-white:hover,
.feat-btn.btn-white:visited:hover,
.feat-btn.btn-white:focus:hover {
	color: #000000;
	border-color: #000000;
}
.feat-btn.btn-black:hover,
.feat-btn.btn-black:visited:hover,
.feat-btn.btn-black:focus:hover {
	color: #FFFFFF;
	border-color: #FFFFFF;
}






/*
   MACROS
   ================== */
.bottom .container > .row {
	overflow: visible;
}
.bottom {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.bottom .blocks {
  position: relative;
  bottom: 0px;
  margin-top: 60px;
  margin-bottom: -130px;
}
.blocks p {
  line-height: 16px;
}
.blocks a, .blocks a:visited {
	color: #384e59;
	text-decoration: none;
}
.blocks a:hover, .blocks a:visited:hover {
	text-decoration: underline;
}
.blocks .block {
  padding: 30px 10px 40px;
  display: block;
  text-align:center;
}

.bottom .blocks .block h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 12px;
  color: #FFF;

}
.blocks .block i.fa {
  display: block;
  margin: 10px auto 20px;
  color: #ffffff;
  font-size: 58px !important;
}

/* Home Blocks */
.blocklinks .blok-item,
.blocklinks .blok-item:focus {
	margin: 0px;
	font-size: 32px;
	text-decoration: none;
	padding:70px 10px;
	color: #FFF;
	background-color: #dba68e;
	border: 1px solid #d49f87;
}
.blocklinks .blok-item:hover,
.blocklinks .blok-item:visited:hover {
	color: #FFF;
	background-color: #c96f6f;
	border-color: #c96f6f;
}
@media (max-width:768px) {
	.blocklinks .blok-item {
		font-size:24px;
		width: 50%;
		white-space: normal;
	}
}



/* [heading sub] */
.gift-card-banner {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.gift-card-banner .banner-item {
  flex-grow: 0;
  align-self: center;
  background-color: transparent;
  padding: 0px 15px;
}
.banner-image {
	order: 2;
	max-width: 420px;
}
.banner-text {
	order: 1;
	max-width: 650px;
}
.auto-margin {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
.gift-card-banner {
	background: url(/wp-content/uploads/2022/03/gift-cards-banner_bg.png) top left no-repeat #f7f7f7;
	margin-bottom: 15px;
}
.heading-main {
	font-size: 4em;
	display: block;
	font-weight: 500;
	margin-bottom: 40px !important;
	line-height: 1.1;
}
.heading-main small {
	font-size: 70%;
	text-transform: lowercase;
	color: #9a9a9a;
	display: block;
	margin: 0px;
}
.gift-card-banner p.sub {
	line-height:1.4;
	color: #575758;
	margin-top: 15px !important;
	max-width: 80%;
	font-weight: 500;
}
.macurl {
	display: inline-block;
}
.macurl:hover, .macurl:focus {
	text-decoration: none;
}
.macurl:hover .heading-main {
	color: #272728;
	text-decoration: none;
}

@media (max-width:768px) {
	.gift-card-banner .heading-main {
		font-size: 3.5em;
	}
	.gift-card-banner {
		display:block;
	}
	.gift-card-banner img {
		max-width: 350px;
	}
}


/* OPENING TIMES MODULE */
.opening-times {
	font-size: 14px;
	margin-bottom: 40px;
}
.opening-times .table {margin-bottom: 0px;}
.opening-times .no-border {border-top: 0px;}
.opening-times a {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.opening-times a h2, .opening-times a h3, .opening-times a h4, .opening-times a h5, .opening-times a h6 {margin: 25px 0px;}
a.list-group-item .list-group-item-heading {padding: 0px 0px 10px; margin: 0px;}
.list-group-item {border-color:#EEEEEE;background-color:#fbfbfc;}
.list-group-item:first-child {border-top-left-radius:7px;border-top-right-radius:7px;border-top-width:3px;}
.list-group-item:last-child {border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-bottom-width:3px;}



/* Block Links */
.blok-link * {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.blok-link:hover {
	text-decoration: none;
}
.blok-link:hover .well {
	background-color: #FCFCFC;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
}
.blok-link:hover h4 {
	color: #00a0b8;
}
.blok-link img {
	transform: scale(0.95);
}
.blok-link:hover .well img {
	transform: scale(1);
}

/* PAGE LINK BLOCKS */
.blok-container {
	padding: 0px;
	margin: 0px;
	list-style: none;
	
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.blok-item {
	background: #f1f1f1;
	padding: 50px 10px;
	margin: 2px;
	color: #474747;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-o-flex: 1 1 auto;
	flex: 1 1 auto;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.blok-item {
	text-decoration: none;
}
.blok-item:hover {
	text-decoration: none;
}
li.blok-item:hover {
	cursor: default;
}
.award-count {
	margin-top: 40px;
}
.award-count .blok-item {
	border-radius: 5px;
	overflow: hidden;
}
.award-count .blok-item a {
	display: block;
	width:100%;
	height:100%;
}
.award-count .blok-item strong {
	font-size:140%;
	display: block;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.award-count .blok-item:hover strong {
	color: #FFF;
	-webkit-transform: translateY(-10px) scale(1.8);
	-moz-transform: translateY(-10px) scale(1.8);
	-ms-transform: translateY(-10px) scale(1.8);
	-o-transform: translateY(-10px) scale(1.8);
	transform: translateY(-10px) scale(1.8);
	text-shadow: 0px 2px 3px rgba(0,0,0,0.05);
}

@media (max-width:768px) {
	.award-count .blok-item:hover strong {
		-webkit-transform: translateY(-7px) scale(1.5);
		-moz-transform: translateY(-7px) scale(1.5);
		-ms-transform: translateY(-7px) scale(1.5);
		-o-transform: translateY(-7px) scale(1.5);
		transform: translateY(-7px) scale(1.5);
	}
}


/* BEER & CIDER */
.media-container {
	padding: 10px 0px;
	margin:10px 0px;
	border-bottom: 1px solid #EEE;
}
.brewery .media-container .media-title {
    margin-top: 20px;
}
.brewery .media-container .media-img {
	text-align: center;
	-webkit-filter: saturate(0);
	-moz-filter: saturate(0);
	-ms-filter: saturate(0);
	-o-filter: saturate(0);
	filter: saturate(0);
	-webkit-transition: filter 0.2s linear;
	-moz-transition: filter 0.2s linear;
	-ms-transition: filter 0.2s linear;
	-o-transition: filter 0.2s linear;
	transition: filter 0.2s linear;
}
.brewery .media-container:hover .media-img {
	-webkit-filter: saturate(1);
	-moz-filter: saturate(1);
	-ms-filter: saturate(1);
	-o-filter: saturate(1);
	filter: saturate(1);
}



/* FAQS Accordion */
#lawn-faq h5 {
	margin: 0px;
}
#lawn-faq .panel {
	border-radius: 0px;
	margin-bottom: 2px;
}
#lawn-faq .panel-default > .panel-heading {
	background-image: none;
	background-color: #FAFAFA;
	color: #575757;
}
#lawn-faq {
	counter-reset: section;
}
#lawn-faq .panel-heading:before {
	counter-increment: section;
    content: counter(section);
    position: absolute;
    left: 16px;
    width: 48px;
    height: 46px;
    line-height: 46px;
    border-radius: 0px;
    background-color: #FFF;
    border: 0px;
    margin-top: 0px;
    text-align: center;
    color: #777;
    border-right: 1px solid #e6e6e6;
}
#lawn-faq .panel-heading {
	border-radius: 0px;
	padding: 0px 0px 0px 70px;
}
#lawn-faq .panel-title a {
    display: block;
    padding: 15px 0px;
}
#lawn-faq .panel:hover .panel-heading {
	background-color: #f5f5f5;
	color: #000;
}
#lawn-faq .panel:hover .panel-heading:before {
	color: #000;
}
#lawn-faq .panel-title a:hover,
#lawn-faq .panel-title a:focus,
#lawn-faq .panel-title a:active {
	text-decoration: none;
}
#lawn-faq .panel-body.answer {
	padding: 15px 25px;
}




/* MODALS */
/*
 * Core
 */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#cboxTitle .modals_description {
  font-size: .7em;
  font-weight: normal;
}
.modal_link_hidden {
  display: none !important;
}
/*
    general styles
*/
#cboxOverlay {
 
}
#colorbox {
  outline: 0;
}
#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  background: #FFF;
  padding: 10px 60px 60px;
  color: #444;
  transition: all 0.3s linear;
}
#colorbox.is_image #cboxLoadedContent,
#colorbox.is_video #cboxLoadedContent {
  padding: 0px;
}
#cboxLoadingGraphic {
  background: url(../images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
  background: #000;
}
#cboxTitle {
  position: absolute;
  top: -40px;
  left: 0;
  color: #000;
}
/* close button */
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height:47px;
  font-size: 12px;
  text-transform: uppercase;
  width: 100px;
  height: 40px;
  position: absolute;
  top: -40px;
  right:0px;
  background-color: #171717;
}
/* removes outlines */
#cboxClose:active {
  outline: 0;
}
#cboxClose {
  background-color: #171717;
  color: #CCC;
}
#cboxClose:hover {
  background-color: #171717;
  color: #FFF;
}


/* MODALS */
.modal-content {
	overflow: hidden;
}
.modal-body video {
    margin-bottom: -6px;
}
#Mandoon-Estate-Video .modal-dialog {
    width: 92%;
	margin: 0px auto;
	top: 50%;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	max-width: 1200px;
}
#Mandoon-Estate-Video .modal-body {
	padding: 0px;
}
#Mandoon-Estate-Video .modal-header {
	display: none;
}




/* Virtual Tour */
.virtual-tour {
	text-align: right;
}
.virtual-tour a {
    display: block;
    padding: 25px 0px 50px;
}
.360-icon {
	
}
			



/* Form Elements Styles */


/* Dropdown / Select box */
/* class applies to select element itself, not a wrapper element */
.option select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 2px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.option select::-ms-expand {
    display: none;
}
/* Hover style */
.option select:hover {
    border-color: #888;
}
/* Focus style */
.option select:focus {
    border-color: #aaa;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #777; 
    outline: none;
}

/* Set options to normal weight */
.option select option {
    font-weight: 300;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.option select:disabled, .select-css[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}

.option select:disabled:hover, .select-css[aria-disabled=true] {
    border-color: #aaa;
}

/* Radio & Checkbox */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type='checkbox'],
  input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
    transition: background .3s, border-color .3s, box-shadow .2s;
  }
  input[type='checkbox']:after,
  input[type='radio']:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
  }
  input[type='checkbox']:checked,
  input[type='radio']:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  input[type='checkbox']:disabled,
  input[type='radio']:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: .9;
  }
  input[type='checkbox']:disabled:checked,
  input[type='radio']:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type='checkbox']:disabled + label,
  input[type='radio']:disabled + label {
    cursor: not-allowed;
  }
  input[type='checkbox']:hover:not(:checked):not(:disabled),
  input[type='radio']:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type='checkbox']:focus,
  input[type='radio']:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  input[type='checkbox']:not(.switch),
  input[type='radio']:not(.switch) {
    width: 21px;
  }
  input[type='checkbox']:not(.switch):after,
  input[type='radio']:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type='checkbox']:not(.switch):checked,
  input[type='radio']:not(.switch):checked {
    --o: 1;
  }
  input[type='checkbox'] + label,
  input[type='radio'] + label {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 6px;
  }

  input[type='checkbox']:not(.switch) {
    border-radius: 7px;
  }
  input[type='checkbox']:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    -webkit-transform: rotate(var(--r, 20deg));
            transform: rotate(var(--r, 20deg));
  }
  input[type='checkbox']:not(.switch):checked {
    --r: 43deg;
  }
  input[type='checkbox'].switch {
    width: 38px;
    border-radius: 11px;
  }
  input[type='checkbox'].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    -webkit-transform: translateX(var(--x, 0));
            transform: translateX(var(--x, 0));
  }
  input[type='checkbox'].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  input[type='checkbox'].switch:disabled:not(:checked):after {
    opacity: .6;
  }

  input[type='radio'] {
    border-radius: 50%;
  }
  input[type='radio']:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    -webkit-transform: scale(var(--s, 0.7));
            transform: scale(var(--s, 0.7));
  }
  input[type='radio']:checked {
    --s: .5;
  }
}


/* Pagination */
div.pagination {
    margin: 40px auto;
    display: block;
    text-align: center;
}
/* Hide 'First/Prev | Next/Last' */
.pagination > li:nth-child(1),
.pagination > li:nth-child(2),
.pagination > li:nth-last-child(1),
.pagination > li:nth-last-child(2) {
	display: none;
}

.pagination > li {
	display: inline-block;
	margin: 0px 6px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 0px;
    margin-left: 0px;
	font-size: 1.5em;
    line-height: 2em;
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
    border: 0px none;
    border-radius: 50%;
    overflow: hidden;
	width: 2em;
	height: 2em;
	text-align: center;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #FFFFFF;
    border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    border-color: #337ab7;
}


/*
  responsive mobile
===================== */
@media (min-width:1200px){
	#footer .footer-info .socials:last-child {
		border-left: 1px solid #405661;
	}
}
@media (max-width:1199px){
	#footer .footer-info .socials:last-child {
		border-top: 1px solid #405661;
	}
	.top-contact-info {
		margin: 0px;
		padding: 0px 40px;
		list-style-type: none;
	}
	.top-contact-info li a {
		font-size: 21px;
	}
	/* Services */
	.services-horiz {
		padding: 40px 24px;
	}
	.service-item {
		margin: 30px 0px;
	}
	.service-padd {
		padding: 40px 25px 100px;
	}
	.mod-box {
		margin: 20px 0px;
		padding: 70px;
	}
}

@media (max-width: 991px) {
	.navbar .navbar-nav li a,
	.navbar .navbar-nav li .separator {
		font-size: 12px;
	}
	#slider {
		
	}
	.slider-cap h4 {
		max-width: 80%;
		padding: 40px;
	}
	.top-contact-info {
		padding: 20px 15px;
	}
	/* Services */
	.services-horiz {
		padding: 40px 0px;
	}
	.service-item {
		margin: 30px 0px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
	.service-padd {
		padding: 40px 30px 90px;
	}
	.mod-box {
		margin: 30px 0px;
		padding: 60px;
	}
}


@media (max-width: 768px) {
	.navbar .navbar-brand {
		line-height: 18px;
	}
	.logo {max-width: 150px;}
	#slider {
		background-size: cover !important;
		background-position: center center !important;
	}
	.slider-cap h4 {
		max-width: 96%;
		font-size: 16px;
		line-height:20px;
		padding: 30px 10px;
	}
	
	.top-contact-info {
		padding: 10px 10px 0px;
	}
	.top-contact-info li a {
		color: #FFFFFF;
		line-height:32px;
		font-size: 20px;
		text-align: center;
	}
	.top-contact-info h4 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.social-icon li {
	  padding: 15px 7px;
	}
	.valign {
		position: relative;
		top: 0%;
		transform: translateY(0%);
	}
	/* Services */
	.services-horiz {
		padding: 40px 20px;
	}
	.service-item {
		margin: 30px 0px;
	}
	.service-padd .newsflash-title {
		margin-bottom: 0px;
		border-bottom: 0px none;
	}
	.service-padd {
		padding: 40px 30px 54px;
	}
	.service-item .intro-text {
		display: none;
	}
	.feat-logo > img {
		width: 70%;
		max-width: 70%;
	}
	.bottom {
		background-position: right 50px !important;
	}
	.heading-main {
		font-size:30px;
	}
	.join-club p.heading-main {
		max-width: 80%;
	}
	.heading-main small {
		font-size: 60%;
		margin: 5px 0px 0px;
	}
	.macurl {
		display: block;
		text-align: left;
		padding: 30px 15px;
	}
	
	.padded-xl.join-club {
		padding: 10px 0px;
	}
	.join-club .custom .padded-xl {
		padding: 60px 0px 60px;
	}
	.mod-box {
		margin: 0px;
		padding: 60px;
	}
	.brewery .media-container .media-img img {
		max-width:60%;
	}
	.brewery .media-container .media-img {
		-webkit-filter: saturate(1);
		-moz-filter: saturate(1);
		-ms-filter: saturate(1);
		-o-filter: saturate(1);
		filter: saturate(1);
	}
	
	#lawn-faq .panel-heading:before {
		content: "";
		display:none;
	}
	#lawn-faq .panel-heading {
		padding: 15px;
	}
	
	.virtual-tour {
		text-align: center;
		background-position: center center;
	}
	.virtual-tour a {
		display: block;
		padding: 15px 0px 30px;
	}
}

@media (max-width: 480px) {
	#slider {
		background-size: cover !important;
		background-position: center center !important;
	}
	#slider h1 {
		font-size: 46px;
		letter-spacing: 0px;
	}
	#slider h3 {
		font-size: 22px;
		letter-spacing: 0px;
	}
	.social-icon li {
	  padding: 15px 3px;
	}
	.mod-box {
		margin: 0px;
		padding: 40px 20px;
	}
	.feat-logo > img {
		width: 90%;
		max-width: 90%;
	}
}

.colony-terms .navbar-toggle,
.colony-terms .subscribe  {
	display:none;
}
.colony-terms .navbar-header {
	float: none;
}
.colony-terms .logo {
	margin: 0px auto;
}


.opentitle {
	color: #FFF;
}

.view-category.food-menu .aside-right {
    display: none;
}

.club-member-exclusive .nav.menu a {
    font-size: 14px;
    font-weight: 700;
}