@charset "UTF-8";
/* CSS Document */

/* FOUNDATION OVERRIDES *********************************************************************/
.row {
	max-width: 1230px;
}
p {
	font-size: 0.9rem;
    line-height: 1.35;
}
p.lead {
    font-size: 1.6rem;
    line-height: 1.35;
    margin-top: 2.5rem;
}
ul, ol, dl {
	font-size: 1.2rem;
	line-height: 1.4;
}

.move-right .exit-off-canvas {
	box-shadow: 1px 0 8px rgba(0,0,0,0.2),1px 0 8px rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.5);
}
table {
  width: 100%;
}
/* Form fixes */
textarea {min-height: 200px;}

/* Fixed menu fix */
.f-topbar-fixed {
	padding-top: 0px !important;
}
.contain-to-grid {
	background: transparent;
}
.tab-bar,
.top-bar,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent;
    padding: 0 10px;
    color:#000;
}


.top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 10px;
    background: transparent;
}

.top-bar, .top-bar-section ul li {
background: transparent;
padding: 0px;
}

.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: transparent;
	padding: 0 10px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    /*font-size: 1.2rem;
    padding: 0 1rem;
    margin-top:0.2rem;
    height: 3rem;*/
}


input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
	/*background: #FFF;
	border-color: transparent;
	outline: none;
    box-shadow: none;*/
}


.top-bar .name h1 {
	font-size: 0.9rem;
}
.left-small, .right-small {
    border-color:rgba(255,255,255,0);
}

.off-canvas-wrap {
  -webkit-backface-visibility: visible;
}
.inner-wrap {
  -webkit-backface-visibility: visible;
}

/* RECAPTCHA fix */
.recaptchatable .recaptcha_input_area {
	height: 40px !important;
}
.recaptchatable #recaptcha_response_field {
	margin: 12px 0 0 0!important;
}
.recaptchatable .recaptcha_r7_c1,
.recaptchatable .recaptcha_r8_c1,
.recaptchatable .recaptcha_r4_c1,
.recaptchatable .recaptcha_r4_c2,
.recaptchatable .recaptcha_r4_c4 {
    height:0px !important;
}
.recaptcha_r4_c1 {
    line-height:4px !important;
}
.recaptcha_r4_c1 #recaptcha_privacy a,
.recaptcha_r4_c1 #recaptcha_privacy a:visited,
.recaptcha_r4_c1 #recaptcha_privacy a:hover,
.recaptcha_r4_c1 #recaptcha_privacy a:focus,
.recaptcha_r4_c1 #recaptcha_privacy a:active {
    color:#CCC !important;
}
.recaptchatable #recaptcha_response_field {
	height: 1.5rem;
}
#recaptcha_area {
    margin:0 auto;
}

/* WebKit CSS Transition Bug Fix */
a,
contain-to-grid
{
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);
}

/* Facebook commenting responsive fix */
.fb_iframe_widget_fluid,
.fb_iframe_widget_fluid span,
.fb_iframe_widget iframe {
	width: 100% !important;
}

/* AddThis Adjustments */
.addthis_sharing_toolbox {
    margin:4rem 0 2rem 0;
}

/* BC OVERRIDES / FIXES *****************************************************************************/

ul.catalogueList, ul.productList {margin:0px; padding:0px; list-style-type:none;}

.pagination {display:none !important;}    

.cartSummary.empty0 { display:none; }
.cartSummary.notEmpty1 { display:none; }
.cartSummaryTable {display:none;}

/* EXTRA HELPER *************************************************************************************/

