/* */

/*
 * 
 * 
 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Global Helper classes
   ========================================================================== */  
h1,h2,h3,h4,h5,h5 	{ font-weight:bold;}   
.mtn          { margin-top:0 !important;}
.mbn          { margin-bottom:0 !important;}
.mln          { margin-left:0 !important;}
.mrn          { margin-right:0 !important;}

.pam          { padding: 15px !important;}
.pln          { padding-left:0 !important;}
.prn          { padding-right:0 !important;}
.ptn          { padding-top:0 !important;}      
.pbn          { padding-bottom:0 !important;}

.brtn         { border-top: none !important;}

.br3          { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.tac          { text-align:center;}
.wrapper                { margin: 0; padding: 0; }
.container    { max-width:980px; padding:0; /*width:980px;*/}
.breadcrumb   { background: #ffffff; margin: 0 0 15px;}
option        { background: #fff;}
.bg-wht           { background: #ffffff;}
.page-header      { margin-top: 20px; font-size:28px; font-family:"lato"; color:#336633; font-weight:bold;}
.welcome-title	{ margin: 182px 0 0 15px; padding:0; text-transform:uppercase;}
.welcome-title h1 { margin:0; padding:0; font-family:"lato"; font-size:40px; color:#231f20;}
.welcome-title h3 { margin:0; padding:0; font-family:"bebas_neueregular"; font-size:44px; color:#53464a; line-height: 45px; font-weight:normal;}

body { background:#333 url('../media/bg-artwork.jpg') no-repeat fixed center top;}

/* ==========================================================================
   Header classes
   ========================================================================== */

#headertop { margin:0; padding:0; width:100%; /*background:#f5f5f5; height:325px; */position:absolute; z-index:-999;}


.main-header      { /*background:#f5f5f5;*/ border-top:3px solid #333333; padding:65px 0 0;}
.logo                   { background: url(../media/logo.jpg) no-repeat; width:145px; height:100px;}
.srch-hldr        { margin:0; padding:0px;}
.srch-hldr > .navbar-form { margin:0; padding: 0 5px; }
.nav-links        {  padding: 70px 0 10px 50px; text-align: left;}
.nav-links a      { padding:0; font-weight:700; font-size:14px; } 
.nav-links a.bttn      { color:#fff; background:#333; padding:5px 10px; font-weight:700; font-size:14px; } 
.nav-links a:hover.bttn  { background:#111; text-decoration:none;}  
.cart-hldr        { margin: 0; padding: 64px 0 0; border:#ccc; }
.cart-hldr a      { margin:0; padding:5px; background:#333; font-weight:700; font-size:14px;display:block; color:#fff; text-align:center; text-decoration:none;}
.cart-hldr a:hover { background:#111; text-decoration:none;} 
.cart-hldr .cart-total  { display:block; margin:0; padding:5px; font-size:14px; font-weight:bold; border: 1px solid #DDDDDD; background-color: #fff;}
.cart-hldr .cart-total .fa  { color:#cccccc;}
.top-nav	{ background:#938885; margin: 10px auto -10px; padding:10px 0px; }
.top-nav a 	{ color:#333; font-weight:bold; padding: 8px 15px 0 0; display: inline-block; text-decoration:none; font-size:14px;  }
.top-nav a:hover { color:#000;}
.top-nav a i  { font-size: 19px; }

select                 {
    border: 1px solid #ccc;
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #cccccc 0%, #f2f2f2 47%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(47%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cccccc 0%,#f2f2f2 47%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cccccc 0%,#f2f2f2 47%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cccccc 0%,#f2f2f2 47%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cccccc 0%,#f2f2f2 47%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

/* ==========================================================================
   Nav Styles
   ========================================================================== */
.navigation             { background-color: #333/*#E35700*/; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;display: block;}
.navigation ul.nav      {margin-bottom: 15px; position: relative;;}
.navigation  li         { border-right: 1px solid #222; float: left;font-size: 0; position:static;}
.navigation  li a      { color: #FFF; display:table-cell; vertical-align:middle;  height: 60px; margin: 0; max-width: 122px; font-size: 14px; padding: 10px 15px; text-align: center; z-index: 205;text-decoration: none;}
/*.navigation li a        { padding:20px 15px; text-decoration: none; color: #FFF;border-right: 1px solid #0A5A1D;text-align: center;}*/
.navigation  li:hover > a  { background: #111;}
.navigation  li:last-child{ border-right:none;}
.navigation  li a.active { background: #111!important;}
.navigation ul.nav li .sub-menu { position:absolute; background:#cbc3b6/*#f7dfd0*/ ; display: none;  z-index: 999; color:#333333; width: 100%; padding:10px; left:0; top:60px;  -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition:all 1s;      transition: all 1s;}
.navigation ul.nav li:hover .sub-menu   { display:block;}
.navigation ul.nav li .sub-menu span    { margin:0; padding:0; display:inline-block; float:right; }
.navigation ul.nav li .sub-menu span a  { margin:0; padding:0; border:none; }
.navigation ul.nav li .sub-menu span a img  { width:160px;}
.navigation ul.nav li .sub-menu ul  { width:225px; margin:0 15px 0 0; padding: 0; float:left; }
.navigation ul.nav li .sub-menu ul h4  { text-transform:uppercase;  margin:0 0 10px; font-size: 15px; font-weight: bold; display: block; padding:10px 5px; border-bottom: 1px solid #333333;}
.navigation ul.nav li .sub-menu li a    { color:#333333 !important; margin:0; padding:0 0 5px 5px; max-width: none;; font-weight:normal; text-align: left;  display:block; height: auto;}
.navigation ul.nav li .sub-menu li a:hover  { /*border-bottom:1px solid #333;*/ background: none; color: #000; text-decoration:underline; }
.navigation ul.nav li .sub-menu li:first-child  { }
.navigation ul.nav li .sub-menu li  { display:list-item; float: none !important;  border: none;}  


.sticky-nav     { position: fixed; left: 0; right: 0; top: -14px; z-index: 999;}
/* ==========================================================================
   Containers Styles
   ========================================================================== */
.top-height {height:335px;}
.row-title        { margin:5px 0 15px; padding:0; font-size:20px; font-family:"lato"; color:#333; font-weight:bold; text-transform:uppercase;}
.prdct-row        { margin:15px 0; padding:10px; border:1px solid #ccc; position:relative;background: rgba(255, 255, 255); /* Fallback */ background-color: rgba(255, 255, 255, 0.9);  }
.prdct-hldr             { margin:0; padding:10px 10px; border:1px solid #ccc; /*width:24.20%;*/ float:left;  min-height: 310px;}
.prdct-hldr p         { margin:0; padding:5px 0; color:#bbb; text-align:center; font-size:13px;}
.prdct-hldr a         { color: #333; text-decoration: none;}
.prdct-hldr h2          { margin:0; padding:0; font-size:16px; font-weight:600; height: 45px;}
.prdct-hldr select      { margin:5px 0 0; padding:5px; font-size:11px; font-weight:normal; width:100%;}
.details        { margin:0; padding:10px 0;}
.details span     { margin:0; padding:5px 0 0; display:block; color:#336633; font-size:16px; font-weight:bold;}
.details span small   { display:block; color:#333; font-weight:normal; }
.prdt-img-hldr      { float:left; width:52%; position:relative; }
.fixed-img 	{    height: 170px;    width: 105px;}
.overlay-icon     { position:absolute; top: 25px; right: 0; width: 100%;}
.pricing        { float:left; width:48%; padding-left: 10px;}
.icon-hldr        { color:#333; font-weight:normal; padding:5px 0 0; }
.icon-hldr i      { padding:7px 0 0; color:#333;}
.icon-hldr small    { font-size:10px;}
.view-all-btn     { position:absolute; top:10px; right:10px; font-weight:bold;}


.mid-icon-hldr	{ /*background:#938885;*/ background: rgba(147, 136, 133); /* Fallback */
background-color: rgba(147, 136, 133, 0.9); color:#fff; margin: 0; padding:15px 5px;}
.mid-icon-hldr a { color:#fff; text-decoration:none;}
.mid-icon-hldr a:hover p {  text-decoration:underline;}

.mid-icon-hldr > section { padding:0 10px;}
.mid-icon-hldr p 	{ font-size:13px; margin:2px 0;}
.mid-icon-hldr img{ width:38%; margin:5px 0 ;}
.md-text-hldr	{ width:60%;}
.b2r		{ border-right:2px solid #fff;}
/* ==========================================================================
   Listing page Styles
   ========================================================================== */

.sdbr-hldr        {  padding:0 !important;}
.sdbr-hldr .fltr-hldr { margin:0 0 15px; background: rgba(255, 255, 255); /* Fallback */ background-color: rgba(255, 255, 255, 0.9); }
.sdbr-hldr .fltr-hldr .nav-pills  { /*max-height:250px;*/ overflow:auto;}
.sdbr-hldr .fltr-hldr h3  { padding:5px 10px; margin:0; background:#555; color:#fff; font-size: 16px; }
.sdbr-hldr .fltr-hldr .nav-pills li a { padding:5px 10px !important; color:#333;}

.rght-cntnr         { padding-right:0;}
.lstng-hldr         { margin:0; padding:0;}
.lstng-hldr .prdct-hldr      { display:none; margin: 0 0 10px;}
/*.lstng-hldr .prdct-hldr select  {margin:5px 0 0; padding:5px; font-size:13px; font-weight:normal; width:100%;}*/
 
.opt-hldr         { background:#555; padding:10px; color:#fff; margin:0}
.opt-hldr select      { margin:0; padding:2px; font-size:13px; }

.prd-list         { margin:10px 0; padding:10px; border:#ddd 1px solid; background: rgba(255, 255, 255); /* Fallback */ background-color: rgba(255, 255, 255, 0.9); }
.prd-list  a         { color: #333; text-decoration: none;}
article:hover.prd-list    { background:#f5f5f5;}
.list-prdt-img-hldr     { float:left; width:105px; height:170px; border:1px solid #ccc; overflow:hidden; position:relative;}

.list-prdt-details      { float:left; width:58%; padding:0 10px; }
.list-prdt-details .icon-hldr { margin:0; padding:10px; display:block; font-size:16px; color:#336633;}
.list-prdt-details .icon-hldr i { color:#336633}

.list-prdt-details  h2    { margin:0; padding:0; font-size:18px; font-weight:600;}
.list-prdt-details  p   { margin:5px 0; padding:0 0 15px; font-size:12px; /*border-bottom:1px solid #f1f1f1; */ }


.list-pricing       { float:right; margin:0; padding: 15px; background:#f1f1f1; width:25% }
.list-pricing span      { margin:0; padding:5px 0 0; display:block; color:#336633; font-size:18px; font-weight:bold;}
.list-pricing span small  { color:#333; font-weight:normal; font-size:12px; }
.list-pricing  select   { margin:5px 0 0; padding:5px; font-size:11px; font-weight:normal; width:100%;}
.list-pricing .btn      { margin:10px 0 0;}
.read-more                  { color: #E35700 !important;}
.view-all               { margin-top: 0;}
.view-all .prdct-hldr   { margin-bottom:10px !important; }

/* ==========================================================================
   Details Styles
   ========================================================================== */
.dtl-pg-hldr                { background: rgba(255, 255, 255); /* Fallback */ background-color: rgba(255, 255, 255, 0.9); padding: 10px}
.dtl-img-hldr               { border:1px solid #f1f1f1; overflow:hidden;}
.dtl-img-hldr .caption      { text-align: center; display: block; color: #bbb; font-size: 12px; margin: 5px;}
.dtl-itm-tle                { margin:5px 0 10px; padding:0; font-size:28px; font-family:"lato"; color:#336633; font-weight:bold;}
.dtl-info-hldr              { float: left; width: 55%}
.dtl-info-hldr span         { margin:0; padding:5px 0; display:block; color:#333; font-size:14px; font-weight:normal; border-top: 1px dashed #bbb;}
.dtl-add-hldr .icon-hldr    { margin:0; padding:10px 0; display:block; font-size:14px; color:#333;}
.dtl-add-hldr .icon-hldr  i { color:#333}
.dtl-add-hldr               { float: left; width: 45% ; background:#f5f5f5; padding:15px 20px}
.dtl-add-hldr > span          { margin:0; padding:5px 0; display:block; color:#336633; font-weight: bold; font-size:20px; }
.dtl-add-hldr small         { color:#333; font-weight:normal; font-size:16px;}
.dtl-add-hldr select        {  margin:5px 0 10px; padding:5px; font-size:11px; font-weight:normal; width:100%;}
.dtl-hglt-hldr              {  margin: 5px 0 10px; padding: 5px 0; }
.dtl-hglt-hldr  h4          { margin:0; padding:0; font-size:18px; font-weight:600;}
.est-del				{ margin:10px 0; padding:0;}
.est-del-rslt			 {  margin:10px 0; padding:0; font-size:12px; font-weight:bold; text-align:center;}
.social-share               { opacity: 1;}
/*div:hover.social-share      { opacity: 1;}*/
.social-share ul            { margin:5px 0 ; padding:10px 0; border-top: 1px dashed #f1f1f1;}
.social-share li            { display:inline; }
.social-share a i           { padding:8px 0 0; color:#fff;  text-align: center; display:inline-block; width: 30px;  height:30px; -webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px; }
.social-share i.fa-facebook { background:#1c60ab;}
.social-share i.fa-twitter  { background:#09bfcd;}
.social-share i.fa-google-plus { background:#000;}
.social-share i.fa-pinterest { background:#cb2027;}
.social-share i.fa-envelope { background:#cb2027;}
.social-share a:hover i     {background:#bbb; color: #333;}

.panel-title                {font-weight: 600; color: #555;}
/* ==========================================================================
   Magnifier Styles
   ========================================================================== */

/*Lets create the magnifying glass*/
.magnify  { cursor: crosshair;}
.large {
  width: 300px; height: 300px;
  position: absolute;
  border-radius: 100%;
  
  /*Multiple box shadows to achieve the glass effect*/
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
  0 0 7px 7px rgba(0, 0, 0, 0.25), 
  inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  
  /*Lets load up the large image first*/
  /*background: url('../media/product/wine-1-big.jpg') no-repeat;*/
  
  /*hide the glass by default*/
  display: none;
}

/*To solve overlap bug at the edges during magnification*/
.small { display: block; }

/* ==========================================================================
   Register Styles
   ========================================================================== */

.register-pg-hldr   { background: #fff; padding:  15px 0;}
.register-pg-hldr > div:first-child  { border-right: 1px dashed #ccc;}
.page-title           { margin:0 0 15px; padding:0 0 15px; font-size:20px; font-family:"lato"; color:#336633;font-weight:600; border-bottom: 1px solid #eee;}

.sml-promo                  { border: 1px solid #ddd;}

.panel-heading > a           { color: #000; text-decoration: none;  font-weight: bold; }
.panel-heading .accordion-toggle:after { font-family: FontAwesome;   content: "\f054";     float: right;   color: #111; /* margin-top: -21px;*/}
.panel-heading .accordion-toggle.collapsed:after {     content: "\f078";   }

button.facebook           { background:#1c60ab; color: #fff;}
button:hover.facebook , button:active.facebook ,  button:focus.facebook      { background:#003366; color: #fff;}
.orhldr             { position: relative; border-bottom: 1px solid #ddd; padding: 15px 0; margin-bottom: 25px}
.orhldr p         { position: absolute; left:50%;  margin-left:-5%;top: 6px; color: #bbb; background: #fff; padding: 0 10px; font-weight: bold; }


/* ==========================================================================
    Cart Styles
   ========================================================================== */

.cart select       {   margin:5px 0 10px; padding:5px; font-size:14px; font-weight:normal; background: #fff; }
.cart td           { vertical-align: middle !important;}
.cart .fa-trash-o  { color: red;}

.gtl                { color:#336633; font-size:20px; font-weight:bold;}

.pad-r-0 {padding-right:0;}


/* ==========================================================================
   Wine Club page Styles
   ========================================================================== */
.mem-crd-hldr-2 	{ margin-top:85px;   padding:25px; background:#e0dad3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.mem-crd-hldr-2 > div { padding:0 15px 0 ;}
.mem-crd-2		{ margin-top:-95px;}
.phn-no-2			{ margin-top:10px; font-size:0.9em; display:block; text-align:center ; font-weight: bold;}
a.join2			{ margin-top:10px; padding:5px; font-size:18px; border:1px solid #363;  color:#fff; font-weight:bold; 
background:  #333; /* Old browsers */
}
a:hover.join2 	{ background:#333;}
.mem-crd-pitch-2  	{ margin:15px; font-size:0.9em; display:block; text-align:center;}
.wc-step	{ padding:10px 15px;}
.wc-step > div { padding:5px;}

/* ==========================================================================
   Footer Styles
   ========================================================================== */


.f-top          { margin:0; padding:25px 0;background: rgba(243, 238, 232); /* Fallback */ background-color: rgba(243, 238, 232, 0.9); color:#333}
.f-mid          { margin:0; padding:25px 0; background:#e7e3da; color:#666666}
.f-bot          { margin:0; padding:10px 0; background:#000; color:#fff; font-size:12px;}
.subscribe > span     { float:left; width:210px;}
.subscribe > span h3    { margin:0; padding:0; font-size:18px; font-weight:bold;}
.subscribe i.fa-envelope      { float:left; margin-right:10px !important;}
.subscribe p      { margin:0; padding:0; font-size:11px; }  
.mem-crd-hldr 	{ margin-top:37px; padding:10px; background:#e0dad3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.mem-crd-hldr > div { padding:0 5px 0 10px;}
.mem-crd 		{ margin-top:-35px;}
.phn-no			{ margin-top:6px; font-size:0.9em; display:block; text-align:center ; font-weight: bold;}
a.join			{ margin-top:10px; padding:5px; border:1px solid #363;  color:#fff; font-weight:bold; 
background: #333; /* Old browsers */
}
a:hover.join 	{ background:#333;}
.mem-crd-pitch  	{ font-size:0.8em; display:block; text-align:center;}
.f-link         { margin:0; padding:0; float:left; width:205px;}
.f-link h4        { margin:0 0 10px; padding:0; font-size:14px; text-transform:uppercase; font-weight:bold; color:#333;}
.f-link li        { list-style:none;}
.f-link li a      { color:#333; font-size:12px}
.f-mid i        { display:block; margin-top:10px; display:table-cell; vertical-align:middle;}
.f-mid small      { display:block; float:left; width:88%;}
.f-mid .social      { margin:0;  padding:15px; list-style:none;}
.f-mid .social li   { display:inline;}
.f-mid .social a i    { padding:0 5px 0 0; display:inline-block; }
.f-mid i.fa-facebook  { color:#1c60ab;}
.f-mid i.fa-twitter   { color:#09bfcd;}
.f-mid i.fa-google-plus { color:#000;}
.f-mid i.fa-youtube-play{ color:#ce0000;}
.f-mid i.fa-instagram { color:#3c1603;}
.f-mid .social  a:hover i { color:#333; text-decoration: none;}

.social-sidebar { margin:0;  padding:10px; list-style:none; position:fixed; left:0; top:25%; background: rgba(243, 238, 232); /* Fallback */ background-color: rgba(243, 238, 232, 0.3); text-align:center; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0 ; border-radius:0 3px 3px 0;}
.social-sidebar li   { display:;}
.social-sidebar a i    { padding:0 5px 0 0; display:inline-block; }
.social-sidebar i.fa-facebook  { color:#1c60ab;}
.social-sidebar i.fa-twitter   { color:#09bfcd;}
.social-sidebar i.fa-google-plus { color:#000;}
.social-sidebar i.fa-youtube-play{ color:#ce0000;}
.social-sidebar i.fa-instagram { color:#3c1603;}
.social-sidebar  a:hover i { color:#333; text-decoration: none;}

#crt-notify-hldr    { display: none;}
  .crt-notify       { position: fixed; left: 50%; top: 45%;  z-index:999999; } 
  .crt-text         { position: relative; left: -50%;  background: #336633; color: #fff; border: 2px solid rgba(0,0,0,0.2); padding: 10px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;   border-radius: 5px;  text-align: center; }
  .fade-bg          { position: fixed; left: 0; top:0 ; width: 100%; height: 100%; background: rgba(0,0,0,0.8);z-index: -1  }





/* ==========================================================================
   Helper Styles
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/*@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
/*
@media only screen and (min-width: 1024px) {
   .prdct-row .prdct-hldr   {margin: 0 10px 0 0;width: 24.2%;}
}
@media only screen and (max-width: 768px) {
    #headertop              {height: 300px;}
    .row-top                {margin-right: 0px;  margin-left: 0px;}
    .row-top .slider        {margin-left: -15px;}
    .prdct-row .prdct-hldr  {margin: 0 5px 10px; width: 48.6%;}
    .icon-hldr i            {padding: 0;}
    footer .container .col-md-8{margin: 20px auto;}
    .f-bot .container       {text-align: center;}
}
@media only screen and (max-width: 640px) {
    .main-header            {padding: 5px 15px;}
    .srch-hldr, .nav-links  {margin: 10px auto; padding: 0;}
    .row-top .slider        {margin-bottom: 10px;}
    .row-top .banner        {margin: 0; padding: 0;}
    .prdct-row .prdct-hldr  {margin: 0 5px 10px; width: 49.1%;}
    .prdct-row .prdct-hldr:nth-child(2n){margin: 0 0px 10px;}
    .f-link                 {width: 25%;}
}
@media only screen and (max-width: 480px){
    .prdct-row .prdct-hldr  {width: 47.8%;}
    .icon-hldr i            {padding: 6px 0;}

}
@media only screen and (max-width: 360px) {
    .prdct-row .prdct-hldr  {margin: 0 0 10px; width: 100%;}
    .icon-hldr i            {padding: 0;}
    .f-link                 { margin: 15px 0; width: 100%;}
}
*/

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.err_msg_postcode { color:#ff2200;margin-top:10px;}