@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap);

@font-face {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    src:url('../fonts/OpenSans-Regular-Italic.eot');
    src:url('../fonts/OpenSans-Regular-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Regular-Italic.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular-Italic.svg#OpenSans-Italic') format('svg');
    font-weight:normal;
    font-style:italic;
}

@font-face {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    src:url('../fonts/OpenSans-Light.eot');
    src:url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff'), 
        url('../fonts/OpenSans-Light.ttf') format('truetype'),
        url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    src:url('../fonts/OpenSans-Regular.eot');
    src:url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'), 
        url('../fonts/OpenSans-Regular.woff') format('woff'), 
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    src:url('../fonts/OpenSans-Semibold.eot');
    src:url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/OpenSans-Semibold.woff2') format('woff2'), 
        url('../fonts/OpenSans-Semibold.woff') format('woff'), 
        url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('../fonts/OpenSans-Semibold.svg#OpenSans-Regular') format('svg');
    font-weight:600;
    font-style:normal;
}

@font-face {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    src:url('../fonts/OpenSans-Bold.eot');
    src:url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/OpenSans-Bold.woff2') format('woff2'), 
        url('../fonts/OpenSans-Bold.woff') format('woff'), 
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Regular') format('svg');
    font-weight:700;
    font-style:normal;
}

@font-face {
    font-family:'SourceSansPro';
    src:url('../fonts/SourceSansPro-Light.eot');
    src:url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/SourceSansPro-Light.woff2') format('woff2'), 
        url('../fonts/SourceSansPro-Light.woff') format('woff'), 
        url('../fonts/SourceSansPro-Light.ttf') format('truetype'), 
        url('../fonts/SourceSansPro-Light.svg#OpenSans-Light') format('svg');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'SourceSansPro';
    src:url('../fonts/SourceSansPro-Regular.eot');
    src:url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff'), 
        url('../fonts/SourceSansPro-Regular.ttf') format('truetype'), 
        url('../fonts/SourceSansPro-Regular.svg#OpenSans-Regular') format('svg');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'SourceSansPro';
    src:url('../fonts/SourceSansPro-Bold.eot');
    src:url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/SourceSansPro-Bold.woff2') format('woff2'), 
        url('../fonts/SourceSansPro-Bold.woff') format('woff'), 
        url('../fonts/SourceSansPro-Bold.ttf') format('truetype'), 
        url('../fonts/SourceSansPro-Bold.svg#OpenSans-Regular') format('svg');
    font-weight:700;
    font-style:normal;
}

:root {
    --base-color: #777777;
    --border-radius: 0rem;

    --main-button-color: #ffffff;
    --main-button-background: #2c3b65;
    --main-button-background-hover: #888888;

    --system-button-color: #ffffff;
    --system-button-background: #888888;
    --system-button-background-hover: #2c3b65;

    --disabled-color: #c2c2c2;
    --href-color: #2c3b65;
    --check-color: #2c3b65;
    --check-border-color: #e1dfdc;
}

a, a::before, a::after, button, input[type="button"], input[type="button"], input[type="submit"], input[type="submit"], .button, #cookie-warning .closew, .product:hover .name h2, .icon,
.uplatnit, .nfo, .mn_info, #odeslat, .pricti, .odecti, .number span, #deliveryOptions label, #search-buttonm, .all, .koupit, .close, .scroll-top .inner,
#step0_continue_shopping, #step1_continue_shopping, #step2_continue_shopping, #step3_continue_shopping, .product, .product_container .static-banners .btext span,
#step0_continue_order, #step0_continue_order_top, #step0_continue_reservation, #step1_continue_order, #step2_continue_order, #step3_continue_order,
.dokoncit_registraci, .odeslat, a.odeslat, #wl2basket, #wl2email, footer section .footer_nav .footer_nav_section #odeslat {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

html {
    font-size:16px;
}

body {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:15px;
    color:#181617;
    background:#f7f5f8;
}

.hpbody {
    background-color: #fff;
}

.hpbody body {
    background:none;
}

#count {
	display:none;
}

::-moz-selection {
    background: #2c3b65 !important;
    color: #ffffff;
}

a, a:link, a:visited {
    color:#181617;
    text-decoration:none;
}

    a:hover {
        color:#2c3b65;
        text-decoration:none;
    }

p {
    background-color:none;
}

.wrap {
    width:100%;
    max-width:2560px;
}

.wrap.basket {
    max-width:1360px;
}

.wrap.page,
.wrap.branches {
    padding:50px 40px 0 40px;
}

#basketListTable .image img {
	max-width:120px;
}

#fancybox-wrap, #fancybox-wrap * {
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
    box-sizing:content-box;
}

.wrapin {
    background:none;
    padding-top:50px;
    padding-bottom:50px;
}

.wrapin.homepage {
    padding: 0;
}

.wrapin.top {
    margin-top:116px;
    padding-bottom:20px;
}

.wrapin.homepage {
	margin-top:32px;
}

/*** HEADER ***/
header {
	background-image: linear-gradient(#2c3b65 32px, #fff 32.1px, #fff 150px, #fff 150.1px, #fff 151px);
    height:116px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.06);
}

header.header_homepage {
	background-image: linear-gradient(#2c3b65 32px, transparent 32.1px, transparent 150px, transparent 150.1px, transparent 151px);
	box-shadow: none;
}

header.header_homepage.topslide {
	background:#fff;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.06);
}







    header #top {
        width:100%;
    }

        header #top > a:first-child {
            z-index:13;
        }

        header #top #logo {
            width: 100px;
            height: 68px;
            background-image: url("../images/logo-color.svg");
            background-size: 100px 68px;
            background-position: center top;
            background-repeat: no-repeat;
            top: 40px;
            left: 40px;
            z-index: 15;
            transition: all .1s ease;
        }
        
        header.header_homepage #top #logo {
        	background-image: url("../images/logo-white.svg");
        }
        
        header.header_homepage.topslide #top #logo {
        	background-image: url("../images/logo-color.svg");
        }        

        header #top #menu_position {
            top:32px;
            width:100%;
            min-width:350px;
            z-index:1;
        }
               
        header #top #sublogo {
        	display:none;
        }
        
        



        header #top #languages_position {
            top:0px;
            z-index:21;
        }

.topslide {
    position:fixed;
    top:-40px;
    z-index:13;
    height:90px;
}

.topslide-nav {
    text-align:center !important;
}

.topslide #top #logo {
	top: 56px;
    height:26px;
}

	.topslide #nav > li > a {
		line-height:68px;
		height: 68px;
	}
	
	

#nav {
    width: 100%;
    padding: 0 50px;
    text-align:center;
}

#nav > li {
    border-left:0;
    width:auto;
    display:inline-block;
    float:none;
}

    #nav > li > a {
        font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size:14px;
        line-height:84px;
        font-weight:400;
        background-color: transparent !important;
        color: #000 !important;
        height: 85px;
        text-transform: lowercase;
        padding:0 15px;
    }
    
    	#nav > li > a:first-letter {
    		text-transform: uppercase;
    	}
    	
    	.header_homepage #nav > li > a {
    		color:#fff !important;
    	}
    	
    	.header_homepage.topslide #nav > li > a {
    		color:#000 !important;
    	}

    #nav > li:hover > a,
    #nav > a:hover,
    #nav > li .selectedtree {
        background-color:transparent !important;
        text-decoration:underline;
    }

    .screen_high #nav > li > a,
    .screen_med #nav > li > a,
    .screen_low #nav > li > a,
    .screen_ultralow #nav > li > a,
    .pda_hor #nav > li > a,
    .pda_ver #nav > li > a {
        
    }

#nav ul.allin {
    padding-bottom:0;
}

#nav .sep {
    min-width:150px;
}

#nav ul.subs {
    border: 0px none transparent;
    top: 85px;
    padding: 10px 50px;
    background:#fff;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    height: auto;
    z-index: 14;
}

#nav ul.subs img {
	float:left;
	clear:left;
	display:block;
	margin-right:40px;
}