.note {color:#000; font-size:0.9rem; font-weight:700;}
.fineprint {color:#999; font-size:0.9rem;}
.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.no-pad {padding:0 !important;}
iframe {
  margin: 1rem auto;
  display: block;
}
.addthis_native_toolbox iframe {
    margin:0;
}

/* FONT & WEIGHT ALLOCATIONS ************************************************************************/
/* Avaliable Options */
/*

font-family: 'Dancing Script', cursive;
	Normal:	400
	Bold: 	700

font-family: 'Raleway', sans-serif;
	Light:	300
	Normal:	500
	Bold:	700

font-family: "corner-store";
	Normal:	400


*/

/* @Font Imports */


/* Override Font Family's declared in Foundation CSS */
button, 
.button, 
.pricing-table 
.title, 
.pricing-table 
.price, 
.tabs dd > a, 
.side-nav, 
.side-nav li.active > a:first-child, 
.accordion dd > a, 
.sub-nav li, 
.label, 
.top-bar-section ul li>a, 
h1, h2, h3, h4, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

/* New font assignments */
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 300; 
}
.footer,
.footer p,
.footer nav li a {
    font-family: 'Raleway', sans-serif;
    font-weight: 300; 
}

.button,
button,
.button.secondary,
button.secondary,
input[type="text"],
textarea,
ul.off-canvas-list li a,
.instafeed-caption,
h6, h5,
.top-bar-section ul li>a,
a.left-off-canvas-toggle {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

h1,
.floating-search input,
label {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

/*.bx-wrapper .bxslider-home .bx-caption span h1,
.bx-wrapper .bxslider-home .bx-caption span h2,
.cookie-list .overlay h2,
h1 {
    font-family: 'corner-store', cursive;
	font-weight: 400;
}*/

/* Font style placeholder text */
    input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-family: 'Raleway', sans-serif;
    	font-weight: 300; 		
    }
    input:-moz-placeholder,
	textarea:-moz-placeholder { /* Firefox 18- */
    	font-family: 'Raleway', sans-serif;
    	font-weight: 300; 		
    }
    input::-moz-placeholder,
	textarea::-moz-placeholder {  /* Firefox 19+ */
    	font-family: 'Raleway', sans-serif;
    	font-weight: 300; 		  
    }
    input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {  
    	font-family: 'Raleway', sans-serif;
    	font-weight: 300; 		
    }
	

/* FORMS *************************************************************************************/
/* Style placeholder text */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #CCC;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
   color: #CCC;  
}
input::-moz-placeholder,
textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #CCC;  
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {  
   color: #CCC;  
}

label small {
    color: #CACACA; font-size: 115%;
}
.captchaimg {
    float: left; margin-right: 5px;
}
small.error {pointer-events: none;}
.error input, .error textarea, .error select,
.error input:focus, .error textarea:focus, .error select:focus {
	border: 1px solid rgba(240,65,36,0.8) !important;
    margin-bottom:1rem;
}
.system-message .error:empty {display:none;}
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
    font-style: normal;
    text-transform: uppercase;
    background: transparent;
    width: 100%;
    float: right;
    margin-top: 0;
    margin-right: 0;
    opacity: 0.7;
    color: red;
    padding: 0.5rem 1rem;
}




/* GENERAL STYLES ***********************************************************************************/
/*
Globals Reference:
Colors:
Drk Brown	#3c2313


*/

/* General Elements *********************************************************************/
body {
    color:#000;
    background-size: 100%;
    font-size: 1.2rem;
}
.inner-wrap > .wrapper {
    background: #b7e6f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZTZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b7e6f9 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7e6f9), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #b7e6f9 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #b7e6f9 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #b7e6f9 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #b7e6f9 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7e6f9', endColorstr='#ffffff',GradientType=0 );
}
.social-header {
    background: #b7e6f9;
    height: 29px;
}
hr {
    color: #000;
    margin: 1rem 0; 
    height:2px; 
    border:0px solid; 
    border-top:2px solid;
}
ul {
    margin-left:3rem;
    margin-bottom:2rem;
}
ul li {
    list-style-type:disc;
}
ul li ul {
    margin-left:2rem;
}
ul li ul li {
    list-style-type:circle;
}
#alertbox {
    display:none; 
    position:fixed; 
    top: 5.5%;
    right: 10%; 
    max-width:300px; 
    z-index:9999;
}

/* Headings *********************************************************************/
h1, h2, h3, h4, h5, h6 {line-height: 115%;}

h1 {
    font-size: 5.5rem;
    color: rgba(58,36,18,1);
    -o-text-overflow: clip;
  	text-overflow: clip;
  	text-shadow: 3px 3px 1px #FFF , -3px -3px 1px #FFF , 3px -3px 1px #FFF , -3px 3px 1px #FFF , 0 3px 1px #FFF , 0 -3px 1px #FFF , 3px 0 1px #FFF , -3px 0 1px #FFF ;
    margin:4rem 2rem 1rem 0;
}
h2 {font-size:1.6rem; margin:2rem 0 1rem 0;  }
h3 {font-size:1.5rem; margin:1.5rem 0 1rem 0;  }
h4 {font-size:1.3rem; margin:1.5rem 0 1rem 0; }
h5 {font-size:1.1rem; margin:1.5rem 0 1rem 0; }
h6 {
    font-size: 0.85rem;
    line-height: 1.5;
    text-transform: uppercase;
    margin:0.5rem 0 1rem 0;
    letter-spacing:0.1rem;
}
#homePg h1.home-heading {font-size:4rem;}
#contactPg h6 {
    margin:1.3rem 0 1rem 0;
}

/* Links *********************************************************************/
a, a:visited {
    color:#000;
    text-decoration:underline;
	transition:  all 0.3s;
}
a:hover, a:focus, a:active {
    color:#000;
	transition:  all 0.3s;
}
a em:before,
a:hover em:before,
a:focus em:before,
a:active em:before {
    transition:  all 0.3s;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    color:inherit;
    text-decoration:none;
}

