/* CSS Document */

html {
    font-size: 100%;
}


* { margin:0; padding:0; }

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size:12px;
    background:url(../images/bcc-bg.jpg) no-repeat #000000;
    background-size:100%;
    }  


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin: 0;
}
h1 {
    font-family: 'Pontano Sans', arial, sans-serif;
    font-size:44px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.2em;
    color: #cc6633;
}


h2 {
    font-family: 'Pontano Sans', arial, sans-serif;
font-size: 40px;
letter-spacing: .02em;
line-height: 1em;
font-weight: 400;
padding-bottom: 5px;
text-transform: uppercase;
color: #cc6633;
}
h3 {
font-family: 'Pontano Sans', arial, sans-serif;
color: #cc6633;
font-size: 32px;
line-height: 1em;
font-weight: 400;
padding-bottom:10px;
}
h4 {
    font-family: 'Pontano Sans', arial, sans-serif;
    color:#ffffff;
}
h5 {
    font-size: 1.125em; /* 18 */
    line-height: 1.333333333; /* 24 / 18 */
    margin-bottom: 1.333333333em; /* 24 / 18 */
}
h6 {
    font-size: 1em; /* 16 */
    line-height: 1.5; /* 24 / 16 */
    margin-bottom: 1.5em; /* 24 / 16 */
}
p,
blockquote {
font-family: 'Lato', san-serif;
color: #000000;
font-size: 16px;
line-height: 1.25em;
padding-top: 7px;
}
p a:link,
p a:visited {
    border-bottom: 2px solid #6af;
    color: #444;
    padding-bottom: 1px;
    text-decoration: none;
    -webkit-transition: .25s;
       -moz-transition: .25s;
        -ms-transition: .25s;
         -o-transition: .25s;
            transition: .25s;
}
p a:hover,
p a:focus {
    color: #6af;
}
p a:active {
    position: relative;
    top: 1px;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}



span.orange{color:#d56b38;}






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

Responsive Needs 

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

img{
    max-width:100%;
    height:auto;

}


.slicknav_menu {display:none;}
.mobile-logo{ display:none;}






/* 
=========================================================================
ToTop 
=========================================================================
*/

#toTop p{ 
line-height:.9em;
padding-top:22px;
font-weight:bold;
/* width:60%; */
margin:0 auto;
font-size:11px;
float:left;
padding-left:7px;
}
    
#toTop {
    z-index:1000;
        background: url(../images/back-to-top.png) no-repeat #8dcf01;
        text-align:center;
        line-height:1em;
        position:fixed;
bottom: 20px;
right: -12px;
        cursor:pointer;
        display:none;
        height: 40px;
width: 45px;
        -moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px; /* future proofing */
-khtml-border-radius: 5px 0 0 5px;


 -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;

    -webkit-box-shadow: -1px 0px 7px 2px rgba(0,0,0,0.55);
-moz-box-shadow: -1px 0px 7px 2px rgba(0,0,0,0.55);
box-shadow: -1px 0px 7px 2px rgba(0,0,0,0.55);


}

#toTop:hover {
         background: url(../images/back-to-top.png) no-repeat #8dcf01;
         color:#ffffff;
         font-weight:bold;
         right: 0;

 -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;

         }

/* 
=========================================================================
Buttons 
=========================================================================
*/

a.btn{
padding: 10px 15px 10px 30px;

margin-top: 20px;
display: inline-block;
font-family: 'Lato', sans-serif;
color: #999999;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ededed;

}

a.btn:before{
font-family: "Font Awesome 5 Free";
content: "\f101";
padding-right: 5px;
color: #cc6633;
margin-left: -16px;
}


a.btn:hover{
color:#cc6633;
}





a.btn-buy{
padding: 10px 10px 10px 30px;
background: #cc6633;
margin-top: 20px;
display: inline-block;
font-family:'Lato', sans-serif;
color:#ffffff;
font-weight:bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #ffffff;
 -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;

}

