﻿.pkIe{position:absolute;left:0;top:0;right:0;bottom:0;z-index:9999999999999999;background-color:#0009}.pkIeIn{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:#fff}.pkIeIn p{font-size:20px;text-align:center;margin:0;padding:40px}.pkIeClose{background-color:#fff;top:0;right:0;width:40px;height:40px;position:absolute;cursor:pointer}.pkIeClose::before{content:'\e912';position:absolute;left:10px;top:0;font-size:20px;text-indent:0;line-height:40px;display:inline-block;vertical-align:middle;font-family:shoptet}.pkIeClose:hover::before{color:red}.pkIeButtons{width:100%;text-align:center;padding-bottom:20px}.pkIeButtons a{margin:0 10px;width:calc(50% - 20px)}
.menu-helper:not(.pkDone){visibility:hidden;}
#header .site-name{line-height:0;}


.navigation-home-icon-wrapper::before {
	content: "";
	width: 17px;
	height: 17px;
	line-height: 17px;
	background: url("images/home.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


/* FONTS */

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-UltraLight.woff2') format('woff2'),
        url('fonts/Butler-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Light.woff2') format('woff2'),
        url('fonts/Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler.woff2') format('woff2'),
        url('fonts/Butler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Medium.woff2') format('woff2'),
        url('fonts/Butler-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Bold.woff2') format('woff2'),
        url('fonts/Butler-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: "Notera";
  src: url("fonts/NoteraPersonalUseOnly-wxJ9.woff2") format('woff2');
}
@font-face {
  font-family: "SourceSans";
  src: url("fonts/SourceSansPro-Regular.woff2") format('woff2');
}

.external-fonts-loaded h5, 
.external-fonts-loaded h6, 
.external-fonts-loaded .h1, 
.external-fonts-loaded .h2,
.external-fonts-loaded .h3, 
.external-fonts-loaded .h4, 
.external-fonts-loaded .h5, 
.external-fonts-loaded .h6, 
.external-fonts-loaded .cart-table .main-link, 
.external-fonts-loaded .cart-related-name,
.external-fonts-loaded #footer h5,
.external-fonts-loaded, 
.external-fonts-loaded body,
.external-fonts-loaded .empty-content,
.external-fonts-loaded ol.cart-header, 
.external-fonts-loaded .next-step, 
.external-fonts-loaded .price-wrapper, 
.external-fonts-loaded .price-additional, 
.external-fonts-loaded .price-measure, 
.external-fonts-loaded .price-final, 
.external-fonts-loaded .price-save, 
.external-fonts-loaded .price-standard, 
.external-fonts-loaded .products .name {
	font-family: 'Open Sans', sans-serif;
}



.external-fonts-loaded h1,
.external-fonts-loaded h2,
.external-fonts-loaded h3, 
.external-fonts-loaded h4, 
.news-item .text .title{
	font-family: 'Butler', serif;
	font-weight: 500;
	/* text-transform: lowercase; */
}

.external-fonts-loaded h1{
    line-height: 40px;
}


/* VARIBLES */
:root {
	--cerna: #000;
	--fialova: #3F003F;
	/*--zluta: #FFE872;*/
	--zluta: #000;
	--tmzluta: #fddf48;
	--seda: #3E3E3E;
	--tmseda: #666;
	--bila: #fff;
	--svseda: #efefef;
	--br2: 0px;
	--zelena: #33bf79;
	--main: #922b3c;
	--touch: #fff8f8;
	--naked: #f4dce0;
	--oil: #fbeade;
}












/*MAIN*/
.pkVisible {
	visibility: visible !important;
}

.pkMarginLeft0 {
	margin-left: 0 !important;
}

.pkMarginTop0 {
	margin-top: 0 !important;
}

.pkMarginBottom0 {
	margin-bottom: 0 !important;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: var(--tmava);
}
body {
    font-weight: 300;
}
body.id-2211 {
    background: #fff9f9;
}

h2, 
.h2 {
    font-size: 22px;
}









/*TOP-NAVIGATION*/
.top-navigation-menu, .extended-description {
	display: none !important;
}

.top-navigation-bar .container {
	visibility: hidden;
}

#dklabDopravaBanner + .top-navigation-bar {
	border-top: none;
}

.top-navigation-bar-menu li a, 
.top-navigation-bar-menu-helper li a,
.top-nav-button,
.top-navigation-bar .dropdown button {
	padding: 5px 15px;
	font-size: 14px;
	line-height: 20px;
}

.top-navigation-bar-menu li::before,
.top-navigation-bar .top-navigation-contacts {
	display: none !important;
}

.top-navigation-bar-menu,
.top-navigation-bar-menu-helper {
	text-transform: none;
}

.top-navigation-menu-trigger::before {
    width: 54px;
    height: 54px;
    font-size: 14px;
    line-height: 58px;
	color: var(--bila);
}

.top-navigation-menu-trigger:hover::before {
	color: var(--bila);
}

.dropdown-menu {
	margin-top: 0;
}

.pkLanguageFlag img {
	max-width: 24px;
	max-height: 16px;
	margin-right: 5px;
	vertical-align: text-top;
}

.top-navigation-bar-menu-helper,
.dropdown-menu {
	background-color: var(--cerna);
	border: none;
}

.top-navigation-bar-menu-helper li a,
.dropdown-menu li a{
	color: var(--bila);
    padding: 6px 20px;
}

.top-navigation-bar-menu-helper li a:hover, 
.dropdown-menu li a:hover {
	background-color: var(--cerna);
	color: var(--bila);
}

.top-navigation-bar-menu-helper li a:hover, 
.dropdown:not(#pkCountrySelect) .dropdown-menu li a:hover,
.dropdown#pkCountrySelect .dropdown-menu li a:hover .pkLanguageText {
	text-decoration: underline;
}

#pkCountrySelect button .pkLanguageText {
	display: none;
}

.top-navigation-bar, .top-navigation-bar button, .top-navigation-bar .dropdown-menu, .custom-footer{
	font-family: 'Butler', serif;
	font-weight: 300;
	text-transform: lowercase;
}
.top-navigation-bar a,
.top-navigation-bar .dropdown button {
	color: var(--cerna);
}

@media screen and (max-width:  991px) and (min-width: 768px) {
	.top-nav-button::before {
		content: '\e922';
	    width: 14px;
	    height: 14px;
	    margin-top: -5px;
	    font-size: 16px;
	    line-height: 15px;
	    display: inline-block;
	    speak: none;
	    vertical-align: middle;
	    font-family: shoptet;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    text-decoration: none;
	}

	.top-navigation-bar .container>div:first-child {
		flex-basis: 60%;
	}

	.top-navigation-bar .container > div:last-child {
		flex-basis: 40%;
	}
}

@media screen and (max-width: 767px) {
	.top-navigation-bar .dropdown {
		top: 6px;
        left: auto;
        right: 120px;
	}

	.top-navigation-bar .dropdown .dropdown-menu {
		right: auto;
		left: 0;
	}
        #header .navigation-buttons .cart-count {
        top: -40px !important;
        right:60px;
    	z-index: 99;
    }
    .responsive-tools{
        padding-top: 0px;
        padding-bottom: 10px;
		justify-content: flex-end;
    }
    .responsive-tools>a[data-target="search"], .responsive-tools>a[data-target="login"], .top-navigation-tools #pkCountrySelect {
        display: none;
    }
    .responsive-tools>a[data-target="navigation"]{
        top:7px;
    }
    .top-navigation-bar .dropdown button {
        padding: 10px 15px;
    }
    .top-navigation-bar{
        height: 50px;
		/* top: 39px !important; */
    }
    body:not(.sticky-mobile) .top-navigation-bar .site-name{
        display: block !important;
        position: relative !important;
        top: -40px !important;
    }

    .responsive-tools>a[data-target="navigation"]{
        display: block;
        position: relative;
        left: 5px;
    }
    .in-kosik .responsive-tools>a[data-target="navigation"],
    .in-krok-1 .responsive-tools>a[data-target="navigation"],
    .in-krok-2 .responsive-tools>a[data-target="navigation"] {
        left: 320px;
    }
    .sticky-mobile:not(.ordering-process) .navigation-buttons .cart-count{
        top: 8px !important;
    }
    .top-navigation-bar .site-name a img{
        max-height: 40px !important;
    }
    .overall-wrapper .top-navigation-bar .site-name{
        top: 10px;
    }
    .sticky-mobile .overall-wrapper .top-navigation-bar .site-name{
        top: 0px !important;
    }
    .navigation-window-visible.sticky-mobile:not(.ordering-process):not(.paxio-merkur):not(.venus) .top-navigation-bar{
    	z-index: 9 !important;
    }
    .ec-v-form-column{
		width: 100% !important;
	}
}

@media screen and (min-width: 768px) {
	.top-navigation-menu {
		height: 54px;
	}

	.top-navigation-bar .top-navigation-tools,
	.top-navigation-bar #pkTopMenu {
		display: none !important;
	}

	.navigation-in>ul>li.ext>a>span{
		display: inline-block;
	}

	.top-navigation-bar-menu-helper {
		top: 54px;
	}

	.top-navigation-bar,
	.top-navigation-menu {
		background-color: var(--bila);
		border: none;
	}

	.top-navigation-bar a:hover,
	.top-navigation-bar .dropdown button:hover {
		color: var(--main);
	}

	.top-navigation-bar .container>div {
		text-align: left;
	}

	.top-navigation-bar .top-nav-button-login span::after {
		content: " a registrace";
	}

	.top-navigation-bar .container>div.top-navigation-tools {
    	display: flex;
    	justify-content: flex-end;
    	align-items: center;
	}

	.top-navigation-bar .container>div.top-navigation-tools .dropdown {
		order: 2;
		margin-right: 0;
		margin-left: 0;
	}

	.top-navigation-bar .container>div.top-navigation-tools .dropdown#pkCountrySelect {
		order: 1;
	}

	.top-nav-button {
		position: relative;
	}

	.top-nav-button span {
		display: none;
	}

	.top-nav-button::after {
		content: '\e90e';
	    position: absolute;
	    top: 50%;
	    width: 14px;
	    height: 14px;
	    margin-top: -7px;
	    font-size: 13px;
	    line-height: 15px;
	    display: inline-block;
	    speak: none;
	    vertical-align: middle;
	    font-family: shoptet;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    text-decoration: none;
	}

	.top-navigation-bar .dropdown .dropdown-menu {
		right: 0;
	}

	#pkTopMenu .dropdown .dropdown-menu {
		right: auto;
		left: 0;
    	padding: 10px 0px;
	}

	.top-navigation-bar .dropdown .caret {
	    font-size: 10px;
	}
	.top-navigation-bar .dropdown .caret::before {
	    margin-top: -6px;
	}
}