/* Navigation *********************************************************************/
.header .nav-header {
	background: #FFF;
    -webkit-box-shadow: 0 5px 12px 0px rgba(0,0,0,0.0);
	box-shadow: 0 5px 12px 0px rgba(0,0,0,0.0);
    transition:  all 0.3s;
}
.header.scrolled .nav-header {
    -webkit-box-shadow: 0 5px 12px 0px rgba(0,0,0,0.15);
	box-shadow: 0 5px 12px 0px rgba(0,0,0,0.15);
    transition:  all 0.3s;
}
nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
nav li {
    margin:0;
    padding:0 1.5rem 0 0;
    display:inline-block;
}
    .text-right nav li {
        padding:0 0 0 0.2rem;
    }
nav li a {
    margin:0;
    padding:0.2rem 0rem 0.2rem 0;
    display:block;
	text-decoration:none;
}
nav li a:hover,
nav li a:active,
nav li a:focus {
    text-decoration:none;
}
    .text-right nav li a {
        padding:0.2rem 0 0.2rem 0.4rem;
    }

.contain-to-grid .top-bar {
	padding: 0 0px;
}
.top-bar .name h1 a {
    color:#231F20;
    padding: 0 5px 0 15px;
    /*width: 225px;*/
    /*border-bottom:1px solid #231F20;*/
}
.top-bar .name h1 a .logo {
    max-width: inherit;
    position: absolute;
    top: -60px;
    left: 1.2rem;
    width: auto;
}
    .tab-bar .middle.tab-bar-section h1 a .logo {
        top: -48px;
        position: relative;
    }
    .tab-bar .menu-icon {
        color: #000;
    }
	a.left-off-canvas-toggle {
        font-size: 1rem;
  		text-decoration: none;
  		letter-spacing: -0.02rem;
    }
    .tab-bar-section.middle {
        width: 170px;
        margin: 0 auto;
    }
.top-bar-section ul li>a {
    text-transform:uppercase;
    font-size: 0.7rem;
    letter-spacing:-0.02rem;
}
.top-bar-section ul.left {
    float:right !important;
    margin-right: 10px;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
    color:#FBF5DF;
}
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background:transparent;
    color:rgba(255,255,255,0.6);
    padding: 0 10px;
}


.left-off-canvas-menu {
    background:#3c2313;
}
ul.off-canvas-list li a,
ul.off-canvas-list li a:visited {
    text-transform:uppercase;
    text-decoration: none;
    letter-spacing:0.3rem;
    font-size:1rem;
    color:#FFF;
	padding: 0.8rem 0.66667rem;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
ul.off-canvas-list li.active a {
    background: rgba(255,255,255,0.3);
}
ul.off-canvas-list li a:hover,
ul.off-canvas-list li a:active,
ul.off-canvas-list li a:focus {
	background: rgba(255,255,255,0.2);
}
.left-off-canvas-menu .social-nav li a, 
.left-off-canvas-menu .social-nav li a:visited {
	padding: 0.2rem 0.3rem;
}

a.nav-search {
    opacity: 0.5;
	filter: alpha(opacity=50);
    color: #FFF;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.3rem;
}
a:hover.nav-search {
    opacity: 1;
	filter: alpha(opacity=100);
    color:#FFF;
}
.tab-bar h1 a {
    color:#000;
    text-decoration:none;
}

.social-nav li a,
.social-nav li a:visited {
    color: #FFF;
    font-size: 1.3rem;
    padding: 0px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
    line-height: 1.5rem;
}

.left-off-canvas-menu .social-nav {
	text-align: center !important;
    margin-top:10px;
}
.left-off-canvas-menu .social-nav li {
	padding: 0 0.5rem 0 0;
}


nav.social-nav {
    padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
.social-nav i span {
    text-indent: -9999px !important;
    position: absolute;
    left: -9999px;
}
nav.social-nav li a:hover,
nav.social-nav li a:active {
    opacity: 0.7;
	filter: alpha(opacity=70);
}

#contactPg nav.social-nav li a {
    font-size:1.9rem;
}

/* Buttons *********************************************************************/

/*
button, .button,
a:visited.button {
    position:relative;
    font-size:1.1rem;
    line-height: 1rem;
    color:#FFF;
    padding:1.6rem 0 0 0;
    margin: 1.25rem 0 1.25rem;
    background-color: #000;
	border-color: #000;
    border-width:1px;
    border-style:solid;
        background-image:url(/assets/gfx/bkg-btn.png);
        background-position:center center;
        background-repeat:no-repeat;
    width: 178px;
	height: 74px;
    outline:none;
    white-space:nowrap;
    transition:  all 0.3s;
}
input.button {
    padding:0;
}


button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active {
    color:#FFF;
    opacity:0.7;
    -webkit-opacity:0.7;
    filter: alpha(opacity=70);
    background-color: #000;
	border-color: #000;
    outline:none;
    transition:  all 0.3s;
}
*/

button.secondary, .button.secondary,
a:visited.button.secondary {
    color:#FFF;
    background-color: #5da9dd;
    background-image:none;
	border: 1px solid #5da9dd;    
    font-size: 0.9rem;
    text-transform: uppercase;
    padding:0.5rem 4%;
    width: auto;
	height: auto;
    -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.3);
    transition:  all 0.3s
}
button.secondary:hover, .button.secondary:hover,
button.secondary:focus, .button.secondary:focus,
button.secondary:active, .button.secondary:active,
button.secondary:visited:hover , .button.secondary:visited:hover {
    color:#FFF;
    background-color: #8db8e9;
	border: 1px solid #5da9dd;
}