header.topslide #nav ul.subs {
	top:58px;
}

    #nav ul.subs > li {
        min-width:14%;
        margin:0 0 10px 0;
        border:none;
        min-height:10px;
        padding:0;
    }

        #nav ul.subs > li:nth-child(5n+2) {
            margin:0;
        }

        #nav ul.subs > li > a {
            color: #000;
            font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-size:17px;
            line-height:20px;
            font-weight:600;
        }

        #nav ul.subs > li:hover > a {
            color:#2c3b65;
            text-decoration:underline;
        }

        #nav ul.subs > li li {
            padding-left:0;
        }

            #nav ul.subs > li li a {
                font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                font-size:15px;
                line-height:20px;
                font-weight:400;
                color: #000;
                padding: 10px 50px 0 0;
            }

            #nav ul.subs > li li a:hover {
                color:#2c3b65;
                text-decoration:underline;
            }

    #nav ul.subs .all {
        display:none;
    }

	#nav li.nth-child5:hover ul.subs {
		display:none;
	}




        header #top #search {
            top: 41px;
            right: 20px;
            left: auto;
            float: right;
            clear: none;
            overflow: visible;
            width: 48px;
            height: 48px;
            border: none;
            color: transparent;
            cursor: pointer;
            z-index: 3;
            color: #ffffff;
        }
        
        	header #top #search:after {
        		display:block;
            font-family: icomoon;
            content: '\e6e4';
            font-size:22px;
            color:#000;
            text-align:center;
            line-height:48px;
            width: 48px;
            height: 48px;       
        	}
        	
        	header #top #search.clicked:after {
        		display:none;
        	}
        	
        	
						header.header_homepage #top #search:after {
							color:#fff;
						}
						
							header.header_homepage.topslide #top #search:after {
							color:#000;
						}	        	
        	
            header #top #search:before {
                display: none;
            }

            header #top #search.clicked {
                z-index: 25;
                top: 41px;
                /*right: 275px;*/
                right: 20px;
                width: 45% !important;
                max-width:420px;
                height: 48px;
                margin: 0;
                padding-bottom: 0px;
                background: #ededed;
            }

							header #top #search.clicked


                header #top #search.clicked:before {
                    display: none;
                }

            header #top #search .close {
                display: none;
                z-index: 1;
                position: absolute;
                right: 1px;
                top:1px;
                width: 48px;
                height: 48px;
                margin: 0;
            }
            
            	header #top #search .close:after {
            		display:inline-block;
                width: 48px;
                height: 48px;  
                line-height:48px;
                text-align:center;
		            font-family: icomoon;
		            content: '\e610';      
		            color:#000;                    		
            	}

            header #top #search .close:hover {
           
            }

            header #top #search #srch {
                display: none;
                z-index: 5;
                width: 100%;
                height: 45px;
                padding-right: 15%;
                padding-left: 28px;
                border:none;
                background: none;
                color: #000;
                font-size: 16px;
                text-align: left;
                text-indent: 0;
                outline: none;
            }

                header #top #search #srch::placeholder {
                    color: #000;
                    color: rgba(0,0,0,1);
                    font-weight: 400;
                }

                header #top #search #srch:-ms-input-placeholder {
                    color: #000;
                    color: rgba(0,0,0,1);
                    font-weight: 700;
                }

                header #top #search #srch::-ms-input-placeholder {
                    color: #000;
                    color: rgba(0,0,0,1);
                    font-weight: 700;
                }

                header #top #search #srch:focus {
                    outline: none;
                }

            header #top #search #search-button {
                display: none;
            }

            header #top #search.clicked #search-button {
                position: absolute;
                z-index: 1;
                right: 43px;
                top:1px;
                height: 43px;
                margin: 0;
                color: #1E1E1E;
                font-size: 1rem;
                font-weight: 600;
                text-shadow: none;
                border: none;
                background: none;
                border-radius:0;
            }

                header #top #search.clicked #search-button::after {
                    display: none;
                }

                header #top #search.clicked #search-button:hover {
                    background-color: #eeeeee;
                }
                
header #search .in {
	background:transparent;
	padding:0;
}
                
header #search .in::before {
	display:none;
}


















header #top #basket-i {
    top:41px;
    right:68px;
    z-index:10;
    background:none;
}

header #top #wishlist {
    top:41px;
    right:164px;
    z-index:10;
    background:none;
}

	header #top #basket-i::before {
		content: "\e67f";
		color:#000;
		font-weight:600;
		text-indent:5px;
	}
	
	header #top #wishlist::before {
		content: "\e62c";
		color:#000;
	}	
	
	header.header_homepage #top #basket-i::before,
	header.header_homepage #top #wishlist::before {
		color:#fff;
	}
	
		header.header_homepage.topslide #top #basket-i::before,
		header.header_homepage.topslide #top #wishlist::before {
		color:#000;
	}	
	
	header #basket-i #nr {
		background:red;
		color:#fff;
		top:26px;
		right:8px;
	}
	
		header #wishlist #nr {
		background:red;
		color:#fff;
		top:26px;
		right:5px;
	}	


    header #top #basket-i .noitems {
        background-color:#208931 !important;
    }

    header #top #basket-i #celkem {
        top:13px;
        color:#fff;
        text-transform:uppercase;
        font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight:900;
        font-size:.9375rem;
        line-height:.9375rem;
    }

        header #top #basket-i #celkem strong {
            display:none;
        }
        

header #topmenu li.account {
	position:absolute;
	top:41px;
	right:66px;
	cursor:pointer;
	width: 48px;
	height: 48px;
	line-height:24px;
}

	header #topmenu li.account.logged {
		height:76px;
	}
        
	header #topmenu li.account::before {
		content: "\e722";
		color:#000;	
		font-family: icomoon;
		font-size: 20px;
		text-align: center;	
	}
	
	header.header_homepage #topmenu li.account::before {
		color:#fff;
	}
	
		header.header_homepage.topslide #topmenu li.account::before {
		color:#000;
	}		

	header #topmenu li.account a span {
		display:none;
	}
	
		header #topmenu li.account.logged a span {
			display:inline-block;
		}


header #top #topmenu_position {
	right: 50px;
    top:0;
	z-index:20;
	width: auto;
}

#topmenu li {
    padding:12px 7px !important;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:12px;
    line-height:16px;
    font-weight:400;
}

#topmenu li ul {
	top:75px;
	left:-86px;
	min-width:250px;
}

	header.topslide #topmenu li ul,
	header.header_homepage #topmenu li ul {
		top:49px;
	}

#topmenu li:hover {
    background:transparent;
}
            
#topmenu li.mbasket {
	padding:0 !important;
}

	#topmenu li.mbasket a {
		height:32px;
		display:inline-block;
		line-height:32px;
		color:#fff;
	}
            
          

#topmenu .account a {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:8px;
    line-height:16px;
    font-weight:400;
    text-transform:uppercase;
}

#topmenu .account a.myaccount {
	position:absolute;
	top:50px;
	right:-86px;
	width:250px;
	text-align:right;
	z-index:0;
}

	header.topslide #topmenu .account a.myaccount {
		top:-15px;
		
	}
	
	header.header_homepage #topmenu .account a.myaccount {
		display:none;
	}
	

#topmenu .account:hover > a,
#topmenu .account > a:hover {
    color:#2c3b65 !important;
}

#topmenu .muj_ucet {
    position: fixed;
    left: 0%;
    top: calc(50% - 380px);
    box-shadow: 0px 0px 1000px 1000px rgba(0,0,0,.6);
    padding: 0;
    width: 380px;
    border: none;
    background: #ffffff;
    line-height: 1.2;
    z-index: 9999999999;
}

#topmenu .muj_ucet p {
    line-height:1.2;
}

#topmenu .zakaznicka_karta {
    display:none; /* !!! */ 
}

#topmenu .prihlaseni,
#topmenu .registrace,
#topmenu .zapomenute_heslo,
#topmenu .zakaznicka_karta {
    padding: 20px;
}

#topmenu .prihlaseni,
#topmenu .zapomenute_heslo {
    border-bottom: 1px solid #dcdcdc;
}

#topmenu .prihlaseni {
    position: relative;
}

    #topmenu .prihlaseni h2,
    #topmenu .registrace h2,
    #topmenu .zapomenute_heslo h2,
    #topmenu .zakaznicka_karta h2 {
        margin: 0 0 12px 0 !important;
        color: #1c1c1c;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    #topmenu .prihlaseni p, #topmenu .registrace p,
    #topmenu .zapomenute_heslo p,
    #topmenu .zakaznicka_karta p {
        margin: 0 0 12px 0;
        color: #494949;
        font-size: 12px;
    }

        #topmenu .registrace p:last-child {
            margin: 0;
        }

        #topmenu .prihlaseni .login-submit,
        #topmenu .zapomenute_heslo .login-submit,
        #topmenu .registrace p a.reg {
            /*min-width: 187px;*/
            width: 50%;
            /*width:calc(50% - 5px);*/
            height: 40px;
            /*margin: 13px 0 0 0 !important;*/
            padding: 0;
            border: none;
            background: #888888 !important;
            color: #ffffff;
            font-size: 14px;
            font-weight: 700;
            text-shadow: none;
            text-transform: uppercase;
        }

        #topmenu .registrace p a.reg {
            width: 100%;
            text-decoration: none;
        }

            #topmenu .prihlaseni .login-submit:hover,
            #topmenu .zapomenute_heslo .login-submit:hover,
            #topmenu .registrace p a.reg:hover {
                background: #2c3b65 !important;
            }

/*#topmenu .login-submit-fb {
    bottom: 20px;
    left: 20px;
    width: 75px;
    width: calc(((100% - 40px) / 4) - 10px);
    height: 40px;
    padding: 0;
    background: url(../icons/facebook-letter-logo_ffffff.svg) no-repeat !important;
    background-color: #5a73ab !important;
    background-size: 25px !important;
    background-position: center !important;
    font-size: 0;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    text-indent: 0;
}

    #topmenu .login-submit-fb:hover {
        background-color: #254080 !important;
    }*/