@media screen and (min-width: 992px) {
	.popup-widget.login-widget {
		top: 39px;
	}

	.admin-logged .popup-widget.login-widget {
		top: 64px;
	}

	.popup-widget.login-widget::before {
		right: 300px;
	}

	.popup-widget.cart-widget {
		top: 132px;
	}

	.admin-logged .popup-widget.cart-widget {
		top: 157px;
	}

	#pkCountrySelect button .pkLanguageText,
	.top-nav-button span {
		display: inline;
	}
}







/*SEARCH*/
.search .compact-form .btn {
	height: 38px;
    width: 30px;
    background-color: #fff;
    color: var(--tmava);
    border: none;
    margin-right: 1px;
    margin-top: 22px;
    font-size: 0px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 47px;
}

.search .compact-form .btn::before {
    content: "";
    width: 17px;
    height: 17px;
    line-height: 47px;
    margin: auto;
    background: url(images/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.search .compact-form .form-control {
	padding-right: 40px;
	height: 40px;
	border-radius: 0px;
	border: none;
    border-bottom: 1px solid var(--svseda);
}

.top-navigation-contacts a.project-phone::before {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    background: url(images/phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.top-navigation-contacts a.project-email::before {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    background: url(images/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.top-navigation-contacts a:hover span:not(.pkTimes) {
	text-decoration: underline;
}
.top-navigation-contacts a.project-phone{
	display: none;
}

@media screen and (max-width: 991px) {
	.top-navigation-contacts a.project-phone .pkTimes, #formSearchForm {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.search .top-navigation-contacts {
		display: none;
	}
    #header .header-top .search-form {
        display: block;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .search .compact-form .btn{
        margin-top:21px;
    }
    #header .header-top .site-name {
        display: none;
    }
    #header {
        margin-bottom: 0px;
    }
}


@media screen and (min-width: 768px) {
	.search form {
		max-width: 200px;
		flex-grow: 1;
		display: flex;
    	align-items: center;
	}

	.top-navigation-contacts a {
		display: block;
		color: var(cerna);
	}

	.top-navigation-contacts a.project-email {
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
}

@media screen and (min-width: 992px) {
	.top-navigation-contacts a>span {
	    display: inline-block;
	    line-height: 20px;
	    vertical-align: middle;
	}
}

@media screen and (min-width: 1200px) {
	.top-navigation-contacts a.project-email .pkTimes {
		font-size: 13px;
		font-weight: 300;
		color: var(--cerna);
	}
}

@media screen and (min-width: 1440px) {

}








/*HEADER*/
#header .site-name a img {
	max-height: 60px;
}

.header-top .btn.cart-count::before {
    content: "";
    width: 30px;
    height: 33px;
    line-height: 32px;
    margin-right: 10px;
    background: url(images/cart.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}


@media screen and (min-width: 768px) {
	.header-top {
	    padding-top: 10px;
	    padding-bottom: 0px;
	    height: 90px;
	    border-bottom: 1px solid var(--svseda);
    	align-content: center;
    	padding-top: 0px;
    	padding-bottom: 0px;
	}	

	.header-top>div.search {
		flex-basis: calc(100% - 320px);
		display: flex;
		justify-content: flex-end;
		visibility: hidden;
	}

	.header-top>div:first-child {
		flex-basis: 200px;
	}

	.header-top>div:last-child {
		flex-basis: 120px;
	}

	.cart-count:not(.full) .cart-price {
		display: none !important;
	}

	.header-top .btn.cart-count .cart-price {
		line-height: 32px;
		vertical-align: middle;
	}

	.cart-count:not(.full)::after {
		display: inline-block;
		content: "0 Kč";
		vertical-align: middle;
	}

	.languagesMenu__content{
		background-color: inherit;
	}
	.languagesMenu__header{
		font-size: 12px;
		border: none;
    	color: #fff;
	}
	.languagesMenu__header:hover, .languagesMenu__box.open .languagesMenu__header{
		color: #fff;
	}
	.languagesMenu__list {
	    background-color: #000;
	}
	.languagesMenu .languagesMenu__list__link:hover {
    	color: #fff;
    	background-color: inherit;
    	text-decoration: none;
	}
	.languagesMenu__list__link--currency:before{
		display: none;
	}
}










/*NAVIGATION*/
.menu-helper {
    top: 130px;
    right: 20px;
    height: 71px;
    width: 71px;
}

.menu-helper::after, .menu-trigger::after {
    color: var(--cerna);
    background-color: transparent;
}

.menu-helper::after {
    width: 71px;
    line-height: 71px;
}

.menu-helper>ul {
	max-height: 360px;
	top: calc(50% + 35px);
}


@media screen and (min-width: 768px) {
	#navigation {
		margin: 0;
		height: 90px;
		border-radius: var(--br2);
		overflow: hidden;
		width: 100%;
	}

	.fitted .navigation-in ul.menu-level-1 {
    	justify-content: end;
    		margin-right: 30px;
    }

	.navigation-in {
		background-color: transparent;
	}

	.navigation-in>ul>li {
		border: none !important;
	}

	.navigation-in>ul>li>a {
		font-family: 'Butler', serif;
		font-size: 20px;
		line-height: 50px;
		padding: 0 20px !important;
		color: var(--cerna);
		font-weight: 500;
		text-transform: lowercase;
		margin-top:20px;
	}
	.navigation-in>ul>li.exp>a,
	.navigation-in>ul>li>a:hover,
	.menu-helper > ul > li a:hover,
	.navigation-in>ul>li>a.active {
		margin: 0 !important;
		margin-top: 20px !important;
		color: var(--main);
		background-color: transparent;
		text-decoration: none;
	}

	.menu-helper > ul > li a {
		color: var(--cerna);
		padding: 25px;
	}

	.menu-helper>ul>li {
		border-top-color: var(--svseda);
	}

	.menu-helper>ul {
		border-color: var(--svseda);
	}

	.navigation-in>ul>li.ext>ul>li>div {
		width: 100%;
		padding:0px;
	}

	.navigation-in>ul>li.ext>ul>li:last-child>div {
		/*padding: 2px;*/
	}

	.navigation-in>ul>li.ext>ul>li>div>a {
		color: var(--cerna);
		background-color: var(--bila);
		border-radius: var(--br2);
		position: relative;
		z-index: 101;
		-webkit-transition: none;
	    -o-transition: none;
	    transition: none;
		font-size: 16px;
		line-height: 20px;
		padding: 0px;
    	padding-top: 4px;
    	text-transform: lowercase;
    	font-weight: 400;
	}
    
    .navigation-in>ul>li.menu-item-2211.ext>ul>li:nth-child(-n+4) {
        color: #912a3b;
        min-height: 100px;
    }
    .navigation-in>ul>li.menu-item-2211.ext>ul>li:nth-child(-n+4)>div>a {
        font-weight: bold;
        background: none;
        color: #912a3b;
        font-family: 'Butler', serif;
    }

	.navigation-in ul.menu-level-2, .navigation-in ul.menu-level-2 li{
		align-items: flex-start !important;
	}

	.navigation-in ul.menu-level-2{
		padding: 15px 0px;
		top: 70px !important;
		border: none !important;
	}

	.sticky-mobile #header{
		top: 0px;
		position: fixed !important;
		width: 100%;
        z-index: 1001;
	}

	.sticky-mobile #isAktualita + div + #header{
		top: 39px !important;
	}

	.sticky-mobile .navigation-in ul.menu-level-2{
		top: 70px !important;
	}

	.navigation-in ul.menu-level-2{
		box-shadow: 0px 30px 30px #00000025;
	}

	.navigation-in ul.menu-level-2 li a{
		font-weight: 500;
		font-family: 'Butler', serif;
	}

	.navigation-in ul.menu-level-3{
		display: none !important;
	}

	.navigation-in ul.menu-level-2 a:hover {
		color: var(--main);
	}

	.submenu-visible .overall-wrapper {
		overflow-x: hidden;
	}

	/*
	.submenu-visible #header + div::before, .sticky-mobile .submenu-visible #header + div::before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 75;
	}
	*/

	.submenu-visible #header,
	.submenu-visible .top-navigation-bar,
	.submenu-visible .user-action,
	.submenu-visible #dklabDopravaBanner {
		position: relative;
		z-index: 100;
	}

	.menu-item-716 a:hover {
		text-decoration: none !important;
	}

	.menu-item-716 a {
		text-transform: uppercase !important;
		cursor: default;
	}

	.navigation-in>ul>li.menu-item-external-94 a{
		background: var(--main);
		border-radius: 50px;
    	color: var(--bila);
    	text-transform: uppercase;
    	font-size: 16px;
	}
	.navigation-in>ul>li.menu-item-external-94 a:hover{
    	color: var(--naked);
	}
	
	.navigation-in > ul > li.ext > ul > li > a{
		padding: 0px;
	}
	.navigation-in > ul > li.ext > ul > li > a img {
		max-width: 40px;
		max-height: 40px;
		-webkit-filter: grayscale(100%);
    	filter: grayscale(100%);
    	-webkit-transition: all 0.2s ease-out;
    	-o-transition: all 0.2s ease-out;
    	transition: all 0.2s ease-out;
	}
	.navigation-in > ul > li.ext > ul > li:hover > a img {
    	
    	transform: scale(1.15, 1.15);
	}
	.navigation-in>ul>li.ext>ul>li>a.menu-image{
		width:  50px;
	}

	.navigation-in>ul>li.ext>ul>li>div>ul>li>a {
		font-weight: 400;
		font-size: 14px;
		line-height: 19px;
		color: var(--cerna);
	}

	.navigation-in>ul>li.ext>ul>li{		
    	min-height: 40px;
	}

	.navigation-in>ul>li.ext>ul>li>div>ul {
		max-height: unset;
		align-items: flex-start;
	}
    .navigation-in>ul>li.ext>ul>li {
        padding: 10px 20px;
        border-left: 1px solid var(--svseda);
	}

    .navigation-in>ul>li.ext>ul>li>div>ul>li {
        padding-bottom: 5px;
    }
    .sticky-mobile:not(.ordering-process) #header {
    	box-shadow: 0px 15px 15px #00000015;
    }
}

@media screen and (min-width: 768px) {
    .navigation-in>ul>li.ext>ul>li, .navigation-in>ul>li.ext>ul> a  {
    	width: 33%;
    	flex-basis: 33%;
	}
}

