/*====================================================Reset Css Start==============================================================================*/

@import url("//hello.myfonts.net/count/2f3ca2");

@font-face { font-family: 'HandGothic-Bold'; src: url('../fonts/2F3CA2_0_0.eot'); src: url('../fonts/2F3CA2_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2F3CA2_0_0.woff2') format('woff2'), url('../fonts/2F3CA2_0_0.woff') format('woff'), url('../fonts/2F3CA2_0_0.ttf') format('truetype'); }

@font-face { font-family: 'HandGothic'; src: url('../fonts/2F3CA2_1_0.eot'); src: url('../fonts/2F3CA2_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2F3CA2_1_0.woff2') format('woff2'), url('../fonts/2F3CA2_1_0.woff') format('woff'), url('../fonts/2F3CA2_1_0.ttf') format('truetype'); }

  

@font-face {

  font-family: 'GothamNarrow-Bold';

  src: url('../fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'),  

  	   url('../fonts/GothamNarrow-Bold.otf')  format('opentype'),

	   url('../fonts/GothamNarrow-Bold.woff') format('woff'), 

	   url('../fonts/GothamNarrow-Bold.ttf')  format('truetype'), 

	   url('../fonts/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: 'GothamNarrow-Book';

  src: url('../fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),  

       url('../fonts/GothamNarrow-Book.otf')  format('opentype'),

	   url('../fonts/GothamNarrow-Book.woff') format('woff'), 

	   url('../fonts/GothamNarrow-Book.ttf')  format('truetype'), 

	   url('../fonts/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: 'GothamNarrow-Black';

  src: url('../fonts/GothamNarrow-Black.eot?#iefix') format('embedded-opentype'),  

  	   url('../fonts/GothamNarrow-Black.otf')  format('opentype'),

	   url('../fonts/GothamNarrow-Black.woff') format('woff'), 

	   url('../fonts/GothamNarrow-Black.ttf')  format('truetype'), 

	   url('../fonts/GothamNarrow-Black.svg#GothamNarrow-Black') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'HelveticaNeue-LightCond';

  src: url('../fonts/HelveticaNeue-LightCond.eot?#iefix') format('embedded-opentype'),  

  	   url('../fonts/HelveticaNeue-LightCond.otf')  format('opentype'),

	   url('../fonts/HelveticaNeue-LightCond.woff') format('woff'), 

	   url('../fonts/HelveticaNeue-LightCond.ttf')  format('truetype'), 

	   url('../fonts/HelveticaNeue-LightCond.svg#HelveticaNeue-LightCond') format('svg');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: 'HelveticaNeue-HeavyCond';

  src: url('../fonts/HelveticaNeue-HeavyCond.eot?#iefix') format('embedded-opentype'),  

  	   url('../fonts/HelveticaNeue-HeavyCond.otf')  format('opentype'),

	   url('../fonts/HelveticaNeue-HeavyCond.woff') format('woff'), 

	   url('../fonts/HelveticaNeue-HeavyCond.ttf')  format('truetype'), 

	   url('../fonts/HelveticaNeue-HeavyCond.svg#HelveticaNeue-HeavyCond') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNeue-MediumCond';

  src: url('../fonts/HelveticaNeue-MediumCond.eot?#iefix') format('embedded-opentype'),  

  	   url('../fonts/HelveticaNeue-MediumCond.otf')  format('opentype'),

	   url('../fonts/HelveticaNeue-MediumCond.woff') format('woff'), 

	   url('../fonts/HelveticaNeue-MediumCond.ttf')  format('truetype'), 

	   url('../fonts/HelveticaNeue-MediumCond.svg#HelveticaNeue-MediumCond') format('svg');

  font-weight: normal;

  font-style: normal;

}



 



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

html { position: relative }

body { font-family: 'GothamNarrow-Book'; font-size: 14px; color: #282828; background: url(../images/body-bg.jpg) repeat top center; }

.wrapper { background: url(../images/body-top-bg.jpg) repeat-x; background-position: 0 96px; width: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a, a:active, a:hover, a:focus { outline: none; vertical-align: baseline; text-decoration: none; }

li { list-style: none; }

/* change colours to suit your needs */

ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */

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


* { box-sizing: border-box; }


/*----------------------------------------------- Reset Css End	---------------------------------------------------------*/

 

/*----------------------------------------------- Base Rule Css Start ------------------------------------------------------*/



h2, .h2 { font-size: 54px; color: #fd9a02; font-weight: 400; }

h3, .h3 { font-size: 40px; color: #755510; }

h3 strong, .h3 strong { font-weight: bold; }

.btn-primary, .order-btn, .footer-link ul li a, .social-link li a { transition: all 0.2s linear 0s; -weblit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }

.btn-primary { font-size: 16px; color: #fff; height: 41px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #ffc824; padding: 0 14px; display: inline-block; line-height: 41px; text-transform: uppercase; font-weight: normal;font-family: 'GothamNarrow-Black'; border: none;cursor: pointer; }

.btn-primary.add-to-cart-gift {margin-top: 20px; cursor: pointer;}


.btn-primary:hover { background: #fe882a; }

.order-btn { background: url(../images/order-bg.png) no-repeat; font-size: 40px; line-height: 65px; color: #fff; display: inline-block; padding: 0 11px; font-family: 'HandGothic-Bold'; font-weight: 500; }

.order-btn:hover { background: url(../images/order-hover-bg.png) no-repeat; color: #040707; }

.sp { background:url(../images/sprite-img.png) no-repeat;}



/*----------------------------------------------- Base Rule Css End ----------------------------------------------------*/





/*----------------------------------------------- Layout Rules Css Start ----------------------------------------------*/



.container { width: 1170px; margin: 0 auto; padding: 0px; margin: 0px auto; }





/*----------------------------------------------- Layout Rules Css End ----------------------------------------------*/





/*-----------------------------------------------  Header Start ----------------------------------------------------------*/



header { background: url(../images/header-bg.png) repeat-x top center; margin: 0px; padding: 30px 0 0 0; width: 100%; display: inline-block }

.logo { margin: 0px; padding: 0px; float: left; position: relative; z-index: 501; }

.middle-header { margin: 0px; padding: 0px; float: left; }



/*----------------------------------------------- Navigation   -----------------------------------*/



.navigation { margin: 0px; padding: 0px; }

.navigation > ul { margin: 0px; padding: 17px 0 0 0; }

.navigation > ul > li { display: inline-block; margin: 0px; padding: 0px; }

.navigation > ul > li > a { color: #040707; font-size: 40px; font-weight: 400; margin: 0px; padding: 16px 27px; font-family: 'HandGothic'; line-height: 48px;text-transform: lowercase; }
.navigation > ul > li > .gold-nav:hover, .navigation > ul > li > .gold-nav-color {color:#ffc925; background: url(../images/starburst_gold.png) no-repeat top center;}
.navigation > ul > li > .magenta-nav:hover, .navigation > ul > li > .magenta-nav-color {color:#f13d66; background: url(../images/starburst_magenta.png) no-repeat top center;}
.navigation > ul > li > .blue-nav:hover, .navigation > ul > li > .blue-nav-color {color:#2895e0; background: url(../images/starburst_blue.png) no-repeat top center;}
.navigation > ul > li > .green-nav:hover, .navigation > ul > li > .green-nav-color {color:#b6ca3c; background: url(../images/starburst_green.png) no-repeat top center;}
.navigation > ul > li > .purple-nav:hover, .navigation > ul > li > .purple-nav-color {color:#7836b8; background: url(../images/starburst_purple.png) no-repeat top center;}
.navigation > ul > li > .black-nav:hover, .navigation > ul > li > .black-nav-color {color:#040707; background: url(../images/starburst_black.png) no-repeat top center;}

.bx-wrapper {margin-top: -50px !important; z-index: -10}
.sub-menu { height: 190px; left: 0; position: absolute; right: 0px; top: 90px; width: 100%; z-index: 500;  transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; padding:20px 0 0 25px; margin:0px; visibility:hidden; opacity:0;  margin: 0px; padding: 20px 0 0 30px;}

.sub-menu li { margin: 0px; padding: 0px; }

.sub-menu li a { text-transform: uppercase; font-size: 14px; color: #fff; margin: 0px; padding: 0px; font-family: 'GothamNarrow-Book'; }

.sub-menu li:hover a { font-weight:normal; text-decoration: underline;}

/*.sub-menu:after {  content:""; display:inline-block; width:100%; height:auto; }*/



.navigation > ul > li.open .sub-menu { display: block; opacity:1; visibility:visible; }

.mega-sub-menu { display: inline-block; margin-right: 50px }

.sub-menu.orange { background: url(../images/orange-overlay.png) repeat-x 0 4px; }

.sub-menu.red { background: url(../images/deep-pink-overlay.png) repeat-x 0 7px;  }

.sub-menu.blue { background: url(../images/blue-overlay.png) repeat-x 0 7px; }

.sub-menu.green { background: url(../images/green-overlay.png) repeat-x 0 7px; }

.sub-menu.purple { background: url(../images/purple-overlay.png) repeat-x 0 7px; }

.sub-menu.black { background: url(../images/black-overlay.png) repeat-x 0 7px; }

 

/*----------------------------------------------- Navigation  End -----------------------------------*/



.right-header { margin: 0px; padding: 0px; float: right }

.order-online { float: left; padding: 14px 30px 0 0; margin: 0px; }

.cart-icon { float: left; margin: 0px; padding: 29px 0 0 0; }

.sp-cart { background-position:-81px -13px; display:block; width:40px; height:40px; }

.navbar-toggle { display: none;}



/*-----------------------------------------------  Header End ----------------------------------------------------------*/





/*-----------------------------------------------  Slider Section  -----------------------------------------------------*/



.banner-section { margin:0px 0 30px 0; padding: 0px; width: 100%; position: relative }

.bxslider li { text-align: center }

.bxslider li:last-child img {  }

/*.bx-controls { margin:0px; padding:0px; left:0px; right:0px; position:absolute; width:100%; top:50%; }*/

.bx-controls-direction { left: 0; position: absolute; top: 41%; width: 100%; }

.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next, .owl-buttons .owl-prev , .owl-buttons .owl-next { width: 58px; height: 66px; display: inline-block; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; position: absolute; z-index: 20 }

.bx-controls-direction .bx-prev, .owl-buttons .owl-prev  { background: url(../images/left-arrow.png) no-repeat; left: 8%; z-index: 500;}

.bx-controls-direction .bx-next, .owl-buttons .owl-next  { background: url(../images/right-arrow.png) no-repeat; right: 8%; z-index: 500;}





/*----------------------------------------------- Panel Section   -------------------------------------------------*/



.panel { float: left; margin: 0px; padding:0 10px; width: 50%; border-left: 3px dotted #b7b7b7; box-shadow: none; background-color: transparent; border-radius: 0}

.panel:first-child { border: none }

.panel-img { float: left; margin: 0px; padding: 0px 10px 0 0; width: 44%; }

.panel-content { float: left; margin: 20px 0 0 0; padding: 0px; width: 56%; }

.panel-content h2 { text-transform: uppercase; font-family: 'HandGothic'; font-size: 114px; line-height: 96px }

.panel-content p { font-size: 18px; color: #282828; margin: 0px; padding: 0px 0 0 10px; font-family: 'HelveticaNeue-LightCond'; opacity:0.7}

.panel-content a { float: right; padding-right: 20px; margin: 0px;  }

/*-----------------------------------------------  Footer   ------------------------------------------------------------*/



footer { clear: both; }

.footer-main { background: url(../images/footer-bg.png) repeat-x bottom center; display: inline-block; width: 100%; height: 310px; clear: both; margin: 24px 0 0 0; padding: 0px 0 0 0; }

.inner-container { padding: 0px; margin: 0 auto; /*width: 966px;*/ width: 1045px; }

.footer-link { float: left; margin: 0px; padding: 34px 14px 0; }

.footer-link.large { width: 180px; }
.footer-link.xlarge { width: 205px; }
.footer-link.small { width: 100px; }

.footer-link h3 { font-size: 14px; margin: 0px; padding: 0px; text-transform: uppercase; font-family: 'HelveticaNeue-HeavyCond'; font-weight:normal; opacity:0.5; color:#040707;}
.footer-link h3 a {color:#040707;}
.footer-link ul { margin: 0px; padding: 0px; }

.footer-link ul li a { font-size: 12px; color:#7C530D; line-height: 18px; margin: 0px; padding: 0px; font-family: 'HelveticaNeue-MediumCond'; font-weight:300; }
.footer-link ul li { font-size: 12px; color:#7C530D; line-height: 18px; margin: 0px; padding: 0px; font-family: 'HelveticaNeue-MediumCond'; font-weight:300; }

.footer-link ul li:hover a { color: #151515}

.footer-link .social-link { margin: 0px; padding: 6px 0 0 0; }

.social-link li { float:left; margin: 0px 1px 0px 0; padding: 0px; }

.footer-link .social-link li a { height: 27px; margin: 0px; padding: 0px;  opacity:1  }

.sp-facebook{ width: 29px; display: block; opacity:1; background-position:-10px -8px; }

.sp-twitter { width: 29px; display: block ; opacity:1; background-position:-42px -8px; }

.sp-facebook:hover { background-position: -10px -39px; }

.sp-twitter:hover { background-position:-42px -40px;  }

.footer-bottom { margin: 0px; padding: 20px 0px; width: 100%; float: left }

.copy { width: 100%; margin: 0px; padding: 0px 40px 0 20px; float: left }

.copy p { float: left; font-size: 14px; color: #282828; margin: 0px;  padding: 0px; font-family: 'HelveticaNeue-HeavyCond'; }

.copy div { float: right; font-size: 14px; font-family: 'HelveticaNeue-HeavyCond'; color: #c4c5c6; margin: 0px; padding: 0 55px 0 0; }

.copy div a { color: #c4c5c6; }

.copy div a:hover { color: #000; }

/*-----------------------------------------------  Tea Bar Experience Page    ------------------------------------------------------*/



.tea-bar-exp { margin: 0px; padding: 0px 0 0 0; }

.bar-title h2 { margin: 0px; padding: 0px; font-size: 55px; color: #040707; text-align: center; font-family: 'dk_downward_fallregular'; }

.bar-title h3 { margin: 0px; padding: 0px; font-size: 162px; color: rgba(243,66,110,1); text-align: center; font-family: 'dk_downward_fallregular'; line-height: 150px; font-weight: 500; }

.bar-title { text-align: center; margin: 0px; padding: 10px 0 0 0; }

.bar-title img { max-width: 805px; width: 100%; }

.bar-content { background-position: top center; margin: -30px 0 0 0; padding: 37px 0 0 0; background: url(../images/bar-bg.png) no-repeat top center; }

.bar-content p { color: #040707; font-size: 18px; line-height: 1.3em; opacity:0.7; margin-bottom: 20px;}

.bar-content-container {max-width: 739px; margin:0 auto; width: 100%}

.bar-content-container h1 {
    background: rgba(0, 0, 0, 0) url("../images/greay-dots-h.png") repeat-x scroll center bottom;
    color: #000;
    display: inline-block;
    font-family: "HandGothic";
    font-size: 72px;
    margin-bottom: 12px;
    text-transform: lowercase;
    width: 100%; 
}

.featured-img { text-align: center; margin: -18px 0 0 0; padding: 0px; }

.featured-img > img { max-width: 100%; width: auto; }





/*-----------------------------------------------  Tea Detail Page    ------------------------------------------------------*/



/*----------------------------------------------- Breadcrumb  -------------------------------------------------------*/



.breadcrumb { margin: 0px; padding: 5px 0 5px 57px; width: 100%; overflow: hidden; background-color: none; background: none; border-radius: 0;}

.breadcrumb ul { margin: 0px; padding: 0px; }

.breadcrumb ul li { float: left; padding: 0px 1px 0 5px; font-size: 18px; text-transform: uppercase;}

.breadcrumb ul li a {  color: #000; margin: 0px; }

.breadcrumb ul li span { font-size: 18px; font-weight: normal; margin: 0; font-family: 'GothamNarrow-Bold'; }

.breadcrumb ul li:last-child { background: none ; font-weight: bold;}

.detail-page { max-width: 998px; margin: 0 auto 75px; }

.listing { margin: 0px 0 50px 0px; padding: 0px 0 0 30px; }

.post-img { float: left; width: 222px; margin: 0px 50px 0 0; padding: 0px; }

.detail-content {     float: left;
    margin: 0;
    padding: 0;
    position: relative;
    margin-left: 1%;
    width: 75%; }

.detail-content h2 { font-size: 72px; color: #282828;/* border-bottom: 2px dotted #b7b7b7; */width: 100%; display: inline-block; font-family: 'HandGothic-Bold'; background: url("../images/greay-dots-h.png") repeat-x center bottom; text-transform: lowercase; margin-bottom: 12px;}
.detail-content h2 a { color:#282828; }


.left-content { float: left; max-width: 468px; margin: 0px; padding: 10px 0 0 0; }

.left-content p { font-size: 20px; color: #282828; line-height: 22px; margin: 0px; padding: 0px 0 15px 0; font-family: 'GothamNarrow-Book'; font-weight: 400; opacity:0.8 }

.left-content i { font-size: 14px; font-weight: normal; color: #282828; margin: 0px; padding: 0px; font-family: 'GothamNarrow-Black';}

.right-content { float: right; margin: 0px; padding: 0px;  text-align: right;  }

.right-content .price { margin: 0px; padding: 0px; font-size: 34px; color: #282828; font-weight: normal;  font-family: 'GothamNarrow-Bold';}

/*-----------------------------------------------  Select box   -------------------------------------------*/

.select-box { margin: 0px 0 10px; padding: 0px; }

.select-quantity { margin: 0px; padding: 0px; width: 173px; height: 17px; border-radius: 5px; }

select.select-quantity { padding: 0px 0px 0 5px; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; color: #000202; border: 1px solid #bcbec0; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 18px; font-size: 10px; font-family: 'GothamNarrow-Black'; font-weight:normal; }



/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

.select-box{ position: relative }

.select-box label:before { content: ''; right: 0px; top: 1px; width: 20px; height: 18px; background: url(../images/drop-arrow-large.png) no-repeat; position: absolute; pointer-events: none; display: inline-block; border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; -ms-border-radius: 0px 4px 4px 0; -o-border-radius: 0px 4px 4px 0; -webkit-border-radius: 0px 4px 4px 0; background-size:20px auto; background-position:right center; vertical-align:top; }



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

.select-box label:before {top: 0px;}

}


/* Checkout */
.checkout h1 {
    background: rgba(0, 0, 0, 0) url("../images/greay-dots-h.png") repeat-x scroll center bottom;
    color: #000;
    display: inline-block;
    font-family: "HandGothic";
    font-size: 72px;
    margin-bottom: 12px;
    text-transform: lowercase;
    width: 100%;
}

.checkout {
    color: #4E4F4C;
    font-size: 18px;
}

.one-col-layout h1 {
    background: rgba(0, 0, 0, 0) url("../images/greay-dots-h.png") repeat-x scroll center bottom;
    color: #000;
    display: inline-block;
    font-family: "HandGothic";
    font-size: 72px;
    margin-bottom: 12px;
    text-transform: lowercase;
    width: 100%;
}

.one-col-layout {line-height: 1.4em}
.one-col-layout h2 {color: #040707;
    font-family: "HandGothic";
    font-size: 40px;
    margin: 0;}
.one-col-layout h3 {color: #040707;
    font-family: "HandGothic";
    font-size: 30px;
    margin: 0;}
.one-col-layout p {margin-bottom: 20px;}
.one-col-layout ol {margin: 10px 10px 10px 20px;}
.one-col-layout ol li {list-style: decimal;}



/*-----------------------------------------------  Whole Leaf Tea Product Page   -------------------------------------------------*/



.page.artisan-page { padding-top: 10px; }

.block-title { position: relative; width: 100%; margin: 0px; padding: 0px; }

.leaf-img { left: 0; margin: 0; position: absolute; top: -35px; }

.title-img { text-align: center; margin: 0px; padding: 0px 0 0px 0; position: relative }

.title-img img { max-width: 100%; }

.sub-title { position: absolute; right: 50px; top: 55px; }

.block-content { margin: 0px auto; padding: 0px; text-align: center; max-width: 755px; }

.block-content p { line-height: 20px; font-size: 18px; color: #040707; margin: 0px; padding: 0px 0 5px 0; opacity:0.7 }

section.product-listing { margin: 0px; padding: 52px 0 0 0; }

.pro-list-block { margin: 0px; padding: 0px; }

.pro-list-block ul { margin: 0px; padding: 0px; }

.pro-list-block ul li { width: 33.33%; float: left; margin: 0px; padding: 0px 20px 40px; background: url(../images/greay-dots.png) repeat-y right center; }

.pro-list-block ul li:nth-child(3n) { background: none; }

.product-img { margin: 0px 0 13px 0; padding: 0px 0 0 0; position: relative; border-bottom: 1px solid #1f1f20; text-align: center }

.product-img > img { display: block; margin: 0 auto; overflow: hidden; text-align: center; }

.pro-title h2 { margin: 0px; padding: 0px; position: absolute; top: 50%; left: 50%; font-size: 35px; color: #fff; font-weight: bold; transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); font-family: 'HandGothic-Bold'; font-weight: 400; }

.pro-title a { color: #fff; }

.art-content { margin: 0px; padding: 0px; width: 100%; }

.art-content > p { color: #060606; font-size: 14px; margin: 0px; padding: 0px 0 20px 0; opacity:0.7 }

.art-content > p strong { font-family: 'GothamNarrow-Black'; font-weight:normal; }

.pro-detail { margin: 0px; padding: 0px 60px 17px 16px; }

.pro-detail h4 { font-weight: normal; font-size: 14px; color: #060606; position: relative; margin: 0px; padding: 0px; font-family: 'GothamNarrow-Bold'; }

.pro-detail h4:before { background: url("../images/star-icon.png") no-repeat 0 0 / 18px auto; content: ""; display: block; height: 25px; left: -20px; position: absolute; top: -4px; width: 20px; transform: rotate(-80deg); -ms-transform: rotate(-80deg); -moz-transform: rotate(-80deg); -webkit-transform: rotate(-80deg); -o-transform: rotate(-80deg); }

.pro-detail p { font-size: 14px; color: #060606; opacity:0.7 }

/*----------------------------------------------- Freeze Me Product Page ----------------------------------------------------------*/

 

.freeze-pro-page { padding-top: 20px; }

.freeze-pro-page .title-img { margin: 0;  padding: 0 70px 0 0;  text-align: right; }

.title-img h2 { position: absolute; bottom: 14px; right: 29%; font-size: 48px; color: #040707; margin: 0px; padding: 0px 25px 0 35px; font-family: 'HandGothic'; }

.title-img h2:before, .title-img h2:after { background: url("../images/star-icon.png") no-repeat; content: ""; display: block; height: 40px; position: absolute; }

.title-img h2:before { background-size: 25px auto; right: 0px; top: 10px; transform: rotate(28deg); -ms-transform: rotate(28deg); -webkit-transform: rotate(28deg); -moz-transform: rotate(28deg); -o-transform: rotate(28deg); width: 25px; }

.title-img h2:after { background-size: 30px auto; left: 0px; top: 9px; transform: rotate(-28deg); -ms-transform: rotate(-28deg); -webkit-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -o-transform: rotate(-28deg); width: 40px; }

section.pro-content { clear: both; /*display: inline-block;*/ position: relative; margin: 0px; padding: 0px 0 15px 0; }

section.pro-content:after { /*content: "";  height: 4px; width: 80%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); position: absolute; bottom: 0px; background: url("../images/greay-dots-h.png") repeat-x center bottom */}

.item-left-block { /*margin: 0px; padding: 0px 20px 0 0; float: left; width: 40%; */}

.item-img img { transform: rotate(-6deg); -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); margin: 0px; padding: 0px; max-width: 449px; width: 100%; }

.item-right-block { /*margin: 0px; padding: 0px; float: left; width: 50%;*/ }

.item-right-block > p { color: #030303; font-size: 18px; line-height: 24px; font-weight: normal; font-family: 'GothamNarrow-Book'; opacity:0.7; padding-bottom:10px; }

.item-content { position: relative; margin: 0px; padding: 0px; }
.item-content .btn-primary {margin-top: 20px}

.item-title { margin: 0 0 -10px; padding: 0px; position: relative }

.item-title h3 { display: inline-block; color: #e7b00e; /*margin: 0px; padding: 0px 0 27px 0;*/ font-size: 41px; font-family: 'HandGothic'; }
.item-content h2     {color: #040707;
    font-family: "HandGothic";
    font-size: 40px;
    margin: 0;}
/*.item-title h3:after { content: ""; border-bottom: 3px dotted #b7b7b7; height: 4px; width: 65%; left: 0; position: absolute; bottom: 0px;  background: url("../images/greay-dots-h.png") repeat-x center bottom}*/

.item-content ul { margin: 0px; padding: 20px 0 0 25px; }

.item-content ul li { float: left; line-height: 24px; width: 50%; margin: 0px 0 15px 0; padding: 0px 40px 0 10px; position: relative; color: #030303; }

.item-content ul li ul, .item-content ul li ol {margin:0 0 0 30px; padding: 0; }
.item-content ul li ul li, .item-content ul li ol li { font-family: 'GothamNarrow-Book'; color: #464646; float: none; line-height: 24px; width: 100%; margin: 0; padding: 0; position: relative; list-style: disc; font-size: 12px;}
.item-content ul li ul li:before, .item-content ul li ol li:before {background: none;}
.item-content ul li ol > li {list-style: decimal; font-size: 16px;}

.item-content ul li:nth-child(2n+1) { clear: both; }

.item-content ul li:before { background: url("../images/star-icon.png") no-repeat 0 0 / 20px auto; content: ""; display: block; height: 25px; left: -20px; position: absolute; top: 1px; width: 20px; transform: rotate(83deg); -ms-transform: rotate(83deg); -moz-transform: rotate(83deg); -webkit-transform: rotate(83deg); -o-transform: rotate(83deg); }

.item-content ul li h4, .item-content ul li p { font-size: 19px; font-weight: normal; margin: 0px; padding: 0px; font-family: 'GothamNarrow-Bold'; }

.item-content ul li p { font-weight: normal; font-size: 14px; font-family: 'GothamNarrow-Book'; color: #454545; }
.item-content p {margin-bottom: 20px;}

.item-content.menu-1-col h4 { font-size: 19px; font-weight: normal; margin: 0px; padding: 0px; font-family: 'GothamNarrow-Bold'; }

.item-content.menu-1-col ul, .item-content.menu-1-col ol { margin: 0; padding: 10px 0 10px 30px; }
.item-content.menu-1-col ul li:before { background: none; }
.item-content.menu-1-col ul li { float: none; line-height: 24px; width: 100%; margin: 0px 0 3px 0; padding: 0px 40px 0 10px; position: relative; color: #030303;list-style: disc }
.item-content.menu-1-col ol > li {list-style: decimal;}

.order-now { bottom: -70px; margin: 0; padding: 0; position: absolute; right: -5px; }

/*----------------------------------------------- Gift page  -------------------------------------------------------*/

.gift-page { margin: 0px; padding: 0px; }

.gift-page .container.detail-page { position: relative; margin-bottom: 12px; }

.gift-title { padding-right: 275px; padding-bottom: 10px; }

.gift-title img { max-width: 100%; }

.book-img { position: absolute; top: -20px; right: -30px; z-index: 1 }

.gift-page .detail-content { max-width: 100%; width: 100%; padding-bottom: 50px; }

.gift-page .left-content { max-width: 607px }

.gift-page .left-content p { font-size: 20px; }

.gift-page .right-content { right: 4px }

.gift-page .right-content .price { font-size: 22px; }

/*----------------------------------------------- Shop Page --------------------------------------------------------*/



.page.shop-page { margin-top: 10px; }

.shop-section { overflow: hidden; margin-bottom: 45px; padding-top: 10px; }

.shop-title > img { max-width: 418px; width: 100%; }

.shop-page .detail-page { margin-bottom: 30px; }

.item-block { width: 33.33%; float: left; margin: 0px; padding: 0px 0 50px 0; text-align: center; position: relative; cursor:pointer; }

.item-block h3 { font-size: 38px; margin: 0px; padding: 0px; color: #040707; font-weight: normal; font-family: 'HandGothic'; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.item-block h3 a {color:#040707}

.item-block.active h3 { font-family: 'HandGothic-Bold'; }

.img-block { position: relative; }

.img-block img { max-width: 278px; }



.block-01 .img-block:after { background: url("../images/gift-bg.png") no-repeat center top; background-size: auto 100%; content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; }

.block-02 .img-block:after { background: url("../images/gear-bg.png") no-repeat center top; content: ""; display: block; height: 101%; position: absolute; top: -4px; width: 100%; }

.block-03 .img-block:after { background: url("../images/artisan-bg.png") no-repeat center top; content: ""; display: block; height: 102%; position: absolute; top: -4px; width: 100%; }

.block-03 .img-block img { transform: rotate(-1deg) }

.gallery-slider{ position: relative; width: 100%; margin: 35px 0 50px 0; padding: 0px 0; position: relative; background: url(../images/product-bg.png) repeat-x; clear: both; display: inline-block; min-height:393px; }

.owl-carousel { margin:90px 0; }

/*.gallery-slider:before, .gallery-slider-mobile:before { content: ""; background: url(../images/gallery-top-bg.png) repeat-x bottom center; width: 100%; height: 25px; position: absolute; top: -25px; }

.gallery-slider:after, .gallery-slider-mobile:after { content: ""; background: url(../images/gallery-bottom-bg.png) repeat-x bottom center; width: 100%; height: 25px; position: absolute; bottom: -25px; }*/



.shop-title { margin: 0px; padding: 0px; text-align: center }

.slider1 li { text-align: center; padding-bottom: 40px; }

.gellery-img img { max-width: 100%; }

.gallery-slider .bx-controls { display: none; }

.pro-det, .owl-carousel .owl-item { text-align: center }

.pro-det h4 { font-weight: 100; text-transform: uppercase; color: #282828; }

.amount { font-family: 'GothamNarrow-Bold'; font-size: 18px; color: #282828; }



.container-mobile, .gallery-slider-mobile { display:none; }

.owl-controls { width:100%; text-align:center; display:none !important; margin:0; padding:20px 0 0 0;  }

.owl-buttons .owl-prev, .owl-buttons .owl-next { position:inherit; width:45px; height:35px; }

.owl-buttons .owl-prev { left:auto; background-size:30px auto;   }

.owl-buttons .owl-next { right:auto; background-size:30px auto; }





/*----------------------------------------------- Gear detail Page   ------------------------------------------------*/



.pro-details .post-img { margin-right: 1%;
    width: 24%;}

.large-img > img { width: 100%; }

.large-img { margin-bottom: 15px; }

.large-img img { cursor: pointer; }

.gallery { text-align: center }

.previews { text-align: center; display: inline-block; border: 1px solid #a8a8a7; padding: 9px 15px; margin-top:7px; }

.etalage ul li img { width: 58px !important; height: 58px !important; }

.fancybox-lock .fancybox-overlay { background: rgba(0,0,0,0.8) }

.click-zoom { text-align: center }

.click-zoom p { font-size: 12px; color: #040707; font-weight: 500; text-transform: uppercase; background: url(../images/zoom-icon.png) no-repeat right center; text-align: center; display: inline-block; margin: 0px; padding: 0px 22px 0 0px; line-height: 31px; font-family: 'GothamNarrow-Black'; font-weight:normal}

/**/







/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */



.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */



.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }



.images-main{ margin-bottom:16px; }

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

.detail-gallery { margin-top:6px;  }

.gallery .product-img { border:none }

.flex-viewport { border: 1px solid #ababab; margin: 0 auto;  max-width: 150px; }



.images-main > img { max-width: 100%; }

.flex-viewport { /*overflow:visible !important;*/ }

.flex-viewport ul { overflow:hidden; padding:10px 7px; margin:0px; }

.flex-viewport ul li { width:60px !important; margin:0 5px }

.fancybox-close, .fancybox-next span, .fancybox-prev span { border-radius:5px; -ms-border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px ; -o-border-radius:5px}

.fancybox-close { background:url(../images/close-icon.png) no-repeat; background-size:36px auto; }

.fancybox-nav span { width:34px; }

.fancybox-next span{  background:url(../images/right-arrow-y.png) no-repeat; background-size:34px auto; }

.fancybox-prev span{background:url(../images/left-arrow-y.png) no-repeat; background-size:34px auto; }







.zoomContainer { display:none !important }

.zoomLens { border:none !important; }  

.zoomContainer, .images-main { cursor: pointer; }





/*-------------------------------- Sitemap ---------------------------------------------*/

 

.page-link { margin: 0px; padding: 70px 0; }

.page-link ul li a { margin: 0px; padding: 0px; font-size: 19px; font-weight: normal; line-height: 40px; color: #282828; font-family: 'GothamNarrow-Bold'; }



/*--------------------------------- Select Box  ----------------------------------------------*/



.select-wrapper { float: left; display: inline-block; border: 1px solid #d8d8d8; background: url("dropdown.png") no-repeat right center; cursor: pointer; }

.select-wrapper, .select-wrapper select { width: 200px; height: 26px; line-height: 26px; }

.select-wrapper:hover { background: url("dropdown-hover.png") no-repeat right center; border-color: #239fdb; }

.select-wrapper .holder { display: block; margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; z-index: -1; }

.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; 		/* CSS hacks for older browsers */

		_noFocusLine: expression(this.hideFocus=true);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }


.loadmoreimg {background:rgba(0, 0, 0, 0.5);height: 100%;position: fixed;text-align: center;width: 100%;z-index:10;left:0;top:0;}

.loadmoreimg img { height: 24px; left: 50%; margin-left: -16px; margin-top: -16px; position: absolute; top: 50%; width: 24px; }


.payment-forms {font-size: 45px;}
.payment-forms li {display: inline;}
.img-heading .img-responsive { margin: 0 auto 20px; margin-bottom:20px; }

/* bootstrap overrides */
.dropdown, .dropup {position: static !important;}
.form-horizontal .control-label {font-size: 14px; font-weight: normal;}
.form-horizontal .control-label.checkbox-text {font-size: 20px}
legend {font-weight: bold; font-size: 22px; margin-bottom: 10px;}

.google-maps {
    position: relative;
    padding-bottom: 90%; // (450 ÷ 500 = 0.9 = 90%)
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.help-inline {color: red; font-size: 14px;}