#topmenu .registrace p a.reg-fb {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

/*#topmenu .login-submit-gp {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 30%;
    left:calc(((100% - 40px) / 4) + 20px);
    width: 75px;
    width: calc(((100% - 40px) / 4) - 10px);
    height: 40px;
    margin: 0;
    padding:0;
    background: url(../icons/google_ffffff.svg) no-repeat !important;
    background-color: #4081ec !important;
    background-size: 25px !important;
    background-position: center !important;
    font-size: 0;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-indent: 0;
}

    #topmenu .login-submit-gp:hover {
        background-color: #1a65e5 !important;
    }*/

#topmenu .registrace p a.reg-gp {
    height: 40px;
    background:#4081ec !important;
    color:#ffffff !important;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    text-align:center;
}

    #topmenu .registrace p a.reg-gp:hover {
        background-color: #1a65e5 !important;
    }

footer .all {
    width:100%;
    min-width:960px;
    border-top:none;
    margin-top:4px;
    background-color:#fff;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:0.8em;
}

footer section h4 {
    color: #333;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

footer section .footer_nav {
    text-align:center;
    overflow:hidden;
    position:relative;
}

    footer section .footer_nav .footer_nav_section {
        display:inline-block;
        float:none;
        text-align:center;
        margin:0;
        vertical-align:top;
        width:22%;
    }

    footer section .footer_nav .columns6 {
        width:24.8%;
        margin:0;
        padding:0 15px;
    }

    footer section .footer_nav .columns6 {
        padding:33px 15px;
    }

    footer section .footer_nav .footer_nav_section li {
        list-style-type: none;
        text-align: left;
        font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 15px;
        line-height:25px;
        text-transform: none;
        color: #555555;
    }

        footer section .footer_nav .footer_nav_section li a {
            color:#555555;
            
        }

        footer section .footer_nav .footer_nav_section li a:hover {
            color:#000000;
        }

    footer section .footer_nav .footer_nav_section .vas_email {
        border:solid #888888 1px;
		border-right:none;
        color:#888888;
        background-color:transparent;
        width:40%;
        max-width:none;
    }

    footer section .footer_nav .footer_nav_section #odeslat {
        height:32px;
        color:#ffffff;
        background:#888888;
        text-transform:uppercase;
        border:1px solid #888888;
        text-shadow:none;
		letter-spacing:.5px;
		font-weight:400;
		cursor:pointer;
    }

        footer section .footer_nav .footer_nav_section #odeslat:hover {
            background-color:#2c3b65;
        }

footer section .info-line {
    width:100%;
    background:#2c3b65;
    border-top:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:13px 0px 13px 0px;
    color:#fff;
    text-align:center;
}

	footer section .info-line a {
		color:#fff;
	}

    footer section .info-line .telefon {
        display:none;
    }

    footer section .info-line .socialni-site {
        display:none;
    }

    footer section .info-line .copyright {
        width:100%;
        text-align:center;
        margin-top:10px;
        float:right;
    }
    
    footer section .info-line .copyright li {
    	color:#fff;
    	font-size:1rem;
    	display:inline-block;
    	float:none;
    	clear:none;
    }
    
		footer section .info-line .footer_copyright .slash {
		    padding: 0 10px;
		}    
    
    footer section .info-line .footer_copyright {
    	float:left;
    }
    
    footer section .info-line .footer_copyright .desktop {
    	display:none;
    }

		footer section .info-line .copyright ul li:nth-child(2) {
		    display: none;
		}

    footer section .info-line .socialni-site .icon {
        display:inline-block;
        width:25px;
        height:25px;
        margin:12px 3px 0px 3px !important;
        background:url('../images/social-sites-footer.png') no-repeat;
    }

        footer section .info-line .socialni-site .icon:hover {
            display:inline-block;
            width:25px;
            height:25px;
            margin:12px 3px 0px 3px !important;
            background:url('../images/social-sites-footer-hover.png') no-repeat;
            -webkit-transition:background-image 2s ease-in-out;
            transition:background-image 2s ease-in-out;
        }

    footer section .info-line .socialni-site .facebook,
    footer section .info-line .socialni-site .facebook:hover {
        background-position:0px 0px;
    }

    footer section .info-line .socialni-site .twitter,
    footer section .info-line .socialni-site .twitter:hover {
        background-position:-25px 0px;
    }

    footer section .info-line .socialni-site .google-plus,
    footer section .info-line .socialni-site .google-plus:hover {
        background-position:-50px 0px;
    }

    footer section .info-line .socialni-site .instagram,
    footer section .info-line .socialni-site .instagram:hover {
        background-position:-75px 0px;
    }

    footer section .info-line .socialni-site .youtube,
    footer section .info-line .socialni-site .youtube:hover {
        background-position:-100px 0px;
    }

    footer section .info-line .socialni-site .pinterest,
    footer section .info-line .socialni-site .pinterest:hover {
        background-position:-125px 0px;
    }

footer section .footer_nav_section.footerplugin0 {
    position:absolute;
    left:0;
    width:60%;
    margin:0 !important;
    background:#fff;
    padding:50px 0 50px 50px;
    height:180px;
}

footer section .footer_nav_section.footerplugin1 {
    position:absolute;
    right:0;
    width:40%;
    margin:0 !important;
    background:#fff;
    padding:50px 0 50px 15%;
    height:180px;
}

#checktermsnewsletter {
    margin:0 1% 0 0;
    width:10px;
    height:30px;
}

.checktermsnewsletter {
    clear:left;
    font-size:12px;
    line-height:30px;
    margin:0;
    width:auto;
    color:#777777;
}

checktermsnewsletter:hover {
    text-decoration:none;
}

#ochrana-osobnich-udaju-footer {
    color: #555555;
    text-decoration: underline;
}

footer section .footer_nav_section.footerplugin0 .title {
    display:none;
}

footer section .footer_nav_section.footerplugin0 ul {
    margin:0;
}

footer section .footer_nav_section.footerplugin0 form {
    width:calc(100% - 200px);
    float:left;
    clear:none;
    height:100%;
}

footer section .footer_nav_section.footerplugin1 h4 {
    color: #333;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 18px;
    font-weight: 700;
    text-transform:none;
}

footer section .footer_nav_section.footerplugin1 ul li {
    color:transparent;
    text-indent:99999px;
    display:block;
    float:left;
    width:27px;
    height:27px;
    cursor:pointer;
    margin-right:12px;
}

footer section .footer_nav_section.footerplugin1 ul li a {
	display:block;
	width:27px;
	height:27px;
}
   

    footer section .footer_nav_section.footerplugin1 ul li:nth-child(1) {
        background:url('../icons/facebook-letter-logo_aaaaaa.svg') center/27px no-repeat;
    }

        footer section .footer_nav_section.footerplugin1 ul li:nth-child(1):hover {
            background-image:url('../icons/facebook-letter-logo_444444.svg');
        }

    footer section .footer_nav_section.footerplugin1 ul li:nth-child(2) {
        background:url('../icons/instagram-logo_aaaaaa.svg') center/27px no-repeat;
    }

        footer section .footer_nav_section.footerplugin1 ul li:nth-child(2):hover {
            background-image:url('../icons/instagram-logo_444444.svg');
        }

footer section .footer_nav .footer_nav_section {
    margin-top:180px;
}

/*** BANNER ***/
.splide__pagination {
    display: none;
}

.splide-promo .splide__list {
	width:100%;
}

.splide__pagination__page {
    opacity: 1;
    width: 14px;
    height: 14px;
    background: #aaaaaa;
}

    .splide__pagination__page:hover,
    .splide__pagination__page.is-active {
        opacity: 1;
        background: #2c3b65;
        transform: scale(1);
    }


#homepage-slider-cover {
	position:relative;
	height:calc(100vh - 32px) !important;
}

	#homepage-slider {
		height:100%;
	}

		#homepage-slider .splide__track {
			height:100%;
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;			
						
		}
		

		


#homepage-slider-cover,
[id^=homepage-promo-slider].splide {
	margin-bottom:0;
}

[id^=homepage-promo-slider] strong {
	
	text-align:left;
	padding:0 0 0 40px;
	border-top:solid 40px #fff;
}

#homepage-slider .splide__pagination {
    display:flex;
    position: absolute;
    right: 0;
    left: auto;
    width: auto;
    background: #cccccc;
    transform: none;
}

#homepage-slider ul li {
    font-size: 0;
    line-height: 0;
    height:100%;
}

	#homepage-slider .outer {
    height:100%;	
	}
	
	#homepage-slider .outer a {
		display:block;
		height:100%;
	}

		#homepage-slider .outer a img {
			width: 100%;
			height: 100% !important;
			object-fit: cover;
		}

		#homepage-slider .caption h1,
		#homepage-slider .caption h2 {
			font-size: 64px;
			font-weight:700;
			margin:0 0 30px 0;
			padding:0;
			color:#fff;
		}
		
			#homepage-slider .caption p {
				text-transform:uppercase;
				text-align:right;
				font-size: 18px;
				margin:0 0 30px 0;
			}


		#homepage-slider .caption .button {
			border:solid #fff 1px;
			color:#fff;
			background:transparent;
		}
		
			#homepage-slider .caption .button:hover {
				
			}

		