@media screen and (min-width: 992px) {
    .navigation-in>ul>li.ext>ul>li, .navigation-in>ul>li.ext>ul> a  {
    	width: 25%;
    	flex-basis: 25%;
	}
}





/*BANNER AKTUALITA*/
#isAktualita{
	background-color: var(--naked);
}
#isAktualita .container{
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}

.sticky-mobile #isAktualita {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    border-bottom: none;
}

/*BANNERY V MENU*/

.banner-menu-3, .banner-menu-5, .banner-menu-6{
    display: none !important;
    padding:0px !important;
}
.banner-menu:hover {
	box-shadow: 0px 0px 8px 0px #ccc;
	border-color: transparent;
    transform: translateY(-2px);
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .banner-menu-3{
        display: block !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .banner-menu-5{
        display: block !important;
    }
}
@media screen and (min-width: 1200px){
    .banner-menu-6{
        display: block !important;
    }
}






@media screen and (max-width: 479px) {
    #content .subcategories li {
    	width: 100%;
    	flex-basis: 100%;
        padding: 5px 10px 5px 10px;
	}
    .subcategories.with-image li a .image{
        width: auto;
    }
}




.responsive-tools>a[data-target="navigation"]::before{
    background-color: #922b3c;
}
.navigation-in a{
    color:var(--cerna);
}






/*CAROUSEL*/
.banners-row {
	margin: 0;
}
@media screen and (min-width: 992px) {
    .banners-row {
	   width: 1178px;
       margin: 0;
       margin-left: -110px;
    }
}

.banners-row > div {
	width: 100%;
	padding: 0;
	margin-top: 20px;
}

.before-carousel + #pkUsp {
	margin-top: 20px;
}

.carousel img {
	border-radius: var(--br2);
	/*overflow: hidden;*/
}

.carousel-inner {
	overflow: unset;
}

.carousel a:hover img {
	box-shadow: 0px 4px 12px 3px rgba(194,194,194,0.85);
    transform: scale(1, 1);
}

/*#signature a, 
#footer .contact-box a, 
#footer .password-helper a, 
#footer .news-item-widget a, 
#footer ul a,
a {
	display: inline-block;
}

#signature a:hover, 
#footer .contact-box a:hover, 
#footer .password-helper a:hover, 
#footer .news-item-widget a:hover, 
#footer ul a:hover,
a:hover,*/

.carousel a img {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transform: translateZ(0);
}

.carousel-control::before {
	margin-top: -20px;
}

.carousel .carousel-control.left, 
.carousel .carousel-control.right {
	opacity: 1;
}

.carousel:hover .carousel-control.left::before,
.carousel .carousel-control.left::before {
	left: 0;
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: url("images/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-color: #fff;
    border-radius: 0;
    border-top-right-radius: var(--br2);
    border-bottom-right-radius: var(--br2);
}

.carousel:hover .carousel-control.right::before,
.carousel .carousel-control.right::before {
	right: 0;
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: url("images/arrow-right.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-color: #fff;
    border-radius: 0;
    border-top-left-radius: var(--br2);
    border-bottom-left-radius: var(--br2);
}

.banners-content a:hover img, 
.banner-footer a:hover img, 
.banners-row .banner-wrapper a:hover img, 
.footer-banner a:hover img, 
.banner-category a:hover img {
	box-shadow: 0px 4px 12px 3px rgba(194,194,194,0.85);
    transform: scale(1, 1);
}

.banner {
	overflow: visible;
}

.banners-row .banner-wrapper, .banners-row .banner-wrapper+.banner-wrapper {
	margin-top: 10px;
}

.next-to-carousel-banners {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	margin: -10px;
}

.next-to-carousel-banners > div {
	margin: 10px;
	flex-basis: calc(33.333333% - 20px);
	border-radius: var(--br2);
	text-align: center;
}

.next-to-carousel-banners > div img {
	border-radius: var(--br2);
}

.mobile .banners-row > div {
	display: flex;
	justify-content: center;
}

@media screen and (min-width: 565px) {
	.next-to-carousel-banners {
		flex-direction: row;
	}
}






/*BREADCRUMBS*/
#navigation-1 > a[href="/e-shop/"],
#navigation-1 > a[href="/e-shop/"] + span,
.breadcrumbs>span>a::before,
.breadcrumbs>span>a::after {
	display: none !important;
}

.navigation-home-icon-wrapper::before {
	content: "";
	width: 17px;
	height: 17px;
	line-height: 17px;
	margin-top: 0;
	top: 0;
	background: url("images/home.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.breadcrumbs {
	color: var(--tmseda);
	border: none;
	font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 20px 20px 0px;
}

.breadcrumbs a {
	color: var(--tmseda);
}

.breadcrumbs a:hover {
	text-decoration: none;
	color: var(--cerna);
}

.breadcrumbs .navigation-bullet {
	display: block;
	font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.breadcrumbs .navigation-bullet::after {
	content: "";
	width: 6px;
	height: 19px;
	line-height: 19px;
	display: inline-block;
	background: url("images/arrow-right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	-webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    visibility: visible;
}

.breadcrumbs>span>a {
    position: relative;
    display: flex;
    min-height: 19px;
}

.breadcrumbs>span>a,
.breadcrumbs>span>span {
    padding: 0 5px;
    font-weight: 300;
}

.breadcrumbs>span {
    margin: 0;
    align-self: center;
    display: flex;
    flex-wrap: nowrap;
}

.navigation-home-icon-wrapper #navigation-first a {
    padding-left: 13px;
    margin-left: 20px;
    margin-right: 7px;
}

@media screen and (max-width: 991px) {
	.breadcrumbs {
		margin: 20px -5px;
	}
	.navigation-home-icon-wrapper::before {
		left: 5px;
	}

	.navigation-home-icon-wrapper #navigation-first a {
	    padding-left: 13px;
	    margin-left: 5px;
	    margin-right: 7px;
	}

}

@media screen and (max-width: 767px) {
	.breadcrumbs-wrapper {
		padding: 0 10px;
        display:none;
	}
}





/*SIDEBAR*/
.sidebar {
	background-color: var(--bila);
	padding-left: 20px;
	margin-right: 5px;
	border-right: 1px solid var(--svseda);
}

.type-category .sidebar-inner,
.type-category #content,
.type-manufacturer-detail .sidebar-inner,
.type-manufacturer-detail #content {
	margin-top: 0px;
}

.sidebar-inner {
	padding: 0;
}

.sidebar-inner>div {
	border-color: var(--svseda);
	padding: 0;
	padding-bottom: 20px !important;
}

.sidebar .slider-wrapper,
.sidebar .pkSidebarKontakt,
.sidebar .filter-section {
	padding-right: 20px;
}

.pkSidebarKontaktIn img {
	width: 30px;
}

.pkSidebarKontaktIn > div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
}

.pkSidebarKontaktIn > div span {
	font-weight: 300;
	font-size: 12px;
}

.pkSidebarKontaktIn > div > div {
	margin-left: 20px;
}

.pkSidebarKontakt a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
	.sidebar {
		width: 290px;
	}
}








/*FILTERS*/
.filter-section:not(.filter-section-default) .filter-count,
.filter-total-count,
.close-after::after,
.filter-section:not(.filter-section-default) input[type="checkbox"]+label::after, 
.filter-section:not(.filter-section-default) input[type="radio"]+label::after,
.filter-section:not(.filter-section-default) input[type="checkbox"]+label::before, 
.filter-section:not(.filter-section-default) input[type="radio"]+label::before,
#manufacturer-filter {
	display: none;
}

.filter-section:not(.filter-section-default) input[type="checkbox"]+label,
.filter-section:not(.filter-section-default) input[type="radio"]+label {
	margin: 0 5px 5px 0;
	padding: 5px 10px;
	color: var(--cerna);
	background-color: var(--svseda);
	border-radius: var(--br2);
	font-weight: 300;
	text-align: center;
}

.filter-section-default input[type="checkbox"]+label,
.filter-section-default input[type="radio"]+label {
	margin-bottom: 10px;
}

.filter-count {
    padding: 3px;
    background-color: var(--fialova);
    color: var(--bila);
    font-weight: 300;
    line-height: 14px;
    font-size: 14px;
    border-radius: 50%;
    min-width: 20px;
    text-align: center;
    margin-left: 5px;
}

.filter-section:not(.filter-section-default) label.active {
	font-weight: 300;
	background-color: var(--fialova) !important;
	color: var(--bila) !important;
}

.filter-section:not(.filter-section-default) input[type="checkbox"]:disabled+label, 
.filter-section:not(.filter-section-default) input[type="radio"]:disabled+label {
	background-color: #efefef69;
	color: #ccc;
}

input[type="checkbox"]:not(:disabled)+label:hover,
input[type="radio"]:not(:disabled)+label:hover {
	text-decoration: underline;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	padding-left: 25px;
}

input[type="checkbox"]+label::before, 
input[type="radio"]+label::before,
input[type="checkbox"]:checked+label::before,
input[type="radio"]:checked+label::before {
	width: 20px;
	height: 20px;
	border-color: var(--svseda);
	background-color: var(--svseda);
	border-radius: var(--br2);
}

input[type="checkbox"]:checked+label::after,
input[type="radio"]:checked+label::after {
	width: 16px;
	height: 16px;
	border-color: var(--svseda);
	background-color: var(--fialova);
	border-radius: var(--br2);
}

.ui-slider-horizontal .ui-slider-handle::after,
.ui-slider-handle,
.ui-slider-handle:hover {
	color: var(--fialova);
	border-top-color: var(--fialova);
	background-color: var(--fialova);
}

.ui-slider, 
.slider-content,
.ui-slider .ui-slider-range {
	height: 2px;
	background-color: var(--svseda);
}

.ui-slider-horizontal .ui-slider-handle {
	top: -9px;
}

.filter-section:not(.filter-section-default) fieldset > div {
	float: left;
}

#content .filters-wrapper > div:first-of-type {
	margin-bottom: 25px;
}

.filter-sections,
.filter-section {
	background-color: transparent;
	padding: 0;
}

#clear-filters {
	margin: 20px 0 0;
	text-align: left;
}

#clear-filters a {
	color: var(--cerna);
	font-weight: 500;
	text-transform: none;
	line-height: 30px;
}

.close-after::before {
	content: "";
	display: inline-block;
	position: relative;
	bottom: -3px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	margin-right: 15px;
	background: url("images/cross.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/*
category-filter-hover .filter-section:first-child {
	border-color: var(--svseda);
	margin-top: 20px;
}
*/

.filter-section+.filter-section {
	border-top: none;
}

.slider-wrapper,
.box.box-sm.box-filters {
	padding: 0;
}

.box.box-sm.box-filters {
	padding-top: 5px;
}

.sidebar-inner > div h4,
#filters h4 {
	padding: 10px 30px 10px 10px;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
}

.sidebar-inner > div .slider-wrapper h4,
#filters .slider-wrapper h4 {
	/* padding-top: 0; */
}