/*
button.tertiary, .button.tertiary,
a:visited.button.tertiary {
    color:#7F7F7F;
    background-color: #D9D9D9;
    background-image:none;
	border-color: #D9D9D9;
    margin:0.5rem 0 1rem 0;
    padding:0.5rem 4%;
    width: auto;
	height: auto;
}
button.tertiary:hover, .button.tertiary:hover,
button.tertiary:focus, .button.tertiary:focus,
button.tertiary:active, .button.tertiary:active {
    color:#7F7F7F;
    background-color: #EBEBEB;
	border-color: #D9D9D9;
}
*/

button.small, .button.small,
a:visited.button.small {
    font-size:1rem;
    padding:0.3rem 1rem;
}
button.large, .button.large, 
a:visited.button.large {
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    font-size: 1.25rem;
}
button.expand, .button.expand {
    width: 100%;
}

button.tag:before, .button.tag:before {
    content: ' ';
    position: absolute;
    top: -8px;
    left: 47%;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 7px solid #FFF;
    border-right: 7px solid #FFF;
    border-bottom: 8px solid transparent;
    background: inherit;
}

.button i, button i {
    font-size: 1.1rem;
    margin-right: 3px;
}


/* GENERAL STRUCTURE ********************************************************************************/
.wrapper {
    position:relative; 
    z-index:1; 
    width: 100%;
    margin: 0 auto 0px auto;
    padding-bottom:0.001%;
    max-width: 100%;
    }
.stripe {
	background: rgba(255,255,255,0.5);
    margin-top: 60px;
    padding-bottom: 20px;
}
/* Header *******************************************************************************************/
#sheader {
    margin-bottom: 66px;
	position: relative;
	z-index: 99;
    }
#sheader .logo2 {
    position:absolute;
    top: 24px;
	left: -108px;
    pointer-events: none;
    display:none;
}
#homePg #sheader .logo2 {
    display:inline-block;
}
#sheader .contacts p {position:absolute; top:42px; right:15px; color:#FFF; text-align:right; font-size:1.4rem; line-height: 1;}
#sheader .contacts p small {font-size:0.9rem;}

.heading {
    padding:1rem 0; 
    margin:2rem 0; 
    border-top:1px solid #CCC; 
    border-bottom:1px solid #CCC;
}


.top-bar-section .right li:not(.has-form) a:not(.button) {
	background: transparent;
    padding: 0 15px;
    font-size:1.5rem;
}
.top-bar-section li.active:not(.has-form) a:not(.button), 
.top-bar-section li:not(.has-form) a:not(.button):hover, 
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	background: transparent;
	padding: 0 8px;
    color: #3c2313;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 8px;
    background: transparent;
    color: #3c2313;
}
.top-bar-section .right li:not(.has-form) a:not(.button) i span {
    text-indent:-9999px !important; 
    position:absolute;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	border:none;
    box-shadow: none;
}

/* Header Search */
.floating-search {
    position: fixed;
    width: 100%;
    min-height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 88;
    top: 0px;
    padding: 8% 0;
}
.floating-search form {
    position: absolute;
    width: 100%;
    top: 107px;
    padding: 0 0.9375rem;
}
.floating-search input[type="text"],
.floating-search input[type="text"]:focus {
    border:none;
    border-color: transparent;
    background:transparent;
    text-align:left;
    font-size:3rem;
    box-shadow: none;
    padding:0 0.9375rem;
    margin:0;
    height:auto;
}
	.floating-search input::-webkit-input-placeholder {
		color:#000;
    }
    .floating-search input:-moz-placeholder { /* Firefox 18- */
    	color:#000;  
    }
    .floating-search input::-moz-placeholder {  /* Firefox 19+ */
    	color:#000;  
    }
    .floating-search input:-ms-input-placeholder {  
    	color:#000;	  
    }
.floating-search a.close {
    position: absolute;
    top: -38px;
	right: 23px;
    font-size: 2rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.floating-search a:hover.close {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* COOKIES */
.cookie-detail .cookie-list {
	position: relative;
    border-top: 3px solid #FFF;
      background: #fff;
}
.cookie-list > li > a {
    position:relative;
    display:block;
}
.cookie-detail .cookie-list > li > a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition:  all 0.3s;
}


.cookie-list > li > a .overlay {
    position:absolute;
    width:100%;
    height:100%;
    opacity: 0.0;
    filter: alpha(opacity=0);
    background:rgba(255,255,255,0.2);
    transition:  all 0.3s;
}
.cookie-list > li > a:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
        background:rgba(255,255,255,0.2);
        transition:  all 0.3s;
    }