.static-banners p {
    line-height: 0;
    overflow: hidden;
}

.sbanner1,
.sbanner2 {
	float:left;
	clear:left;
	width:100%;
	height:calc(100vh - 10px);
	position: relative;
	background:#f7f5f8;
	border-top:solid 40px #fff;
}

	.static-banner-1,
	.static-banner-2 {
		float:left;
		clear:left;
		width:100%;	
		height:100%;
	}

		.sbanner1 p,
		.sbanner2 p {
			display:block;
			width:100%;
			height:100%;
			float:left;
			clear:left;
		}
		
		.sbanner1 a {
			display:block;
			width:50%;
			float:right;
			clear:right;	
			
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;				
		}
		
			.sbanner1 img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}




		.static-banner-1 a.banner-content {
			position:absolute;
			top:40%;
			left:10%;
		}


		.static-banner-1 .btext {
			font-size: 48px;
			font-weight:700;
			margin:0 0 30px 0 !important;
			padding:0;			
		}

		.static-banner-1 .subtitle {
			max-width:50%;
			font-size: 14px;
			line-height:24px;
			font-weight:300;
			margin:0 0 30px 0 !important;
			padding:0;				
		}

		.static-banner-1 .button {
			width: auto;
	    height: 50px;
	    line-height: 50px;
			border:solid #2c3b65 1px;
			color:#2c3b65;
			background:transparent;			
			text-transform:uppercase;
			min-width: 200px;
			padding: 0 20px;
			font-size: 16px;
		}
		
			.static-banner-1 .button:hover {
				background:#2c3b65;
				color:#fff;
			}
			
			
			

		.static-banner-2 {
			width:50%;
			float:left;
			clear:left;	
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;		
		}
		
		.static-banner-3 {
			width:50%;
			float:right;
			clear:right;	
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;				
		}		


			.static-banner-2 img,
			.static-banner-3 img {
				width: 100%;
				height: 100%;
				object-fit: cover;				
			}


		.static-banner-2 .btext,
		.static-banner-3 .btext {
			position:absolute;
			left:0;
			right:0;
			top:calc(40%);
			width:100%;
			height:60px;
			line-height:60px;
			text-align:center;
			color:#fff;
			font-size: 48px;
			font-weight:600;
		}
		
		.static-banner-2 .button.button-static-banner-2,
		.static-banner-3 .button.button-static-banner-3 {
			position:absolute;
			left:calc(50% - 100px);
			top:60%;
			width: auto;
	    height: 50px;
	    line-height: 50px;
			border:solid #fff 1px;
			color:#fff;
			background:transparent;			
			text-transform:uppercase;
			min-width: 200px;
			padding: 0 20px;
			font-size: 16px;
			opacity:0;			
		}		

		.static-banner-2:hover .button.button-static-banner-2,
		.static-banner-3:hover .button.button-static-banner-3 {
			opacity:1;			
		}
		
		.static-banner-2 img,
		.static-banner-3 img {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);	
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;				
		}				
		
		.static-banner-2:hover img,
		.static-banner-3:hover img {
			-moz-transform: scale(1.33);
			-webkit-transform: scale(1.33);
			-o-transform: scale(1.33);
			-ms-transform: scale(1.33);
			transform: scale(1.33);	
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;				
		}		




    
    
#vypis-produktu h1 {
	margin:25px 0 0 40px;
	color:#2c3b65;
	font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 64px;
	line-height: 1.2;
	font-weight: 700;
	text-align:left;
	border:none;	
}  

.page h1:first-of-type,
.branches h1 {
	margin:25px 0 0 0;
	color:#2c3b65;
	font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 64px;
	line-height: 1.2;
	font-weight: 700;
	text-align:left;
	border:none;	
}    

	#map_wrapper,
	#map_canvas {
		height:600px;
	}
    
 	.product .image {
		background-color: rgba(235,235,235,1); /*!!!*/
	}

		.product .image img {
			max-height: 100%;
			max-width: 100%;
			mix-blend-mode: darken;
			
		} 
    
    

/*** BREADCRUMBS ***/
header #breadcrumbs {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding: 0 .625rem;
    background-color: transparent;
    color: #777777;
    top: 125px;
    left: 40px;
    text-align: left;
    padding:0;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

	header.header_item_detail #breadcrumbs {
		left:calc(57.5%);
		top: 135px;
	}



    header #breadcrumbs a {
        color:#000000;
        padding:0;
        display:inline-block;
        background-color:transparent;
    }
    
        header #breadcrumbs a:hover {
            color:#929292;
        }

        header #breadcrumbs a.home {
            color:#000000;
        }

    header #breadcrumbs .sep {
        width:1.5px;
        display:inline-block;
        margin:0 7px 0 10px;
        /*transform: rotate(20deg);*/
        color:#aaaaaa;
        top:2px;
        right:1px;
        position:relative;
        height:14px;
    }

/*** ITEMLIST ***/
#vypis-produktu {
    width: 78%;
}

.woreload #vypis-produktu{
    padding: 0;
}



	/* homepage + itemlist - produkt */
	
	.splide-promo .splide__slide {
		padding-right:0;
	}
	
	.product {
		width: 100%;
    padding-top: 0%;
    height:auto;
    position:relative;
    padding-bottom: 80px;
    /*overflow: hidden;*/
    border:0;
    margin: 0 0 50px 0;
	}
	
    .product .hover-box-images {
    	right:-75px;
			top:0px;
			max-height:100%;
			width:85px;
			height:100%;
			background:#fff;
    }		
    
    	.product .hover-box-images .imgbox {
    		line-height:0;
    	}
    
    	.product .hover-box-images img {
    		width:65px;
    		height:auto;
    		margin:0 0 10px 10px;
    	}
	

		
		/* rozestupy položek 4 na řádek */
		
		@media(min-width:1450px) {
			
			.gift_vouchers .product,
			.item_list .product {
				width:25%;
			}

		}
		
		@media only screen and (min-width: 1100px) and (max-width: 1449px)  {
			
			.gift_vouchers .product,
			.item_list .product,
			#homepage-promo-slider1 .splide__slide {
				width:calc(100% / 3) !important;
			}
		
		}	
		
		@media(max-width:1099px) {
			
			.gift_vouchers .product,
			.item_list .product,
			#homepage-promo-slider1 .splide__slide {
				width:calc(100% / 2) !important;
			}				
		
		}
		
		
		
		@media(max-width:1600px) {
			
			#vypis-produktu,
			#vypis-produktu2,
			#vypis-produktu3 {
				width:calc(100% - 313px);
			}
			
		}
		
			
		@media(max-width:1360px) {
			
			#vypis-produktu,
			#vypis-produktu2,
			#vypis-produktu3 {
				width:calc(100% - 293px);
			}
			
		}
	
		.product .product-in {
			float:none;
			clear:none;
			position:static;
		}
		
		.product .add-to-wishlist {
			right:10px;
			top:10px;
			width:18px;
			height:18px;
			z-index:0;
		}
	
		.product .image {
			float:left;
			clear:left;
			position: relative;
    	min-height: 1px;
    	height:auto;
    	padding-top: 150%;
    	border:0;
		}
		
			.product .image img {
				position: absolute;
				    margin: auto;
				max-width:100%;
				max-height:100%;
				width:auto;
				height:auto;
			}
			
		.product .name {
			top:auto;
			bottom:8px;
			text-align:left;
			padding-left:15px;
		}
			
			.product .name h2 {
				font-weight:700;
				color:transparent;
				/*text-transform:lowercase;*/
				font-size:15px;
				font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
			}
		
			.product .name h2:first-letter {
				/*text-transform:uppercase;*/
			}
			
			.product .name h2:first-line {
				color:#000;
			}
			
		.product .cost_original {
			
		}
		
			.product .cost {
				top:auto;
				bottom:0px;				
			}
			
			.product .cost .value {
				text-align:left;
				padding-left:15px;
				color:#000;
				font-weight:400;
				font-size:16px;
			}
			
			.product .cost .value.show-original-cost-value {
				text-align:left;
				padding-left:15px;
				font-size:16px;
				color:#000;
			}
			
			.product .cost_original {
				top:auto;
				bottom:-20px;
			}
			
			.product .cost_original .value {
				text-align:left;
				font-size:16px;
				padding-left:15px;
				color:#92949b;
			}
			
		.product .colors {
			width:100%;
			bottom:48px;
		}

			.product .colors ul {
				text-align:left;
			}
			
				.product .colors ul li {
					float:none;
					clear:none;
					display:inline-block;
					border-radius: 50%;
					width:16px;
					height:16px;
		    	padding:0;		
		    	margin:0;	
		    	line-height:0;
		    	border:solid transparent 1px;
				}
				
					.product .colors ul li img {
						border-radius: 50%;
					}
					
					.product .colors ul li.bila img {
						border:solid #737373 1px;
					}
				
					.product .colors li.selected {
						border:solid transparent 1px;
		    	}
		    	
		.product .promo {
			top:auto;
			bottom:90px;
			left:15px;
			width:auto;
			z-index:0;
		}
		
			.promo div {
				float:left;
				border-radius:0;
				clear:none;
				margin:0 8px 0 0;
				padding:5px 8px;
				min-width:1px;
				font-size:0.75rem;
				font-weight:100;
				font-family:'ProximaNova-Regular';
			}
		
			.promo .discount {
				display:inline-block;
				background:#ac6d15;
				/*background:#d07e97;*/
			}
			
				.promo .discount span {
					margin-left:3px;
				}
				
					.promo .discount .minus {
						margin-right:5px;
					}
			
			.promo .doprodej,
			.promo .tip {
				display:none;
			}
			
			.promo .new {
				background:#000;
			}			
		
		.product .other_sign {
			display:none;
		}









































