<style>

.p-detail-inner-header h1 {
    font-size: 3rem !important;
}

.p-detail-inner h1 {
    font-weight: 700;
font-size: 3rem !important;
}

.category-title {
    text-align: center;
    font-size: 3rem !important;
}




details[open] summary::after {

  content: "zavrit";

}
hr.linka {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--color-primary-hover), rgba(0, 0, 0, 0));
      margin: 3rem;
}


#search-group-articles ul li a::before {
    content: ' \2743 ';
    font-size: 1.3em;
    color: #aa3b29;
    font-family: 'Poppins', sans-serif;;
    margin-right: 25px;
    display: inline-block;
    position: relative;
    top: 0px;
    width: 0px;
    height: 0px;
    border: 0px solid #CA1D72;
    border-radius: 0%;
}


#productsAlternative::before{
color: var(--basic)

}



 .nas_tip {
  display: flex;
  justify-content: left;
 

}

.nas_tip > div {
  background-color: #abef49;
  padding: 5px;
  font-size: 1em;
  min-width: 300px;
  max-width: 500px;
 
 
  border: 25px solid #abef49;
  border-radius: 15px;
  text-align: left;
  

 
}
.nas_tip > div > i > strong {
  font-size: 1.2em;
  text-align: justify;
  text-justify: inter-word;
  
 
}





.news-item-detail ul li::before {
    content: ' \2743 ';
    font-size: 1.3em;
    color: #aa3b29;
    width: 16px;
    height: 16px;
    border: none;
    background-color: transparent;
    border-radius: 0%;
    position: absolute;
    left: 2px;
    top: -3px;


}
.news-item-detail ul li {
    position: relative;
    margin-bottom: 0px;
    padding-left: 32px;
}


div.left, h3 {
    font-size: 16px;
    text-transform: none;
    text-align: center;
    font-weight: bold;
}
#footer ul a {
    font-size: 1.5rem;
}




#gtx-trans { display:none ! important}

.phone-combined-input input {

    border-radius: 0px 15px 15px 0px !important;
 
}
.pk-info p {
    text-align: center;
}



