@font-face{font-family:Twilight-Script;src:url(../fonts/Twilight-Script.eot);src:url(../fonts/Twilight-Script.eot?#iefix) format('embedded-opentype'),url(../fonts/Twilight-Script.woff2) format('woff2'),url(../fonts/Twilight-Script.woff) format('woff'),url(../fonts/Twilight-Script.ttf) format('truetype'),url(../fonts/Twilight-Script.svg#Twilight-Script) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:HansomFY-Regular;src:url(../fonts/HansomFY-Regular.eot);src:url(../fonts/HansomFY-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/HansomFY-Regular.woff2) format('woff2'),url(../fonts/HansomFY-Regular.woff) format('woff'),url(../fonts/HansomFY-Regular.ttf) format('truetype'),url(../fonts/HansomFY-Regular.svg#HansomFY-Regular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:HeadingCompressedPro-Regular;src:url(../fonts/HeadingCompressedPro-Regular.eot);src:url(../fonts/HeadingCompressedPro-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/HeadingCompressedPro-Regular.woff2) format('woff2'),url(../fonts/HeadingCompressedPro-Regular.woff) format('woff'),url(../fonts/HeadingCompressedPro-Regular.ttf) format('truetype'),url(../fonts/HeadingCompressedPro-Regular.svg#HeadingCompressedPro-Regular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:HeadingPro-Regular;src:url(../fonts/HeadingPro-Regular.eot);src:url(../fonts/HeadingPro-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/HeadingPro-Regular.woff2) format('woff2'),url(../fonts/HeadingPro-Regular.woff) format('woff'),url(../fonts/HeadingPro-Regular.ttf) format('truetype'),url(../fonts/HeadingPro-Regular.svg#HeadingPro-Regular) format('svg');font-weight:400;font-style:normal}


/* barve

#a34878
#efdcca
#b4ccbf
#698e85
#35437c
#647ca0

*/

#homeOff {display:none!important;visibility:hidden!important;}


/* vars */
:root {
	--colorDarker:rgb(26,26,26);
	--colorDark:rgb(51,51,51);
	--colorGreen:#60A60F;
	--mainFont:'HansomFY-Regular';
	--titleFont:'HeadingPro-Regular';
	--scriptFont:'Twilight-Script';
	}

body {font-family:var(--mainFont), sans-serif;}
a {color:#499E56;transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
a:hover {color:var(--colorDarker);}

.scriptFont {font-family:var(--scriptFont)!important;padding-bottom:10px!important;height:auto!important;}
.animate {transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.transition {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.reverse-row-order{flex-direction:row-reverse;}
.shadow {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.txtshadoww {text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.txtshadowb {text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.wallpaper {background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.title {font-family:var(--titleFont);}
.HIDE {display:none!important;visibility:hidden!important;}
.test {border:1px dashed red;}
	@media screen and (max-width:768px) {
		.container {margin:0 10px;}
	}

.is-checked {border:2px solid red;}	

	

/* ----- HEADER ----- */

#header {background:white;}
#header .logo.is-narrow {width:170px;}
/* #header .logo img {position:absolute;left:0;top:0;z-index:999999;width:130px;background:white;border-radius:100%;padding:10px;} */
#header .logo img {position:absolute;left:0;top:0;z-index:999999;width:170px;background:white;border-radius:0%;padding:13px 0 0 0;}

#header .menuTop  {}
#header .menuTop  a{color:var(--colorDarker);margin-left:20px;}

#header .search input {background:transparent;border:1px solid #bbbbbb;border-radius:3px;padding:3px 10px;position:relative;}
#header .search button{position:absolute;right:0;top:4;border:none;height:20px;width:20px;text-align:center;font-weight:bold;padding:2px;cursor:pointer;background:transparent;color:#bbbbbb;}


/* menu section */
#mainMenu a {font-size:1.2rem;text-transform:uppercase;color:#4d4d4d;padding:12px 20px;display:block;font-family:var(--mainFont);font-weight:bold;}
#mainMenu a:hover {color:var(--colorGreen);}
#mainMenu a.selected {text-decoration:underline;color:var(--colorGold);}
#mainMenu ul {position:relative;padding:0;margin:0;list-style:none;}
#mainMenu ul li{display:inline-block;}
/* dropdown */
#mainMenu ul ul {display:none;position:absolute;width:min-width:auto;top:52px;z-index:9999;background:white;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
#mainMenu ul ul li a {font-size:1.2rem;text-transform:none;padding:2px 10px;}
#mainMenu ul li:hover > ul {display:block;}
#mainMenu ul ul li {float:none;display:list-item;position:relative;}


/* ----- MOBILE MENU ---- */
#mobileHeader{background:#fff;padding:20px 20px 10px;border-bottom:1px solid #ddd}
#mobileHeader .logo img{height:40px;width:auto}
#mobileHeader .icon a{color:var(--colorGreen)}
#mobileHeader .icon a:nth-child(2){margin:0 20px;}
#mobileHeader .icon{width:10%}
#mobileHeader .icon i{font-size:2rem}

#offCanvasLeft ul li i {
	margin-right:20px;
	color:var(--colorMain);
}
.mm-navbar { 
  --mm-color-background: #60A60F;
  --mm-color-text-dimmed: #fff;
  --mm-color-button: #fff;
}
.mm-panel { 
  --mm-color-background: #eeeeee;
  --mm-color-text: #222;
  --mm-color-button: #3FB0AC;
}

.mm-btn_close:after, .mm-btn_close:before {
	width:10px;
	height:10px;
}
.mm-btn_close:before {
	right:10px;
}

/* ----- HOME PAGE ---- */

/* main slider */
#homeSlider .slide li {background-repeat:no-repeat;background-size:cover;background-position:center center;height:600px;}
#homeSlider .slide li:before {content:"";display:inline-block;vertical-align:middle;width:0;margin-right:-.25em;}
#homeSlider .slide li h1:first-of-type {margin-bottom:0;}
#homeSlider .slide li h1 {font-weight:bold;/*background:rgba(255,255,255,0.7);*/color:black;padding:5px 10px;text-align:right;margin-bottom:10px;font-size:2rem;}
#homeSlider .slide li p {/*background:rgba(255,255,255,0.7);*/color:black;padding:5px 10px;text-align:right;margin-bottom:10px;}
#homeSlider .slide li .columns.is-mobile>.column.is-4 {background:rgba(255,255,255,0.7); border-radius:15px; box-shadow: 0 5px 5px rgba(0,0,0,0.30), 0 5px 5px rgba(0,0,0,0.30);}
@media screen and (max-width:768px) {
	#homeSlider .slide li {height:150px;}
}

#intro {padding:100px 0;}
@media screen and (max-width:768px) {
	#intro {padding:10px 0;}
}

#frontpageCategories {/*background:url('../img/frontpagecat_bg.jpg')no-repeat;*/ background-color:#fafafa; padding:100px 0;background-size:cover;}
#frontpageCategories .frame {padding-bottom:20px;background:white;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);border-radius:30px;transition: all 0.3s cubic-bezier(.25,.8,.25,1); min-height:700px;}
#frontpageCategories .frame:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
#frontpageCategories .image {text-indent:-99999px;height:300px;background-size:cover;background-position:center center;border-top-left-radius:30px;border-top-right-radius:30px;}
#frontpageCategories h2 {font-family:var(--titleFont);text-transform:uppercase;padding-top:10px;font-size:1.7rem;}
#frontpageCategories p {font-size:.9rem;padding:10px 20px;}

.productsList h1{font-family:var(--titleFont);border-bottom:1px solid black;font-size:1.7rem;margin-bottom:20px;}
.productsList .frame {padding-bottom:20px;background:white;border-radius:10px;transition: all 0.3s cubic-bezier(.25,.8,.25,1);box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.productsList .frame:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.productsList .image {text-indent:-99999px;height:300px;background-size:cover;background-position:center center;border-top-left-radius:10px;border-top-right-radius:10px; background-repeat:no-repeat;}
.productsList h2 {font-family:var(--titleFont);font-size:1.2rem;color:black;height:70px;padding:10px 10px 0 10px;}
.productsList h3 {font-family:var(--titleFont);font-size:1.6rem;}
	
	
#teaList {padding:20px 0;}	


#projects  {padding:100px 0;}
#projects .block  {background:white;border:1px solid #666;border-radius:5px;max-width:800px;transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
#projects .block  .image {text-indent:-99999px;height:150px;background-size:cover;background-position:center center;}
#projects .block  h2 {font-size:1.4rem;font-weight:bold;}
#projects .block  .content {height:120px;overflow:hidden;}
#projects .block  .content p {font-size:.9rem;height:0;overflow:hidden;transition: all 0.9s cubic-bezier(.25,.8,.25,1);line-height:22px;}
#projects .block:hover  p {height:150px;color:white;}
#projects .block:hover {transform: scale(1.1);background:var(--colorGreen);}

#highlights {padding:100px 0;}
#highlights .frame {padding-bottom:20px;background:white;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
#highlights .frame:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
#highlights .image {height:300px;background-size:cover;background-position:center center;}
#highlights h2 {font-family:var(--titleFont);text-transform:uppercase;padding-top:10px;font-size:1.7rem;}
#highlights p {font-size:.9rem;padding:10px 20px;}


/* ---- PRODUCT ----- */

#productPage .top {padding:10px 0 10px 0;/*background:url('../img/frontpagecat_bg.jpg')no-repeat;*/ background-color:#fafafa;background-size:cover;margin-bottom:20px;}
#productPage .leftColumn #mainImage li.slide {height:500px;background-size:contain;background-position:center center; background-repeat:no-repeat;}

#productPage .title {color:var(--colorGreen);font-size:2.5rem;border-bottom:1px dotted #cccccc;}
@media screen and (max-width:768px) {
	#productPage .title {color:var(--colorGreen);font-size:1.5rem;border-bottom:0px dotted #cccccc;padding-top:20px;}
}

#productPage .content {line-height:25px;text-align:justify;}
#productPage .content h3{margin:0 0 20px 0;font-family:var(--scriptFont);font-weight:normal;font-size:2.5rem;color:var(--colorGreen);}
#productPage .content h4{border-radius:5px;font-weight:400;font-size:1.1rem;padding:20px}
#productPage .content h4.is-link{background:#F6FEF9;border-left:3px solid #23D160}
#productPage .content h4.is-info{background:#F6F9FE;border-left:3px solid #1496ED}
#productPage .content strong {color:var(--colorGreen);}

#productPage .price {font-family:var(--titleFont);font-size:4rem;height:100px;min-width:200px;}
#productPage .attributeSelect {padding:20px 0}

/* FEATURES */
#features .column {padding:.40rem;border-bottom:1px solid #efefef;}
#features .columns:last-child {margin-bottom:0;} /* reset */
#features .open {cursor:pointer;}
#features .value {display:none;background:#f6f6f6;padding:30px;text-align:justify;margin-bottom:30px;}
#features .pic {background:no-repeat;background-size:contain;background-position:center;}
@media screen and (max-width:768px) {
	
	#features {padding:0 15px;}
}

/* tabs */
#productPage .tabs li h2 img {width:60px;height:auto;position:absolute;margin:5px 0 0 -30px;}
#features h2 span.icon img {width:80px;height:auto;position:absolute;margin:-15px 0 0 -60px;}
#productPage .tabs li h2 {padding:0 10px;}

@media screen and (max-width:768px) {
	#productPage .tabs li h2 img {position:relative;}
	#productPage .tabs li h2 {padding:0;}
	/*.tabs.is-boxed li.is-active a {border-color:transparent!important;}*/
	/* two rows tabs
	#productPage .tabs ul {width:100%;flex-direction:row;flex-wrap:wrap;}
	#productPage .tabs li {width:50%}
	 */
}
#productPage #tab-content .tabTitle {font-family:var(--scriptFont);font-size:3rem;text-align:center;color:var(--colorGreen);padding-bottom:50px;}


#productPage #BrewItYourself .background {border-top-left-radius:10px;border-top-right-radius:10px;height:200px;background:url('../img/brew-it-yourself.jpg')no-repeat;background-size:cover;}
#productPage #BrewItYourself .content {background:#f6f6f6;padding:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#productPage #BrewItYourself h1 {color:white;text-align:center;padding-bottom:20px;font-family:var(--scriptFont);font-size:4rem;line-height:150px;}


#productPage #related {/*background:url('../img/frontpagecat_bg.jpg')no-repeat;*/ background-color:#fafafa;background-size:cover;margin:30px 0;padding:30px 0;}

/* ------ MOBILE ------ */
/* off canvas menu */
#offCanvasLeft {background:#222;}

/* main offset menu */
#outsidePanel {background:#222;}
#outsidePanel .top {
background: #673700;
background: -moz-linear-gradient(-45deg, #673700 0%, #b17700 48%, #673700 100%);
background: -webkit-linear-gradient(-45deg, #673700 0%,#b17700 48%,#673700 100%);
background: linear-gradient(135deg, #673700 0%,#b17700 48%,#673700 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673700', endColorstr='#673700',GradientType=1 );
padding:10px;}
#outsidePanel .top.level {margin:0;}

#outsidePanel .top .level-item a {color:white}
#outsidePanel .top .level-right a {color:white;text-align:right;font-size:2rem;padding:0;margin:0;}
#outsidePanel .top h2 {color:white;font-weight:bold;}


#mobileMenu {padding:0;}
#mobileMenu li {width:50%;text-align:center;padding:5px;display:inline-block;}
#mobileMenu li:last-child {width:100%;}
#mobileMenu li:last-child a {background:#E57A22;}
#mobileMenu a {font-size:1.3rem;color:white;text-transform:uppercase;border:1px solid grey;padding:5px;border-radius:3px;font-family:var(--titleFont);display:block;}

#offCanvasLeft .catalog {text-align:center;margin-top:20px;}
#offCanvasLeft .catalog a{color:#efefef;font-size:3vmax;font-family:var(--titleFont);}
#offCanvasLeft .catalog span{font-size:1.5rem;color:#ccc;}

#contactPanel {background:var(--darkerYellow);color:white;}
#contactPanel a{color:white;}
#contactPanel i{color:white;}
#contactPanel .column {height:45px;line-height:45px;border-bottom:1px solid white;font-size:1.4rem;}
#contactPanel .is-2 {background:#222;text-align:center;}
#contactPanel .is-10 {font-family:var(--titleFont);margin-left:20px;}


/* ------ PAGES ------ */
.pageBanner {height:200px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
@media screen and (max-width:768px) {.pageBanner {height:100px;}}

.pageTitle{line-height:0;text-align:center;padding:60px 0 60px 0;font-size:3rem;color:var(--colorGreen);font-family:var(--scriptFont);text-transform:capitalize;}
.pageTitle span{display:inline-block;position:relative}
.pageTitle span:before,.pageTitle span:after{content:"";position:absolute;height:5px;border-bottom:1px dotted var(--colorGreen);border-top:1px dotted var(--colorGreen);top:0;width:300px}
.pageTitle span:before{right:100%;margin-right:15px}
.pageTitle span:after{left:100%;margin-left:15px}

.content h1{font-family:var(--scriptFont);font-size:3rem;font-weight:normal;}
.content p{font-size:1.1rem;}
.content li {font-size:1.1rem;}
.content p b,.content p strong {color:var(--colorGreen);}
.content h2 {border-bottom:1px dotted var(--colorGreen);color:var(--colorGreen);text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);}
.content .is-pulled-left {margin-right:30px;width:400px;}
.content .is-pulled-right {margin-left:30px;width:400px;}


/* subpages */
#subpagesNews .box {padding:10px;}
#subpagesNews .box p {font-size:.8rem;}
#subpagesNews .title {margin-bottom:10px;}
#subpagesNews .image {height:200px;background-size:cover;background-position:center center;border:5px solid white;color:white;font-size:.8rem;text-align:center;position:relative;}
#subpagesNews .image:hover {color:white;}
#subpagesNews .image div {background:rgba(0,0,0,0.5);position:absolute;bottom:0;padding:5px;}

/* TEA FILTERS */
/* tabs */
#filters {/*background:url('../img/frontpagecat_bg.jpg')no-repeat;*/ background-color:#fafafa;background-size:cover;padding-top:20px;min-height:180px;}
#filters svg {fill:white}
#filters .tabs ul {background:var(--colorGreen);}
#filters .is-active svg {fill:black}

@media screen and (max-width:768px) {
	#filters {background:white;height:auto;padding-top:0;}
}


#filters .tabs a {border:0;border-right:1px solid rgba(255,255,255,0.2);height:50px;}
#filters .tabs a:hover {background:#73B02C;}

#filters h2 {color:white;font-family:var(--titleFont);text-transform:uppercase;margin-left:10px;}
#filters .is-active h2 {color:black;}
#filters .is-active a{background:white;}

#filters .tabs:not(:last-child) {margin-bottom:0;}

#filters ._White_{background-color:#fff;}
#filters ._Yellow_{background-color:lightYellow;}
#filters ._Green_{background-color:lightGreen;}
#filters ._Blue_{background-color:lightBlue;}
#filters ._Red_{background-color:LightCoral;color:white;}
#filters ._Black_{background-color:#444;color:white;}

/* right tabs */
#filters #second {flex-grow:0;background:black;}

/* tab content */

#filters .tabContent .column {}
#filters .tabContent .column .block {margin:10px 20px;border-bottom:1px dotted #4a4a4a;padding:0px;}
#filters .tabContent h1 {display:inline-block;font-weight:bold;}

#filters [data-content="Caffine"] #frame {padding:20px 50px;}

#tab-content .tabContent {display:none;}
#tab-content .tabContent.is-active {display:block;}

.switch{position:relative;display:inline-block;width:46px;height:20px;float:right;margin-top:-25px;}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;-webkit-transition:.4s;transition:.4s}
input:checked + .slider{background:var(--colorGreen);}
input:focus + .slider{box-shadow:0 0 1px #2196F3}
input:checked + .slider:before{background:#fff;-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}

/* mobile filters */ 

#filterMobile {padding:0px 10px;}
#filterMobile h1 {text-align:center;font-size:2rem;font-family:var(--scriptFont);padding-bottom:10px;}
#filterMobile .quickviewBlock {padding:20px}
#filterMobile .quickviewBlock h1 {font-size:2rem;}


/* bottom gallery */
.imageGallery .column a {display:block;height:180px;background-size:cover;background-position:center center;border:4px solid var(--darkOrange);border-radius:10px;position:relative;}
.imageGallery .column a div {position:absolute;bottom:0;text-align:center;background:white;width:100%;}



#sliderGallery ul {list-style: none outside none;padding-left: 0;margin-bottom:0;}
#sliderGallery li {display: block;float: left;margin-right: 6px;cursor:pointer;}
#sliderGallery img {display: block;height: auto;max-width: 100%;}

/* CART AND ORDER */

.orderStep1 .columns {/*background:url('../img/frontpagecat_bg.jpg')no-repeat;*/ background-color:#fafafa;background-size:cover;border-radius:10px;}
/*.orderStep1 .content {background:url('../img/teabag.png')no-repeat right;}*/

.orderStep2 .userData {/*background:url('../img/frontpagecat_bg.jpg')no-repeat;*/ background-color:#fafafa;background-size:cover;border-radius:10px;padding:20px;}

.orderStep2 .paymentData .control {}
.orderStep2 .paymentData input[type="radio"] {position:fixed;width:0;height:0;}
.orderStep2 .paymentData .control label {border-radius:10px;padding:10px 20px;border:1px solid #ddd;margin-bottom:10px;color:var(--colorGreen);font-size:1.2rem;cursor:pointer;display:block;user-select: none;}
.orderStep2 .paymentData .control label.p1 {background:url('../img/payment-sumup.png')no-repeat right;}
.orderStep2 .paymentData .control label.p4 {background:url('../img/payment-paypal.png')no-repeat right;}
.orderStep2 .paymentData .control label.p5 {background:url('../img/payment-cashondelivery.png')no-repeat right;}
.orderStep2 .paymentData .control label.p6 {background:url('../img/payment-invoice.png')no-repeat right;}
.orderStep2 .paymentData .control input[type="radio"]:checked + label {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.orderStep2 .paymentData .control label .price {color:black;}
.orderStep2 .paymentData .control label .desc {color:grey;font-size:.9rem;line-height:20px;}

.orderStep2 .orderSummary td {text-align:right;}

/* Accordion styles */
.acc {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.acctab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.acctab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.acctab-label:hover {
  background: #1a252f;
}
.acctab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.acctab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.acctab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.acctab-close:hover {
  background: #1a252f;
}
.acctab>input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.acctab>input:checked + .acctab-label {
  background: #1a252f;
}
.acctab>input:checked + .acctab-label::after {
  transform: rotate(90deg);
}
.acctab>input:checked ~ .acctab-content {
  max-height: 100vh;
  padding: 1em;
}



.footer {margin-top:50px;}
/* AMAROO */
.slider-knob {background-color: #666!important;}