/*** STRANKOVANI ***/
#strankovani,
#strankovani2 {
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:.8125rem;
}

    #strankovani span,
    #strankovani2 span {
        display:inline-block;
        width: 48px;
        height: 48px;
    }

    #strankovani a,
    #strankovani2 a,
    #strankovani span.wo,
    #strankovani2 span.wo {
        color: #494244;
        background: transparent;
        font-size: 18px;
        line-height: 48px;
        font-weight: 400;
        width: 48px;
        height: 48px;
        text-shadow: none;
        box-shadow: none;
        border: 1px solid #494244;
        padding: 0;
        margin:2px;
        border-radius:50%;
    }

        #strankovani a:hover,
        #strankovani2 a:hover,
        #strankovani span.wo:hover,
        #strankovani2 span.wo:hover {
            background-color:#494244;
            color:#fff;
        }

    #strankovani strong,
    #strankovani2 strong {
        color:#fff;
        background:#2c3b65;
        font-size: 18px;
        line-height:48px;
        font-weight:700;
        width:48px;
        height:48px;
        text-shadow:none;
        box-shadow:none;
        border:1px solid #e3e3e3;
        padding:0;
        margin:2px;
        border-radius:50%;
    }

    #strankovani span.prev,
    #strankovani span.next,
    #strankovani2 span.prev,
    #strankovani2 span.next {
        cursor:not-allowed;
        color:#777 !important;
        font-size: 18px;
        font-weight:700;
        height:48px;
        line-height:48px;
        border-radius:50%;
    }

    #strankovani span.prev,
    #strankovani2 span.prev {
        background-image:url('../icons/left-chevron-gray.svg') !important;
        background-size:10px 10px !important;
        background-repeat:no-repeat !important;
        background-position:left center !important;
        text-indent:10px;
    }

    #strankovani span.next,
    #strankovani2 span.next {
        background-image:url('../icons/right-chevron-gray.svg') !important;
        background-size:10px 10px !important;
        background-repeat:no-repeat !important;
        background-position:right center !important;
        text-indent:17px;
    }

    #strankovani span.prev.wo,
    #strankovani2 span.prev.wo {
        background-image:url('../icons/left-chevron-black.svg') !important;
    }

    #strankovani span.next.wo,
    #strankovani2 span.next.wo {
        background-image:url('../icons/right-chevron-black.svg') !important;
    }

    #strankovani span.prev:first-letter,
    #strankovani span.next:first-letter,
    #strankovani2 span.prev:first-letter,
    #strankovani2 span.next:first-letter {
        text-transform:uppercase;
    }

    #strankovani span.prev.wo,
    #strankovani span.next.wo,
    #strankovani2 span.prev.wo,
    #strankovani2 span.next.wo {
        cursor:pointer;
        border:none;
        color:#ffffff !important;
    }

    #strankovani a.prev,
    #strankovani a.next,
    #strankovani2 a.prev,
    #strankovani2 a.next {
        color:#666;
    }

        #strankovani a.prev:hover,
        #strankovani a.next:hover,
        #strankovani2 a.prev:hover,
        #strankovani2 a.next:hover {
            background:#777;
            color:#fff;
        }

#next a {

}

    #next a:hover {
        background:#494244;
    }

/*** KATEGORIE ***/
#categories {
    margin:0 0 1.5rem 0;
    padding:2rem .75rem 0 0;
    width:22%;
}

    #categories ul {
        border-top:1px solid #d6d4d4;
    }

    #categories li {
        background:#fff;
        border-bottom:1px solid #d6d4d4;
    }

        #categories li:hover {
            background:#f6f6f6;
        }

        #categories li a {
            font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            height:auto;
        }

        #categories li:hover a {
            text-decoration:none;
        }

        #categories li.level1 a {
            color:#333333;
            font-size:.8125rem;
            line-height:1.875rem;
            font-weight:700;
            padding-left:20px;
            text-indent:0;
            text-transform:lowercase;
        }

            #categories li.level1 a:first-letter {
                text-transform:uppercase;
            }

        #categories li.level2 a {
            color:#777777;
            font-size:.8125rem;
            line-height:1.875rem;
            font-weight:normal;
            text-indent:0;
            padding-left:40px;
            text-transform:lowercase;
            background-image:url('../icons/right-chevron-gray.svg') !important;
            background-size:8px 8px !important;
            background-repeat:no-repeat !important;
            background-position:20px center !important;
        }

            #categories li.level2 a:first-letter {
                text-transform:uppercase;
            }

        #categories li.selectedtree a {
            background-color:#fff;
            color:#929292;
        }

        #categories li.selected a {
            background-color:#fff !important;
        }

/*** FILTROVANI ***/

#filtrovanitop-button {
	border:none;
	width:auto;
	text-align:left;
	padding:10px 0 20px 40px;
}

	#filtrovanitop-button:first-letter {
		text-transform:uppercase;
	}

	#filtrovanitop-button:after {
		font-family: icomoon;
		content: '\e6cd';
		padding:5px;
	}

	 

	.filter-block {
		width:auto;
		float:left;
		clear:none;
		min-width:300px;
	}
	
	.filter-block.filter-block-sezona {
		min-width:150px;
	}

	#filtrovanitop {
		padding:20px 40px;
		background:#fff;
	}

	#filtrovani h2,
	#filtrovanitop h2 {
		color:#000;
		text-transform:uppercase;
	}

	.filter-block .par {
		max-height:262px !important;
		max-width:400px;
	}


	#filtrovani li,
	#filtrovanitop li {
		float:left;
		clear:none;
		display:block;
		width:50%;
	}
	
	#filtrovani .filter-block-sezona li,
	#filtrovanitop .filter-block-sezona li {
		width:100%;
	}
	
	#filtrovani .filter-block-velikost li,
	#filtrovanitop .filter-block-velikost li {
		width:33.33%;
	}	
	
	#filtrovani li a,
	#filtrovanitop li a {
		display:inline;
	}


.ui-corner-all {
    border-radius:4px !important;
}

#cost-slider {
    background:#fff;
}

    #cost-slider .ui-slider-handle {
        height:20px;
        margin-top:0;
    }

    #cost-slider .ui-slider-range {
        background:#2c3b65;
    }

.ui-widget-content {
    border-color:#ddd !important;
}

#razeni-select {
    right:40px;
    top:104px;
    z-index:3;
    width:155px;
	color:#000;
}

#razeni-select select {
    z-index:3;
    font-size:15px;
    border:none;
    color:#000;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background:transparent;
}

#razeni-select select option {

}

.select-wrapper::after {
    content:"\e6ad";
    color: #000;
    font-size: 14px;
    line-height:2.4;
}

/*** ITEM DETAIL ***/
#vypis-produktu.itemdetail {
    margin-bottom: 60px;
    margin-top:-50px;
}

#vypis-produktu #image-box {
	width:100%;
	float:left;
	clear:left;
}

	#vypis-produktu #image-box .main-image {
	
	}
	
	#vypis-produktu #image-box .detail-other-images-in,
	#vypis-produktu #image-box .detail-other-images-in-all {
		float:left;
		clear:none;
		width:102px;
		/*height:700px;*/
		overflow-y: auto;
		overflow-x: hidden;
		direction: rtl;
	}
	
	#vypis-produktu #detail-images {
		float:left;
		clear:none;
		/*width:calc(100% - 102px);*/
		width:100%;
	}

    #detail-images .splide__track {
        height:auto;
    }
	
		#vypis-produktu .main-image a {
			background-color: rgba(235, 235, 235, 1);
			display:inline-block;
		}
	
    #vypis-produktu .main-image img {
        position:static;
        border:0;
        mix-blend-mode: darken;
    }

	#vypis-produktu .other-images {
	}
	
		#vypis-produktu .other-images img {
			width:102px;
			height:200px;
		}
		
		#vypis-produktu .detail-other-images-in {
			margin-top:0;
		}
		
		#vypis-produktu .other-images a {
			margin:0;
		}

        #vypis-produktu .main-image .splide__list {
        	display:block;
					flex-direction:column !important;
        }
                
        #vypis-produktu .main-image ul {
        	text-align:left;
        	align-items:unset;
        }
        
        #vypis-produktu .main-image ul li {
            float:left;
            clear:none;
            width:50% !important;
            text-align:left;
        }        
        
        	#vypis-produktu .main-image ul li:nth-child(2),
        	#vypis-produktu .main-image ul li:nth-child(3) {
        		clear:left;
        	}
        
        
        
        #vypis-produktu .splide__arrows {
        	display:none;
        }
        
        
     #vypis-produktu .other-images a.is-active,
     #vypis-produktu .other-images a:hover {
     	border:0;
     }
	
	#vypis-produktu .other-images a {
		float:left;
		clear:left;
		cursor:pointer;
		border:solid transparent 1px;
	}
	
	#vypis-produktu .other-images a:hover {
		border:solid #000 1px;
	}
	
	#vypis-produktu .other-images a.active {
		border:solid #2c3b65 1px;
	}	
	
		#vypis-produktu .other-images a {
			width:102px;
			height:102px;
		}