a.btn-buy:before{
font-family: "Font Awesome 5 Free";
content: "\f101";
padding-right: 5px;
color: #ffffff;
margin-left: -16px;
 -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;

}

a.btn-buy:hover:before{
font-family: "Font Awesome 5 Free";
content: "\f101";
padding-right: 5px;
color: #cc6633;
 -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}


a.btn-buy:hover{
color:#cc6633;
background:#ffffff;
border:1px solid #cccccc;
 -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}







/* 
=========================================================================
Padding 
=========================================================================
*/

.padtop, li.padtop{ padding-top:40px!important;}

.padbottom, p .padbottom{ padding:0 0 20px 0; margin-top:0;}

.nomargin{margin:0!important;}

.nopad{padding:0!important;}






/* 
=========================================================================
Global Elements 
=========================================================================
*/




.transparent-bg{
    background: rgba(00, 00, 00, 0.75); /* Green background with 30% opacity */
    width:100%;
    max-width:1200px;
    margin:0 auto;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
}

a{text-decoration:none;}

a, a:hover{    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition:         color .3s ease-in-out;
}


/* HEADER
============================================= */


.header-logo{width:29%; float:left; padding-top: 15px;}

.header-logo img{width:90%; display:block; margin:0 auto;}

#header{ display:inline-block; width:100%; padding-bottom:20px;}

/* NAVIGATION
============================================= */

#primary-nav{ 
    font-size: 12px;
    font-family: 'Lato', serif;
    padding:20px 0 0 0;
    margin-top:38px;
    font-weight:700;
    display: inline-block;
    width:71%; float:right;
    position: relative;
z-index: 9000;
}



body.home a.home,
body.about a.about,
body.ourcoffee a.ourcoffee,
body.organic a.organic,
body.roasting a.roasting,
body.buy a.buy,
body.contact a.contact,
body.trip a.trip
{ color:#cc6633!important;}



ul#menu{
    background:#ffffff;
    padding:0 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    -webkit-box-shadow: inset 0px 0px 20px -1px rgba(0,0,0,0.42);
    -moz-box-shadow: inset 0px 0px 20px -1px rgba(0,0,0,0.42);
    box-shadow: inset 0px 0px 20px -1px rgba(0,0,0,0.42);
text-align: center;
z-index:901;


}


.woodbg{background: url(../images/wood-bg-lg.jpg) no-repeat;
background-size:cover;}


.woodbg .orange-text-box{padding:20px; -webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;

-webkit-box-shadow: 20px -3px 29px 22px rgba(0,0,0,0.75);
-moz-box-shadow: 20px -3px 29px 22px rgba(0,0,0,0.75);
box-shadow: 20px -3px 29px 22px rgba(0,0,0,0.75);
}

/* ====================================================================================================================
 * PANEL
 * ====================================================================================================================*/

.panel{
  margin-top: 20px;
z-index: 1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: inline-block;
overflow: hidden;
 width: 100%;


}



