/*
$ stylesheet new 2021.05.30 JNY $
*/
/*
form{display:inline;}
display: inline-block - new line + height/width acceptable.
display: inline new line + height/width no affect     like span                                        
display: block new line + full width - like p
Zold: #8BC34A vag #54AF30?
Pirosa H1: #A42500;
*/

*{box-sizing:border-box;}
body{margin:0;}
html{font-family:tahoma,sans-serif;font-size:0.875em;color:#666666;margin:0;}
dl,dt,dd,h4,h5,h6,body,html{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-size:1em;}
a,a:active,a:visited{color:#4CAF50;text-decoration:none;}
a:hover{text-decoration:none;}

p {padding:0;padding 5px 10px;order: 1px solid red;}

form{display:inline-block;}
input,search,select{padding:0;margin:0 0 10px 10px;height:2.5em;font-size:1em;width:250px;}
textarea{padding:0;margin:5px;font-size:1em;corner-round:5px;font-family:tahoma,sans-serif;}
label, .label{padding:5px;margin:0px;height:2.5em;font-size:1em;max-width:80%}
.checkbox {margin:0 0 0 5px;height:1em;font-size:1em;width:30px;}

.page{margin:auto;border:#f1f1f1 solid 1px;max-width:1100px;}
.icon{font-size:1.25em;padding:3px;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:inline-block;}/* hides from ie-mac \*/* html.clearfix{height:1%;}.clearfix{display:block;}/* end hide from ie-mac */ 
.row:before,.row:after{content:"";display:table;clear:both}

.cookiealert{position:fixed;bottom:0;left:0;width:100%;margin:0!important;z-index:999;opacity:0;border-radius:0;background:#212327;transform:translateY(100%);transition:all500msease-out;color:#ecf0f1;}
.cookiealert.show{opacity:1;transform:translateY(0%);transition-delay:1000ms;}
.cookiealerta{text-decoration:underline;}
.cookiealert.acceptcookies{margin-left:10px;vertical-align:baseline;}

/*responsive*/
.left,.right{float:left;}
.center{margin:auto;width:90%;padding:10px;border:#f1f1f1 solid 1px;}
.middle{margin:auto 0;}
.form{margin:auto;width:90%;padding:10px;border:#f1f1f1 solid 1px;}

.top_banner{margin:auto;overflow:hidden;display:inline-block;width:100%;}
.left_banner{margin:auto;overflow:hidden;display:inline-block;width:100%;}

.top_banner img, .bottom_banner img, .left_banner img {width:100%; max-width:1100px; height:auto;}


.breadcrumb {background-color:#8BC34A;color:white;padding:0; margin:10px 0;height:62px;}
.breadcrumb a {color:white;text-decoration:none;padding:0px 16px 0px;text-decoration: none;font-size: 1.25em;}
//.linkholder {top:0; padding:20px 0;} -> végére!


/*product listing -> bestsellers 8 in a row in the header*/
.bestsellers {display:flex;flex-wrap:wrap;}
.bestseller-card {flex-grow:1;flex-basis:12%;padding:1%;text-align:center;border:solid 1px silver;border-radius:5px;padding:0;margin:0;}
.bestseller-card-image img {max-width:100%;margin-top:auto;}
.bestseller-card-name {height:4em;line-height:1em;}
.bestseller-card-name a h3 {height:4em;line-height:1em;font-weight:normal;}
.bestseller-card-name {height:4em;line-height:1em;forn-weight:normal;}
.bestseller-card-info {margin-top:auto;}


/*Product listing -> 4 in a row in the header*/
.products {display:flex;flex-wrap:wrap;color:#f1f1f1;}
.product-card {flex:1 98%;flex-wrap:wrap;text-align:center;padding:0;margin:10px 10px 0 0;color:#666;}
.product-card-image img, .product-card-image a img {max-width:100%;margin-top:auto;}
.product-card-name {height:4em;line-height:1em;}
.product-card-name a h3 {height:4em;line-height:1em;font-weight:normal;}
.product-card-name {height:4em;line-height:1em;font-weight:normal;padding:5px 0 0 0;}
.product-card-button {margin-top:auto;}
.product-card-newicons {position:absolute;font-size:1em;margin:5px auto;}
.product-card-info {display:inline;}
.product-card-price {float:left;font-size:1.1em;font-weight:bold;color:green;}
.product-card-oldprice {float:right;font-size:1.1em;font-weight:bold;}
.product-card-infobutton {width:100%; margin:10px 0 0 0;}
.product-card-buynowbutton {width:100%; margin:10px 0 0 0;}

.border-5 {border-radius:5px;border:solid #f1f1f1 2px;}
.top-30 {margin:30px 0 0 0;}

.price_tag, .discount {font-weight:bold;background-color:#ff0000;color:#fff;padding:2px 5px 2px 10px;}
.specialprice {color:#ff0000;}
.oldprice {text-decoration:line-through;font-size:0.8em;}

.cart-contents {display:flex;flex-wrap:wrap;}
.cart-even{border:none;padding:0;margin:10px 0 0 0;color:#666;border-bottom:1px solid #A42500;}
.cart-odd{flex:1 99%;flex-wrap:wrap;border:none;padding:0;margin:10px 10px 0 0;color:#666;border-bottom:1px solid #f1f1f1;background-color:#f1f1f1;}

.cart-qty, cart-qty input[type="number"] {padding:0;margin:0px;height:2.5em;font-size:1em;max-width:60px;}
.cart-icons {position:absolute;margin:5px auto;font-size:1.2.em;z-index=1;}
.cart-image img, .cart-image a img {max-width:100%;margin-top:auto;} 
.cart-name {height:4em;line-height:1em;}
.cart-name h3 {height:4em;line-height:1em;font-weight:normal;}
.cart-info {display:inline;}
.cart-button{margin-top:auto;}

.sticky {position:fixed;top: 0;left:0;width: 100%;border:solid 1px #f1f1f1;background:silver;z-index:9999;}
.sticky + .content {padding-top: 0px;}

.search{background-color: #f1f1f1;color: #a42500;border-radius:3px;display:inline-block;}
.search input {width:300px;display:inline-block;margin:10 0 0 10px;}
.app {max-width: 100%;margin: 0 auto;text-align: center;}
.article {position: relative;width: 140px;height: 100px;margin: 5px;float: left;border: 2px solid #f1f1f1;box-sizing: border-box;border-radius: 10px;}
.article div {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;line-height: 1.56em;transition: .5s ease;}
.article input { position: absolute;top: 0;left: 0;width: 140px;height: 100px;opacity: 0;cursor: pointer;}
.article input[type=checkbox]:checked ~ div {background-color: #8BC34A;color:#fff;border-radius: 10px;}
.article input[type=radio]:checked ~ div {background-color: #8BC34A;color:#fff;border-radius: 10px;}
                                                    
.content {margin:0;overflow:hidden;}
.data {margin:0;overflow:hidden;min-height:66%;}
.row-50{height:20%;}
.table {margin:0;overflow:hidden;gap:10px;display:flex;flex-wrap:wrap;justify-content:space-between;}

/*product listing filters*/
.filter {display:flex;} 
.filter h1 {color: #a42500;font-weight: bold;padding: 15px 0 10px 0px;font-size: 1.25em;line-height: 20px;flex-grow: 1;text-decoration:underline;}
/*.filter h1 {color: #a42500;font-weight: bold;padding: 15px 0 10px 0px;border-bottom: solid 1px;background-color: #f1f1f1;border-radius: 3px;font-size: 1.25em;line-height: 20px;flex-grow: 1;}*/
.sort {display:flex;}  
.collection-sort {display: flex;flex-direction: column;}

/*category box in catalog*/
.categories {display:flex;flex-wrap:wrap;}
.category-box {flex:1 23%;flex-wrap:wrap;text-align:center;padding:0;margin:10px 10px 0 0;border:solid #f1f1f1 1px;}
.category-box img {max-height:180px;max-width:180px;}

/*others*/
.article-box {border-right:#f1f1f1 solid 1px; border-bottom:#f1f1f1 solid 1px; margin:0;padding:0 5px 5px 0;height:150px;}
.messagestackerror {font-size:1em;background-color: #cc553d; padding:5px;color:#fff;}
.messagestackwarning {font-size:1em;background-color: #3eabcd;padding:5px;color:#fff;} 
.messagestacksuccess {font-size:1em;background-color: #8BC34A;padding:5px;color:#fff;}


.bottom_banner {min-height:100px;margin:0;overflow:auto;border:none;}

/*Product box in listing, max-width: 1/8 col-s-1*/
.product-box {height:200px;margin:auto;background-color:#fff;text-align:center;border:solid 1px silver;max-width:162px;border-radius:10px;}
.product-box img {max-height:80px;}
.productname_in_header{height:50px;width:100%;display:inline-table;padding:5px;}

/*sidebar boxes*/
.sidebar_box {margin:0;overflow:hidden;}
.sidebar_box h1, .sidebar_box h2, .sidebar_box h3 {color: #a42500;font-weight: bold;padding: 15px 0 10px 0px;border-bottom: solid 1px;background-color: #f1f1f1;border-radius: 3px;}
.sidebar_box h1 {font-size: 1.25em;line-height: 20px;margin:5px 0 0 0;}
.sidebar_box h2 {font-size: 1em;line-height: 16px;}
.sidebar_box h3 {font-size: 0.8em;line-height: 13px;}

.info h1, .info h2, .info h3 {color: #a42500;font-weight: bold;padding: 15px 0 10px 0px;border-bottom: solid 1px;background-color: #f1f1f1;border-radius: 3px;}
.info h1 {font-size: 1.25em;line-height: 20px;margin:5px 0 0 0;}
.info h2 {font-size: 1em;line-height: 16px;margin:5px 0 0 0;}
.info h3 {font-size: 0.8em;line-height: 13px;}
.info label {line-height:2em;display:inline-block;}

/* div based - replaced by flex*/
.productlisting-box{margin:auto;background-color:#fff;text-align:center;border:solid 1px silver;border-radius:10px; padding:0;max-height:250px;}
.productlisting-box img {max-height:180px;max-width:180px;}
.productlisting-box h3 {height:3em;line-height:1em;display:inline-block;}  
.productlisting-box-specialprice {font-weight:bold;color:#ff0000;display:inline-table;}
.productlisting-box-discount{font-weight:bold;background-color:#ff0000;color:#fff;padding:2px;font-size:1em;display:inline-table;}
.productlisting-box-productprice{font-weight:bold;color:#000;display:inline-table;font-size:1em;}


/*product info page*/
.productinfo {display:flex;flex-wrap:wrap;justify-content:center;align-content:center;}
.productinfo-name {padding:0 0 5px 0;margin:0;font-size:2.5em; background-color:#f1f1f1;color: #a42500;border-bottom: solid 1px;border-radius: 3px;}
.productinfo-itemnumber {padding:1px;margin:0;font-weight:bold;}
.productinfo-model {padding:1px;margin:0;background-color:#8BC34A;color:#fff;}
.productinfo-price {font-weight:bold;color:#ff0000;font-size:2em}
.productinfo-discount {font-weight:bold;background-color:#ff0000;color:#fff;padding:2px;font-size:2em;}
.productinfo-specialprice{font-weight:bold;color:#ff0000;font-size:2em;}
.productinfo-mflag {padding:1px;margin:0;background-color:#8BC34A;color:#fff;}
.productinfo-showimage {margin:auto;height:200px;}
.productinfo-addtocart {margin:auto;background-color:#f1f1f1;height:200px; width:300px;}
.productinfo-qty {padding:0;margin:10px;height:2.5em;font-size:1em;width:130px;}
.productinfo-image {padding:10px;margin:auto;}
.productinfo-new {font-weight:bold;background-color:red;color:#fff;padding:2px;font-size:1em;}
.productinfo-popular {font-weight:bold;background-color:green;color:#fff;padding:2px;font-size:1em;} 
.productinfo-good {font-weight:bold;background-color:blue;color:#fff;padding:2px;font-size:1em;}
.productinfo_lblprice, .productinfo_info {font-size:1.2em;}


.catalog {color:#8BC34A;}
.catalog ul {height:auto;margin:0;padding:0;border-style:none;box-sizing:border-box;list-style:none;}
.catalog ul li a {display:block;color:#000;padding:2px;}
.catalog ul li a.active{background-color:#8BC34A;color:white;}
.catalog ul li a:hover:not(.active){background-color:#8BC34A;color:white;}



.social {maring:auto; display:inline-block;}
.social ul {padding:0;list-style:none;margin:0;display:flex;}
.social li {margin: 4px 10px; 0 0;padding: 5px 8px 8px;background-color:#fff;border-radius: 4px;font-size: 2em;font-family: tahoma,sans-serif;font-weight: normal;width: 44px; height: 44px;border:solid 1px #f1f1f1;}
.social li a {padding:0; display: inline-block;line-height:2em; color:#666;}
.social li:hover a {color: #fff;}
.social li.google:hover {background: #4db086;}
.social li.facebook:hover {background: #2f4b87;}
.social li.twitter:hover {background: #3eabcd;}
.social li.newsletter:hover {background: #cc553d;}
.simple {margin:4px 0 20px 0;border:#f1f1f1 solid 1px;}

/*???*/
.slider ul {list-style-type:none;margin:0;padding:0;}
.slider ul li {padding:8px;margin-bottom:7px;}
.slider div {padding:8px;margin-bottom:7px;}

/*.footer{height:auto;margin:0;padding:0;border-style:none;overflow:auto;}*/
.footer{background:#333;margin:0;overflow:none;color:#fff;}
.footer_span{font-size:1em;background:#8BC34A;padding:3px 6px;color:#fff;font-weight:normal;}
.footer h1 {font-size:1em;margin-top:5px;font-weight:normal;}
.footer h2 {font-size:0.8125em;margin-top:5px;font-weight:normal;}
.footer h4 {font-size:1em;font-weight:normal;padding-left:0px;}

.po-linkinfo {background:transparent;clear:both;margin:0 auto;padding:0 0 20px 0;float:left;}
.po-linkinfo li{clear:left;color:#cdcdcd;font-weight:bold;padding:11px 0 5px 0;list-style: none url();margin:0 0 0 0;}
.po-linkinfo li a,.po-linkinfo li a:visited{color:#cdcdcd;font-weight:bold;padding:0 6px 0 0;*padding:0 5px 0 0;}
.po-linkinfo li a:hover{background-color:#8BC34A;color:#fff;padding:0 6px;text-decoration:underline;}
.po-linkinfo li ul li{clear:none;display:inline;padding:0 3px 0 0;}
.po-linkinfo li ul li a,.po-linkinfo li ul li a:visited{color:#cdcdcd;font-weight:normal;padding:0;}                  
.po-linkinfo li ul li a:hover{background-color:transparent!important;text-decoration:underline;padding:0;}
ul.po-linkinfo li:hover a{background-color:#8BC34A;padding:2px 5px 2px 5px!important;}
ul.po-linkinfo li:hover li a{background-color:transparent!important;color:#fff;padding:2px 0 2px 0!important;}


.po-sitelinks {padding:10px;}
.po-sitelinks li {color:#cdcdcd;list-style:none url();}
.po-sitelinks li a,.po-sitelinks li a:visited{color:#cdcdcd;font-weight:normal;}
.po-sitelinks li a:hover{color:#fff;text-decoration:underline;}



/*screen sizing CSS */
 
.navbar {overflow:auto;margin:0;padding:0;border:none;background-color:#fff;display:inline-block;float:right;}
.navbar a {float:left;display:block;color: #000;text-align:center;padding:14px 16px;text-decoration: none;font-size:1em;border-radius:3px;}
.navbar a:hover {background-color: #555;color: #fff;}
.navbar a.active {background-color: #8BC34A;color: #fff;}


#shipping,#payment {height:1em;width:30px;padding: 12px 12px;margin: 8px 0;}
.chkout {padding: 12px 12px;box-sizing: border-box;}
.email, .name, .company {width:310px;}
.zipcode {width:130px;}
.city, .address {width:300px;}
.taxcode, .phone {width:150px;}
.comments {}


/*mobile overrides all
NOTE:SCREEN-WIDTH: 375px*/

[class*="col-"] {
  width: 100%;
  float: left;
  padding: 0;
}
[class*="row-"]{
  height:auto;
}
.product-card {flex-basis:96%;}
.bestsellers {display:none;}

a.no-mobile {display:none;}
.no-mobile {display:none;}
a.icon {display:block;}
.catalog{display:none;}

/* For tablets: */  
@media only screen and (min-width: 600px) {
  .col-s-1 {width: 50%;} 	/*8 cols in a row +4px*/
  .col-s-2 {width: 50%;} /*6 cols in a row*/
  .col-s-3 {width: 50%;}	/*4 cols in a row*/
  .col-s-4 {width: 50%;}
  .col-s-5 {width: 50%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 100%;}
  .col-s-8 {width: 100%;}
  .col-s-9 {width: 100%;}
  .col-s-10 {width: 100%;}
  .col-s-11 {width: 100%;}
  .col-s-12 {width: 100%;}
  .row-s-1 {height: 12%;}
  .row-s-2 {height: 25%;}
  .row-s-3 {height: 33%;}
  .row-s-4 {height: 50%;}
  .table {flex-direction:row;}
  .product-card {flex-basis:46%;}
  
  .bestsellers {display:flex;}
  .bestseller-card {flex-basis:24%;}
  .bestseller-card:last-child {flex: 2 24%;}
  
  a.no-mobile {display:block;}
  .no-mobile {display:block;}
  .catalog {display:block;}
  a.icon {display:none;}
  .social ul{float:right;}
  .productinfo-addtocart {width:500px;}

  //Chkout
  .city, .address {width:500px;}  
}
/* For desktop: */
@media only screen and (min-width: 768px) {
  .col-1 {width: 12%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-40 {width: 30%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}                                                                          
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .row-1 {height: 12%;}
  .row-2 {height: 25%;}
  .row-3 {height: 33%;}
  .row-4 {height: 50%;}
  .table {flex-direction:row;}
  .product-card {flex-basis:31%;}
  .bestseller-card {flex-basis:31%;}
  .bestseller-card:last-child {flex: 2 31%;} 
}
                                            
/* For desktop: */
@media only screen and (min-width: 1024px) {
  .product-card {flex:1 21%;}
  .bestseller-card {flex-basis:12%;}
  .bestseller-card:last-child {flex: 2 12%;}

  .city, .address {width:500px;}  
}

.button {background-color: #8BC34A;border: none;color: white;padding: 8px;text-align: center;text-decoration: none;display: inline-block;font-size: 1em;margin: 2px;transition-duration: 0.4s;cursor: pointer;border-radius:5px;}
.bgreen {background-color: white;color: black;border: 2px solid #8BC34A;}
.bgreen:hover {background-color: #8BC34A;color: white;}                  
.bigreen {background-color: #8BC34A;color: white;border: 2px solid #8BC34A;}
.bigreen_link {background-color: #8BC34A;color: white;border:none;}
.bigreen:hover {background-color: white;color: black;}
.bigreen_link:hover {background-color: white;color: black;}
.biblue {border: 2px solid #008CBA;background-color: #008CBA;color: white;}
.biblue:hover {background-color: white;color: black;}
.bblue {border: 2px solid #008CBA;background-color: white;color: black;}
.bblue:hover {background-color: #008CBA;color: white;}
.bred {border: 2px solid #f44336;background-color: white;color: black;}
.bred:hover {background-color: #f44336;color: white;}
.bired {border: 2px solid #f44336;background-color: #f44336;color: white;}
.bired:hover {background-color: white;color: black;}
.bgay, .bgrey {background-color: white;color: black;border: 2px solid #e7e7e7;}
.bgray:hover, .bgrey:hover {background-color: #e7e7e7;}
.bigray, .bigrey {background-color: #e7e7e7;color: black;border: 2px solid #e7e7e7;}
.bigray:hover, .bigrey:hover {background-color: white;}
.bblack {background-color: white;color: black;border: 2px solid #555555;}
.bblack:hover {background-color: #555555;color: white;}
.biblack {background-color: #555555;color: white;border: 2px solid #555555;}
.biblack:hover {background-color: white;color: black;}
.chkout_bar{margin:10px 0;width:100%;display:flex;}
.chkout_item{width:33%;border:none;color:#a42500;padding: 8px;text-align: center;text-decoration: none;display: inline-block;font-size: 1em;margin: auto;border-radius:5px;}
.chkout_item_first {clip-path: polygon(calc(100% - 1.5rem) 0,100% 50%,calc(100% - 1.5rem) 100%,0 100%,0 50%,0 0);background: #8BC34A;color: #fff; }
.chkout_item_next {clip-path: polygon(calc(100% - 1.5rem) 0,100% 50%,calc(100% - 1.5rem) 100%,0 100%,1.5rem 50%,0 0);background: #f1f1f1;}
.chkout_item_completed {background: #8BC34A;color: #fff;}
.chkout_item_next:last-of-type {-webkit-clip-path: polygon(100% 0,100% 50%,100% 100%,0 100%,1.5rem 50%,0 0);clip-path: polygon(100% 0,100% 50%,100% 100%,0 100%,1.5rem 50%,0 0);
}

/*obsolate
.media ul {padding:0;}
.media li {margin: 0 0 4px 0; padding: 5px 10px; background-color: #d6d4d1;list-style:none;}
.media li {border-radius: 2px;}
.media li a {padding: 0 0 0 35px; display: block; background: url(../images/icons/icon_media.png) top left no-repeat; line-height: 25px; color:#8BC34A;}
.media li.facebook a {background-position: 0 -25px;}
.media li.twitter a {background-position: 0 -50px;}
.media li.news a {background-position: 0 -75px;}
.media li:hover a {color: #fff;}
.media li.blog:hover {background: #4db086;}
.media li.facebook:hover {background: #2f4b87;}
.media li.twitter:hover {background: #3eabcd;}
.media li.news:hover {background: #cc553d;}
*/


/*******************************************************************************
 jShowOff module styles 
 * ****************************************************************************/
/*
#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures { background: #fff; position: relative; overflow: hidden; max-width:700px; height: 350px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; }
.jshowoff { max-width: 700px; margin: 10px 0; border: #f1f1f1 solid 0 1px 0 1px; }
.jshowoff div { background: #fff; max-width: 700px; height: 350px; }
.jshowoff div, .jshowoff { -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; }
.jshowoff div p, .jshowoff div h2 { color: #8BC34A; _background-color: #fff; }
.jshowoff h2, .jshowoff p { font-size: 0.8125em; padding: 3px 3px 3px 3px; margin: 0; }
.jshowoff div h2 { color: #8BC34A; background-color:#f1f1f1; padding: 6px 6px 6px 6px; }
.jshowoff div h2.right { float: right; display: inline;  background-color: #fff;}
.jshowoff p { font-size: 0.75em; line-height: 14px; }
.eddie { float: right; padding: 15px 20px 15px 20px; }
.jshowoff p.jshowoff-slidelinks { position: absolute; bottom: 5px; right: 5px; margin: 0; padding: 0; }
.jshowoff-slidelinks a, .jshowoff-controls a { display: block; background-color: #8BC34A; color: #fff; padding: 5px 7px 5px; margin: 5px 0 0 5px; float: left; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; outline: none; font-size: 0.8675em; line-height: 14px; }
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover { color: #fff; text-decoration: underline; }
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover { background-color: #fff; color: #000; font-weight: bold; }
p.jshowoff-controls { background: #aaa; overflow: auto; height: 1%; padding: 0 0 5px 5px; margin: 0; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
.jshowoff-controls a { margin: 5px 5px 0 0; font-size: 0.75em; line-height: 15px; padding: 4px 8px 5px; }
.jshowoff-pausetext { color: #fff; font-weight: bold; }
*/

.ui-helper-hidden-accessible{display: none !important;}
#btn_GotoTop {display: none;position: fixed; bottom: 20px; right: 30px; z-index: 999;font-size: 1.2em; border: none; outline: none; background-color: red;color: white;cursor: pointer;padding: 15px;border-radius: 4px;}
#btn_GotoTop:hover { background-color: #666;}
.top_banner_sticky{position:fixed;z-index:1000;font-size: 1.2em;}
.bottom_banner_sticky{position:fixed; left:0;bottom:0; z-index: 999;font-size: 1.2em;}

.modulerow {
  background-color: #fffff; 
}
.modulerowover { 
  background-color: #ffffcc; 
  cursor: pointer; 
  cursor: hand;             
  font-weight: bold;
}
.modulerowselected { 
  background-color: #ffffcc;
  font-weight: bold; 
}
.foxpost {position:relative;}
.linkholder {top:0; padding:20px 0;}
em::after {
  content: "";
  height: 1px;
  display: inline-block;
  position: absolute;
  left: 0;
  background: green;
  transition: all;
}

.progressbar:before {
    -webkit-animation: animateProgresBar 1.5s ease;
    animation: animateProgresBar 1.5s ease;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 100%;
    border-radius: 2rem;
    background-color: #8BC34A;
}

.progressbar-actual-value {
    -webkit-animation: animateProgressCar 1.5s ease;
    animation: animateProgressCar 1.5s ease;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .7rem;
    bottom: 1.2rem;
    left: 0;
    -webkit-transform: translateX(-3rem);
    -ms-transform: translateX(-3rem);
    transform: translateX(-3rem);
    font-weight: 500;
    /*color: #8BC34A;*/
    white-space: nowrap
}
.progressbar.width-1:before {width: 1%}
.progressbar.width-5:before {width: 5%}
.progressbar.width-10:before {width: 10%}
.progressbar.width-15:before {width: 15%}
.progressbar.width-20:before {width: 20%}
.progressbar.width-25:before {width: 25%}
.progressbar.width-30:before {width: 30%}
.progressbar.width-35:before {width: 35%}
.progressbar.width-40:before {width: 40%}
.progressbar.width-45:before {width: 45%}
.progressbar.width-50:before {width: 50%}
.progressbar.width-55:before {width: 55%}
.progressbar.width-60:before {width: 60%}
.progressbar.width-65:before {width: 65%}
.progressbar.width-70:before {width: 70%}
.progressbar.width-75:before {width: 75%}
.progressbar.width-80:before {width: 80%}
.progressbar.width-85:before {width: 85%}
.progressbar.width-90:before {width: 90%}
.progressbar.width-95:before {width: 95%}
.progressbar.width-100:before {width: 100%}

.progressbar-actual-value.left-1{left: 1%}
.progressbar-actual-value.left-5{left: 5%}
.progressbar-actual-value.left-10{left: 10%}
.progressbar-actual-value.left-15{left: 15%}
.progressbar-actual-value.left-20{left: 20%}
.progressbar-actual-value.left-25{left: 25%}
.progressbar-actual-value.left-30{left: 30%}
.progressbar-actual-value.left-35{left: 35%}
.progressbar-actual-value.left-40{left: 40%}
.progressbar-actual-value.left-45{left: 45%}
.progressbar-actual-value.left-50{left: 50%}
.progressbar-actual-value.left-55{left: 55%}
.progressbar-actual-value.left-60{left: 60%}
.progressbar-actual-value.left-65{left: 65%}
.progressbar-actual-value.left-70{left: 70%}
.progressbar-actual-value.left-75{left: 75%}
.progressbar-actual-value.left-80{left: 80%}
.progressbar-actual-value.left-85{left: 85%}
.progressbar-actual-value.left-90{left: 90%}
.progressbar-actual-value.left-95{left: 95%}
.progressbar-actual-value.left-100{left: 100%}

.progressbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1em 0 0 0;
    /*border:solid 1px #f1f1f1;*/
}
.progressbar {
    position: relative;
    display: block;
    width: 100%;
    height: 1rem;
    margin-right: 1rem;
    border: 0.1rem solid #f1f1f1;
    border-radius: 2rem;
    background-color: #fff;
}

.chkout_coupon_delivery{
  .min-height:7rem;
  margin:10px 0 0 0;
  padding:30px 0 20px 0;
  background-color:#f1f1f1;
}
.progressbar-limit {
    display: block;
    font-weight: 500;
    /*color: #8BC34A;*/
    line-height: 1.2;
    white-space: nowrap;
}
.button_wrapper{
  display:flex;
  justify-content: space-around;
   align-items: center;
   min-height: 30px;
}
.catalog.mobile-show {
    display: block;
    top: 50px;
    left: 0;
    background-color: white;
    position: fixed;
    z-index: 9999;
    border: 1px solid #f1f1f1;
}

.order_summary {list-style:none;}

.slideshow-container {
  max-width: 1100px;
  position: relative;
  margin: auto;
}
.mySlides {
  display: none;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  background-color:#717171;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
.text {
  color: #f1f1f1;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
.numbertext {
  color: #f1f1f1;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #f1f1f1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {  background-color: #717171;}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {from {opacity: .4} to {opacity: 1}}