#vypis-produktu #info-box {
	position:absolute;
	/*right:8%;*/
	left:calc(49.5%);
	width:42%;
	max-width:900px;
	margin:2.75rem 0 1.5rem 0;
	padding:0 0 0 8%;
	border-right:0;
}

#vypis-produktu #info-box2 {
    margin:0;
    padding:0 0 0 .75rem;
    width:40% !important;
    float:right !important;
}

#vypis-produktu #info-box #bonuspoints {
	color:#35477a;
}

#orderForm .bonuspoints {
	float:left;
	display:block;
	color:#35477a;
	margin:10px 0;
}

#orderForm tr.bonuspoints {
	float:none;
	display:contents;
	color:#35477a;
}

	#orderForm tr.bonuspoints td {
		color:#35477a;
	}



#vypis-produktu #colors ul li {
	border:1px solid #eee;
	    background-color: rgba(235, 235, 235, 1);
}

	#vypis-produktu #colors ul li img {
		mix-blend-mode: darken;
	}

#vypis-produktu #sizes ul li.enabled,
#vypis-produktu #sizes ul li.enablex {
	color:#181617;
	border:1px solid transparent;
}

#vypis-produktu #colors ul li.selected,
#vypis-produktu #sizes ul li.selected {
    border:1px solid #181617;
    color:#181617;
}

#vypis-produktu #colors ul li.disablex,
#vypis-produktu #colors ul li.disablex {
    border: 1px solid #444 !important;
}

#colors ul li {
    margin: 0 8px 8px 0;
    padding: 0px;
    min-width: 10%;
    font-size: 1rem;
    line-height:0;
    min-width:0;
}

#vypis-produktu #sizes ul li {
	min-width:40px;
	height:40px;
	line-height:27px;
	border-color:#444444;
	font-weight:700;
}

#vypis-produktu #sizes ul li.disabled,
#vypis-produktu #sizes ul li.disablex {
	color:#aaa;
}



#vypis-produktu #sizes ul li.disablex {
	/*background: transparent;
	background: -moz-linear-gradient(-45deg, transparent 0%, transparent 49%, #444 49%, #444 51%, transparent 51%, transparent 100%), -moz-linear-gradient(0deg, transparent 0%, transparent 49%, #444 49%, #444 51%, transparent 51%, transparent 100%);
	background: -webkit-linear-gradient(-45deg, transparent 0%,transparent 49%,#444 49%,#444 51%,transparent 51%,transparent 100%), -webkit-linear-gradient(0deg, transparent 0%,transparent 49%,#444 49%,#444 51%,transparent 51%,transparent 100%);
	background: linear-gradient(135deg, transparent 0%,transparent 49%,#666 49%,#444 51%,transparent 51%,transparent 100%), linear-gradient(45deg, transparent 0%,transparent 49%,#444 49%,#444 51%,transparent 51%,transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent',GradientType=1 );
	border: 1px solid transparent !important;*/
	border:1px solid transparent;
}

	#vypis-produktu #sizes ul li span {
		display:none;
	}

#vypis-produktu #storages {
	margin-top:20px !important;
}

#vypis-produktu #storages .storage_id {
	color: #181617;
	line-height: 22px;
	width:auto;
}

    #vypis-produktu #storages .scount {
        text-align:right;
        width:auto;
    }

    #vypis-produktu #storages .scountskladem {
        color: green;
    }
	
	#vypis-produktu #storages .scountneni-skladem {
		color:#d1222f;
	}	

#vypis-produktu #countandsubmit .label {
	display:none;
}

#vypis-produktu #countandsubmit .koupit {
		margin-top:20px;
    text-transform:uppercase;
    color:#fff;
    width: 100%;
    background:#2c3b65;
    -moz-transition:background-color 0.3s linear;
    -webkit-transition:background-color 0.3s linear;
    -o-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear;
    float:left;
    height:60px;
    text-shadow:none;
}

    #vypis-produktu #countandsubmit .koupit:hover {
        background-color:#35477a;
        color:#fff;
        -moz-transition:background-color 0.3s linear;
        -webkit-transition:background-color 0.3s linear;
        -o-transition:background-color 0.3s linear;
        transition:background-color 0.3s linear;
    }
    
#vypis-produktu #info-box .add-to-wishlist { 
	position:relative;
	left:0;
	top:-51px;
	float:right;
}

	#vypis-produktu #info-box .add-to-wishlist::before {
		position:relative;
		left:0;
		top:0;
	}
    

#vypis-produktu #info-box div.label {
	font:400 16px/20px "Be Vietnam Pro", arial, tahoma;
	color:#181617;
}

#vypis-produktu #info-box #colors div.label,
#vypis-produktu #info-box #sizes div.label {
	margin-top:0px;
	color:#181617;
	font-weight:700;
}

#vypis-produktu #info-box #colors div.label span {
	font-weight:400;
	text-transform:lowercase;
	display:inline-block;
}

#vypis-produktu #info-box #colors div.label span::first-letter {
	text-transform:uppercase;
}

#vypis-produktu #info-box #sizes div.label span {
	font-weight:400;
	display:inline-block;
}

#vypis-produktu #info-box .nazev {
}

    #vypis-produktu #info-box .nazev h1 {
        margin:0 0 7px 0;
        font:700 34px/50px "Be Vietnam Pro", arial, tahoma;
        text-align:left;
        /*text-transform:lowercase;*/
        color:#181617;
        margin:10px 0 0 0;
        padding:0;
        border:none;
    }
    
    #vypis-produktu #info-box .nazev h1:first-letter {
    	/*text-transform:uppercase;*/
    }

#vypis-produktu #info-box .info .label {
    font:700 16px/20px "Be Vietnam Pro", arial, tahoma;
    width:auto;
}

#vypis-produktu #info-box .info .value {
    font: 400 16px/20px "Be Vietnam Pro", arial, tahoma;
    width:auto;
    float:left;
    padding-left:6px;
}

#vypis-produktu #info-box .info .tabulka-velikosti .value {
    padding:0;
}

#vypis-produktu #info-box .info .tabulka-velikosti .value a {
		display: block;
    text-decoration:underline;
    margin-top: 10px;
    color:#181617
}

    #vypis-produktu #info-box .info .tabulka-velikosti .value a:hover {
        color: #181617;
        text-decoration: none;
    }

#vypis-produktu #info-box3 {
	margin-top:20px;
}

#vypis-produktu #info-box3 [id^="homepage-promo-slider"] .splide__track {
    padding-bottom:60px;
}

#vypis-produktu .info0 {
	margin-top:10px !important;
}

#vypis-produktu #info-box .cost {
	margin-top:00px;
}

#vypis-produktu #costs .cost .label {
    display:none;
}

#vypis-produktu #costs .cost .value {
    float:none;
    text-align:left;
    font-size:22px;
    font-weight:700;
    line-height:1.875rem;
    color:#181617;
}

#vypis-produktu #costs .cost_original .label {
	display:none;
}

#vypis-produktu #costs .cost_original .value {
	text-decoration:line-through;
	color:#181617;
	text-align:left;
	float:left;
	font-size:22px;
}

#costs,
#short-description,
#vypis-produktu .count,
#vypis-produktu .info {
	border:none;
}

#vypis-produktu #costs .save {
	display:none;
}

#vypis-produktu #colors {
	margin-top:20px !important;
}

#vypis-produktu #countandsubmit #qtyminus,
#vypis-produktu #countandsubmit #qtyplus,
#vypis-produktu #countandsubmit .pocet {
	display:none;
}

#vypis-produktu #info-box #social-sites {
    width:50%;
    float:right;
}

#vypis-produktu #short-description {
	font-size:0.9em;
	font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-top:0px !important;
}

#vypis-produktu #info-box #short-description .text {
    font-size: 16px;
    line-height: 24px;
    color: #181617;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#vypis-produktu #info-box #short-description .text.clicked {
	-webkit-line-clamp: 999;
}

#vypis-produktu #info-box #short-description a {
	display:inline-block;
	margin-top:10px;
	text-decoration:underline;
	font-size:16px;
}