#content .filter-section fieldset div {
	width: unset;
}


#content .filter-section fieldset div:nth-child(odd) {
	clear: unset;
}

.one-column-body .filter-section h4:after, .one-column-body .filter-section-default h4:after {
    position: absolute;
    top: 12px;
    right: 8px;
    font-family: 'shoptet';
    content: '\e90e';
    font-weight: 400;
}

#content .btn.unveil-button{
    display: none;
}

.products-block .p-bottom .p-desc{
    text-align: center;
}

@media screen and (max-width: 767px) {
	.filters {
		margin-bottom: 25px;
	}
    .product-detail-button{
        display: block;
        margin-top: 15px;
        font-weight: 500;
        border-top: 2px solid var(--svseda);
        font-size: 20px;
        color: var(--cerna);
        padding: 15px 0px 10px 0px;
    }
    .product-detail-button:after{
        font-family: shoptet;
        content: '\e90e';
        position: relative;
        float: right;
        padding: 0px 10px;
        font-size: 16px;
    }
    .extended-description{
        padding-bottom: 20px;
    }
    
    .one-column-body .dklabFiltrBtn .btn.btn-primary{
        display: block;
        width: 100%;
        color: #fff;
        border-color: #000;
        background-color: #000;
        font-size: 14px;
    }
    .one-column-body .dklabFiltrBtn{
        width: 100%;
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
}

@media screen and (max-width: 479px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {
	.desktop .filter-section.filter-section-button {
		display: none;
	}

	.desktop #category-filter-hover {
		display: block;
	}
    .product-detail-button{
        display: none;
    }
    
    #content .filters{
        display: block;
    }
    
    
}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 1440px) {

}
















/*INSTA*/
#pkInsta #instafeed { 
	margin: 50px 0; 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center;
	border-radius: var(--br2);
	overflow: hidden;
}

#pkInsta #instafeed * {
	line-height: 0;
}

#pkInsta .h4 a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 480px) {
    #pkInsta #instafeed.slick-slider {
        display: block;
    }
}

#pkInsta #instafeed .slick-slide > div > div:hover a { 
	transform: scale(1.5);
}

#pkInsta #instafeed .slick-slide > div > div { 
	overflow: hidden;
}


#pkInsta #instafeed > div.slick-list { 
	width: 100%;
}

#pkInsta #instafeed > div a { 
	display: block; 
	position: relative; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center; 
	height: 0; 
	padding-bottom: 100%; 
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#pkInsta #instafeed > div:not(:nth-child(-n + 4)) {
	display: none;
}

#pkInsta #instafeed > div:not(.slick-list) { 
	width: 25%;
	margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
	#pkInsta #instafeed > div:not(:nth-child(-n + 3)) {
		display: none;
	}

	#pkInsta #instafeed > div:not(.slick-list) { 
		width: 33.333333%;
	}
}

@media screen and (max-width: 767px) {
	#pkInsta #instafeed > div:not(:nth-child(-n + 2)) {
		display: none;
	}

	#pkInsta #instafeed > div:not(.slick-list) { 
		width: 50%;
	}
}

@media screen and (max-width: 479px) {
	#pkInsta #instafeed > div:not(.slick-list):not(:first-child) {
		display: none;
	}

	#pkInsta #instafeed > div:not(.slick-list) { 
		width: 100%;
	}
    #pkInsta .h4, #pkInsta #instafeed.slick-slider {
	display: none !important;
    }

}






/*FOOTER*/
#footer .site-name {
	display: none !important;
}

#footer .contact-box a, 
#footer .password-helper a, 
#footer .news-item-widget a, 
#footer ul a {
	color: var(--cerna);
}

.copyright,
#signature a{
	color: var(--cerna);
    font-size: 12px;
}

.custom-footer,
.footer-bottom {
	border-color: var(--svseda);
}

.footer-bottom {
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

.footer-bottom a {
	position: relative;
}

#footer h4 {
    text-transform: lowercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--svseda);
    margin-bottom: 10px;
}

.custom-footer {
	padding-left: 0;
	padding-top: 10px;
	border: none;
}

.pkFooterDopravci {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.pkFooterDopravci img,
.pkFooterPlatby img {
	max-height: 30px;
	margin-bottom: 10px;
	margin-right: 5px;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#signature img {
    width: 24px;
    height: auto;
    margin-right: 1em;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.pkFooterPlatby {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#pkBannery .container > div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin: 0 -10px 0px -10px;
}

#pkBannery .container > div > div {
	flex-basis: 100%;
	padding: 10px;
	text-align: center;
}

#pkBannery a {
	position: relative;
	display: block;
}

#pkBannery span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	color: var(--bila);
	text-transform: uppercase;
	background-color: var(--fialova);
	padding: 20px;
	font-weight: 600;
	border-radius: var(--br2);
	text-align: center;
}

#pkBannery img {
	border-radius: var(--br2);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#pkBannery a:hover span {
	background-color: var(--cerna);
}

#pkBannery a:hover img {
	box-shadow: 0px 4px 12px 3px rgba(194,194,194,0.85);
    transform: scale(1.02, 1.02);
    filter: brightness(102%);
}

#pkNewsletter {
	padding: 50px 0;
	width: 100%;
	background-color: #f9f9f9;
}

.pkNewsletterForm,
.pkNewsletterFormIn .validator-msg-holder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.pkNewsletterFormIn .validator-msg-holder {
	position: relative;
}

.pkNewsletterFormIn a:hover {
	text-decoration: underline;
}

.pkNewsletterFormIn .validator-msg-holder .validator-msg.msg-error {
    position: absolute;
    left: 0;
    top: 0;
    width: unset;
    padding: 0 10px;
    margin: 0;
}

.pkNewsletterFormIn .validator-msg-holder > * {
	margin: 10px;
	width: 100%;
	height: 60px;
	border-radius: var(--br2);
	padding: 20px;
}

.pkNewsletterFormIn .validator-msg-holder input {
	border: 1px solid var(--fialova);
}

.pkNewsletterFormIn .validator-msg-holder .btn {
	background-color: var(--zluta);
	/*color: var(--fialova);*/
	color: var(--bila);
	font-size: 15px;
}

.pkNewsletterFormIn .validator-msg-holder .btn:hover {
	/*background-color: var(--tmzluta);*/
	background-color: var(--cerna);
}

.pkNewsletterFormIn .validator-msg-holder + div,
.pkNewsletterFormTitle {
	padding: 0 10px;
	text-align: center;
}

.pkNewsletterFormIn label {
	padding: 0;
}

.pkNewsletterFormTitle h2 {
	font-size: 20px;
	line-height: 24px;
	color: var(--fialova);
	font-weight: 300;
	margin: 0;
}

.pkNewsletterFormTitle h2 span {
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

.pkNewsletterFormTitle div {
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
}

.pkNewsletterFormTitle div span {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Ecomail */
.ec-v-form-holder-basic{
	width: 100% !important;
}
.ec-v-form-holder-basic h2 span{
	font-family: 'Butler', serif !important;
	font-weight: 500 !important;
}
.ec-v-form-holder-basic input{
    border-radius: 0px !important;
}

.ec-v-form-holder-basic button{
    font-size: 16px !important;
    padding: 12px 30px !important;
    margin: 20px 10px !important;
}


.next-prev .btn,
.ec-v-form-holder-basic button,
.external-fonts-loaded .btn,
.lb-button {
	border: none;
	background-color: var(--cerna);
	color: var(--bila);
	text-transform: lowercase;
	font-family: 'Butler', serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    border-radius: 0px !important;
    padding: 12px 30px;
    margin-right: 5px;
}
div.cart-wrapper div.cart-inner div.cart-row .btn.next-step-back, {
background: #FFF;
color: #922b3c;
border: 3px solid #922b3c;
margin-right: 10px;
line-height: 15px;
margin-left: 10px;
padding: 10px;
}

div.next-step .btn.next-step-back {
background: #FFF;
color: #922b3c;
border: 3px solid #922b3c;
margin-right: 10px;
line-height: 30px;
margin-left: 10px;
padding: 10px;
}
div.next-step button#submit-order,
div.next-step button#orderFormButton,
div.cart-wrapper div.cart-inner div.cart-row .btn.next-step-forward,
div.cart-wrapper div.cart-inner div.cart-row div.next-step button.btn.btn-conversion 
 {
background: #922b3c;
color: #FFF;
-webkit-box-shadow: 5px 5px 10px 2px #B3B3B3;
box-shadow: 5px 5px 10px 2px #B3B3B3;
}
.btn:hover,
a.btn:hover {
	background-color: var(--cerna);
}

.btn.btn-default, a.btn.btn-default, .pagination-link.prev, .pagination-link.next{
    background-color: var(--cerna);
    background: #b28b1f;
}
    


.ec-v-form-holder-basic .ec-v-form-input{
    max-width: 400px;
    margin: auto;
}


#pkUsp {
	margin-top: 0px;
}

.type-category #pkUsp,
.type-manufacturer-detail #pkUsp {
	margin-top: 0;
	padding-top: 20px;
	border-top: 1px solid var(--svseda);
}

#pkUsp .pkUspOuter {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	margin: -10px;
}

.pkUspIn {
	margin: 10px;
	flex-basis: calc(33.333333% - 20px);
	background-color: #f8f1f1;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: var(--br2);
}

.pkUspIn img {
	margin-bottom: 30px;
}

.pkUspIn div {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: var(--cerna);
}

.pkUspIn div span {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: var(--fialova);
	text-transform: uppercase;
}

#footer .banner-wrapper li{
	list-style: none;	
    line-height: 1.5em;
}

#footer .custom-footer > div{
	width: 100%;
}

#footer .custom-footer > div:nth-child(6), #footer .custom-footer > div:nth-child(7) {
	display: none;
}

#footer a:hover{
	color: var(--main);
}