.panelbox{
  background:#ffffff;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;}


.panel-text{ 
width: 40%;
float: left;
padding: 5%;
}

.panel-text h3{font-size:28px; border-bottom: 1px solid #cccccc;}

.panelbox a.btn{ 
  padding: 10px 10px 10px 25px;
  line-height:1em;
  margin-top:5px;

}


.panel-pic{width:50%; float:right; height:100%; 
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;}

.panel-pic.blends{
background:url(../images/box-bg-organic-beans.jpg) no-repeat;
background-size:cover;
}

.panel-pic.usda{
background:url(../images/box-bg-usda.jpg) no-repeat center;
background-size:contain;
}

.panel-pic.fairtrade{
background:url(../images/box-bg-fair-trade.jpg) no-repeat bottom;
background-size:cover;
}


.oval-fill{ 
  background:#ffffff; 
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
overflow:hidden;
position: relative;
line-height:0;
z-index:10;
min-height: 350px;
}


.oval-fill img{ position: absolute; max-width: 150%;}


.panel.blends > h2{ color:#7a482c; padding-bottom:20px;}

.oval-product{ 
background: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 3% 2% 2% 2%;
margin: 1%;
margin-bottom: 30px;
width: 44%;
float: left;
}

.oval-product.wide{ 
width:100%;
margin:0;
}

.prod-label{
float: left;
width: 25%;
padding-left: 15px;
}

.prod-label img{
-webkit-filter: drop-shadow(-3px 4px 7px rgba(0, 0, 0, 0.35));
filter: drop-shadow(-3px 4px 7px rgba(0, 0, 0, 0.35));
border: 2px solid #ffffff;
border-radius: 5%;
background:#ffffff;
}

.prod-label.lg {
padding: 4%;
}

.prod-label.lg img{
margin: 0 auto;
display: block;
}


.prod-desc{
  width:41%;
  float: left;
  padding-left:3%;
width: 64%;
float: right;
padding-left: 5%;
}


.prod-desc h2{font-size:30px;}
.prod-desc h3{
  font-size: 14px;
text-transform: capitalize;
font-weight: bold;
padding-top: 7px;
margin-top:7px;
border-top: 1px dotted #494949;
color:#999999;
}



.prod-title{
color: #ffffff;
/* text-align: right; */
width: 62%;
float: right;
display: inline-block;

}

.prod-title h1{line-height: 1em;
font-weight: 100;
letter-spacing: .05em;
color:#ffffff;
}




.prod-chart{
  width:32%;
  padding-left:3%;
  float: right;
}



.prod-thumb{
width: 27%;
display: inline-block;
padding: 2%;
margin: .5% 1%;
-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,1);
box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,1);
border-radius: 20px;
background: url(../images/wood-bg1.jpg) center left;
background-size:cover!important;
}


.prod-thumb:nth-child(2n+1) {background:url(../images/wood-bg1.jpg) center left;} 
.prod-thumb:nth-child(3n+2) {background:url(../images/wood-bg2.jpg) center left;} 
.prod-thumb:nth-child(5n+3) {background:url(../images/wood-bg3.jpg) center left;} 
.prod-thumb:nth-child(7n+5) {background:url(../images/wood-bg4.jpg) center left;} 
.prod-thumb:nth-child(11n+7) {background:url(../images/wood-bg5.jpg) center left;}


.prod-thumb .prod-label{
  width: 38%;
  padding-left: 0;

}

.prod-thumb .prod-desc {
padding: 0;
width: 42%;
float: right;
padding: 20px;
background: rgba(0, 0, 0, 0.8);
}


.prod-thumb .prod-desc h2{
font-size:22px;
color:#ffffff;
}

.prod-thumb .prod-desc h2 span{
font-size: 16px;
text-transform: uppercase;
display: inline-block;
width: 100%;
/* font-weight: bolder; */
color: #ca8e19;
}



.prod-detail h1{color:#ffffff;}

.prod-detail .prod-label img{ max-width:85%; display:block; margin:30px auto; }



/* ====================================================================================================================
 * Pages
 * ====================================================================================================================*/

 .about-bg{ background:url(../images/about-bg.jpg) center left; }
  .whyorganic-bg{ background:url(../images/why-organic-bg.jpg) center left; }


.hero-pic{ 

position: absolute;
width: 100%;}


.hero-pic img{max-width:auto;}

.orange-text-box{ 
width: 50%;
float: right;
background:rgba(0, 0, 0, 0.8);
color: #ffffff;
position: relative;
top: 0;
right: 0;
height: 100%;
line-height: 1.2em;
z-index: 4000;
min-height:400px;

}


.orange-text-box > div{padding: 35px 40px;}

.orange-text-box p{
color: #ffffff;
font-size: 16px;
line-height: 1.45em;
}

body.ourcoffee .orange-text-box{min-height:350px;}

.orange-text-box.lg{width: 58%; padding:4%;}

.orange-text-box h2 {width: 85%;     padding-top: 20px;} 

.orange-text-box.lg h2 span{
font-size: 80%;
width: 100%;
display: block;
color: #ffd45b;
}


.orange-text-box.lg .notes{
padding: 20px 0 0 0!important;
margin-top: 15px;
border-top: 1px dotted #79594c;
}

.notes h3{color:#ffffff;
padding-bottom:20px;
font-size:18px;
font-family: 'lato', sans-serif;
}

.notes h3 span{ font-size: 14px;
text-transform: uppercase;
width: 100%;
display: block;
color: #ffd45b;
color: #ffffff;
font-weight: bold;
line-height: 1em;
}

p.price-pound{
border-bottom: 1px dotted #79594c;
font-weight: bolder;
padding-bottom: 10px;
color: #ffffff;
font-family: 'Pontano Sans', arial, sans-serif;
font-size: 22px;
}


.back-to{
position: absolute;
right: 0;
top: -25px;
padding: 4%!important;
padding-top:30px!important;
display:block;
opacity:.5;
  -o-transition:      opacity .3s ease-in-out;
    -ms-transition:     opacity .3s ease-in-out;
    -moz-transition:    opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition:         opacity .3s ease-in-out;}

.back-to img{
      width: 42px;
    height: 40px;
    display:block;
margin: 0 auto;
-o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition:         all .3s ease-in-out;
float:left;
  }
.back-to p{
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    float: right;
    padding-top: 0;
    padding-left: 6px;}


.back-to:hover {
  opacity:1;
  -o-transition:      opacity .3s ease-in-out;
    -ms-transition:     opacity .3s ease-in-out;
    -moz-transition:    opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition:         opacity .3s ease-in-out;}


/* ====================================================================================================================
 * FOOTER
 * ====================================================================================================================*/



.footer{ 
  padding: 20px;
  margin: 20px;
  border-top: 1px solid #d56b38;
 }

.fb-like{ float:left; padding-right:15px; }

.copyright{
font-family: arial, san-serif;
color: #999999;
font-size: 9px;
line-height: 23px;}


.footer-logo{float:right;}










/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/



.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  position: relative;
  zoom: 1;
  overflow:hidden;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  display: inline-block;
color:#ffffff;
text-shadow: 0px 0px 2px #cc6633;

}




.flex-direction-nav a.flex-next:before {
  content: "\f054";
}

.flex-direction-nav a.flex-prev:before {
  content: "\f053";
}

a.flex-prev{ left:20px; text-align:left; }
a.flex-next{ right:20px; text-align:right;}


.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 40px;
right: 40px;
text-align: center;
z-index: 1002;
text-align:right;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 20px;
  height: 20px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #ffffff;
  text-indent:1000px;
}
.flex-control-paging li a:hover {
  background: #cc6633
}
.flex-control-paging li a.flex-active {
  background: #ffffff;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}





.flex-text{
    width: 25%;
padding: 50px;
background:rgba(0, 0, 0, 0.8);
position: absolute;
z-index: 1002;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
top: 50%;
left: 70px;
transform: translate(0, -50%);
}

.flex-text h2{color: #cc6633;}

.flex-text p{
    font-family: arial, san-serif;
font-size: 14px;
font-weight: 100;
letter-spacing: .05em;
line-height: 1.5em;
color: #ffffff;}



/* #Slick Nav
  ================================================== */


  /*
      Mobile Menu Core Style
  */

  .slicknav_btn { position: relative; 
    display: block; 
    vertical-align: middle; 
    float: right; 
    padding: 0.438em 0.625em 0.438em 0.625em; 
    line-height: 1.125em; 
    cursor: pointer; 
    -webkit-box-shadow: inset 0px 0px 10px 1xpx rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  }
  .slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
  .slicknav_menu .slicknav_icon { 
    float: left; 
    margin: 0.188em 0 0 0.438em; 
  }

  .slicknav_menu .slicknav_no-text { margin: 0 }
  .slicknav_menu .slicknav_icon-bar { display: block; display: block; width: 1.5em; height: 0.25em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 4px; }
  .slicknav_nav { clear: both }
  .slicknav_nav ul,
  .slicknav_nav li { display: block }
  .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item { cursor: pointer; }
  .slicknav_nav .slicknav_row { display: block; }
  .slicknav_nav a { display: block }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a { display: inline }
  .slicknav_menu:before,
  .slicknav_menu:after { content: " "; display: table; }
  .slicknav_menu:after { clear: both }
  /* IE6/7 support */
  .slicknav_menu { *zoom: 1 }

  /* 
      User Default Style
      Change the following styles to modify the appearance of the menu.
  */


  /* Button */
  .slicknav_btn {
      margin-right:15px;
      text-decoration:none;
      
     margin: 30px 10px 20px 0;
  }

  .slicknav_btn:hover{ }

  /* Button Text */
  .slicknav_menu  .slicknav_menutxt {
      color: #ffffff;
      font-size:18px;
font-weight: bold;
  font-family: 'Pontano Sans', arial, sans-serif;
  }
  /* Button Lines */
  .slicknav_menu .slicknav_icon-bar {
    background-color: #d56b38;
  }
  .slicknav_menu {
      

      
  }
  .slicknav_nav {
color: #fff;
margin: 0;
margin-top: 10px;
font-size: 16px;
font-family: 'Pontano Sans', arial, sans-serif;
margin-bottom: 20px;
letter-spacing: .07em;
z-index: 900;
position: relative;

  }
    
  .slicknav_nav li.mobile_nav.firstshadow{  
     -webkit-box-shadow: inset 0 20px 20px -25px rgba(0,0,0,0.8);
      -moz-box-shadow: inset 0 20px 20px -25px rgba(0,0,0,0.8);
      box-shadow: inset 0 20px 20px -25px rgba(0,0,0,0.8);
    
  }

  .slicknav_nav, .slicknav_nav ul {
      list-style: none;
      overflow:hidden;
    
  }
  .slicknav_nav ul {
      padding:0;
      margin:0 0 0 20px;
  }
  .slicknav_nav .slicknav_row {

  }
  .slicknav_nav a{
     
      text-decoration:none;
     
    width:100%;
  }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a {
      padding:0;
      margin:0;
    


  }
  .slicknav_nav a:hover{


      color:#FFFFF;
  }
  .slicknav_nav .slicknav_txtnode {
       margin-left:15px;   
  }

  .slicknav_nav li{ 
  display: block;
  border-bottom: 1px solid #d56b38;
  background: rgba(0, 0, 0, 0.8);
  padding: 12px 20px 12px 20px;
  text-align: right;
}

  .slicknav_nav li a{color:#ffffff; font-weight:bold;}


  .slicknav_nav li.mobile_nav { background:#15722b; color:#ffffff; font-weight:900;}






/* 7 - DROPDOWN MENU - Superfish
============================================= */


.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}

 ul.sub{
font-size:13px;
text-align:center;
font-weight:bold;
background: rgba(204, 102, 51, 0.92);
z-index:100;
padding-top:10px;
}


ul.sub li{padding:0;}


ul.sub li a{
    padding: 10px 20px!important;
display: block;
color:#ffffff;
    -webkit-transition: .25s;
       -moz-transition: .25s;
        -ms-transition: .25s;
         -o-transition: .25s;
            transition: .25s;
}



ul.sub li a:hover{
    background:#ffffff;
    color:#cc6633;
        -webkit-transition: .25s;
       -moz-transition: .25s;
        -ms-transition: .25s;
         -o-transition: .25s;
            transition: .25s;
}


ul.sub li:last-child a,ul.sub li:last-child a:hover{
     -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; 
}


#primary_nav .sfHover a{border-bottom:2px solid #8dc63f;}

.sf-menu {
    float: right;
    margin-bottom: 1em;
    width:auto;
  padding-right:30px;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.sf-menu a {
    
    padding: 0 1em;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu a {
    color: #a6897e;
    padding: 20px 7px;
}
.sf-menu li {
    
    white-space: nowrap;
-webkit-transition: background .2s;
transition: background .2s;

}

.sf-menu li:hover,
.sf-menu li.sfHover {
    
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right:20px !important;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    /* margin-top: -3px; */
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 3px solid transparent;
    border-top-color: #999999; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #666666; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #333333; /* edit this to suit design (no rgba in IE8) */
    
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #333333;
}

ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul,
ul.sf-menu li ul
{

    left: auto;
}



ul.sub{ -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; }


.slicknav_nav li ul.sub,.slicknav_nav li ul.sub li{background:none;}
.slicknav_nav li ul.sub li{border:none;}
.slicknav_nav li ul.sub li a{background:none; width:auto;}
.slicknav_nav li ul.sub li a:hover{color:#ffffff;}



/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/


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

.flex-text{width:35%; padding:20px;}

#primary-nav{width:80%;}
.header-logo{width:20%;}

}







@media screen and (max-width: 1024px) {
  
#primary-nav a {padding: 15px 0.8em;
font-size: 11px;}

.slicknav_menu{height: 100px;
background: rgba(0, 0, 0, 0.66);
}

.flex-text h2{font-size:32px;}

.slicknav_menu, .mobile-logo {display: block;}

#header{display:none;}

.mobile-logo img{height: 77px;
width: auto!important;}

.mobile-logo{ 
  left:20px;
top: 0px;
position: absolute;
z-index: 9000;
    }

.prod-thumb {width:43%;
}


}

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







.panel{margin-top:0;}






}



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


body{background-size:contain;}

  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }

.flex-control-nav{
display:none;}

.flexslide { position:relative; }

.flexslide img{
    height: auto;
    -moz-user-select: none;
    position: relative;
    z-index: 1000;
}


.flex-text{ 
position: static;
width: auto;
padding-top: 20px;
transform: none;
border-radius: 0;
padding: 20px 40px;
min-height: 150px;

border-radius: 0;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;

 }


.flex-direction-nav a:before{font-size:24px;}

.flex-direction-nav a{width: 20px; height: 24px;}



.panelbox{ margin-bottom:20px;}

.footer-logo{float: none;
text-align: center;}

.copyright{float: none;
text-align: center;
width: 100%;
display: inline-block;}

.fb-like{padding-right: 0;
width: 100%;
text-align: center;
margin-bottom: 5px;}

.footer{padding:20px 0;}


.orange-text-box{ width:100%; min-height:auto!important;}

.oval-fill img{ position: static;}

.hero-pic{
overflow: hidden;
position:static;
}

.hero-pic img{max-width:100%!important;}


.prod-title{
  width:100%;
  text-align: right;
  padding-top: 10px;

}

.prod-title h1{ font-size:32px;}

.panel.woodbg{margin-top:10px;}


}


@media screen and (max-width: 550px) {
.oval-product{width:auto; padding:30px 20px 0 20px; }
.oval-product[style]{height:auto!important;}

.prod-label, .prod-desc, .prod-chart {width:100%;}


.prod-thumb {width:87%; padding:5%;}

.prod-label.lg{width: 92%;}
.prod-label.lg img{max-height:400px;}
.prod-title{text-align:left;}
.prod-title h1{font-size:28px; line-height:1em; font-weight:normal;}






.orange-text-box.lg{

width:auto;
padding:30px;
margin-top:20px;
-webkit-box-shadow: 4px -3px 25px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 4px -3px 25px 2px rgba(0,0,0,0.75);
box-shadow: 4px -3px 25px 2px rgba(0,0,0,0.75);
border-radius: 0;
}



}





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


.slicknav_menu{height:85px; padding-top:5px;}


h1{font-size:38px;
line-height: 1em;}

p{line-height:1.2em;}

.orange-text-box > div {
padding: 20px;}


.prod-thumb .prod-desc h2 {font-size:20px;}

.mobile-logo img{height:65px;}

.mobile-logo {top:5px;}


}




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


h1{font-size: 35px;}

h2{font-size:30px;}
.flex-text{padding:24px;}



}