#vypis-produktu #short-description p {
}

#vypis-produktu #share {
    
}

#vypis-produktu #share .label {
	display:none;
}

#vypis-produktu .count {
	display:none;
}

#vypis-produktu #dotaz-na-prodejce {
    width:100%;
}

    #vypis-produktu #dotaz-na-prodejce strong {
        width:30%;
        line-height:2rem;
        margin-bottom:.5rem;
    }

    #vypis-produktu #dotaz-na-prodejce input {
        width:70%;
        height:2rem;
        float:none;
        margin-bottom:.5rem;
        text-indent:6px;
    }

    #vypis-produktu #dotaz-na-prodejce span {
        padding-left:5px;
        float:none;
    }

    #vypis-produktu #dotaz-na-prodejce textarea {
        width:70%;
        height:5rem;
        margin-bottom:.5rem;
    }

    #vypis-produktu #dotaz-na-prodejce img {
        width:70%;
        margin-bottom:.5rem;
    }

    #vypis-produktu #dotaz-na-prodejce button {
        width:35%;
        font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size:1rem;
        line-height:1.0625rem;
        font-weight:900;
        text-transform:uppercase;
        background:#008abf;
        border:none;
        -moz-transition:background-color 0.3s linear;
        -webkit-transition:background-color 0.3s linear;
        -o-transition:background-color 0.3s linear;
        transition:background-color 0.3s linear;
    }

        #vypis-produktu #dotaz-na-prodejce button:hover {
            background-color:#000;
            -moz-transition:background-color 0.3s linear;
            -webkit-transition:background-color 0.3s linear;
            -o-transition:background-color 0.3s linear;
            transition:background-color 0.3s linear;
        }
        
        
        
        
        
        
        
        
        
        
        
        

/*** PROMO ***/
.promo {
    top:0;
    margin-left:50px;
}

.product .promo {
		top:auto;
    bottom:48px;
    margin-left:0;
}

    .promo div {
        background:#2c3b65;
        color:#fff;
        font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight:400;
        font-size:15px;
        padding:3px 8px 3px 8px;
        text-transform:capitalize;
        border:0px solid #e3e3e3;
        border-radius:0;
    }
    
    .promo div.discount {
    	background:#ac6d15;
    }

    .promo .new{
        background:transparent;
        padding-left:0;
        padding-right:0;
        color:#2c3b65;
    }
    
    .promo .akce {
        background:#AA3C39;
    }    

    .promo .nejprodavanejsi {
        background:#236467;
    }

    .promo .vyprodano {
        background:#000;
    }

    .promo .vyprodej {
        background:#AA6D39;
    }

    .promo .skladem {
        background:#2D8633;
        display:none;
    }
    
    
#vypis-produktu #info-box .promo {
	width:100%;
	float:left;
	clear:left;
	left:0;
	top:0;
	position:relative;
	margin:100px 0 0 0;
}
    
    
    

/*** KOSIK ***/
#add-to-basket {
    background:#fff;
    border:none;
}

	#add-to-basket .in {
	}

#add-to-basket .chybove-hlasky {
}

#add-to-basket .nadpis {
    text-align:center;
}

    #add-to-basket .nadpis h1 {
        background:#2c3b65;
        color:#fff;
    }

header #breadcrumbs.clear.max {
    left:1.5rem !important;
}

#basket-steps .number {
	background:transparent;
}

#basket-steps ul li.active .number span,
#basket-steps ul li.checked .number span {
	background:#2c3b65;
}

#basket-steps .stpn {
    color:#000;
    text-shadow:none;
    font-size:1.0625rem;
    line-height:1.3125rem;
    font-weight:300;
    background:#cdcdcd;
    text-transform:uppercase;
    border-right: 1px solid #aaaaaa;
	text-decoration:underline;
}

#basket-steps .stpn .nr {
	text-decoration:none;
}

#basket-steps .stpo {
    background:#dddddd;
    color:#000;
    text-shadow:none;
    font-size:1.0625rem;
    line-height:1.3125rem;
    font-weight:300;
    text-transform:uppercase;
    border-right: 1px solid #aaaaaa;
}

#basket-steps .stpa {
    background:#cdcdcd;
    color:#000;
    text-shadow:none;
    font-size:1.0625rem;
    line-height:1.3125rem;
    font-weight:300;
    text-transform:uppercase;
    border-right: 1px solid #aaaaaa;
}

#basket-steps .stpb {
    background:#cdcdcd;
    color:#000;
    text-shadow:none;
    font-size:1.0625rem;
    line-height:1.3125rem;
    font-weight:300;
    text-transform:uppercase;
    border-right: 1px solid #2c3b65;
}

#basket-steps .lasti {
    background:#dddddd;
    color:#000000;
    text-shadow:none;
    font-size:1.0625rem;
    line-height:1.3125rem;
    font-weight:300;
    text-transform:uppercase;
}

.basket h3 {
    font:700 34px/50px "Be Vietnam Pro", arial, tahoma;
}

#basketListTable-global table {
    border-collapse:collapse;
    border-spacing:0;
}

#basketListTable-global {
    border:none;
}

#basketListTable {
    border:none;
}

#basketListTable th {
    background:transparent;
    color:#000;
    vertical-align:middle;
    border:none !important;
    border-bottom:1px solid #000 !important;
    font-size:14px;
    line-height:16px;
    font-weight:400;
    padding:9px 8px 11px 18px;
    height:auto;
    text-transform:uppercase;
    text-align:center;
}

#basketListTable td {
    vertical-align:middle;
    border:none;
    border-bottom:1px solid #aaaaaa;
    font-size:.8125rem;
    font-weight:400;
    padding:15px 0 !important;
    text-align:center;
}

#basketListTable .image {
    border-right:none;
}

#basketListTable .pocet {
	position:relative;
}

    #basketListTable .pocet-kusu {
        border: none;
    }

#basketListTable .pricti {
	position:absolute;
	right:30%;
	top:41%;
	color:#999;
	background:none;
	border:none;
	font-size:17px;
	font-weight:700;
	line-height:20px;
	height:35px;
	line-height:37px;
}

#basketListTable .odecti {
	position:absolute;
	left:30%;
	top:41%;
	color:#999;
	background:none;
	border:none;
	font-size:17px;
	font-weight:700;
	line-height:20px;
	height:35px;
	line-height:34px;
}

#basketListTable .kusu {
	position:absolute;
	left:25%;
	top:41%;
	width:50%;
	height:35px;
	color:#000;
	font-size:16px;
	font-weight:700;
	line-height:35px;
	border:1px solid #999;
	border-radius: var(--border-radius);
}

#basketListTable .nazev {
    border-left:none;
    color:#000;
}

#basketListTable .nazev a {
    text-decoration:none;
    font-size:24px;
    font-weight:300;
    line-height:40px;
    color:#000000;
    text-transform:lowercase;
    display:inline-block;
}

	#basketListTable .nazev a:first-letter {
		text-transform:uppercase;
	}

#basketListTable .nazev a.upravit {
	font-size: 1rem;
	font-weight: 500;
}


#basketListTable .nazev a:hover {
    color:#2c3b65;
}

#basketListTable .nazev a span {
    font-size:18px;
    font-weight:400;
    line-height:26px;
    color:#000;
    text-transform:capitalize;
}

#basketListTable .cenac,
#basketListTable .cenacn {
	display:none;
}

#basketListTable .cena {
	color:#000;
	font-size:16px;
	font-weight:700;
}

#basketListTable .skladem {
    background:transparent;
    color:#2d8633;
    font-weight:700;
    padding:3px 8px 3px 8px;
    text-transform:uppercase;
    border:none;
}

#sumarizace {
    background:transparent;
}

    #sumarizace .castka strong {
        color:#000;
        font-size:1.3125rem;
    }


#sumarizace .slevove-kody .nazev,
#sumarizace .slevove-kody .formular {
	margin-left: 25px;
}

#sumarizace .slevove-kody .uplatnit,
.bonusprogram .uplatnit {
    color:#fff;
    background-color:#2c3b65;
    background-image:none;
	text-transform:uppercase;
	font-weight:400;

    -moz-transition:background-color 0.3s linear;
    -webkit-transition:background-color 0.3s linear;
    -o-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear;
}

    #sumarizace .slevove-kody .uplatnit:hover,
    .bonusprogram .uplatnit:hover {
        background-color:#2c3b65;
        background-image:none;
        cursor:pointer;
        -moz-transition:background-color 0.3s linear;
        -webkit-transition:background-color 0.3s linear;
        -o-transition:background-color 0.3s linear;
        transition:background-color 0.3s linear;
    }


#step0_continue_shopping,
#step1_continue_shopping,
#step2_continue_shopping,
#step3_continue_shopping {
    color:#ffffff;
    background:#858585;
    font-size:13px;
    line-height:20px;
    font-weight:400;
    text-shadow:none;
    text-transform:uppercase;
    height:auto;
    padding:12px !important;
    margin-top:1.5rem;
    border:none;
}

    #step0_continue_shopping:hover,
    #step1_continue_shopping:hover,
    #step2_continue_shopping:hover,
    #step3_continue_shopping:hover {
        color:#ffffff;
        background:#696868;
    }