@media screen and (max-width: 991px) {
	.copyright,
	#signature {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	#footer {
		text-align: left;
	}
	.pkFooterCertifikaceIn,
	/*.pkFooterCertifikaceCasopisy,*/
	.pkFooterDopravci,
	.pkFooterPlatby {
		justify-content: center;
	}
	#toggleBlock1, #toggleBlock2, #toggleBlock3, #toggleBlock4, #toggleBlock5{
		display: none;
		padding: 10px 10px 30px 10px;
	}
	#footer .banner-wrapper {
		margin-top: 0px;
	}	
	#footer .custom-footer h4 {
		font-weight: 700;
	}	
	/*
	#footer .custom-footer h4:not(.topic)::after {
    	font-family: shoptet;
	    content: '\e90e';
	    float: right;
	    padding-right: 20px;
    	font-size: 14px;
	}	
	*/
	#footer .custom-footer>div{
		padding: 0px;
		padding-bottom: 10px;
	}
	#footer .banner{
		min-height: unset;
		margin-bottom: 30px;
	}
	#footer .custom-footer .custom-footer__banner1, #footer .custom-footer .custom-footer__banner27, #footer .custom-footer .custom-footer__banner28, #footer .custom-footer .custom-footer__banner5 {
		width: 50%;
	}
	#footer{
		padding: 0px 15px;
	}
}




@media screen and (min-width: 565px) {
	#pkUsp .pkUspOuter {
		flex-direction: row;
	}
}

@media screen and (min-width: 768px) {
	.footer-bottom {
		margin-left: auto;
		margin-right: auto;
	}

	#footer .custom-footer > div:nth-child(1) {
		width: 100%;
	}

	#footer .custom-footer > div{
		width: 50%;
	}

	.pkNewsletterForm {
		background: url("images/book.svg");
		background-repeat: no-repeat;
		background-position: right center;
	}
    .custom-footer {
        padding-top: 50px;
    }
}

@media screen and (min-width: 992px) {
	
	#footer .custom-footer > div:nth-child(1) {
		width: 100%;
	}

	#footer .custom-footer > div{
		width: 25%;
	}

	.copyright {
		flex: 0 1 auto;
	}

	.pkFooterGoorganic {
		display: flex;
		align-items: flex-end;
    	justify-content: center;
    	flex-direction: row;
	}

	.pkFooterGoorganicIn {
		text-align: right;
		margin-bottom: 0;
	}

	.pkNewsletterFormTitle {
		padding: 50px 10px;
		text-align: right;
	}

	.pkNewsletterForm, 
	.pkNewsletterFormIn .validator-msg-holder {
		flex-direction: row;
	}

	.pkNewsletterFormIn .validator-msg-holder {
		padding-top: 15px;
	}

	.pkNewsletterFormIn .validator-msg-holder + div {
		text-align: left;
	}

	.pkNewsletterFormIn .validator-msg-holder .btn {
		width: 208px;
	}

	.pkNewsletterFormIn .validator-msg-holder input {
		width: 190px;
	}

	.pkUspIn {
		flex-direction: row;
	}

	.pkUspIn {
		padding: 15px;
		text-align: left;
	}

	.pkUspIn img {
		margin-right: 15px;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1200px) {

	.pkNewsletterFormTitle {
		padding: 50px 50px 50px 10px;
	}

	.pkNewsletterFormIn .validator-msg-holder .btn,
	.pkNewsletterFormIn .validator-msg-holder input {
		width: 250px;
	}

	.pkUspIn {
		padding: 30px;
	}

	.pkUspIn img {
		margin-right: 30px;
	}
}








/*HOMEPAGE*/
.latest-contribution-box {
	display: none;
}

.h4.homepage-group-title {
	margin: 50px 0;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    font-family: 'Butler', serif;
}

.homepage-box.welcome-wrapper {
	margin: 0;
}

.slick-list {
	width: 100% !important;
}

.homepage-box {
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
}

.welcome h1 {
	margin-top: 40px;
	margin-bottom: 50px;
	color: var(--fialova);
	font-size: 28px;
	max-width: 1000px;
	text-align: center;
}

.welcome div{
	max-width: 1000px;
	text-align: center;
}

.welcome div > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 479px) {
	.products-block>div {
	    width: 50%;
	}
}










/*PRODUCT-DETAIL*/
.products-related-header,
.btn.add-to-cart-button::before,
.price-measure,
.p-detail-inner > .p-detail-inner-header,
.product-top > div:not(.p-info-wrapper) .p-detail-info,
.social-buttons-wrapper {
	display: none;
}

.p-info-wrapper {
	visibility: hidden;
}

.type-product .p-detail {
	display: flex;
	flex-direction: column;
}

.type-product .p-detail-inner {
	order: -2;
}

.type-product .p-detail-tabs-wrapper {
	order: -1;
}

.pkRelatedProductsHeader {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 20px 0 30px 0;
}

.pkRelatedProductsHeader img {
	max-width: 100px;
	margin-right: 20px;
}

.pkRelatedProductsHeader h2 {
	font-weight: 600;
	font-size: 25px;
	line-height: 30px;
	color: var(--fialova);
	margin: 0;
}

.pkRelatedProductsHeader h3 {
	font-weight: 300;
	font-size: 22px;
	line-height: 27px;
	color: var(--cerna);
	margin: 0;
}

.product-top{
    margin-bottom:0px;
}

.products-block.products-alternative>div:nth-child(4n),
.products-block.products-related>div:nth-child(4n) {
	border: none !important;
}

.p-thumbnails{
    height: 50px;
}

.p-thumbnails a{
    max-width: 50px;
    margin: 0px 5px;
}

.p-image, .image360 {
    margin-bottom: 10px;
}