.cookie-list > li > a .overlay h2 {
    margin:0px;
    width: 100%;
    text-align:center;
    position:absolute;
    bottom:1.5rem;
}
.cookie-list > li > a .overlay h2 img {
    height:34px;
}

.cookie-detail .cookie-list .overlay h2 {
    display:none !important;
}

.cookie-main-img {
    margin-bottom:0px;
    position:relative;
}

h1.cookie-img-title {
    position:absolute;
    top:2.5rem;
    right:1.4rem;
    font-size:5.5rem;
    text-transform:lowercase;
    color:rgba(58,36,18,1);
    margin:0;
    -o-text-overflow: clip;
  	text-overflow: clip;
	text-shadow: 3px 3px 1px #FFF , -3px -3px 1px #FFF , 3px -3px 1px #FFF , -3px 3px 1px #FFF , 0 3px 1px #FFF , 0 -3px 1px #FFF , 3px 0 1px #FFF , -3px 0 1px #FFF ;
    width:100%;
    text-align: right;
      z-index: 99;
}
h1.cookie-img-title img {
    height:110px;
    /*-webkit-filter: drop-shadow(black 4px 4px 5px);
    filter: drop-shadow(black 4px 4px 5px);*/
}

.zip-slide-container {
    position:absolute;
    bottom:0;
    left:0;
}
.zip-slide-inner {
    overflow:hidden;
}
a.cookie-list-zip,
a.cookie-list-zip:visited {
  position: absolute;
  top: -24px;
  right: 0;
  height: 24px;
  width: 80px;
    background:url(/files/images/zip.png) no-repeat right bottom;
    background-size: contain;
    cursor:pointer;
    transition:  none 0.3s;
}
a.cookie-list-zip:hover,
a.cookie-list-zip:active,
a.cookie-list-zip:focus {
  opacity: 0.8;
    filter: alpha(opacity=80);
        transition:  none 0.3s;
}

a.cookie-list-unzip,
a.cookie-list-unzip:visited {
    display:none;
  position: absolute;
  bottom: 0px;
left: 0;
  height: 70px;
  width: 51px;
    background:url(/files/images/unzip.png) no-repeat right bottom;
    background-size: contain;
    cursor:pointer;
    transition:  none 0.3s;
}
a.cookie-list-unzip:hover,
a.cookie-list-unzip:active,
a.cookie-list-unzip:focus {
  opacity: 0.8;
    filter: alpha(opacity=80);
        transition:  none 0.3s;
}

a.cookie-list-zip.zipped {
    overflow: hidden;
  height: 25px;
  right: -54px;
  bottom: 0px;
  top: auto;
}
a.cookie-list-zip.zipped i {
  height: 46px;
  width: 46px;
}

.cookies-description-box {
    	margin-top: 0;
      margin-bottom: 0;
      background-color: #FFF;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
}
.cookies-description-box .ingredients {
    position:relative;
}
.addthis_native_toolbox .addthis_default_style a.at300b {
    display:block !important;
    width:100% !important;
    float:none !important;
    clear:both !important;
    height: 27px !important;
}
.cookies-description-box .ingredients .ingredients-link {
    margin-bottom:0.5rem;
    display: block;
}
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    text-decoration:none;
}

.cookie-ingredients p,
.cookie-description p {
    font-size:0.85rem;
}
.cookie-ingredients {display:none;}


/* PRESS ******************************************************************/
.press-grid {
    margin-bottom:3rem;
}
.press-list-cell a {
    display:block;
    background: #FFF;
    padding:0.8rem;
    -webkit-box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
    transition:  all 0.3s;
    text-decoration:none;
}
.press-list-cell a img {
    background: #eee;
}
.press-list-cell a:hover {
    -webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.5);
    transition:  all 0.3s;
}
.press-list-cell h5 {
    font-weight: 600;
	text-transform: uppercase;
}

.press-detail {
    background: #FFF;
    padding:1rem 1rem 1rem 0rem;
    margin-bottom: 4rem;
    -webkit-box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
}
.press-main-img {
    margin:1rem 0;
}
/*.press-description {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
}*/


/* RETAILERS */
#webapp_map_15807 {
    width:100% !important;
}

/* PRODUCTS ******************************************************************/
.catalogueList, .catalogueList > li,
.productList, .productList > li {
    list-style-type:none;
}

.prod-grid {
    margin-bottom:3rem;
}
.prod-list-cell {
    display:block;
    background: #FFF;
    padding:0.8rem;
    -webkit-box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
    transition:  all 0.3s;
    text-decoration:none;
}
.prod-list-cell img {
    background: #eee;
}
.prod-list-cell:hover {
    -webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.5);
    transition:  all 0.3s;
}
.prod-list-cell h5 {
    font-weight: 600;
	text-transform: uppercase;
}