#orderLoginForm {
    border:none;
}

#delivery_top,
#payments_top {
    color:#000000;
    background:none;
    font-family: "Be Vietnam Pro", arial, tahoma;
    font-weight:400;
}

#deliveryOptions .d_date {
    display: none;
}

#deliveryOptions .d_text_logo {
	
}

#deliveryOptions .d_cash,
#deliveryOptions .p_cash {
    color:#2d8633;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight:400;
    text-transform:uppercase;
}

#deliveryOptions .xnote, .mnote {
    color:#999999;
    border-color:#000000;
}

#deliverySummary {
    background:none;
    border:none;
    border-top:1px solid #000000;
    margin-bottom:20px;
    width:40%;
    float:right;
}

#deliverySummary div {
    width:100%;
}

.basket-summary span {
    font:400 16px/20px "Source Sans Pro", arial, tahoma;
    padding:15px 0;
    text-transform:uppercase;
    text-align:left;
    height:auto;
    width:70%;
}

.basket-summary span:nth-child(2) {
    color:#000 !important;
    text-align:right;
    margin:0;
    width:30%;
}

.basket-summary .cena-za-zbozi {
    margin:0;
}

.basket-summary .cena-celkem span {
    border-top:1px solid #aaaaaa;
    font-size:20px;
}

.basket-summary .cena-celkem span:nth-child(2) {
    font-weight:700;
}

    .upravit,
    .nadpis-udaje a {
        color:#888 !important;
    }
    
    .nadpis-udaje .info {
    	bottom:-5px;
    }
    
    
.spodni-udaje {
    background:none;
    display:none;
}

.one-click {
	background:transparent;
}

.udaj-input:focus,
.udaj-select:focus,
.udaj-textarea:focus,
.udaj-input-full:focus,
.udaj-textarea:focus,
.udaj-select:focus,
#pick-up-date input:focus {
    border-color:#aaaaaa;
}

.obal-nadpis-udaje label.udaj-text {
    padding:0 5px;
}

.hide-no-logged {
    display: none !important;
}

.op a,
p.obchodni-podminky a {
    text-decoration: underline;
}

.op a:hover,
p.obchodni-podminky a:hover {
    text-decoration: none;
}

.homepage h2 {
    border:medium none;
    text-transform:uppercase;
    color:#000;
    font-size:2.82em;
    margin-bottom:20px;
}

.homepage form {
    text-align:center;
}

    .homepage form .value {
        width:100%;
        text-align:center;
    }

    .homepage form .name {
        width:100%;
        text-align:center;
        line-height:2em;
    }

    .homepage form input {
        height:40px;
        width:200px;
    }

    .homepage form p {
        background:transparent;
        color:#222;
        text-align:center;
        font-size:1.2em;
        width:100%;
    }

.homepage #ui_login {
    display:inline-block;
    float:none;
    clear:none;
    width:20%;
    padding:14px 12px;
    font-size:.75rem;
    line-height:.75rem;
    font-weight:900;
    color:#fff;
    background-color:#7f9145;
    text-transform:uppercase;
    -moz-transition:background-color 0.3s linear;
    -webkit-transition:background-color 0.3s linear;
    -o-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear;
}

    .homepage #ui_login:hover {
        background-color:#000;
        -moz-transition:background-color 0.3s linear;
        -webkit-transition:background-color 0.3s linear;
        -o-transition:background-color 0.3s linear;
        transition:background-color 0.3s linear;
    }

#basket-fade .in .tobasket {
    background:#7f9145;
    border:none;
}

#basket-fade .product .info .cost {
    display:none;
}

#deliveryOptions .xdelivery,
#deliveryOptions .xpayments .option {
	border:none;
}

#deliveryOptions .xdelivery.deliverySelected,
#deliveryOptions .xpayments .paymentSelected {
	background:transparent;
}

#deliveryOptions .detail {
	background:#f7f5f8;
}


#deliveryOptions #deliveries,
#deliveryOptions #payments,
.obal-box {
	background:#fff;
}

.obecne-info .table-nadpiss,
.obal-box .table-nadpis,
.obal-box .table-udaj {
    width:25%;
}

    .obecne-info .table-nadpiss:nth-child(4),
    .obecne-info .table-nadpiss:nth-child(5),
    .obecne-info .table-udajs:nth-child(4),
    .obecne-info .table-udajs:nth-child(5) {
        display:none;
    }

    .obal-box .table-nadpis:nth-child(3),
    .obal-box .table-nadpis:nth-child(4),
    .obal-box .table-nadpis:nth-child(5) {
        display:none;
    }

    .obal-box .table-udaj:nth-child(4),
    .obal-box .table-udaj:nth-child(5),
    .obal-box .table-udaj:nth-child(6) {
        display:none;
    }

.dealer-table .table-nadpis:nth-child(5) {
    display:block;
}

.dealer-table .table-udaj:nth-child(6) {
    display:block;
}

#homepage-text-news {
    width:100%;
    margin-bottom:30px;
}

    #homepage-text-news h2 {
        border:none;
        font-size:2.82em;
        margin-bottom:-25px;
    }

    #homepage-text-news h3 {
        display:none;
    }

    #homepage-text-news p {
        text-align:center;
        line-height:1em;
    }

/* TEXTOVE STRANKY PAGES*/
.page > h1 {
    margin-top:40px;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.info-box {
	margin:0;
}

.branches #store h3 {
	color:#aaa;
}

ul.stores li {
	border:none;
}

@media all and (max-width: 1400px) {
	ul.stores li {
		width:50%;
	}
}

.pda_ver ul.stores li,
.pda_hor ul.stores li,
.screen_ultralow ul.stores li,
.screen_low ul.stores li,
.screen_med ul.stores li {
	width:50% !important;
}

ul.stores li h3 {
	max-width:66%;
}

.branches #store .open-box .today strong,
.branches #store .open-box .today span {
	background:#2c3b65;
	color:#fff;
}

	
ul.stores li div.open-close .today strong,
ul.stores li div.open-close .today span {
	background:#2c3b65;
	color:#fff;
}


ul.stores li div.open-close span {
	letter-spacing:0;
}

ul.stores li div.open-close .today {
	background:#2c3b65;
}

.anchor {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}

.boxchart {
	float:left;
	clear:none;
	width:49%;
}

.boxchart0,
.boxchart2 {
	margin-right:2%;
}

.boxchart2,
.boxchart4 {
	clear:left;
}

.chart {
	width:100%;
	margin-bottom:20px;
}

.chart tr {
	height:40px;
	background: #fff;
	color:#000;
}

.chart tr:nth-child(even) {
	background: #ddd;
} 

.chart tr:first-child {
	background: #312f30;
	color:#fff;
} 

.chart td {
	text-align:center;
}

.chart td:first-child {
	text-align:left;
	text-indent:10px;
}

#basketListTable .lst {
	max-width: 37px;
	min-width: none;
}


/**** HLEDANI ***/
.ui-autocomplete {
}

.ui-widget-content {
}

.ui-widget-content a {
	color:#777 !important;
}

	.ui-menu .ui-menu-item a {
		color:#777 !important;	
	}

	.ui-menu .ui-menu-item:hover a {
		color:#4c4c4c !important;
		border-color:transparent !important;
	}
	
li.ui-menu-item.g {
	color:#2c3b65 !important;
}

li.ui-menu-item.even {
}

li.ui-menu-item.odd {
}

li.ui-menu-item b {
	color:#2c3b65 !important;
}

li.ui-menu-item .item .info .cost {
	color:#2c3b65 !important;
}

.ui-widget-content {
	border:solid #2c3b65 1px !important;
}
	
	.obal-box-last .datum,
	.obal-box-last .orderid,
	.obal-box-last .email {
		color:#000;
	}
	
	#vas-nazor {
		display:none;
	}

	/*#vypis-produktu a,
	#vypis-produktu2 a,
	#vypis-produktu3 a,
	#vypis-produktu4 a,
	#vypis-produktu5 a {
		color:transparent;
	}*/

#languages {
	width: 30px;
}
	
	#languages li {
		width: auto;
	}
	
	#languages > li > a {
		width: 100%;
		font-size: 0;
		text-indent: 0
	}
	
	#languages li a span {
		display: none;
	}
	
	#languages li ul {
		left: auto;
  	right: 0;
  	top:32px;
	}
	
	#languages a {
		height:32px;
		line-height:32px;
	}
	
#basket-languages .en_US, .ui-icon.en_US, .ui-icon.ui-state-active.en_US, .en_US {
    background-image: url('../../images/flags/eu_EU.png') !important;
}	

#default,
#iitm {
	float:left;
	width:100%;
}

#branch-id option:disabled, .branch-id option:disabled {
	color: #5d5d5d;
}

footer a, footer a:link, footer a:visited, footer #ineshop_heart {
	color: #000;
}

#setting-menu ul {
	list-style-type:none;
}