.comgate {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
.zasilkovna-name
{
color: var(--green) !important;
}


.extra.delivery {
    color: #2b5cff;
 
}


.form-control, select {
  
    border-radius: 15px !important;
    border-color: var(--color-secondary);
    
}
.otevreny .kupon-odkaz::before { 
    background-color: var(--color-primary)!important;
    border-color: var(--color-primary)!important;
}

.discount-coupon:not(.uplatneno) form .btn {
    border-radius: 15px !important;
}
.subcategories.with-image li a .text {
    font-size: 18px !important;
}


.breadcrumbs>span>a, .breadcrumbs>span>span {
  
    font-size: 18px !important;
   
}


body:not(.carousel-yes) .navigation-buttons > a[data-target="cart"] i, body:not(.carousel-yes) .cart-count:not(.full)::after {
    color: #FFF !important;
    background-color: #aa3b29 !important;
}
.lupa::before {
    color: #aa3b29 !important;
}




.basic-description li::marker {
    content:'  \2743  ';
    font-size: 1.3em ;
    color: #aa3b29;}

 .basic-description p, article p, .news-item-detail p {
   
    color: black !important;
}   
.basic-description li::marker, article li::marker {
    content:'  \2743  ';
    font-size: 1.3em ;
    color: #aa3b29;}



@media screen and (min-width: 768px){
.navigation-in > ul > li.ext > ul > li > a{display: block;}
.navigation-in > ul > li.ext > ul > li > div{padding-left: 12px;}
.navigation-in > ul > li.ext > ul > li:not(.has-third-level) > div > a {margin-bottom: 0;line-height: 22px;height: 64px;display: flex;align-items: center;}
}

h2 > em{font-family: 'Grape Nuts', cursive !important;
font-size: 38px; color: #c9361f !important }


*{font-family: 'Poppins', sans-serif; !important; }

#footer .contact-box ul li > span:not(.mail):not(.tel):not(.cellphone) a {
    visibility: hidden;
}
li.sipka1:before {
 content: "\27A4";
color: #aa3b29;
margin-right: 10px;

 }

li.sipka1:hover:before
{ 
  content: "\27A4";
  background-color: ;
  color: #eb4328;
  font-weight: bold;
  margin-right: 10px;

}

.welcome h1 { 
    display: none;
}
.news-item .image img {
  width: 100%;
  border-radius: 15px;
}
.news-item:hover .text .title {
  text-decoration: none;
  color: #fff;
}
.news-item .text .title {
  font-size: 19px;
  line-height: 24px;
  display: block;
  order: 2;
  color: #fff;
}
.news-item time, .news-item-detail time {
  margin-bottom: 8px;
  font-size: 14px;
  display: block;
  line-height: 18px;
  color: #fff;
  order: 1;
}
.news-item:hover .text {
  background-color: #eb4328;
  text-decoration: none
}
.news-item:hover .text time {
  color: #fff !important;
}
.news-item .text {
  background-color: #aa3b29;
  color: #fff
  right: 10px;
  bottom: 10px;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 15px
}



.btn.btn-default, a.btn.btn-default {
    color: #fff;
    border-radius: 15px;
}
.pagination>a, .pagination-top>a, .pagination>strong, .pagination-top>strong {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-left: 12px;
    text-align: center;
    line-height: 46px;
    border: 1px solid #E9E9E9;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 8px;
}
.pagination>strong, .pagination-top>strong, .pagination>a:hover {
    border-color: #aa3b29;
    border-radius: 8px;
}


.btn.btn-ghost {
    border-color: var(--color-secondary);
    color: white;
    background-color: var(--color-secondary);
    border-radius: 15px;
}
.btn.btn-ghost:hover {
    border-color: #eb4328;
    color: white;
    background-color: #eb4328;
    border-radius: 15px;
}


#footer .contact-box ul li > span:not(.mail):not(.tel):not(.cellphone) a {
    visibility: hidden;
}


.welcome h1 { 
    display: none;
}
.news-item .image img {
  width: 100%;
  border-radius: 15px;
}
.news-item:hover .text .title {
  text-decoration: none;
  color: #fff;
}
.news-item .text .title {
  font-size: 19px;
  line-height: 24px;
  display: block;
  order: 2;
  color: #fff;
}
.news-item time, .news-item-detail time {
  margin-bottom: 8px;
  font-size: 14px;
  display: block;
  line-height: 18px;
  color: #fff;
  order: 1;
}
.news-item:hover .text {
  background-color: #eb4328;
  text-decoration: none
}
.news-item:hover .text time {
  color: #fff !important;
}
.news-item .text {
  background-color: #aa3b29;
  color: #fff
  right: 10px;
  bottom: 10px;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 15px
}



.btn.btn-default, a.btn.btn-default {
    color: #fff;
    border-radius: 15px;
}
.pagination>a, .pagination-top>a, .pagination>strong, .pagination-top>strong {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-left: 12px;
    text-align: center;
    line-height: 46px;
    border: 1px solid #E9E9E9;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 8px;
}
.pagination>strong, .pagination-top>strong, .pagination>a:hover {
    border-color: #aa3b29;
    border-radius: 8px;
}

.pagination>a, .pagination-top>a, .pagination>strong, .pagination-top>strong {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-left: 12px;
    text-align: center;
    line-height: 46px;
    border: 1px solid #E9E9E9;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 8px;
}

.btn.btn-default, a.btn.btn-default {
    color: #fff;
    border-radius: 15px;
}
    
.pagination>strong, .pagination-top>strong, .pagination>a:hover {
    border-color: #aa3b29;
    border-radius: 8px;
}

.subcategories li a {
    color: #fff;
    background-color: #aa3b29;
    text-decoration: none !important;
    border-radius: 15px;
}
.subcategories li a:hover {
    color: #ffff;
    background-color: #eb4328;
    text-decoration: none !important;
    border-radius: 15px;
}


.quantity {
    border-color: #aa3b29;
}
.p-detail .add-to-cart .quantity .increase, .p-detail .add-to-cart .quantity .decrease {
    width: 33px;
    height: 54px;
    border-radius: 15px;
}
.quantity .increase::before,  {
     border-radius: 15px 0px 0px 15 px
}

@media screen and (min-width: 1200px){
.type-index #header {position: relative !important;top: 0 !important;}
.type-index .top-navigation-bar {position: relative !important;top: 0 !important;background-color: #F5F5F5 !important;}
.type-index .navigation-in > ul > li > a {color: #000;}
.type-index .lupa, .type-index .top-nav-button::before {color: #000;}
.type-index .menu-helper:not(:hover), .type-index .menu-helper:not(:hover) > span {color:#000;}
.type-index .btn.cart-count::before, .type-index a.btn.cart-count::before, .type-index .btn.cart-count .cart-price {color: #000;}
.type-index .navigation-buttons > a[data-target="cart"] i, .cart-count:not(.full)::after {background-color: #000;color: #fff;}
.type-index .top-navigation-bar a, .type-index .dropdown button {color: #000;}
.type-index .site-name img {-webkit-filter: none;filter: none;}
.type-index .dropdown {border-color: #C4C4C4 !important;}
.type-index .dropdown .caret::before {color: #000 !important;}
.one-column-body .carousel-inner > .item.carousel-link a::before, .one-column-body .carousel-inner > .item:not(.carousel-link)::before {display: none;}
}


@media screen and (min-width: 768px){
.navigation-in > ul > li.ext > ul > li > a{display: block;}
.navigation-in > ul > li.ext > ul > li > div{padding-left: 12px;}
.navigation-in > ul > li.ext > ul > li:not(.has-third-level) > div > a {margin-bottom: 0;line-height: 22px;height: 64px;display: flex;align-items: center;}
}

.container.breadcrumbs-wrapper {
    width: 100%;
    background-color: #aa3b29 !important;
    margin-bottom: 40px;
}

.breadcrumbs {
    color: #ffffff;
    background-color: #aa3b29;
}

.btn.btn-primary, a.btn.btn-primary {
    color: #fff;
    border-radius: 15px;
  
}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
    color: #fff;
    border-radius: 15px;
}
.breadcrumbs>span>a {
    color: #fff;
}

.flag.flag-new {                       /*novinka*/
    background-color: #3cbcd4;
    border-radius: 8px;
}
.flag.flag-tip {                      /*TIP*/
    background-color: #FF4500;
    border-radius: 7px;
}
.flag.flag-action {
    background-color: #00FF7F;
    border-radius: 7px;
}
.flags-extra .flag {
    border-radius: 15px !important;
    background-color: #4267b2;
    }
    
    .box-bg-default .btn.btn-default, .box-bg-default a.btn.btn-default {
    background-color: #aa3b29;
    border-radius: 15px !important;
}
.image:hover {
    opacity: 0.6;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
/* Tooltip container */
.etooltip {
  position: relative;
  display: inline-block;
 
}

/* Tooltip text – střed nahoře */
.etooltip .etooltiptext {
  visibility: hidden;
  position: absolute;
  bottom: calc(100% + 8px);   /* nad horní hranou */
  left: 50%;                  /* střed */
  transform: translateX(-50%);/* vycentrování */
  z-index: 1000;

  /* vzhled */
  background-color: #aa3b29;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  border-radius: 6px;

  /* adaptivní šířka */
  width: max-content;
  max-width: min(90vw, 320px);
  white-space: normal;
}

/* šipka pod tooltipem */
.etooltip .etooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #aa3b29 transparent transparent transparent;
}

/* zobrazení na hover */
.etooltip:hover .etooltiptext {
  visibility: visible;
}
h2 {color: #aa3b29 !important;font-size: 18px; text-transform: none; text-align: center;font-weight: bold}
h3 {font-size: 16px; text-transform: none; text-align:center ; font-weight: bold}
h1 {font-size: 16px; text-transform: none; text-align: center; font-weight: bold; }
h1.leva {color: #aa3b29 !important; font-size: 10px; text-transform: none; text-align: left; font-weight: bold; }
h4 {font-size: 18px;text-transform: none; text-align:left; font-weight: bold;}
h5 {color: #aa3b29 !important;font-size: 16px; text-align: left;font-weight: bold}
h6 {color: black !important;font-size: 16px; text-align: center; font-weight: bold}

.co-basic-information .form-group > select.form-control {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
}
.radio-wrapper.active {
    background-color: #aa3b29;
    color:#FFFFFF;
    
}
.form-group>input.form-control, .form-group>select.form-control  {
    max-width: none;
    border-radius: 15px;
    border-color: #aa3b29;
}
.validator-msg.msg-error, .validator-msg.msg-warning, .js-validator-msg.msg-error, .validator-msg.msg-info {
    background-color: #DC143C;
    border: 1px solid #EDA9AE;
    border-radius: 15px;
    color: #FFFFFF;

}
.phone-combined-input input {
    max-width: none;
    border-radius: 0px 15px 15px 0px;
    border-color: #aa3b29;
}
.country-flags {
border-radius: 15px 0px 0px 15px;
border-color: #aa3b29;
}

ol.cart-header li.active a span::before, ol.cart-header li.active strong span::before {
    background-color: var(--color-primary);
    color: #fff;
}
.radio-wrapper.active {
    border-color: #aa3b29;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    border-radius: 15px;
    z-index: 1;
}
.price-primary, .payment-shipping-price{

}
.products-block.products .p .price strong, .products-block.products .p .price span {
    
}
.payment-logo {
    background-color: transparent;
   
}

span.text:hover {
text-decoration: none !important;
}
.image {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.category-order.right {
    background-color: #aa3b29;
}

.image:hover {
    opacity: 0.6;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}



table.tab {
border-width:2px; 
border-color: white;
border-style: solid;
font-size:11px;
border-spacing:2px;
border-collapse:collapse;

}

th.tab{
/* barva pozadi hlavicky tabulky */
background-color: var(--color-primary);
/* barva pisma hlavicky tabulky */
color:white;
/* prevod pismen v hlavicce tabulky na velka */
text-transform:uppercase; font-size:18px; text-align: center;
/* tucny font v hlavicce tabulky */
font-weight:bold;
}

th.tab{
padding:3px; height: 24px


}


td.tab {
border: 3px white solid; font-size:11px;
padding:3px; height: 24px

}

tr.tab:nth-child(2n+1){
background:#eee;font-size:11px;
padding: 3px;
border: 3px; solid; height: 24px;
}

tr.tab:nth-child(2n){
background:#ddd;font-size:11px;
padding: 3px;
border: 3px white solid; height: 24px
}

tr.tab:hover{
background-color: 	#CCFF66;
cursor:pointer;font-size:11px;
color:#C71585;
}








h1 {text-transform: none; }

a.ochrana:link {color: white !important; text-decoration: underline;font-family: 'Poppins', sans-serif; font-size: 1px;text-align: justify;}
a.chrana:hover {color: white !important; text-decoration: none;font-family: 'Poppins', sans-serif; font-size: 1px;text-align: justify;}

p {color: black; font-size: 16px; text-align: justify;} 
p.heureka {color: #00bfff;  font-size: 16px;text-align: center;} 
a.odkaz:visited {color: #1c3bd4; text-decoration: underline; font-size: 16px;text-align: justify;}
a.odkaz:link {color: #1c3bd4; text-decoration: underline; font-size: 16px;text-align: justify;}
a.odkaz:hover {color: var(--color-secondary); text-decoration: none; font-size: 16px;text-align: justify;}
p.justify {color: black; font-size: 16px;text-align: justify;} 
a.olej:link {color: #1c3bd4; text-decoration: underline; font-size: 18px;text-align: center;}
a.olej:visited {color: #1c3bd4; text-decoration: underline; font-size: 18px;text-align: center;}
a.olej:hover {color: var(--color-secondary); text-decoration: none; font-size: 18px;text-align: center;}


.order-step-single.active, .shipping-single-name a {
    color: #679ae5;
}
.shipping-single-name a {
    font-weight: 700;
}



ul {color: black; font-size: 16px;} 
.basic-description li, article li, .news-item-detail li {color: black;  font-size: 16px;}
 



img.h {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

img.h:hover {
    opacity: 0.6;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

 .containeroleje {
  display: flex;  
  flex-flow: row wrap;

  text-align: center; 
  width: 100%;
  margin: auto;
 
}

.containeroleje > * {
  padding: 10px;
  flex: 100%;

}

.hlavicka {

  border-radius: 20px 20px 0px 0px  ;
  border-style: none none none none !important;

}

.paticka {

  border-style: none solid solid solid !important;
  border-radius: 0px 0px 20px 20px !important  ;
}

.hlavni-text {
  text-align: left;
  border-radius: 0px 0px 0px 0px !important;
  border-style: none solid none solid !important;
  border:5 px;
font-style: normal;
}


@media all and (min-width: 800px)
 {
  .hlavni-text    { flex: 3 10px; }
  .hlavni-text    { order: 2;}
  .obrazek { order: 3; }
  .paticka  { order: 4;}
}


.antistres {
  border: 5px #0087ff;
}
.levandulovy {
  border: 5px  #ab8fcbc4;
  }
  .pomerancovy {
  border: 5px #e3883aad;
}
.gardenia {
  border: 5px #6f3b83bf;
}
.eucalyptovy {
  border: 5px #30a35fdb
}
.perla {
  border: 5px #7ad646
}

.povzbuzeni {
  border: 5px #65c493
}
.citronovy {
  border: 5px #ffee54
}
 .guduchi {
  border: 5px #f94f00ad
}  
 .lesni {
  border: 5px  #498070b5
} 

table.oleje {table-layout: auto;
       width: 100%;
       border-collapse: separate;
    border-spacing: 0px 0px ;
   

       }
       @media screen and (min-width: 800px) {
  table.oleje {
    width:70%;
  }
}

.nadpis
 {
text-align: center;
font-size: 30;
font-weight: bold;
font-style: oblique;
border-top:0px solid;
border-bottom:none solid ;
border-left:0px solid ;
border-right:0px solid ;
border-radius: 20px 20px 0px 0px ;
padding: 2px;

}


.nazevtabulky
 {
border: 0px solid;
border-top-color: ;
    border-right-color: ;
    border-bottom-color: ;
    border-left-color: ;
    padding: 8px;
}
.obsah
 {
border-top:none solid ;
border-bottom:0px solid ;
border-left:0px solid ;
border-right:0px solid ;
border-radius: 0px 0px 20px 20px ;
padding: 8px;
}
.nadpis1
 {
text-align: center;
font-size: 30;
color: white !Important;
font-weight: bold;
font-style: oblique;
border-top:0px solid;
border-bottom:none solid ;
border-left:0px solid ;
border-right:0px solid ;
border-radius: 20px 20px 0px 0px ;
padding: 2px;

}
tr.tab1:hover{
background-color: 	#CCFF66;
cursor:pointer;
font-size:15px;
color:#eb4328;
}
tr.tab1{
font-size: 15px;
width: min 20px
}

td.tab1{width: auto;
padding: 5px;
}

} 
div.extra.delivery {
    display: flex;
    line-height: 18px;
    align-items: center;
    text-align: center;
    font-size: 14px;
    color: #2b5cff;
    justify-content: center;
}

div.extra.delivery > span::before {
        color: var(--hover);
}

div.extra.delivery > span strong {
    color: var(--hover);
    font-style: italic;
}
.cart-free-shipping > div {
    display: inline-block;
    line-height: 19px;
    font-size: 14px;
    color: #2b5cff;
    max-width: 260px;
}
.cart-free-shipping::before
{content: "\e946";
font-family: ikony;
display: inline-block;
margin-right: 16px;
font-size: 30px;
color: var(--hover);}

.cart-free-shipping > div strong {
    color: var(--hover);
    font-style: italic;
  
}
.price-range>div {
    background-color: #3ec02a;
} 

.site-msg.information {   
    background-color: #eb4328 !Important;
}
.site-msg.information .text {
    font-size: 1.8rem;
  
}
</style>
