:root {
  --main-color: #000; /* RGB barva */
  --secondary-color: #1a52ba;
  --horni-lista: flex; /* flex nebo none */
  --banner-kategorie: flex; /* flex nebo none */
  --accent-color: #f8d801;

  --menu-bg-color: #fff;
  --top-panel-color: #fff;
}
@font-face {
  font-family: 'jungle-font-icons';
  src:  url('/fonts/jungle-font-icons.eot?p67vzi');
  src:  url('/fonts/jungle-font-icons.eot?p67vzi#iefix') format('embedded-opentype'),
    url('/fonts/jungle-font-icons.ttf?p67vzi') format('truetype'),
    url('/fonts/jungle-font-icons.woff?p67vzi') format('woff'),
    url('/fonts/jungle-font-icons.svg?p67vzi#jungle-font-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.noapp{
    appearance: none;
    padding-left: 12px;
    background-image: url(/dropdown.png);
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: 26px;
    padding-right: 18px;
}
body{
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
}
.clearfix{
	clear: both;
	width: 100%;
}
.slider{
	position: relative;
	height: 100vh;
	width: 100%;
}
.menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu ul li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.header{
	width: 100%;
	position: fixed;
	z-index: 100000000;
	transition: 300ms;
	background: linear-gradient(rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
}
.colmenu li a{
  padding: 7px 16px !important;
}
.header:hover{
	background: #1b1b1b;
}
.header_left{
	position: absolute;
    left: 5px;
    top: 0px;
}
.header_right{
	position: absolute;
    right: 20px;
    top: 0px;
}
.header_center{
	display: inline-block;
	left: 50%;
	position: relative;
	transform: translate(-50%);
}
.logo_bile{
	display: inline;
	max-height: 61px;
}
.logo_section{
	margin-top: 10px;
	text-align: center;
}
.logo_cerne{
	display: none;
	max-height: 61px;
}
.menu_caret{
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.menu ul li a{
    font-family: 'Muli', sans-serif;
    color: #dcdcdc;
    font-size: 12px;
    padding: 16px 16px 16px;
    display: block;
    position: relative;
    text-decoration: none;
    letter-spacing: .06em;
}
.menu ul li:hover .menu_caret{
  display: block;
}
.menu ul li a:hover:after {
    content: "";
    background: url(/images/sipka.png) center bottom no-repeat;
    background-size: 100%;
    width: 9px;
    color: #fff;
    height: 5px;
    display: inline-block;
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%);
}
.menu ul li a:hover{
	color: #fff;
}
.sticky .logo_section{
	display: none;
}
.search_special{
    display: inline-block;
    text-decoration: none;
    color: #a0a0a0;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
	border: 2px solid #a0a0a0;
	position: relative;
	height: 18px;
	padding: 2px 4px 0;
	top: 0px;
	border-radius: 18px;
}
.header_left a {
    display: inline-block;
    padding: 17px 8px;
    color: #a0a0a0;
    text-decoration: none;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
}
.header_left a:hover{
	color: #fff;
}
.header_right a:not([class^="search_special"]) {
    display: inline-block;
    text-decoration: none;
    padding: 17px 8px;
    color: #a0a0a0;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
}
.header_right .cart_divider {
    display: inline-block;
    text-decoration: none;
    padding: 17px 8px;
    color: #a0a0a0;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
}
.header_right .user_divider {
    display: inline-block;
    text-decoration: none;
    padding: 0px 1px;
    color: #a0a0a0;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
}
.header_right a:hover{
  color: #fff;
  border-color: #fff;
}
.header_right .cart_divider:hover{
  color: #fff;
  border-color: #fff;
}
.header_right .user_divider:hover{
  color: #fff;
  border-color: #fff;
}
.search_special:hover{
	color: #fff;
	border-color: #fff;
}
.sticky_hidden{
	display: inline;
}
.sticky_visible{
	display: none;
}
.sticky .sticky_hidden{
	display: none;
}
.sticky .sticky_visible{
	display: inherit;
}
.sticky{
	background: #1b1b1b !important;
}

.cerna{
	background: none;
}
.cerna .logo_cerne{
	display: inherit;
}
.cerna .logo_bile{
	display: none;
}
.cerna .header_left a{
	color: #000;
}
.cerna .header_right a{
  color: #595959;
  border-color: #595959;
}
.cart_divider{
  cursor: pointer;
}
.cerna .header_right .cart_divider{
  color: #000;
  border-color: #000;
}
.cerna .menu ul li a{
	color: #000;
}

.cerna:hover .logo_cerne{
	display: none;
}
.cerna:hover .logo_bile{
	display: inherit;
}
.cerna:hover .header_left a{
	color: #a0a0a0;
}
.cerna:hover .header_right a{
  color: #a0a0a0;
  border-color: #a0a0a0;
}
.cerna:hover .header_right .cart_divider{
  color: #a0a0a0;
  border-color: #a0a0a0;
}
.cerna:hover .menu ul li a{
	color: #a0a0a0;
}

.cerna:hover .header_left a:hover{
	color: #fff;
}
.cerna:hover .header_right a:hover{
  color: #fff;
  border-color: #fff;
}
.cerna:hover .header_right .cart_divider:hover{
  color: #fff;
  border-color: #fff;
}
.cerna:hover .menu ul li a:hover{
	color: #fff;
}


.bcerna{
  background: none;
}
.bcerna .logo_cerne{
  display: inherit;
}
.bcerna .logo_bile{
  display: none;
}
.bcerna .header_left a{
  color: #000;
}
.bcerna .header_right a{
  color: #000;
  border-color: #000;
}
.bcerna .header_right .cart_divider{
  color: #000;
  border-color: #000;
}
.bcerna .menu ul li a{
  color: #000;
}

.bcerna:hover .logo_cerne{
  display: none;
}
.bcerna:hover .logo_bile{
  display: inherit;
}
.bcerna:hover .header_left a{
  color: #a0a0a0;
}
.bcerna:hover .header_right a{
  color: #a0a0a0;
  border-color: #a0a0a0;
}
.bcerna:hover .header_right .cart_divider{
  color: #a0a0a0;
  border-color: #a0a0a0;
}
.bcerna:hover .menu ul li a{
  color: #a0a0a0;
}

.bcerna:hover .header_left a:hover{
  color: #fff;
}
.bcerna:hover .header_right a:hover{
  color: #fff;
  border-color: #fff;
}
.bcerna:hover .header_right .cart_divider:hover{
  color: #fff;
  border-color: #fff;
}
.bcerna:hover .menu ul li a:hover{
  color: #fff;
}

.sticky .menu ul li a{
	color: #fff;
}

.sticky .header_left a{
	color: #a0a0a0;
}

.sticky .header_right a{
  color: #a0a0a0;
  border-color: #a0a0a0;
}
.sticky .header_right .cart_divider{
  color: #a0a0a0;
  border-color: #a0a0a0;
}
.sticky .menu ul li a:hover{
	color: #fff;
}
.sticky .header_left a:hover{
	color: #fff;
}

.sticky .header_right a:hover{
  color: #fff;
  border-color: #fff;
}
.sticky .header_right .cart_divider:hover{
  color: #fff;
  border-color: #fff;
}
.container{
	width: 1300px;
	margin: 0 auto;
}

/* BANNER */
.product_ad{
    width: calc(50% - 1px);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    flex: 0 0 calc(50% - 1px);
    position: relative;
    align-self: stretch;
}
.product_ad img{
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-self: stretch;
}

/* Novinky */
.grayblok{
    background: #e7e7e7;
	margin: 1px 20px 20px;
    text-align: center;
    padding: 20px;
}
.whiteblok{
    background: #fff;
	margin: 1px 20px 1px;
    text-align: center;
    padding: 20px;
}
.sectiontitle{
	text-align: center;
	font-size: 36px;
	text-decoration: none;
}
.col-md-4{
	float: left;
	width: 33.33333%;
}
.col-md-3{
	float: left;
	width: 25%;
}
.col-md-3 img{
	max-width: 98%;
}
.col-md-4 img{
	max-width: 80%;
}
.col-md-4 a{
	color: #545454;
	text-decoration: none;
}
.col-md-4 a:hover{
	color: #000;
}

.contexts{
  color: #000 !important;
  font-family: 'Muli', sans-serif;
}
.arrowleft{
  position: absolute;
  top: 50%;
  left: 30px;
  font-size: 14px;
  cursor: pointer;
  transform: translateY(-50%);
}
.arrowright{
  position: absolute;
  top: 50%;
  right: 30px;
  font-size: 14px;
  cursor: pointer;
  transform: translateY(-50%);
}

.arrowleft img{
      height: 50px;
}
.arrowright img{
      height: 50px;
}

/* GRID PRODUKTŮ */
.products_grid{
	padding: 20px 20px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
  align-items: stretch;
}
.product{
    width: calc(25% - 1px);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #ebebeb;
    flex: 0 0 calc(25% - 1px);
    padding: 35px 0;
    position: relative;
}
.slickgx .slick-list{
    margin: 0 43px 20px;
}
@media(max-width: 980px){
  .product{
    flex: 0 0 calc(50% - 1px);
  }
}
@media(max-width: 1400px){
  .container {
    width: 100%;
  }
}
.product:hover{
  background: #fff;
}
.banner_x{
    width: calc(50% - 5px);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #e7e7e7;
    flex: 0 0 calc(50% - 1px);
    position: relative;
}
.product_hover{
	display: none;
	z-index: 6000;
}
.product_link{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	height: 100%;
	width: 100%;
}
.colmenu li a:hover{
  text-decoration: underline !important;
}
.product_photo img{
	max-width: 100%;
}
.product:hover .product_photo img{
	visibility: hidden;
}
.product:hover .product_hover{
	display: block;
	position: absolute;
	background: #fff;
}
.product_like{
	cursor: pointer;
	position: absolute;
	padding: 20px;
	z-index: 6500;
	right: 0;
}
.product_like_sub{
	cursor: pointer;
	position: absolute;
	padding: 20px;
	z-index: 4000;
	right: 0;
}
.product_hover_text{
	text-align: center;
	padding: 15px 0;
}
.prod_price{
	color: #7b7b7b;
}
.product_hover_show{
	display: none;
}
.product_hover_hide i{
	color: #a0a0a0;
}
.product_like_sub i{
	color: #a0a0a0;
}
.product_hover_hide{
	display: inherit;
}
.product_like:hover .product_hover_show{
	display: inherit;
}
.product_like:hover .product_hover_hide{
	display: none;
}
.product_hover_photo img{
	max-width: 100%;
}

/* Stránka produktů */

.product_main_info{
	text-align: center;
}
.product_main_text{
	color: #000;
	font-size: 19px;
  width: 80%;
  margin-left: 10%;
}
.sub_product_line{
    width: 60%;
    height: 1px;
    background: rgba(0, 0, 0, 0.16);
    margin: 0px 0;
    margin-left: 20%;
}
.product_main_price{
	font-size: 16px;
	font-weight: normal;
	color: #8c8c8c;
	text-decoration: none;
	margin-right: 0px;
}
.product_main_status{
	color: #313131;
    font-size: 13px;
}
.product_main_status_text{
    font-size: 10px;
    color: #7b7b7b;
}

/* PATIČKA */
.footer{
	background: #1b1b1b;
}
.footer_menu_part{
	float: left;
	width: 18.75%;
}
.prod_buy_button{
	color: #545454;
	cursor: pointer;
}
.prod_buy_button:hover{
	color: #000;
}
.footer_part{
	float: left;
	width: 25%;
}
.footer_menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer_menu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.footer_menu ul li a{
    line-height: 1.5;
    text-decoration: none;
	font-size: 12px;
	color: #e5dfd9;
}
.footer_menu ul li a:hover{
	color: #fff;
}
.footer_title{
	font-size: 12px;
    color: #999 !important;
	margin-bottom: 29px;
	text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 700;
}
.sp_fb:hover{
	color: #4267b2 !important;
}
.sp_ig:hover{
	color: #d62976 !important;
}
.inputxp {
	height: 45px;
    border: 1px solid #f7f7f7;
    border-radius: 0;
    background-color: #f7f7f7;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 12px;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    color: #868686;
    font-size: 15px;
    border: 1px solid #000 !important;
    background: #000 !important;
    color: #fff !important;
    width: 70%;
    height: 33px;
}
.inputxp:focus{
    border: 1px solid #fff !important;
    background: #fff !important;
    color: #000 !important;
}
.footer_main{
	padding: 65px 0;
}
.footer_content{
	margin-bottom: 18px;
	margin-top: 0px;
	font-size: 12px;
	font-weight: 500;
	color: #7b7b7b;
}
.product_grid{
	position: relative;
}
.slickgh{
	height: 90vh !important;
}
.slickgh .slick-list{
	height: 90vh !important;
}
.slickgh .slick-slide{
	height: 90vh !important;
	position: relative !important;
}
.slickgh .slick-slide img{
	position: absolute;
	max-width: 65%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.product_details_text ul{
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
.carousel-status{
	position: absolute;
  transform: translateY(-150%);
	left: 50%;
	z-index: 1500;
}
.slickgx .slick-track div:hover{
  background: #fff;
}
.product_info{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1500;
	width: 310px;
}
.btn{
	font-weight: 700;
    overflow: hidden;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.05em;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff;
    background-color: #000000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-dark{
	background: black;
}
.onnothover{
	display: inherit;
}
.onhover{
	display: none;
}
.hover_switch:hover .onnothover{
	display: none;
}
.left_product_bot{
	position: absolute;
	left: 20px;
  transform: translateY(-150%);
}
.right_product_bot{
	position: absolute;
	right: 20px;
	transform: translateY(-150%);
}
.right_product_bot span{
	cursor: pointer;
	color: #7b7b7b;
}
.right_product_bot span:hover{
	color: #000;
}
.hover_switch:hover .onhover{
	display: inherit;
}

.product_details{
    background: rgba(222, 222, 222, 0.11);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: stretch;
    align-items: stretch;
}
.product_polovina{
	float: left;
  font-family: 'Muli';
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: calc(50% - 40px);
	color: #7b7b7b;
	font-size: 12px;
}
.product_section{
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	padding: 20px 0 20px;
}
.product_section_title{
	float: left;
}
.product_section_char{
	float: right;
}
.product_section p{
	display: none;
	padding: 0;
	margin-top: 20px;
}
.product_polovina_bila{
    background: #fff;
    padding: 20px;
    width: calc(50% - 60px);
    margin-top: 20px;
    margin-bottom: 20px;
    float: right;
    font-size: 12px;
    font-family: 'Muli';
    color: #7b7b7b;
    line-height: 26px;
    margin: 10px 10px 10px 10px;
}
.product_polovina_bila a{
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
.product_polovina_bila a:hover{
	color: #000;
}

.blanksection{
	background: #fff;
}
.section_title{
color: #313131;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    padding-bottom: 7px;
    cursor: pointer;
    text-align: center;
    padding: 20px 0;
}
.slick_sub{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.slick_sub div{
    flex: 0 0 20%;
	float: left;
	width: 20%;
}
.slick_sub div img{
	max-width: 100%;
}
@media(max-width: 1200px){
	.slider{
		height: 40vh !important;
	}
}
.col-md-6{
}




        .xp_cart_item{
          position: relative;
        }
        .xp_cart_item_photo{
          float: left;
          width: 30%;
          height: 90px;
          position: relative;
        }
        .xp_cart_item_photo img{
          position: absolute;
          object-fit: cover;
          width: 100%;
          height: 100%;
        }
        .xp_cart_item_info{
          float: left;
          margin-left: 20px;
          width: 60%;
        }
        /*afffff
        .productlist{
          position: absolute;
          z-index: 4000;
          top: 25px;
          right: -10px;
          width: 280px;
          padding: 10px;
          border-radius: 0px;
          border: 1px solid #f1f1f1;
          box-shadow: 0px 0px 1px rgb(0 0 0 / 15%);
          background: #fff;
          overflow-y: auto;
          max-height: 350px;
          visibility: hidden;
        }
        .cart_divider:hover .productlist{
          visibility: visible;
        }*/

        ::-webkit-scrollbar {
          width: 10px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
          background: #f1f1f1; 
        }
         
        /* Handle */
        ::-webkit-scrollbar-thumb {
          background: #888; 
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
          background: #555; 
        }

        .xp_cart_item a {
          display: block !important;
          position: absolute !important;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .xp_cart_product_name {
            color: #192330;
            margin-top: 10px;
            font-weight: bold;
            display: block;
            margin-bottom: 0;
        }
        .xp_cart_product_variant {
            color: gray;
            font-style: italic;
            font-size: 16px;
        }
        .xp_cart_product_price{
          color: #000;
        }
        .xp_cart_ammount{
            color: #000;
            font-size: 14px;
        }
        .xp_cart_price{
          color: #000;
        }
        .xp_cart_price{
          float: right;
        }
        .s-header-title:after{
          background: transparent !important;
        }

        .spl{
              margin-bottom: 15px !important;
    background: #fff;
    border: 1px solid #ececec;
    color: #000;
    padding: 10px 15px;
    display: flex;
    position: relative;
    border-radius: 0px;
    text-align: left;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
        }
        .sp_f_text{
          text-decoration: none !important;
        }
        .color{
          border-color: #000 !important;
          background: #000 !important;
          color: #fff !important;
        }
        .dark{
          color: #000 !important;
        }

        .dark:hover{
          border-color: #000 !important;
          background: #000 !important;
          color: #fff !important;
        }
        .sp_icon{
          width: 50px;
          float: left;
          height: 50px;
          display: inline-block;
          background: #f9f9f9;
          border-radius: 50%;
          border: 1px solid #ededed;
          position: relative;
          left: -8px;
        }
        .sp_icon i{
          position: absolute;
          top: 50%;
          color: #000;
          font-size: 20px;
          left: 50%;
          transform: translate(-50%, -50%);
        }
        .main_title{
          display: block;
          font-weight: bold;
          margin-top: 50px;
          margin-bottom: 15px;
          color: #000;
          font-size: 24px;
        }
        .part_title{
          display: block;
          margin-bottom: 15px;
          font-size: 19px;
          color: #000;
        }
        .main_part{
          background: #fff;
          padding: 20px;
        }
        .sp-control-min{
          outline: none !important;
          border: none !important;
          background: white !important;
          display: inline-block !important;
          width: auto !important;
          padding: 0px 15px !important;
          height: 42px !important;
          border: 1px solid #cecece !important;
          margin-bottom: 0px !important;
          color: #000 !important;
          border-radius: 0px !important;
        }
        .sp-control{
          outline: none !important;
          border: none !important;
          background: white !important;
          display: block !important;
          width: calc(100% - 32px) !important;
          padding: 0px 15px !important;
          height: 42px !important;
          border: 1px solid #cecece !important;
          margin-bottom: 0px !important;
          color: #000 !important;
          border-radius: 0px !important;
        }
        .closebg{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .sp_button {
            border: none;
            padding: 5px 20px;
            background: #000;
            color: #fff !important;
            border: 2px solid #000;
            text-align: center;
            border-radius: 0px;
            cursor: pointer;
            display: inline-block;
            text-decoration: none !important;
            transition: 300ms;
        }
        .sp_button:hover{
          border: 2px solid #000;
          background: #000;
        }
        .sp_button_invert {
            border: none;
            padding: 5px 20px;
            background: transparent;
            text-align: center;
            border-radius: 0px;
            border: 2px solid #000;
            cursor: pointer;
            color: #000;
            display: inline-block;
            text-decoration: none !important;
            transition: 300ms;
        }
        .sp_button_invert:hover{
          background: #000;
          color: #fff;
        }
        .last_order{
          border-radius: 0px;
          border: 1px solid #ececec;
          border-left: 3px solid #000;
          padding: 15px;
        }
        .sp_order_title{
          float: left;
          font-size: 22px;
        }
        .sp_order_text{
          float: right;
          font-size: 15px;
        }
        .sp_text_m{
          color: #000;
          font-size: 15px;
        }
        .sp_text_sm{
          color: #000;
          font-size: 15px;
        }
        .prew_order{
          border-radius: 0px;
          border: 1px solid #ececec;
          border-left: 3px solid #00a5f4;
          padding: 15px;

        }
          
        .alert{
            font-size: 14px;
            border-radius: 1px;
        }
        .alert-info {
            color: #ffffff;
            background-color: rgb(39 51 70 / 72%);
            border: none;
            border-left: 3px solid #0089ff;
        }
        .alert-success {
            color: #ffffff;
            background-color: rgb(39 51 70 / 72%);
            border: none;
            border-left: 3px solid #90ff00;
        }
        .alert-danger {
            color: #ffffff;
            background-color: rgb(39 51 70 / 72%);
            border: none;
            border-left: 3px solid #ff0000;
        }
        .alert-warning {
            color: #000000;
            background-color: #fff;
            border: none;
            border-left: 3px solid #f3a61a;
        }
        .sp_dropdown{
          position: relative;
        }
        .sp_sub-menu{
          position: absolute;
          background: gray;
          z-index: 300;
          box-shadow: 0px 0px 24px rgb(0 0 0 / 15%);
          background-color: #535b65;
          font-family: "Roboto Condensed",sans-serif;
          letter-spacing: 0;
          text-decoration: none;
          padding: 0px 15px;
          font-size: 14px;
          color: #fff !important;
          border-left: 0px !important;
          display: inline-block;
          width: 100%;
          display: none;
          padding: 15px 0 !important;
        }
        .sp_dropdown:hover .sp_sub-menu{
          display: inline-block;
        }
        .sp_sub-menu li{
          border-left: 0px !important;
        }
        .sp_sub-menu li a{
          color: #fff !important;
          opacity: 0.5;
          border-left: 0px !important;
          text-decoration: none !important;
          padding: 7px 18px !important;
        }
        .sp_sub-menu li a:hover{
          opacity: 1;
        }



.header-currency .digit {
  line-height: 100px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
}
.header-currency .digit i {
  margin-left: 5px;
}
.header-currency:hover > .dollar-submenu {
    transform: rotateX(0deg);
    visibility: visible;
}
.shopping-cart-contentx {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 0;
  top: 100%;
  transform: rotateX(90deg);
  transform-origin: center top 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 340px;
  z-index: 9999;
}
.cat_divider{
      width: 1px;
    height: 24px;
    float: right;
    margin: 0 20px;
    position: relative;
    top: -4px;
    background: #ececec;
}
.header-cart:hover > .shopping-cart-contentx {
    transform: rotateX(0deg);
    visibility: visible;
}
.shopping-cart-content {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  padding: 31px 35px 10px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: rotateX(90deg);
  transform-origin: center top 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 340px;
  z-index: 9999;
}
.header-cart:hover > .shopping-cart-content {
    transform: rotateX(0deg);
    visibility: visible;
}
.shopping-cart-content ul li {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    padding-bottom: 15px;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-items: flex-start;
}
.shopping-cart-img {
    flex: 0 0 82px;
    margin-right: 15px;
}
.shopping-cart-title > h4 {
    color: #242424;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
.shopping-cart-title > h4 a {
  color: #000;
  font-weight: 400;
}
.shopping-cart-title > h4 a:hover {
    color: #519f10;
}
.shopping-cart-title > h6 {
    color: #555;
    font-size: 13px;
    margin: 5px 0 10px;
}
.shopping-cart-title > span {
    color: #555;
    font-size: 14px;
}
.shopping-cart-delete {
    display: flex;
    flex-grow: 100;
    justify-content: flex-end;
}
.col-md-12 {
    width: 100%;
    padding: 10px 0%;
    float: left;
}
.col-md-6 {
    width: 49% !important;
    padding: 10px 0% !important;
    float: left;
}

.col-md-8 {
    width: 65% !important;
    padding: 10px 0% !important;
    float: left;
}
.col-md-4 {
    width: 30% !important;
    padding: 10px 0% !important;
    float: left;
}
.shopping-cart-delete > a {
    color: #666;
    display: inline-block;
    font-size: 12px;
    height: 19px;
    line-height: 15px;
    margin-top: 2px;
    text-align: center;
    width: 20px;
}
.shopping-cart-delete > a:hover {
    color: #519f10;
}
.shopping-cart-total {
    margin: 25px 0 0;
}
.shopping-cart-total > h4 {
    font-size: 14px;
    margin-bottom: 17px;
}
.shopping-cart-total > h4:last-child {
    margin-bottom: 0px;
}
.shopping-cart-total > h4 span {
    float: right;
    color: #242424;
}
.shopping-cart-total > h4 span.shop-total {
    color: #519f10;
    font-weight: 500;
}
.shopping-cart-btn {
    margin-top: 23px;
}
.shopping-cart-btn a {
    margin-bottom: 15px;
}
.shopping-cart-btn a {
  background-color: #519f10;
  border: 1px solid #519f10;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 500;
  padding: 14px 20px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 45%;
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.shopping-cart-btn a:last-child{margin:0;}
.shopping-cart-btn a:hover {
    background-color: transparent;
    color: #000;
  border: 1px solid #000;
}

.top-panel-cover .icon-right-list li a{
}

 #ship-to-different-address-checkboxb{
     width: 19px;
     height: 19px;
     border-radius: 0px;
     outline: none;
     float: left;
     margin-right: 10px;
}
 #ship-to-different-address-checkboxaab{
     width: 19px;
     height: 19px;
     border-radius: 0px;
     outline: none;
     float: left;
     margin-right: 10px;
}
 .payment_methods{
     list-style: none;
}
 .payment_method_bacs input{
     appearance: none;
     width: 19px;
     height: 19px;
     border-radius: 0px;
     margin-top: 9px;
     outline: none;
     float: left;
     margin-right: 10px;
     border: 1px solid silver;
     outline: none;
     margin-right: 1px;
}
 .payment_method_bacs label{
     outline: none;
     font-weight: normal;
}
 .payment_method_bacs input:checked{
     outline: none;
     background: url(/sp-admin/storage/system/sipka_cerna.png) center center no-repeat;
     background-size: 89%;
}
 .payment_method_bacs label{
     font-weight: normal;
}
 #payment_method_bacs1x:checked{
     background: url(/sp-admin/storage/system/sipka_cerna.png) center center no-repeat;
     background-size: 89%;
}
 #ship-to-different-address-checkboxb:checked{
     appearance: none;
    /* background: url(/sp-admin/storage/system/check.png) center center no-repeat;
    */
     outline: none;
}
 #ship-to-different-address-checkboxaab:checked{
     appearance: none;
    /* background: url(/sp-admin/storage/system/check.png) center center no-repeat;
    */
     outline: none;
}
 #ship-to-different-address-checkboxc{
     width: 19px;
     height: 19px;
     border-radius: 0px;
     outline: none;
     float: left;
     margin-right: 10px;
}
 #ship-to-different-address-checkboxc:checked{
     appearance: none;
    /* background: url(/sp-admin/storage/system/check.png) center center no-repeat;
    */
     outline: none;
}
 #pouzeakce{
     width: 19px;
     height: 19px;
     border-radius: 0px;
     outline: none;
     transition: 300ms;
}
 #pouzeakce:checked{
     appearance: none;
     background: url(/sp-admin/storage/system/check.png) center center no-repeat;
     outline: none;
}
 .activecategory{
     color:  var(--main-color) !important;
}
 .checkstyle1{
     appearance: none;
     width: 18px;
     height: 18px;
     background: transparent;
     outline: none !important;
     z-index: 1000;
     border: 1px solid #fff;
}
 .checkstyle1:checked{
     background: url(/sp-admin/storage/system/sipka_bila.png) center center no-repeat;
     background-size: 70%;
     background-position: 3px;
}
 .checkstyle2{
     appearance: none;
     width: 18px;
     height: 18px;
     background: transparent;
     outline: none !important;
     z-index: 1000;
     border: 1px solid silver;
}
 .checkstyle2:checked{
     background: url(/sp-admin/storage/system/sipka_cerna.png) center center no-repeat;
     background-size: 70%;
     background-position: 3px;
}

.row {
display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.sp-control{
  margin-top: 4px;
}
.jungle_input {
    height: 45px;
    border: 1px solid #f7f7f7;
    border-radius: 0;
    background-color: #f7f7f7;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 12px;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    color: #868686;
    font-size: 15px;
}
.cartmask{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.hlidaniceny{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.seznammark{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.loginmark{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.shareplate{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.deliveryplate{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.darekplate{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.kapkaplate{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.helpplate{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.conplate{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200000;
}
.ctr{
  text-align: center;
}
.fbring{
  width: 65px;
  text-align: center;
  border: 2px solid #333333;
  display: inline-block;
  border-radius: 50%;
  font-size: 40px;
  padding: 18px;
}
.ctr a:hover .fbring{
 background: #3b5999;
 color: #fff;
 border-color: #3b5999; 
}



.emring{
  width: 65px;
  text-align: center;
  border: 2px solid #333333;
  display: inline-block;
  border-radius: 50%;
  font-size: 40px;
  padding: 18px;
}
.ctr a:hover .emring{
 background: #d0d0d0;
 color: #fff;
 border-color: #d0d0d0; 
}

.pinring{
  width: 65px;
  text-align: center;
  border: 2px solid #333333;
  display: inline-block;
  border-radius: 50%;
  font-size: 40px;
  padding: 18px;
}
.ctr a:hover .pinring{
 background: #00abed;
 color: #fff;
 border-color: #00abed; 
}

.igring{
  width: 65px;
  text-align: center;
  border: 2px solid #333333;
  display: inline-block;
  border-radius: 50%;
  font-size: 40px;
  padding: 18px;
}
.ctr a:hover .igring{
 background: #00e676;
 color: #fff;
 border-color: #00e676; 
}


.ctr a:hover{
  color: #000;
}

#partclick{
  float: left;
    width: 49.72%;
  display: block;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  padding: 10px 0;
}
.activep{
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
.noactivep{
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
        background: #f5f5f5;
        color: #999;
}
.partcontent{
  padding: 20px 0;
  font-size: 12px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.cartok{
    position: absolute;
    padding: 6%;
    width: 80%;
    background: #fff;
    color: #191919;
    left: 50%;
    top: 50%;
    margin-bottom: 50px;
    transform: translate(-50%, -50%);
}
@media(max-width: 1000px){
  .cartok {
    position: absolute;
    padding: 5% !important;
    width: 80% !important;
    background: #ffffff !important;
    left: 5% !important;
    margin-bottom: 50px !important;
    top: 80px !important;
    transform: none !important;
}
}
@media(min-width: 1000px){

  .cartok{
    width: 40%;
    padding: 2%;
  }
}
.cartoktext{
  font-size: 20px;
}
.hidemobile{
  display: block;
}
.showmobile{
  display: none;
}
@media(max-width: 1000px){
  .hidemobile{
    display: none;
  }
  .showmobile{
    display: block;
  }
  .product__img-holder{
    height: auto !important;
  }
}
@media(min-width: 1000px){
  .mobilebox{
    display: none !important;
  }
  .mobilereverse2{
    float: left !important;
    order:1;
  }
  .mobilereverse1{
    float: right !important;
    order:2;
  }
}
@media(max-width: 1000px){
  .right {
    float: right;
    width: 100%;
  }
  .mobilereverse2{
    float: left !important;
    order: 1;
    position: fixed !important;
    background: #f7f7f7;
    padding: 30px 20px;
    width: 100%;
    overflow-y: auto;
    right: 0%;
    box-shadow: 0px 0px 5px #0000005c;
    height: 70vh;
    bottom: -104vh;
    z-index: 29000000;
    transition: 1000ms all;
  }
  .openmenu{
    bottom: 4vh !important;
  }
  .mobilebox{
    width: 100%;
    height: 8vh;
    cursor: pointer;
    bottom: 0;
    z-index: 30000000;
    position: fixed !important;
    right: 0;
    padding-top: 12px;
    background: #f06;
    color: #fff;
    text-align: center;
  }
  .widget_categories{
    display: none !important;
  }
  .mobilereverse1{
    order:2;
  }
  #chat-application{
    display: none !important;
  }
}

.ar_down{
  display: none !important;
}

.varsel:hover .ar_up{
  display: none !important;
}
.varsel:hover .ar_down{
  display: inline-block !important;
}


.icon-darek:before {
  font-family: 'jungle-font-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  zoom: 1.3;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}
.icon-kosik:before {
  font-family: 'jungle-font-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  zoom: 1.3;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
}
.icon-obalka:before {
  font-family: 'jungle-font-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  zoom: 1.3;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
}
.icon-panacek:before {
  font-family: 'jungle-font-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  zoom: 1.3;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
}


     .heartbox{
       position: absolute;
       top: 10px;
       z-index: 999;
       cursor: pointer;
       right: 12px;
         }
     .heartbox i{
         opacity: 1;
         font-size: 15px;
    }
    .wishremove{
      color: black;
    }
     .heartbox:hover i{
         opacity: 1;
    }
    .secondary_m{
      visibility: hidden
    }


@media(max-width: 1000px){
  .widget-title {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 15px !important;
    margin-top: 0;
  }
  .onlymobile {
    display: block;
  }
  .widget_nav_menu {
    border-bottom: 1px solid rgba(128, 128, 128, 0.38);
    /* padding-bottom: 14px; */
    /* margin-bottom: 22px; */
    background: #1b1b1b;
  }
  .footer__widgets .col-md-6 {
    width: 100% !important;
    padding: 0 !important;
  }
  .widget_nav_menu ul{
  }
  .widget ul{
    margin: 0;
    padding: 0;
  }
  .white{
    color: #999 !important;
  }
  .widget li {
    background: black;
    list-style: none;
    padding: 15px !important;
    border-bottom: 1px solid #1b1b1b !important;
  }
  .widget li a {
    font-size: 12px;
    color: #e5dfd9;
  }
  .footer__widgets{
    background: #0c0c0c;
  }
  .footer__bottom{
    background: #0c0c0c;
    text-align: center;
    padding: 40px 20px 20px;
  }
  .ecommerce {
    width: 85% !important;
    padding-left: 5.5% !important;
  }
  .products_grid{
    padding: 0px 0px 0 !important;
  }
  .header_left, .header_right, .header_center{
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }
  .header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;

  }
  .slickgx .slick-list{
        margin: 0 0px 0px !important;
  }
  .banner_x{
    flex: 0 0 calc(100%);
    position: relative;
    height: 319px;
  }
  .sub_red_edit{
    cursor: pointer;
    margin-left: 10px;
  }
  .fa-magnifying-glass{
    font-size: 15px;
  }
  .header_right a{
    border-color: transparent !important;
  }
  .header_left{
    order: 1;
  }
  .header_center{
    order: 2;
  }
  .header_right{
    order: 3;
  }
  .icon-kosik{
    font-size: 15px;
  }
  .logo_section img{
    height: 35px;
    margin: 5px 0;
  }
  .sticky .logo_section{
    display: block;
  }
  .product_hover{
    position: relative !important;
    display: block !important;
  }
  .product:hover{

  }

  .product:hover .product_photo .secondary_m{
    visibility: visible !important;
  }
  .product{
    padding: 35px 0 0;
  }
  .delivery_info{
    width: 80% !important;
  }
  .search_special{
    border-color: transparent !important;
  }
  .grayblok{
    padding: 1px 0 20px !important;
    margin: 1px 0 !important;
  }
  .special_xppx .col-md-4 a{
    margin-bottom: 0px !important;
  }
  .special_xppx .col-md-4 span{
    max-width: 70% !important;
    display: inline-block !important;
  }
  .ggdagui img{
    margin: 0px !important;
  }
}
  .ggdagui img{
    margin: 20px;
  }