.prod-detail {
    background: #FFF;
    padding:1rem 1rem 1rem 0rem;
    margin-bottom: 4rem;
    -webkit-box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
}
.prod-main-img {
    margin:0;
}

.price {
    color:#5da9dd;
}
.price sup {
    color:#8eba4f;
}

.prod-description {
    margin: 1rem 0;
}

.prod-detail button.secondary, .prod-detail .button.secondary, .prod-detail a:visited.button.secondary {
    margin: 0 0 1.25rem;
}
input[type="text"].productTextInput {
    width: 50%;
    display: inline-block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
}

.prod-detail h2 small {
    font-size: 45%;
    color: #aaa;
    line-height: 0;
    margin-left: 0.5rem;
}


.productAttributes {
    margin-bottom:1rem;
}
.catProductAttributeGroup {
	display: inline-block;
    width: 100%;
    padding-right: 0px;
}
.catProdAttributeTitle {
    font-size:1rem;
    font-weight:bold;
    margin:1rem 0 0.5rem 0;
}

.catProductAttributeGroup select {
    margin: 0;
}
a.cartLink {
    background: transparent;
    display: block;
    text-align: center;
    padding: 8rem 0;
}
/*
.catProductAttributeGroup label {
	line-height:1.1;
    position:relative;
    margin-bottom:10px;
}
.catProductAttributeGroup label span,
.catProductAttributeGroup input {
	display:inline-block;
    position:absolute;
}
.catProductAttributeGroup span {
	left:0;
    bottom:0;
    padding:6px 10px;
    background-color:rgba(0,0,0,0.6);
    color:#FFF;
    width: 100%;
}
.catProductAttributeGroup img {
	
}
.catProductAttributeGroup input {
	top:10px;
    left:10px;
    padding:5px;
    background-color:rgba(255,255,255,0.6);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
*/

/* desktop - tablet */
.top-bar #catCartSummary {
    position:absolute;
    top: 2rem;
    right: 1rem;
    z-index: -1;
}

.top-bar .cartSummaryLink i {
	background:#5da9dd;
    color:#FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding:1rem;
    margin-top: -1.2rem;
    font-size: 1.6rem;
  	line-height: 3.3rem;
  	height: 65px;
  	width: 65px;
  	text-align: center;
}
.top-bar .cartSummaryLink .label {
    background:#8eba4f;
    color:#FFF;
    position:absolute;
    bottom:0px;
    right:-4px;
}

/* mobile */
.tab-bar #catCartSummary {
    position:absolute;
    top: 0.3rem;
    right: 0.6rem;
    z-index: 1;
}

.tab-bar .cartSummaryLink i {
	background:#5da9dd;
    color:#FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0.2rem;
    margin-top: 0rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    height: 45px;
    width: 45px;
    text-align: center;
}
.tab-bar .cartSummaryLink .label {
    background:#8eba4f;
    color:#FFF;
    position:absolute;
    bottom: 15px;
    right: 37px;
}


a.cartSummaryLink {
    -webkit-transform: inherit;
}

/* CART ************************************************************************/

.shippingDiv select,
.shippingCountryDiv select,
.shippingStateDiv select {
    top: 2px;
    position: relative;
}        
#shippingSpan {
    display:none;
}       
input#DiscountCode {
    width:150px;
    height: 34px;
    top: 2px;
    position: relative;
}        

.prods input[type="number"] {
    text-align:center;
    font-size: 1rem;
}
.remove-link a:hover,
.remove-link a:focus,
.remove-link a:active {
	color:red;
}
.prod-thumb {
    padding:6px;
    background-color:#FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    width:100%;
}

.row.collapse.prods {
    padding-top: 1rem;
    transition: backgtound 0.3s;
}
.row.collapse.prods:hover {
    background-color: rgba(255,255,255,0.35);
    transition: backgtound 0.3s;
}

.cart-tools a {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 13px;
    height: 13px;
    display: block;
    position: relative;
    overflow: hidden;
    top: 5px;
}
.cart-tools a:before {
    content: "\f057";
}