.browse-p .p-prev::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 11px;
    width: 12px;
    height: 18px;
    line-height: 40px;
    vertical-align: middle;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: url(images/arrow-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.browse-p .p-prev {
	background-color: #f9f9f9;
	border-radius: 0;
    border-top-right-radius: var(--br2);
    border-bottom-right-radius: var(--br2);
}

.browse-p .p-next::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 11px;
    width: 12px;
    height: 18px;
    line-height: 40px;
    vertical-align: middle;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: url(images/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.browse-p .p-next {
	background-color: #f9f9f9;
	border-radius: 0;
    border-top-left-radius: var(--br2);
    border-bottom-left-radius: var(--br2);
}

.browse-p .p-prev:hover,
.browse-p .p-next:hover {
	background-color: #f9f9f9;
}

.products-related .p .availability {
	display: block;
}

.tab-content .p .prices, 
.products-related .p .prices {
	margin-bottom: 0;
}

.shp-tabs-holder,
.shp-tabs {
	background-color: #f9f9f9;
	border: none;
}

.shp-tabs-holder ul.shp-tabs li a {
	border: none;
	color: var(--cerna);
	background-color: #f9f9f9;
	padding-top: 16px;
	padding-bottom: 16px;
}

.active .shp-tab-link,
.shp-tab-link:hover {
	background-color: var(--fialova) !important;
	color: var(--bila) !important;
	border: none;
}

.shp-tabs-holder {
	border-radius: var(--br2);
	overflow: hidden;
}

.type-product .p-detail-inner .btn.add-to-cart-button {
	line-height: 29px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 1px;
	padding: 12px 40px;
    font-size: 18px;
    font-weight: 400;
	font-family: 'Butler', serif;
}

.p-detail .add-to-cart .quantity {
	border-color: var(--cerna);
	border-radius: 0;
	border-top-left-radius: var(--br2);
	border-bottom-left-radius: var(--br2);
	padding-right: 40px;
	background-color: var(--bila);
}

.p-detail .add-to-cart .quantity input {
	height: 53px;
	width: 91px;
	text-align: center;
	font-size: 14px;
	background-color: var(--bila);
}

.p-detail .add-to-cart .quantity .increase,
.p-detail .add-to-cart .quantity .decrease {
    width: 40px;
    height: 26px;
    border: none;
    background-color: var(--cerna);
    color: var(--bila);
}

.p-detail .add-to-cart .quantity .decrease {
	top: 27px;
}

.p-detail .add-to-cart .quantity .increase::before, 
.p-detail .add-to-cart .quantity .decrease::before {
	line-height: 26px;
}

.pkDetailCart {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	background-color: #f9f9f9;
	border-radius: var(--br2);
	margin-bottom: 20px;
}

.p-info-wrapper .p-final-price-wrapper,
.p-info-wrapper .add-to-cart {
	margin-bottom: 0;
}

.p-info-wrapper .price-final {
	font-weight: 600;
	font-size: 34px;
	line-height: 41px;
}

.p-info-wrapper .price-additional, 
.p-info-wrapper .price-standard, 
.p-info-wrapper .price-save {
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
}

.pkDetailInfo p {
	margin-bottom: 0;
	font-weight: 600;
}

.pkDetailInfo p span {
	min-width: 130px;
	display: inline-block;
	font-weight: 300;
}

.p-short-description + p {
	margin-top: 10px;
}

.pkDetailInfo a:hover {
	text-decoration: underline;
}

.p-short-description + p a {
	color: var(--main);
	font-weight: 500;
}

.p-detail-inner h1 {
	margin-top: 0;
	font-size: 32px;
}

.p-info-wrapper .stars-label {
	color: var(--cerna);
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
}

.p-info-wrapper .stars-wrapper {
	margin-bottom: 0px;
}

.p-image-wrapper .p-image .flags {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.p-info-wrapper .availability-value span {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
    color: var(--zelena) !important;
}

.advanced-parameter-inner.yes-before{
	color: var(--zelena) !important;
	border-color: var(--zelena) !important;
}

.p-info-wrapper .availability-value .availability-amount {
	font-weight: 300;
}

.stars {
	width: 100px;
	height: 23px;
}

.stars a,
.stars span {
	width: 20px;
	height: 20px;
	line-height: 20px;
}

.stars a.star-half::before, 
.stars span.star-half::before {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: url(images/star-half.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.stars .star.star-on::before,
.stars .star.star-on::before {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: url(images/star-full.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.stars a.star-off::before,
.stars span.star-off::before {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: url(images/star-empty.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.products-block .ratings-wrapper .stars-wrapper {
    display: block;
    text-align: center;
}
.shp-tabs-row, .p-info-wrapper.pkVisible p a.chevron-after, .p-detail-tabs-wrapper .product-detail-button{
	display:  none;
}

.products-block>div {
    border: none;
}

@media screen and (max-width: 767px) {
    .p-info-wrapper .stars-label {
        display:none;
    }
    .p-info-wrapper .price-final {
        margin-top:5px;
    }
    .p-info-wrapper .p-final-price-wrapper {
		margin-bottom: 10px;
        text-align: center;
	}
    .tab-content>.active {
        display: block !important;
    }
}

@media screen and (max-width: 479px) {
	.pkDetailCart {
		display: block;
	}

	.p-detail .add-to-cart .quantity input {
		width: 75px;
	}    
    .products-block>div {
        width: 50%;
    }
}

@media (min-width: 321px) and (max-width: 767px) {
  .columns-mobile-2 .products-block > div {
    width: 50%;
  }
}

@media screen and (min-width: 480px) {
    .products-block>div {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .p-info-wrapper .availability-value::before {
        content: "Dostupnost: ";
        display: inline-block;
        /* min-width: 125px; */
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
    }
    .products-block>div {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .products-block>div {
        width: 33%;
    }
}

@media screen and (min-width: 1200px) {
	.browse-p .p-prev,
	.browse-p .p-next {
	    top: -210px;
	}

	.shp-tabs-holder ul.shp-tabs li a {
		padding-left: 40px;
		padding-right: 40px;
	}

    .products-block>div {
        width: 33%;
    }
    
    .blog-wrapper .news-item {
    flex-basis: 23%;
    width: 23%;
    }
}














/*CATEGORY*/
.type-category #content > h4,
.type-category #productsTop,
.in-znacka .pagination-wrapper + p,
.subcategories li a::after,
.subcategories li a::before {
	display: none;
}

.category-header {
	margin-bottom: 25px;
	background-color: #f9f9f9;
	border-radius: var(--br2);
	overflow: hidden;
}

.category-header div {
	font-weight: 300;
	font-size: 14px;
	line-height: 50px;
}

.category-header input[type="radio"]+label {
	padding: 15px 20px;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

.category-header input[type="radio"]:checked+label,
.category-header input[type="radio"]+label:hover {
	background-color: var(--fialova);
	color: var(--bila);
}

.subcategories {
	margin: -20px -10px;
	margin-bottom: 15px;
}

.subcategories li {
	padding: 10px 10px 5px 0px;
}

.subcategories.with-image li a {
	padding: 0;
	background-color: transparent;
	border: none;
	color: var(--cerna);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	height: auto;
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,.08);
    -webkit-transition: box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out;
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.subcategories.with-image li a:hover{
    box-shadow: 8px 8px 30px 0 rgba(0,0,0,.12);
    text-decoration: none;
}

.category-title {
	font-weight: 500;
	font-size: 30px;
	line-height: 36px;
	color: var(--cerna);
	margin-top: 0;
    text-align: center;
}

.type-category #content {
	display: flex;
	flex-direction: column;
}

.type-category .category-title {
	order: -2;
}

.type-category .category-perex:not(.empty-content) {
	/*order: -1;*/
	/*margin-bottom: 0;*/
}

.type-category .category-perex > *:last-child {
	margin-bottom: 25px;
}
.p:hover .btn-cart{
    background-color: var(--cerna);
}
.subcategories li a {
    border:none;
    background-color: #f9f9f9;
    color: var(--cerna);
    height: 60px;
    paddin: 10px 15px 10px 15px;
    font-weight: 400;
    font-family: 'Butler', serif;
    font-size: 16px;
}
#dklabFilterTop{
	display: none;
}

.subcategories.with-image li a .image {
	width: 60px;
}

.id-1088 .subcategories.with-image li a .image,
.id-761 .subcategories.with-image li a .image{
	display: none;
}


.subcategories.with-image li a .image img {
	max-height: 70px;
	max-width: 70px;
	padding: 10px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.subcategories.with-image li a .text {
	width: calc(100% - 100px);
	padding: 16px;
	max-height: 100px;
}

@media screen and (max-width: 767px) {
    .sticky-mobile:not(.ordering-process) .header-top {
	    padding-top: 5px;
	    padding-bottom: 5px;
	    height: 70px;

	}
}

@media screen and (max-width: 479px) {

}

@media screen and (min-width: 480px) {
	.subcategories li {
		width: 50%;
	}
}


@media screen and (max-width: 991px) and (min-width: 768px) {
	.desktop .subcategories.with-image li a .image {
		width: 25%;
	}

	.desktop .subcategories.with-image li a .image img {
		max-height: 30px;
		max-width: unset;
	}

	.desktop .subcategories.with-image li a .text {
		width: 75%;
		padding-left: 10px;
		max-height: 38px;
	}
}

@media screen and (min-width: 1200px) {
	.subcategories li {
		width: 25%;
	}
}

@media screen and (min-width: 1440px) {
	.subcategories li {
		width: 25%;
	}
}

@media screen and (max-width: 991px){
    .content-wrapper-in .subcategories li a .text{
        font-size: 14px;
        line-height: 20px;
        overflow:visible;
    }
}













/*PAGINATION*/
.pagination-wrapper {
	margin: 50px 0;
}

.pagination>a, 
.pagination-top>a, 
.pagination>strong, 
.pagination-top>strong {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: var(--br2);
    line-height: 46px;
}

.pagination-link.prev::before, 
.pagination-link.next::before, 
.pagination-link.up::before {
    font-size: 12px;
    line-height: 46px;
    background-color: transparent;
    display: block;
}

.pagination-link,
.pagination>a,
.pagination>strong {
	color: var(--cerna);
	background-color: var(--svseda);
}

.pagination>strong.current {
	font-weight: 600;
}

.pagination-link.prev, 
.pagination-link.next {
	color: var(--bila);
	background-color: var(--fialova);	
}

.pagination-link:hover,
.pagination>a:hover {
	background-color: var(--cerna);
	color: var(--bila);
}

.pagination-top strong {
	color: var(--cerna);
	text-transform: none;
	font-weight: 300;
}

.pagination-top strong:hover {
	text-decoration: underline;
}

.pagination-top > *:first-child,
.pagination > *:first-child {
	margin-left: 0;
}

.pagination-top > *:last-child,
.pagination > *:last-child {
	margin-right: 0;
}

.products-block {
	margin: -10px;
	overflow: hidden;
}

@media screen and (max-width: 1199px) {
	.pagination-loader {
	    margin: 0 0 20px 0;
	}

	.pagination-top {
		padding-top: 20;
	}
}

@media screen and (min-width: 1200px) {
	.pagination-wrapper .pagination-loader {
	    margin-bottom: 0;
	}

	.pagination-wrapper .pagination {
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	}
}








/*PRODUCTS*/
.flags.flags-extra,
.product .add-to-cart-button::before, .products-block .p-code{
	display: none;
}

.flag.flag-action {
	background-color: var(--cerna);
}

.flag.flag-new {
	background-color: var(--cerna);
}

.flag.flag-tip {
	background-color: var(--cerna);
}

.flag {
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	border-top-right-radius: var(--br2);
	border-bottom-right-radius: var(--br2);
	padding: 8px 20px;
}

.products-block .p .flags-default {
	left: -11px;
}

.products>div {
	border: none !important;
	padding: 0 !important; 
}

.products .product {
	border: none !important;
	padding: 10px !important; 
}

.product .p {
    /* border: 1px solid var(--svseda); */
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: var(--br2);
}

.product .p:hover {
	box-shadow: 0px 0px 12px 0px #ddd;
	border-color: transparent;
    transform: translateY(-2px);
}

.product .p-in{
	padding: 10px;
}

.products-block .ratings-wrapper {
	min-height: unset;
	padding-bottom: 10px;
}
.products-block .p-bottom .prices{
    text-align: center;
    padding-bottom: 5px;
}
.products-block .p-bottom .prices, .products-block .p-bottom .p-tools {
    flex-basis: 100%;
}
.products-block .p-bottom .p-tools {
    display:none;
}
.products-block .name{
    text-align: center;
    font-weight: 500;
}

.products-block.products .p .price strong {
	font-size: 14px;
	line-height: 18px;
}
.price-standard,
.price-save {
	font-size: 14px;
	line-height: 17px;
	color: var(--cerna);
	font-weight: 300;
}

.price-save {
	color: var(--cerna);
	font-weight: 500;
	padding-left: 5px;
}

.product .add-to-cart-button,
.product .btn-primary {
	width: 100%;
	height: 40px;
	/*color: var(--fialova) !important;*/
	color: var(--bila) !important;
	font-weight: 500;
	font-size: 16px;
	line-height: 40px;
	padding: 0;
}


.products-block.products .p .name{
    margin-bottom: 5px;
    height: auto;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Butler', serif;
}

.detail-parameters th{
    color: var(--cerna);
}

.products-block.products .p .price-standard + .price-save + .price-final {
	margin-top: 0;
}
.cart-table .availability-label{
	color: var(--zelena) !important;
}
.cart-summary .discount-coupon button{
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.cart-table tr td.p-name a{
	color: var(--cerna);
}
.cart-table tr>td{
	border-right: none;
}
.products-block .ratings-wrapper .availability {
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart{
    background-color: var(--main);
    
}
.btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover{
    background-color: var(--main);
}


.p-info-wrapper .stars-wrapper{
    display:inline-flex;
}
.p-info-wrapper .availability-value{
    display:inline-block;
}

.p-short-description + p, .basic-description h3:nth-child(1){
    display: none;
}

.id-1 .products-block .product:not(.slick-slide):not(:nth-child(-n + 4)) {
	display: nonee;
}

@media screen and (max-width: 1439px) {
	.id-1 .products-block .product:not(.slick-slide):not(:nth-child(-n + 3)) {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.id-1 .products-block .product:not(.slick-slide):not(:nth-child(-n + 2)) {
		display: none;
	}
}

@media screen and (max-width: 767px) {
    .p-short-description p, .shp-tabs-row{
        display: none;
    }
    .p-info-wrapper .availability-value{
        line-height: 16px;
    }
    .p-info-wrapper .stars-wrapper{
        float:right;
        display:inline-block;
    }
}
@media screen and (max-width: 480px) {
    .p-short-description p, .shp-tabs-row{
       // display: nonee;
    }
}

@media screen and (max-width: 479px) {
	.id-1 .products-block .product:not(.slick-slide):not(:nth-child(-n + 1)),
    #products .dkLabFavouriteDiv, #products .p-tools, .p-detail .add-to-cart .quantity{
		display: nonee;
	}
    .products .product {
        width: 50%;
    }
    .products-block.products .p .price-final {
        margin-top: 10px;
        text-align: center;
    }
    .products-block.products .p .price strong{
        font-size: 14px;
    }
    .products-block .ratings-wrapper .availability {
        font-weight: 400;
        text-align: center;
        margin-top: 10px;
    }
    .type-product .p-detail-inner .btn.add-to-cart-button{
        /* width:100%; */
    }
    .pkDetailCart{
        padding: 0px;
        background:none;
    }
    .p-info-wrapper .availability-value, .p-image, .image360{
        margin-bottom:10px;
    }
    
    .dkLabFavDiv {
        margin: 15px 0px 20px 0px !important;
    }
}

@media screen and (min-width: 480px) {
    .p-info-wrapper .availability-value{
        position: relative;
    }
}

@media screen and (min-width: 768px) {
	.products-block.products .p .price strong,
	.products-block.products.pkPageProducts .p .price-final {
		font-size: 14px;
	}
}

@media screen and (min-width: 992px) {
	.products-block.products .p .price strong,
	.products-block.products.pkPageProducts .p .price-final {
		font-size: 14px;
	}
}








/*PAGES*/
.type-post .sidebar,
.type-posts-listing .sidebar,
.type-page .sidebar,
.type-manufacturers-listing .sidebar {
	display: none !important;
}

.type-posts-listing .content-inner,
.type-manufacturers-listing .content-inner {
	max-width: 100%;
}

.type-page .content-inner,
.type-post .content-inner,
.basic-description {
	max-width: 1000px;
	margin: auto;
}

.type-page h1,
.type-post h1,
.type-posts-listing h1 {
	/*color: var(--cerna);*/
	font-size: 32px;
	font-weight: 700;
	margin-top: 0;
	text-align: center;
}

h1,
.h1 {
	color: var(--cerna);
    color: #922b3c;
	font-size: 40px;
    margin-top: 50px;
}

.main-container .row h1 {
font-variant: small-caps;
}

.btn_style_1 {
border-radius: 40px
}

h2,
.h2 {
	color: var(--cerna);
	font-size: 28px;
    margin-top: 50px;
}

h3,
.h3 {
	color: var(--cerna);
	font-size: 23px;
    margin-top: 50px;
}


b, 
strong {
	font-weight: 700;
}

.news-item time, 
.news-item-detail time {
	color: var(--cerna);
	margin-bottom: 10px;
	margin-top: 20px;
    display: none;
}

.news-item .text .title {
	color: var(--cerna);
	font-size: 20px;
	line-height: 25px;
	margin-bottom: auto;
}

.news-item .text {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-weight: 400;
    overflow: hidden;
}

p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
}

.category-perex table,
.p-detail ul li {
	font-size: 16px;
	line-height: 24px;
	padding-left: 10px;
    list-style-type: '✔';
}


.news-item {
	margin: 10px;
    padding: 20px;
    border: 1px solid var(--svseda);
    border-radius: var(--br2);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.news-item:last-child {
    padding: 20px;
    border: 1px solid var(--svseda);
}

.news-item:hover {
	box-shadow: 0px 0px 8px 1px var(--svseda);
	border-color: transparent;
}

.news-item-detail .next-prev {
	margin: 0;
}

.pkPageProducts .price-additional,
.pkPageProducts .price-measure,
.type-post .text pre a {
	display: none;
}

.pkPageProducts.products-block {
	margin-top: 10px;
	margin-bottom: 10px;
}

.news-item-detail .text a:not(.name):not(.btn),
.p-short-description a:not(.name):not(.btn),
.category-perex a:not(.name):not(.btn),
.basic-description a:not(.name):not(.btn),
.welcome a:not(.name):not(.btn),
article a:not(.name):not(.btn) {
	text-decoration: underline;
}

.news-item-detail .text a:not(.name):not(.btn):hover,
.p-short-description a:not(.name):not(.btn):hover,
.category-perex a:not(.name):not(.btn):hover,
.basic-description a:not(.name):not(.btn):hover,
.welcome a:not(.name):not(.btn):hover,
article a:not(.name):not(.btn):hover {
	color: var(--main);
}

@media screen and (max-width: 490px) {
	.news-item {
	    display: flex;
	    flex-direction: column-reverse;
	    flex-basis: calc(50% - 20px);
        background: #FFF;
	}

	#newsWrapper {
		display: flex;
		flex-wrap: wrap;
		margin: -10px;
	}

	.news-item .image {
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
	}
    body.id-2211 .news-item .text .title {
        font-size: 12pt !important;
    }
}

@media screen and (min-width: 480px) {
	.news-item {
	    display: flex;
	    flex-direction: column-reverse;
	    flex-basis: calc(50% - 20px);
	}

	#newsWrapper {
		display: flex;
		flex-wrap: wrap;
		margin: -10px;
	}

	.news-item .image {
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
	}
}

@media screen and (min-width: 992px) {
	.news-item {
	    flex-basis: calc(33.333333% - 20px);
	}
}

@media screen and (min-width: 1200px) {
	.news-item {
	    flex-basis: calc(25% - 20px);
	    width: calc(25% - 20px);
	}
    body.id-2211 .news-item:nth-child(-n+4) {
        flex-basis: calc(50% - 20px);
	    width: calc(50% - 20px);
        border-radius: 10px;
	}
}





/*OTHER*/
body.id-2211 .news-item {
background: #FFF;
}
body.id-2211 .breadcrumbs {
background: #fff9f9;
}
.type-manufacturer-detail #content {
	display: flex;
	flex-direction: column;
}

.type-manufacturer-detail .category-perex {
	order: 1;
}

ul.manufacturers>li:last-child {
	padding-bottom: 0;
}

.cms-mezera {
	height: auto !important;
}

/*zarovnání magazínu do bloku*/
.news-item-detail .text,
.description,
.content-inner,
.p-short-description,
.basic-description {
	/* text-align: justify; */
}

#category-header, .price-additional{
    display: none;
}
    
.free-gift .btn, .discount-coupon form .btn{
    padding: 6px;
    margin-left: 10px;
    background: #922b3c;
    
}

@media screen and (max-width: 767px) {
    ul.manufacturers h2{
        flex: 0 0 80px;
        padding: 10px;
    }
    ul.manufacturers ul li{
        display: inline-block;
        margin: 3px 6px;
        padding: 3px 6px;
    }   
    ul.manufacturers ul {
        padding: 0px;
    }
    ul.manufacturers>li{
        padding: 5px 0;
    }
    #content{
       padding-top: 20px;
    }
}


.in-salon h1[itemprop="headline"]
{
	display: none;
}
.main-banner img.skin{
	max-width:800px !important;
	width: 100%;
}


.pkDetailCart a.link-icon.chat{
	padding:10px 20px;
	margin:0;
	display:flex;
	align-items:center;
	border: 0;
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
	border-radius: var(--br2);
	margin: 0 0 0 auto;
	text-transform:initial;

}
.pkDetailCart a.link-icon.chat::before{
	margin:0 10px 0 0;
}

.product div[data-micro-price="99999.00"] .prices strong{
	font-size:0!important;
}

.product div[data-micro-price="99999.00"] .prices strong::before{
	content:"Cena na dotaz";
	font-size:14px!important;
}
.content-wrapper-in {
max-width: 1000px;
margin: auto;
}


ul.faq-list {
margin-left: -35px;
}
ul.faq-list li {
border: 1px solid #e2e2e2;
border-radius: 30px;
-webkit-box-shadow: 1px 1px 10px 1px #D9D9D9;
box-shadow: 1px 1px 10px 1px #D9D9D9;
padding: 30px;
margin: 40px auto;
list-style: none;
background: #FFF;
}
ul.faq-list li h2 {
margin: 0px;
color: #922b3c;
}
.content-wrapper {
background: none;
}

//news-item

body.id-2211 .news-item {
background: #FFF;
}
body.id-2211 .news-item:nth-child(-n+4) .text .title {
text-align: center;
padding: 10px;
height: 95px;
}
body.id-2211 .news-item:nth-child(1) .text .title,
body.id-2211 .news-item:nth-child(2) .text .title,
body.id-2211 .news-item:nth-child(3) .text .title,
body.id-2211 .news-item:nth-child(4) .text .title {
padding-top: 15px;
color: #912a3b;
font-size: 18pt;
}
body.id-2211 .news-item:nth-child(1) .image,
body.id-2211 .news-item:nth-child(2) .image,
body.id-2211 .news-item:nth-child(3) .image,
body.id-2211 .news-item:nth-child(4) .image {
max-height: 200px;
}

.news-item .image img {
object-fit: cover;
object-position: center;
}

body.id-2211 .news-item div.description {
display: none;
}

.homepage-blog-wrapper .news-item:nth-child(-n+4) .text .title {
background: none;
color: #000;
text-align: left;
padding: 0px;
height: auto;
}

ul.menu-level-2:nth-child(1) li a {
background: #FF0000;
color: #FFF000;
}

div.p-short-description h2 {
font-size: 20px;
}
@media screen and (max-width: 480px) {
body.id-2211 .news-item .image img {
width: 100%;
max-height: 200px;
}

}

section.bl2 p {
    padding: 10px 80px;
}
section.bl2 h3.toppad {
    padding-top: 1100px;
    color: #942a3e;
}

section.bl3 {
padding: 100px 0px 700px 0px;
}


// Běžné zobrazení


.bl1 {
                            padding: 10px 0px;
                            padding-bottom: 100px;
                            }
                            .bl1 h3 {
                            display: block;
                            text-align: center;
                            color: #922b3c;
                            }
                            .bl11 .b1,
                            .bl1 .b1,
                            .bl1 .b2,
                            .bl1 .b3,
                            .bl1 .b4 {
                            background:  url(img/majitel.jpg) center top no-repeat;
                            background-size: cover;
                            border: 5px solid #FFF;
                            border-radius: 5px;
                            padding: 5px;
                            padding-top: 200px;
                            margin: 10px 0px;
                            -webkit-box-shadow: 5px 5px 5px 0 #B5B5B5;
                        box-shadow: 5px 5px 5px 0 #B5B5B5;
                            }
                            .bl1 .b1 {
                            background:  url(img/kadernice.jpg) center center no-repeat;
                            background-size: cover;
                            }
                            .bl1 .b2 {
                            background:  url(img/kosmeticka.jpg) center center no-repeat;
                            background-size: cover;
                            }
                            .bl1 .b3 {
                            background:  url(img/vizazistka.jpg) center center no-repeat;
                            background-size: cover;
                            }
                            .bl1 .b4 {
                            background:  url(img/majitel.jpg) center center no-repeat;
                            background-size: cover;
                            }
                            .bl11 .b1 {
                            background:  url(img/kadernice.jpg) center center no-repeat;
                            background-size: cover;
                            }
                            .bl11 .b1 div.popis,
                            .bl1 .b1 div.popis,
                            .bl1 .b2 div.popis,
                            .bl1 .b3 div.popis,
                            .bl1 .b4 div.popis {
                            background: #FFF;
                            text-align: left;
                            text-indent: 50px;
                            color: #942a3e;
                            font-size: 14pt;
                            font-weight: bold;
                            line-height: 40px;
                            }
                            .bl2 {
                            background:  url(img/bbg2.jpg) center top no-repeat;
                            background-size: cover;
                            min-height: 800px;
                            padding: 40px 0px;
                            text-align: center;
                            }
                            .bl2 h3 {
                            display: block;
                            text-align: center;
                            color: #FFF;
                            font-variant: small-caps;
                            }
                            .bl3 {
                            background: #95b6a3 url(img/bbg3.jpg) top left no-repeat;
                            background-size: cover;
                            min-height: 500px;
                            padding: 70px 20px;
                            }
                            .bl3 h3 {
                            display: block;
                            text-align: center;
                            color: #FFF;
                            font-size: 18pt;
                            }
                            .bl3 p {
                            color: #FFF;
                            text-align: center;
                            }
                            .bl4 {
                            background: #fff9f9;
                            background-size: cover;
                            min-height: 300px;
                            padding: 40px 0px;
                            }
                            .bl4 h3 {
                            display: block;
                            text-align: center;
                            color: #922b3c;
                            font-size: 22pt;
                            }
                            .bl4 a {
                            display: block;
                            width: 250px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none;
                            margin: 0 auto;
                            }
                            .bl5 {
                            min-height: 300px;
                            padding: 40px 0px;
                            text-align: center;
                            }
                            .bl5 h3 {
                            display: block;
                            text-align: center;
                            color: #922b3c;
                            font-size: 22pt;
                            }
                            .bl5 a {
                            display: block;
                            width: 250px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none;
                            margin: 0 auto;
                            margin-top: 50px;
                            }
                            .bl6 {
                            background: #ffecdb url(img/bbg6.jpg) bottom right no-repeat;
                            background-size: cover;
                            min-height: 800px;
                            padding: 60px 60px;
                            }
                            .bl6 h3 {
                            display: block;
                            text-align: center;
                            color: #922b3c;
                            font-size: 22pt;
                            }
                            .bl6 a {
                            display: block;
                            width: 250px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none;
                            margin: 0 auto;
                            margin-top: 50px;
                            }
                            .bl6 p {
                            text-align: center;
                            padding: 0px 30px;
                            }
                            .bl7 {
                            padding: 80px 0px;
                            
                            background: #fff9f9;
                            }
                            .bl7 .row div {
                            text-align: center;
                            color: #942a3e;
                            }
                            .bl7 a {
                            display: block;
                            width: 250px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none;
                            margin: 0 auto;
                            margin-top: 50px;
                            }
                            .bl8 {
                            padding: 0px 0px;
                            //background: #fff9f9;
                            background: #fff9f9 url(img/bbg8.jpg) bottom right no-repeat;
                            background-size: 200%;
                            padding-bottom: 300px;
                            }
                            .bl8 h3 {
                            font-size: 24pt;
                            text-align: left;
                            padding-left: 50px;
                            color: #922b3c;
                            }
                            .bl8 .row div {
                            text-align: center;
                            color: #922b3c;
                            }
                            .bl8 .row div p {
                            text-align: left;
                            display: block;
                            padding: 20px 20px;
                            }
                            .bl8 a {
                            display: block;
                            width: 250px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none;
                            margin: 0 auto;
                            margin-top: 50px;
                            }
                            .bl8 div.cislo {
                            display: block;
                            float: left;
                            background: #922b3c; 
                            border-radius: 50%; 
                            width: 60px;
                            //line-height: 60px;
                            padding: 18px 18px;
                            color: #FFF; 
                            font-weight: bold; 
                            margin-right: 30px; 
                            font-size: 18pt;
                            text-align: center;
                            }
                            .bl9 {
                            padding: 820px 0px 30px 0px;
                            background: #fff9f9;
                            background: #fff9f9 url(img/bbg9.jpg) top right no-repeat;
                            background-size: 100%;
                            }
                            .bl9 h3 {
                            display: block;
                            color: #922b3c;
                            width: 70%;
                            margin-top: 60px;
                            font-size: 22pt;
                            margin: 60px auto;
                            }
                            .bl9 .row div {
                            text-align: center;
                            color: #942a3e;
                            }
                            .bl9 a {
                            display: block;
                            width: 250px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none;
                            margin: 0 auto;
                            margin-top: 50px;
                            }
                            .bl10 {
                            background: #922b3c;
                            }
                            .bl10 .ochrana {
                            color: #FFF;
                            }
                            .bl10 .ochrana h3 {
                            color: #FFF;
                            }
                            .bl11 {
                            background: #ffecdb url(https://www.skinimalistka.cz/user/documents/pkUpravy/img/bbg00.jpg) top right no-repeat;
                            /*padding: 10px 30px;*/
                            text-align: center;
                            }
                            .bl12 {
                            padding: 55px 0px 800px 0px;
                            background: #adc9bb;
                            background: #adc9bb url(img/bbg12.jpg) bottom right no-repeat;
                            background-size: 100%;
                            text-align: center;
                            }
                            .bl12 h3 {
                            font-size: 35pt;
                            color: #FFF;
                            }
                            .bl13 {
                            
                            background: #e0e0e1;
                            background: #e0e0e1 url(img/bbg13.jpg) bottom right no-repeat;
                            background-size: 100%;
                            text-align: center;
                            }
                            .bl13 h3 {
                            text-align: center;
                            }
    -->
    
   body.id-2376 .content-inner .row a {
                            display: block;
                            width: 250px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none !important;
                            margin: 0 auto;
                            margin-top: 50px;    
                            font-weight: bold;
                            
    }
   body.id-2376 .content-inner .row a:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #eee !important;
margin-top: 47px;

    }



@media screen and (max-width: 1400px) {
section.bl2 h3.toppad {
    padding-top: 850px;
}
}




@media screen and (max-width: 720px) {

section.bl2 p {
    padding: 10px;
}
section.bl3 {
    
    background-image: linear-gradient(rgba(0, 0, 0, 0.), rgba(0, 0, 0, 0.)),
    url('img/bbg3.jpg');
  background-size: 200%;
  background-position-y: 270px;
  padding: 20px;
  
}
section.bl6 {
    padding: 5px 0px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.), rgba(255, 255, 255, 0.)),
    url('img/bbg6.jpg');
  background-size: 200%;;
}
section.bl9 {
    padding-top: 240px;
}
section.bl9 h3 {
    width: 100%;
}
section.bl12 {
    padding-bottom: 250px;
}
section.bl13 {
    padding-bottom: 170px;
}

/*
.sending-order .order-summary #summary-box div.cart-items {
display: none;
}
*/
.order-summary #summary-box div.cart-items {
    display: none;
}
body.in-krok-1 #header .header-top form#formSearchForm,
body.in-krok-2 #header .header-top form#formSearchForm {
    display: none;
}

}
body.in-vo .content-wrapper-in {
max-width: 100%;
}
body.in-vo .content-inner {
max-width: 100%;
}


@media screen and (max-width: 960px) {
p {
font-size: 10pt;
line-height: 15pt;
}
.bl1 h3 {
font-size: 15pt;
}
.bl2 {
padding: 20px;
padding-right: 30px;
min-height: 100px;
}
section.bl2 h3.toppad {
    padding-top: 360px;
}
.bl2 h3 {
margin-top: 0px;
font-size: 15pt;
}
.bl2 h3 span {
font-size: 15pt;
}
.b12 p {
font-size: 10pt;
line-height: 14pt;
}
.bl13 {
padding: 100px 0px 100px 0px;
}
.bl3 h3 {
margin-top: 0px;
}
.bl3 h3 span {
font-size: 15pt;
}
.bl4 {
padding: 0px;
min-height: 240px;
}
.bl4 h3  {
line-height: 16pt;
padding: 0px 25px;
}
.bl4 h3 span {
font-size: 15pt;
}
.bl5 {
padding: 10px;
}
.bl5 h3 {
margin-top: 0px;
}
.bl5 h3 span {
font-size: 15pt;
}
section.bl6 h3 {
margin-top: 10px;
}
.bl6 h3 span {
font-size: 15pt;
}
section.bl6 p {
color: #922b3c;
}
.bl7 {
padding: 0px 10px;
}
.bl7 .row div {
font-size: 8pt;
}
.bl8 {
padding: 10px 0px;
padding-top: 30px;
}
.bl8 h3 {
margin-top: 20px;
text-align: center;
font-size: 20pt;
padding-left: 0px;
z-index: 10001;
}
.bl8 .row div p {
text-align: center;
padding: 0px 20px;
}
.bl8 h3.duvody {
font-size: 24pt;
}
.bl8 div.duvod {
min-height: 150px;
}
.content-inner .row a.odstup {
margin-top: 150px;
margin-bottom: 30px;
}
.bl8 img.hlava {
max-width: 80%;
float: right;
margin-bottom: -10px;
}
.bl8 div.cislo {
                            display: block;
                            float: none;
                            width: 40px;
                            background: #922b3c; 
                            border-radius: 50%; 
                            padding: 10px 10px;
                            font-size: 10pt;
                            text-align: center;
                            margin: 8px auto;
                            }


.bl9 .row  div {
font-size: 8pt;
}
.bl9 .row div img.ico9 {
height: 80px; width: auto; padding-bottom: 20px;
}
.bl9 h3 {
font-size: 15pt;
margin: 40px auto 10px auto;
}
.bl10 img {
display: none;
}
.bl10 h3 {
padding: 0 20px;
font-size: 15pt;
}
.bl12 {
padding: 0 0 800px 0;
}
.bl12 h3 {
font-size: 15pt;
padding: 0px 50px;
}
.bl13 div.row.pad {
padding: 0px 40px;
}


/* ÚPRAVA
.content-inner .row a {
                            display: block;
                            width: 180px;
                            color: #FFF;
                            background: #922b3c;
                            text-align: center;
                            padding: 10px 30px;
                            border-radius: 30px;
                            text-decoration: none !important;
                            margin: 0 auto;
                            margin-top: 10px;    
                            font-weight: bold;
                            
    }
    */
}
@media screen and (min-width: 960px) {
.bl1 .row div.b1 {
    width: 49%;
    margin: 5px 0px;
}
.bl1 .row div.b2 {
    width: 49%;
    margin: 5px 0px;
    float: right;
}
.bl1 .row div.b3 {
    width: 49%;
    margin: 5px 0px;
}
.bl1 .row div.b4 {
    width: 49%;
    margin: 5px 0px;
    float: right;
}
.bl13 {
padding-bottom: 500px;
}
.bl3 p {
padding-right: 30px;
}
.bl9 img {
height: 80px;
}
.bl13 img {
height: 80px;
}
.bl8 {
background-size: 110%;
}
.bl8 div.duvod {
text-align: left;
padding: 10px;
padding-right: 40px;
}
.bl8 div.duvod div.cislo {
text-align: center;
width: 70px;
margin-left: 30px;
}



}