fieldset.redeem,
.checkout-form fieldset {
    background: rgba(255,255,255,0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:none;
    padding-top: 2.5rem;
    margin-top:0;
}
fieldset.redeem legend,
.checkout-form fieldset legend {
    background: rgba(255,255,255,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:none;
    padding:0 1rem;
    top: 1.5rem;
    position: relative;
}
.postfix-radius input,
.prefix-radius input {
  z-index: 1;
  position: relative;
}
span.prefix, label.prefix {
  height: 2.3rem;
  top: 0px;
  font-size: 1.2rem;
    line-height: 2.2rem;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
    right: -1px;
  	z-index: 0;
}
span.postfix, label.postfix {
  background: rgba(255,255,255,1);
  border: none;
  color: #333;
  border-color: #ccc;
  height: 2.3rem;
  top: 0px;
  font-size: 1.2rem;
    line-height: 2.2rem;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    left: -1px;
  	z-index: 0;
}
.postfix i {
  color: #FFF;
  margin-left: 0.4rem;
}

.shippingCountryDiv {
    margin-top: 0.2rem;
}

/* Footer *******************************************************************************************/
.footer {
    background: #dec697;
    padding-top: 1.2rem;
    z-index: 1;
    position: relative;
    margin: 0 auto;
}
.footer p {
    font-size:1rem;
    color: rgba(0,0,0,1);
    margin: 1rem 0;
}
.footer nav.footer-nav {
	margin-top: 0.4rem;
}
.footer nav.footer-nav li a {
    color:#231F20;
    text-transform: uppercase;
    font-size: 1rem;
}
.footer h6 {
	font-size: 0.9rem;
	margin: 0 0 1rem 0;    
}
.footer nav.social-nav li a {
    font-size:1.5rem;
}
/*.footer-nav li a:hover,
.footer-nav li a:active,
.footer-nav li a:focus {
    text-decoration:underline;
}*/

.sub-footer {
    margin-top:1.6rem;
}
.sub-footer *,
.sub-footer p {
    color:#8d8986;
    font-size:0.8rem;
}
.copyright {
    
}


/* HOME SLIDER */


/* FORMS */

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="color"], 
textarea {
    font-size: 0.8rem;
    border:1px solid #c6c7c1;
}
    .footer input[type="text"] {
        height: 1.8rem;
    }
.prefix, 
.postfix {
	height: 1.8rem;
	line-height: 1.8rem;
}
label.inline {
    line-height:1;
}

button, 
.button {
    color:#8d8986;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 1.25rem 0 1.25rem;
    border-color:#c6c7c1;
    border-width:1px;
    border-style:solid;
    background-color:#f5f6f1;
    background: #f5f6f1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmUwZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f5f6f1 0%, #dfe0db 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f1), color-stop(100%,#dfe0db));
    background: -webkit-linear-gradient(top,  #f5f6f1 0%,#dfe0db 100%);
    background: -o-linear-gradient(top,  #f5f6f1 0%,#dfe0db 100%);
    background: -ms-linear-gradient(top,  #f5f6f1 0%,#dfe0db 100%);
    background: linear-gradient(to bottom,  #f5f6f1 0%,#dfe0db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f1', endColorstr='#dfe0db',GradientType=0 );
    transition: all 0.3s;
}
button:hover, 
.button:hover,
button:active, 
.button:active,
button:focus, 
.button:focus {
    color:#625e5c;
    border-color:#8d8986;
    transition: all 0.3s;
}
button.prefix, .button.prefix, 
button.postfix, .button.postfix {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
    margin: 0;
}


.success p {
	color: green;
    font-weight:bold;
}

/* BLOCK GRID - COOKIES */
.block-grid.no-pad {
    padding:0 !important;
    margin:0 !important;
}
.block-grid.no-pad li {
    padding:0 !important;
}


.story-bkg {
    background:#b78f68 url(/files/images/audrey-story-bkg3.jpg) no-repeat center top; /* was: audrey-story-bkg3.jpg */
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment:fixed;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*.story-bkg-img {
    position:fixed;
    top:0px;
    z-index: 0;
    width: 1230px;
}*/


#storyPg .story-bkg h5,
#storyPg .story-bkg h5 small,
#storyPg .story-bkg p {
    color:#FFF;
}
#storyPg .story-bkg p {
	font-size: 0.9rem;
}
#storyPg .img-area {
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  background: linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}

ul.bxslider-audreyisms {
  margin-top: 0.4rem;
}

/* MEDIA QUERIES ***************************************************************************/
/* Small screens */
/* Define mobile styles */
@media only screen {
	
    
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {

    h1 {
        font-size:4rem;
        margin:5rem 0 0.5rem 0;
        text-align:center;
    }
    .bx-wrapper .bxslider-home .bx-caption span h1 {
        font-size:6rem;
        margin-top:1rem;
    }
    .bx-wrapper .bx-next:before,
    .bx-wrapper .bx-prev:before {
        color:rgba(255,255,255,0.6);
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        display:none;
    }
    ul.bxslider-audreyisms li {
   		margin:1rem 0;
    }
    .footer .bx-wrapper .bx-viewport {
    	height: 140px !important;
    }
    .social-header,
    .bx-caption {
        display:none !important;
    }
    .tab-bar .middle.tab-bar-section h1 a .logo {
      top: -37px;
    }
    ul.bxslider-audreyisms li .inner {
      line-height: 1.4;
      font-size: 1.1rem;
    }
    .cookie-list .overlay h2 {
      font-size: 1.2rem;
      color: rgba(255,255,255,1);
      color:rgba(0,0,0,1);
      text-shadow: 2px 2px 0px #FFF , -2px -2px 0px #FFF , 2px -2px 0px #FFF , -2px 2px 0px #FFF , 0 2px 0px #FFF , 0 -2px 0px #FFF , 2px 0 0px #FFF , -2px 0 0px #FFF ;
    }
    #sheader {
      margin-bottom: 44px;
    }
    .footer p {
  		font-size: 0.9rem;
    }
    .cookie-detail {
      margin-top: 44px;
    }
    .cookie-detail h2 {
      margin: 0.5rem 0 1rem 0;
    }
    .addthis_native_toolbox .addthis_default_style a.at300b {
      display: inline !important;
      width: auto !important;
      float: left !important;
      clear: none !important;
      height: auto !important;
    }
    #atstbx {
      margin-top: 1rem;
    }


    
}
	@media only screen and (min-width: 640px) and (max-width: 820px)  {

	}
	@media only screen and (min-width: 0px) and (max-width: 550px)  {

	}

/* very small */
@media only screen and (max-width: 25em) {
    
	
}

/* Medium screens */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	.medium-text-right .social-nav li {
		padding: 0 0 0 0.5rem;
	}
    .tab-bar-section.middle {
        width: 197px;
    }
    .tab-bar .middle.tab-bar-section h1 a .logo {
		top: -61px;
	}
    .copyright {
    	line-height:0px;
	}
    .cookies-description-box .ingredients .ingredients-link {
        font-size:0.8rem;
        margin-top:1rem;
    }
    .cookie-detail .cookie-list .overlay h2 {
        font-size:1rem;
    }
    .footer h6 {
        margin: 0;    
    }
    .footer p {
        font-size:0.8rem;
    }
    .footer nav.footer-nav li a {
        font-size: 0.8rem;
    }
    .contain-to-grid .top-bar {
		max-width: 1230px;
	}
    .header .nav-header {
        height: 37px;
    }
    fieldset.redeem legend,
    .checkout-form fieldset legend {
        left: -1.7rem;
    }
    
    
} 

/* min-width 641px and max-width 830px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 830px) { 
a.nav-search {
    margin-top: 4px;
}
ul.bxslider-audreyisms li .inner {
      line-height: 1.4;
      font-size: 1.1rem;
    }
.press-list-intro {
    height:15rem;
    overflow:hidden;
}
.press-list-heading {
    height:4.5rem;
    overflow:hidden;
}
}

/* min-width 831px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 831px) and (max-width: 64em) {
    
} 
/* min-width 831p */
@media only screen and (min-width: 831px) {

.top-bar .name h1 {
	font-size: 1rem;
}

nav li {
    margin:0;
    padding:0 1.5rem 0 0;
    display:inline-block;
}
    .text-right nav li {
        padding:0 0 0 0.5rem;
    }
    .medium-text-right .social-nav li {
		padding: 0 0 0 0.5rem;
	}
nav li a {
    margin:0;
    padding:0.2rem 0rem 0.2rem 0;
    display:block;
}
    
.top-bar .name h1 a {
    /*width: 325px;*/
}        
    
.top-bar-section ul li>a {
    letter-spacing:0.05rem;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	font-size: 0.9rem;
	padding: 0 12px;
    background: transparent;
        line-height: 2.4rem;
}

.top-bar, .top-bar-section ul li {
background: transparent;
padding: 0px;
}

.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: transparent;
	padding: 0 12px;
        line-height: 2.4rem;
}
a.nav-search {
    margin-top: 4px;
} 
    
.feed h6 {
    margin-top:7rem;
}
#instafeed {
	margin-bottom: 8rem;
}
.feed .instaimg {
    margin:30px 40px 30px 40px;
    position: relative;
    top: 0px;
    left:auto;
    margin-left:40px;
} 
 
#contactPg h6 {
    margin:1.3rem 0 3rem 0;
} 
    
.slider-modal .slider-modal-content {
	height: auto;
    top: 7%;
}
.slider-modal .slider-modal-content a.close-slider-modal {
	width: 90px;
	height: 90px;
} 
.blog-list li a:hover .btn-cell,
.gallery-list li a:hover .btn-cell {
    background:rgba(0,0,0,0.7);
    transition:  all 0.3s;
}    
#homePg ul.gallery-list li a:hover .components {
	opacity: 1.0;
    filter: alpha(opacity=100);
    transition:  all 0.6s;
}      
.mightySlider .mSButtons {
    display:block;
}
.mightySlider .mSPages {
    display:none;
} 
.press-list-intro {
    height:7rem;
    overflow:hidden;
}
.press-list-heading {
    height:3.7rem;
    overflow:hidden;
}

}


/* Large screens */
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {

} 

/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} 

/* XLarge screens */
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {

} 

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
} 

/* XXLarge screens */
/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {

}