@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,latin-ext');

/* 6 je nejtmavší, 1 nejsvětlejší */
:root
{       
    /* barevné odstíny černé, šedé */
    --color-grey-6: #000;
    --color-grey-5: #464646;
    --color-grey-4: #D3D3D3;
    --color-grey-3: #F2F3F3;
    --color-grey-2: #F6F6F6;
    --color-grey-1: #F5F5F5;        
    
    --color-discounts: #ffee44;
    
    --color-call-me-2: #04af04;
    --color-call-me-1: #20cd20;
    
    
    /* velikosti */
    --size-110: 110px;
    --size-60: 60px;
    --size-50: 50px;
    --size-40: 40px;    
    --size-30: 30px;    
    --size-25: 25px;    
    --size-20: 20px;    
    --size-10: 10px;    
    --size-5: 5px;    
}

* 
{
  box-sizing: border-box;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  border: 0;
}

body
{
    background: #fff;
    margin: 0;
    padding: 0; 
    position: relative;
    font-size: 1em; /* 1em = 16px */    
}

    .wrapBody
    {
        position: relative;
    }

body, p, li, ol, td, th, input, textarea, a, span, div, body, td, th, input, textarea, button
{
    color: var(--color-grey-5);    
    line-height: 1.5;
    font-family: 'Open Sans', Arial, sans-serif; /* bezpatkové*/
}

h1, h2, h3, h4, h5, h6
{        
    font-weight: 600;
    text-align: center;
}



/* globalni nastaveni pro obecne formatovani */

h1{ font-size: 175%;  }
h2{ font-size: 150%; padding: 0; border: 0; font-weight: 600; text-transform: uppercase;}
h3, h4{ font-size: 125%; padding: 0; border: 0; font-weight: 600; text-transform: uppercase; }
h4{/* font-size: 180%; padding: 0; border: 0; margin: 0 0 10px; */}
h5{ font-size: 110%; padding: 0; border: 0; margin: 0 0 10px; }
h6{ font-size: 105%; padding: 0; border: 0; margin: 0 0 10px;  }

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6
{
    margin-top: 10px;
}

h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul
{
    margin-top: 10px;
}

ul + h2
{
    margin-top: 30px;
}

.label
{

}

p 
{
    margin: 0 0 2.5%;
    line-height: 1.5;
    font-size: 100%;
}

p:last-child
{
    margin-bottom: 0;
}

p + p
{
    
}

p, ul, ol
{

}

h1 + p
{
    margin-top: 15px;
}

a { color: var(--color-web-5); text-decoration: underline;}
a:hover { color: var(--color-grey-6); text-decoration: underline; }
a img{ border: none; } /* , a:link img */



ul, ol 
{ 
    margin: 0 auto; 
    padding: 0px; 
}

ul li, ol li 
{ 
    background: transparent url('../img/ico/li.svg') no-repeat left 4px;
    background-size: 23px;

    margin: 0 0 12px 0;
    padding: 0 0 0 28px;
    
    list-style-type: none;  
}

/* nastavení pro sumo select a options group */
ul.options li.group
{
    background: none;
    margin-left: 0;
    padding-left: 0;    
}

ul.options li.group ul
{
    margin-left: 0;
    padding-left: 0;
}




p + ul
{
/*    margin-top: -1.5%;*/
    margin-top: 20px;
}

ul + p, ul + ul
{
    margin-top: 3.5%;
}


hr
{
    color: #efefef;
    height: 1px;
    border: none;
    background-color: #efefef;
}

/* pomocne tridy */
.cl
{
   clear: both;
   width: 100%;
   line-height: 0px;
   height: 0px;
   font-size: 0px;
   overflow: hidden;
   margin: 0px;
}

.tal { text-align:left; }
.tac { text-align: center; }
.tar { text-align:right; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.block 
{ 
    display: block; 
    overflow: hidden;
    float: none;
}

.hidden { display: none; }


/* placeholder */
::-moz-placeholder 
{
/*    opacity: 1;*/
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-grey-5);
  font-size: 80%;
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-grey-5);
  font-size: 80%;
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-grey-5);
  font-size: 80%;
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--color-grey-5);
  font-size: 80%;
}


/* ohraničení aktivního inputu */
input:focus, select:focus, textarea:focus, button:focus 
{
    outline: none;
}


.likeTable
{
    display: table;
}

.likeCell
{
    display: table-cell;
}

.autosize
{
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;   
}


/**********************************************/
/* flex */
/**********************************************/

.containerFlex
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flexCenterHorizontal
{
    justify-content: center;    
}

.flexWrap
{
    flex-wrap: wrap;
}


/**********************************************/
/* centrování divu bez pevné šířky */
/**********************************************/

.wrapCenterInner, .wrapCenterOuter
{
    float: right;
    right: -50%;
    position: relative;
}

.wrapCenterOuter
{
    right: 50%;
}    


/**********************************************/
/* kulaté rohy */
/**********************************************/

.rounded, .boxPredefinedFilter, .but, .boxPredefinedFilter div, .wrapMthOnly, .wrapProductPriceDiscounted,
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, .wrapFilerTag
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}

.roundedCircle, .boxPredefinedFilterCounter, .icoMoreOptions, .counterUserBox, .wrapButUserBox, .boxButUserBox, .wrapSellerCircle, .wrapFooterIconAnchor, .boxFooterIconAnchor,
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before, .wrapSellerCircle .block, .wrapLanguageSkills, .wrapLanguageSkills img,
.wrapLanguageCurrent, .fancybox-arrow::after, .slick-next, .slick-prev, .wrapBackOnTop, .boxBackOnTop, .fancybox-button, .fancybox-button--close, .boxWidgetMenuCircle, .boxWidgetMenu span,
.wrapUserSectionBigCircleButton, .wrapCloseMyProfile, .wrapPlayVideoButton, .boxInfoTooltip, .radioPseudo
{
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;                 
}




/**********************************************/
/* button */
/**********************************************/

.but, .but:hover
{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;    
    
    min-height: 47px;
    /*line-height: 47px;   */
    border: 0;
    
    text-transform: uppercase;
    font-size: 120%;
    font-weight: 600;
/*    text-align: center;*/
    text-decoration: none;
    line-height: 1.25;  
    padding: 10px 20px;
}

.but:hover
{
    cursor: pointer;
}

.but.butSimple
{
    display: inline-block;
    background: var(--color-web-6);

    padding: 0 20px;                

    color: #fff;
    font-size: 100%;
} 


/**********************************************/
/* hover efekty */
/**********************************************/

.fx, .fx div, .fx a, a:hover, .wrapMenuItem, .wrapMenuItem > div, .wrapMenuItem > div span, .wrapMenuItem:hover, .wrapMenuItem:hover > div, .wrapMenuItem:hover > div span, .wrapHeader, 
.wrapProductImage .boxProductImage, .wrapProductImage:hover .boxProductImage, .boxPredefinedFilter div, .boxPredefinedFilter:hover div,
.boxPredefinedFilterCounter, .wrapPredefinedFilter:hover .boxPredefinedFilterCounter, .but, .but:hover, .boxProduct, .boxProduct:hover, .wrapFilterCheckbox:hover label, .wrapFilterCheckbox label, label:before, label:hover:before, 
.butMoreOptions .textMoreOptions, .butMoreOptions:hover .textMoreOptions, .butMoreOptions .icoMoreOptions, .butMoreOptions:hover .icoMoreOptions,
.wrapButUserBox, .wrapButUserBox:hover, .wrapInputFulltext input, .wrapInputFulltext:hover input, .wrapInputFulltext svg path, .wrapInputFulltext:hover svg path, .wrapButUserBox svg path, .wrapButUserBox:hover svg path,
.wrapUserBoxMenuItem svg path, .wrapUserBoxMenuItem:hover svg path, .wrapFooterIconAnchor:hover .boxFooterIconAnchor svg path, .wrapFooterIconAnchor:hover .boxFooterIconAnchor svg polygon, .wrapFooterIconAnchor .boxFooterIconAnchor svg path, .wrapFooterIconAnchor .boxFooterIconAnchor svg polygon
.wrapHeaderCorporate, .wrapLogo, .wrapMenuMobile,  .SumoSelect > .CaptionCont > span,  .SumoSelect:hover > .CaptionCont > span,
.wrapButActions span, .wrapButActions:hover span, .slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover, .boxAddress .aShowMap .svgPlaceholder, .boxAddress .aShowMap:hover .svgPlaceholder,
.aShowMap span, .aShowMap:hover span, .wrapBackOnTop, .wrapBackOnTop:hover, .fancybox-button, .fancybox-button:hover:not([disabled]), .fancybox-arrow, .fancybox-arrow:hover::after, .fancybox-arrow::after,
.wrapWidgetMenu .boxWidgetMenuCircle, .wrapWidgetMenu:hover .boxWidgetMenuCircle, .wrapWidgetMenu .titleWidgetMenu, .wrapWidgetMenu:hover .titleWidgetMenu, .wrapItemLanguage:hover .boxItemLanguage, .wrapItemLanguage .boxItemLanguage,
.wrapUserSectionAction:hover .wrapUserSectionBigCircleButton, .wrapUserSectionAction .wrapUserSectionBigCircleButton, .butOk, .butOk:hover, .boxPanelAkciDisable .boxButUserBox, .boxPanelAkciDisable:hover .boxButUserBox,
.wrapCloseMyProfile, .wrapCloseMyProfile:hover, .butResetFilters .icoCloseFilters, .butResetFilters:hover .icoCloseFilters, .justPurchasedModel a.boxTd h2 .boxForkliftModel, .justPurchasedModel:hover a.boxTd h2 .boxForkliftModel,
.wrapPlayVideoButton, wrapPlayVideoButton:hover, .swiper-button-prev, .swiper-button-next, .swiper-button-prev:hover, .swiper-button-next:hover, .butShowSectionOfSlidingFilter svg, .butShowSectionOfSlidingFilter.butShowSectionOfSlidingFilterClose svg,
a.titleSubmenuGroup:after, a.titleSubmenuGroup:hover:after, .boxNewsCarouselItem a h3::after, .boxNewsCarouselItem a:hover h3::after, a.boxNewsCarouselItem h3::after, a.boxNewsCarouselItem:hover h3::after, .wrap1ColImages a picture img, .wrap1ColImages a:hover picture img,
.wrapTitleContent > a:hover > h2, .wrapTitleContent > a:hover > h2:after, .wrapTitleContent > a, .wrapTitleContent > a > h2, .swiper-container-gallery a img, .swiper-container-gallery a:hover img
{
    transition: all ease-in-out 0.4s;
} 



/**********************************************/
/* header */
/**********************************************/

.wrapHeader
{
    position: fixed;
    top: 0;
/*    top: 49px;*/ /* pro informativní banner */
    left: 0;
    z-index: 9999;        
    
    width: 100%;
    background: var(--color-web-5);        
}

    .wrapHeaderCorporate
    {
        display: flex;
        align-items: stretch;

        min-height: 130px;
    }
    

#smartbanner.shown .wrapHeader
{
    margin-top: 84px;
}
    
.wrapLogoMotto
{
    width: 20%;
    float: left;
}
    
    .wrapLogo
    {
        width: 100%;
        height: 130px;
/*        margin-top: 30px;*/
        background-size: contain;
        float: left;
    }  
    
    .menuFloating .wrapLogo
    {
        background-size: contain;
    }  
    
    .wrapLogoCz, .menuFloating .wrapLogoCz
    {
        background-size: contain;        
    }
    

  
/*    
    .menuFloating .wrapLogoCz
    {
        background: transparent url('../img/logo/logo_nejlevnejsivzv_white.svg') no-repeat left center;
        background-size: contain;        
    }    
*/

.wrapMenu, .wrapMenuMobile
{
    position: relative;
    width: 80%;
    
    display: flex;
    justify-content: flex-end;
    align-items: center;
        
}

    .wrapMenuItem
    {
/*        float: right;*/
        margin: 0 0 0 50px;
        background: #fff;
        text-decoration: none;
    }
    
    .wrapMenuItem > div
    {
        height: 100%;
        margin: 2px 0 0 0;
        background: var(--color-web-5);
        font-size: 180%;
        font-weight: 400;        
        text-transform: uppercase;
        text-decoration: none;
    }    
    
    .wrapMenuItem:hover
    {
        background: var(--color-web-3);
    }
    
        .wrapMenuItem > div span
        {
            font-weight: 700;
        }  
        
    .wrapMenuItem, .wrapMenuItem > div, .wrapMenuItem > div span
    {
        color: #fff;
    }
    
    .wrapMenuItem:hover, .wrapMenuItem:hover > div, .wrapMenuItem:hover > div span
    {
        color: var(--color-web-3);
        text-decoration: none;
    }    
    
.wrapMenuMobile
{
    position: absolute;
    right: 15px;
    top: 0;
    
    width: 130px;
    height: 130px;
    
    background: transparent url('../img/ico/menu.svg') no-repeat center right;
    background-size: 50px;
}

#smartbanner + .wrapHeaderCorporate  .wrapMenuMobile
{
    top: 84px;
}

.wrapMenuMobile:hover
{
    cursor: pointer;
}

.wrapContainerMobileMenu
{
    display: none;
}

    .wrapContainerMobileMenu .wrapMenuItem
    {
        float: none;
        width: 50%;
        margin: 0 auto 20px auto;
    }

    
    
.menuFloating .wrapHeaderCorporate
{
    min-height: 70px;
}     

    .menuFloating .wrapLogo
    {
        width: 52%;
        height: 70px;
    }   
    
    .menuFloating .wrapLogoCz
    {
        width: 70%;
    }    
    
    .menuFloating .wrapMenuItem
    {

    }

        .menuFloating .wrapMenuItem > div
        {
            font-size: 140%;
        }
        
        
    .menuFloating .wrapMenuMobile
    {
        top: 5px;    
        width: 60px;
        height: 60px;        
    }

.wrapMobileIntro .wrapMobileMotto
{
    margin: 40px auto;
    font-size: 150%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}   

.wrapMobileIntro .wrapButFilters
{
    width: 100%;
    margin: 40px auto;
}

    .wrapMobileIntro .wrapButFilters .but
    {
        font-weight: 700;
        font-size: 100%;
    }

    
    

/**********************************************/
/* Userbox */
/**********************************************/

.wrapUserBox
{
    background: var(--color-web-1); 
}

    .wrapHeader .main, .wrapCatalogue .main
    {
        width: 94.79166666666667%;
        margin: 0 2.604166666666667%;
    }

        /* call anytime */
        .wrapPhoneInFloatingMenu
        {
            position: relative;
            top: 11px;
            
            display: inline-block; 
            float: left;
            
            font-size: 90%;
            font-weight: 600;
            text-transform: uppercase;
        }
        
            .wrapPhoneInFloatingMenu a, .wrapPhoneInFloatingMenu a:hover
            {                
                margin-right: 10px;
                color: var(--color-call-me-2);
                font-size: 120%;
                font-weight: 700;
                text-decoration: none;
                float: left;
            }  
            
            .wrapPhoneInFloatingMenu span
            {
                margin: 0 5px;
                color: var(--color-grey-5);
/*                float: left;*/
            }
            
        .menuFloating .wrapPhoneInFloatingMenu
        {
            display: inline;
        }
        
        .wrapPhoneInFloatingMenu .wrapLanguageSkills
        {
            background-size: 17px;
        }
        
        /* uživatelské menu */
        .wrapUserBoxMenu
        {
            float: right;
            padding: 8px 0 0;
            margin: 0px 0 8px;
        }

            .wrapUserBoxMenuItem
            {
                overflow: visible;
                float: left;
                margin: 0 0 0 40px;
                font-size: 75%;
                color: var(--color-grey-5);
                text-transform: uppercase;            
                text-decoration: none;
            }   
            
            .wrapUserBoxMenuItem.wrapUserBoxMenuItemSocial + .wrapUserBoxMenuItemSocial
            {
                margin: 0 0 0 5px;
            }              
            
            .wrapUserBoxMenuItem.wrapUserBoxMenuItemGuide
            {
                color: var(--color-web-6);
            }              
            
            .wrapUserBoxMenuItem:first-child
            {
                margin-left: 0;
            }

            .wrapUserBoxMenuItem:hover, .wrapUserBoxMenuItem:hover .userName, .wrapUserBoxMenuItem:hover .userboxItemText
            {
                color: var(--color-web-5);
                text-decoration: none;
            }  
            
            .userboxItemTextMyAccount
            {
                font-weight: 700;
            }
            
                .wrapUserBoxMenuItem .wrapButUserBox, .wrapLanguageCurrent
                {
                    width: 30px;
                    height: 30px;
                }
                
                    .wrapUserBoxMenuItem .wrapButUserBox .boxButUserBox
                    {
                        width: 26px;
                        height: 26px;
                        margin: 2px;
                        background: var(--color-web-1);
                    }                       
                    
                        .wrapUserBoxMenuItem .wrapButUserBox .boxButUserBox svg.svgBalance
                        {
                            top: 4px;
                        }                       
                
                /* počítadlo v uživatelském menu */
                .userboxItemWithCounter
                {
                    position: relative;
                }            

                    .counterUserBox
                    {
                        position: absolute;
                        top: -5px;
                        left: 20px;
                        
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        line-height: 16px;

                        background: var(--color-web-5);
                        color: #fff;
                        font-weight: 600;
                        text-align: center;
                        font-size: 87%;
                    }
                    
                .userboxItemText
                {
                    position: relative;
                    top: 6px;
                }
                
                .wrapUserBoxMenuItemGuide .userboxItemText
                {
                    color: var(--color-web-6);
                }
                
                .wrapUserBoxMenuItemGuide .userboxItemText.userboxItemGuide
                {
                    font-weight: 600;
                }
                
                /* jméno přihlášeného uživatele */
                .userName
                {
                    position: relative;
                    top: 6px;
                    margin-left: 5px;
                    font-weight: 600;
                }   
                
                .wrapPhoneUserBox
                {
                    display: none;
                } 
                
                    .wrapPhoneUserBox svg 
                    {
                        top: 0;
                        width: 20px;
                        height: 20px;
                    }                   
                
                /* nastavení svg  */
                .wrapUserBoxMenuItem img, .wrapUserBoxMenuItem svg
                {
                    height: 16px;
                    position: relative;
                    top: 2px;
                    margin: 0 auto;
                }
                
                    .wrapUserBoxMenuItem svg path
                    {
                        fill: var(--color-web-6);
                    }

                    .wrapUserBoxMenuItem:hover .boxButUserBox  svg path
                    {
                        fill: var(--color-web-5);
                    }
                    
                    .wrapUserBoxMenuItem:hover .wrapButUserBox
                    {
                        background: var(--color-web-5);
                    }                    
                 
                    
                /* jazykové mutace */
                .wrapLanguageCurrent
                {
                    position: relative;
                    top: 3px;
                    float: left;
                    
                    width: 25px;
                    height: 25px;
                }
                
                .wrapUserBoxMenuItem svg.svgDropdown
                {
                    top: 7px;
                    margin: 0 7px 0 0;
                    float: left;
                }   

                
                
    /* ikony jazykových dovedností prodejců */
    .wrapLanguageSkills
    {
        width: 17px;
        height: 17px;
        float: left;
        text-align: center;
    }       
    
    .wrapPhoneInFloatingMenu .wrapLanguageSkills
    {
        position: relative;
        top: 6px;
        margin-right: 10px;
    }
    
    .wrapPhoneInFloatingMenu .wrapLanguageSkills:last-child
    {
        margin-right: 0;
    }    

                
                
                
/**********************************************/
/* filtry */
/**********************************************/

.wrapFilter
{
    background: #fff;
    margin: 50px auto 0;
}

.wrapFilterPredefined    
{
/*    margin: 50px auto 0;*/
    margin: 0 auto;
} 

.wrapFiltersInputs
{
    margin-bottom: 60px;
}

    .boxFiltersInputs
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

/* filtry - inputy, selectboxy */
.wrapTitleFilter, .wrapInput
{
    width: 100%;
    max-width: 100%;
    float: none;
}

.wrapTitleFilterEmpty
{
    height: 19px;
}

.wrapTitleFilter
{
    color: var(--color-web-5);
    text-transform: uppercase;
    font-size: 90%;
/*    font-weight: 700;*/
    font-weight: 600;
}

    .wrapInput
    {
        min-height: 47px;
    }
    
    .wrapTextarea .wrapInput
    {
        height: auto;
/*        min-height: 150px;*/
    }
    
    .wrapInput50
    {
        width: 48%;
        float: left;
    }
    
    .wrapInput50:last-child
    {
        float: right;
    }    
        
    
    .wrapInput .SumoSelect/*, .wrapInput .SlectBoxSearch*/
    {
        position: absolute !important;
    }

    .wrapInputFulltext
    {
        width: 100%;
        position: relative;
        top: 1px;
    }    
    
        .wrapInput input, .wrapInput textarea
        {
            float: none;
            width: 100%;
        }

        .wrapInputFulltext input, .wrapInput input, .wrapInput textarea
        {
            height: 29px;
            padding: 0 0 5px;
            
            border: 0;
            border-bottom: 2px solid var(--color-grey-5);
            background: none;

            font-size: 100%;        
            color: var(--color-grey-5);
        }
        
        .wrapInput textarea
        {
            padding: 0;
        }        
        
        .wrapInputFulltext input
        {
            float: right;
            width: 83%;
            font-size: 100%; 
        }        
        
        .wrapInputFulltext:hover input, .wrapInput:hover input, .wrapInput:hover textarea
        {
            border-bottom: 2px solid var(--color-web-5);
/*            color: var(--color-web-5);*/
        }        

        .wrapInputNumber input
        {
            float: left;
        }          
        
        .wrapInputIco
        {
            position: relative;
            top: 10px;
            
            width: 14%;
            height: 27px;
            float: left;
            
            cursor: pointer;
        } 
        
            .wrapInputFulltext svg
            {
                position: relative;
                top: 2px;
                width: 100%;
                max-width: 25px;    
                height: 26px;
            }
            
                .wrapInputFulltext svg path
                {
                    fill: #8f8f8f;     
                }   
                
                .wrapInputFulltext:hover svg path
                {
                    fill: var(--color-web-5);
                }                  
        
    .curFocus
    {
        color: var(--color-web-5) !important;
    }       

        
        
/* tlačítka filtrů */
.wrapFiltersButtons
{
/*    position: relative;*/
    overflow: visible;
/*    margin-bottom: 50px;*/
    margin-bottom: 15px;    
}

    .boxFiltersButtons
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
        width: auto;
        margin: 0 auto;
    }
    
        .wrapButFilters, .wrapInputFilter
        {
            float: left;
        }
        
        .wrapAnchorFilters
        {
/*            width: 12%;*/
        }
        
        /* další možnosti */
        .wrapFilter .butMoreOptions, .wrapFilter .butLessOptions, .wrapFilter .butResetFilters
        {
            overflow: visible;
            background: #fff;
            color: var(--color-web-5);
            font-weight: 700 !important;
            font-size: 100%;
/*            text-align: right !important;*/
            text-decoration: none;
        }
        
        .wrapFilter .butMoreOptions:hover, .wrapFilter .butLessOptions:hover, .wrapFilter .butResetFilters:hover
        {
            font-size: 100%;
            text-decoration: none;
        }        

        /* reset filtru je v základu skrytý */
        .wrapFilter .butResetFilters
        {
            display: none;            
        }

        
        .butLessOptions
        {
            display: none;
        }
        
            .textMoreOptions
            {
                position: relative;
                color: var(--color-web-5);
            }
            
            .textMoreOptions, .textMoreOptions:hover
            {
                text-decoration: none;
            }            
            
            .butResetFilters .textMoreOptions
            {
                color: var(--color-web-4);
            }            
            
            .butResetFilters:hover .textMoreOptions
            {
                color: var(--color-web-5);
            }             
            
        .wrapMobileIntro .wrapButFiltersWoTopMargin
        {
            margin-top: 0;
        }
        
        .butMoreOptions, .butSearch, .boxInputFilter, .butLessOptions, .wrapDialogChangePassword .butOk
       {
/*           
            width: 85%;
            margin: 0 7.5%;
*/            
            width: calc(100% - 30px);
            margin: 0 15px;
        }
        
            .butLessOptions
            {
/*                text-align: center;*/
            }
      
        .butMoreOptions:hover .textMoreOptions, .butLessOptions:hover .textMoreOptions
        {
            color: var(--color-web-6);
            font-weight: 700;
        }        
   
            .icoMoreOptions
            {
/*                
                position: absolute;
                top: 0px;
                left: -30px;
*/
                position: relative;
                top: 5px;
                
                display: inline-block;
/*                float: left;*/            

                width: 23px;
                height: 23px;
                line-height: 21px;

                margin-right: 5px;

                background: var(--color-web-5);
                color: #fff;
                font-size: 20px;
                font-weight: 600;
                text-align: center;
            }
            
            .butLessOptions .icoMoreOptions
            {
                line-height: 18px;
            }            

            .butMoreOptions:hover .icoMoreOptions, .butLessOptions:hover .icoMoreOptions
            {
                background: var(--color-web-6);
            }  
            
            .icoCloseFilters
            {
                background: var(--color-web-4);
                transform: perspective(1px) rotate(-45deg);
                -webkit-transform: perspective(1px) rotate(-45deg);
                -moz-transform: perspective(1px) rotate(-45deg);
                -ms-transform: rotate(-45deg);                 
/*                
                background: var(--color-web-4) url('../img/ico/close_button.svg') no-repeat center center;
                background-size: 10px;
*/                
            }
            
            .butResetFilters:hover .icoCloseFilters
            {
                background: var(--color-web-5);
            }             
            
        .wrapFiltersInputsExpanded
        {
            display: none;
        } 
        
            .wrapFiltersInputsExpandedCheckboxes .wrapInputFilter
            {
                margin-top: 5px;
            }        
        
        

        /* vyhledat */
        .butSearch, .butNew, .butOk
        {
            background: var(--color-web-5);
            color: #fff;
        }

        .butSearch:hover, a:hover .butSearch, .butNew:hover, .butOk:hover
        {
            color: #fff;
            background: var(--color-web-6);
            text-decoration: none;
        }    
        
            .butSearch .svgSearch, .but svg
            {
                height: 60%;
                max-height: 60%;
                width: 22px;
                position: relative;
/*                top: 6px;*/
                margin-right: 10px;
            }
            
                .butSearch .svgSearch path, .but svg path
                {
                    fill: #fff;
                }            

/* wrap pro mobilní verzi na reset a submit */            
.wrapFiltersResetSubmit
{
    display: flex;
    justify-content: center;
    
    width: 100%;
    float: none;
}

            
/* předdefinované filtry */
.wrapPredefinedFilter
{
    position: relative;
    overflow: visible;
/*    width: 16.66666666666667%;*/
    float: left;   
    padding-top: 20px;
    cursor: pointer;
}

    .boxPredefinedFilter
    {
        width: 85%;
        margin: 0 7.5%;
        
        background: var(--color-web-4);  
        text-decoration: none;
    }
    
    .wrapPredefinedFilterDouble .boxPredefinedFilter
    {
        width: 92.5%;
        margin: 0 3.75%;        
    }
    
    .wrapPredefinedFilterDoubleHighlighted .boxPredefinedFilter
    {        
        background: var(--color-web-5);  
    }    
    
    .boxPredefinedFilter:hover
    {
        text-decoration: none;
    }    

        .boxPredefinedFilter div
        {
            height: 47px;
            line-height: 47px;            
            margin: 2px;
            
            background: #fff;
            color: var(--color-web-4);
            font-size: 110%;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
        } 
        
        .wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter div,
        .wrapPredefinedFilterDoubleHighlighted.wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter div
        {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;

            height: 69px;
            line-height: 1.3;   
            
            text-transform: uppercase;
            font-size: 150%;
        }         
        
            .wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter div span,
            .wrapPredefinedFilterDoubleHighlighted.wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter div span
            {                
                display: block;
                margin: 0;
                color: var(--color-web-5);
                width: 100%;
            }     
            
            .wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter div span.labelPredefinedDescription,
            .wrapPredefinedFilterDoubleHighlighted.wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter div span.labelPredefinedDescription
            {               
/*                color: var(--color-web-4);*/
                text-transform: lowercase;
                font-size: 80%;
                font-weight: 400;
                color: var(--color-grey-5);
            }              
            
            .wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter:hover div span,
            .wrapPredefinedFilterDoubleHighlighted.wrapPredefinedFilterDoubleHighlightedTwoRows .boxPredefinedFilter:hover div span
            {
                color: #fff;
            }    
            
        .boxPredefinedFilter:hover div
        {
            background: var(--color-web-4);
            color: #fff;
            text-decoration: none;
        }  
        
        .wrapPredefinedFilterDoubleHighlighted  .boxPredefinedFilter div
        {
            height: 47px;
            line-height: 47px;            
            margin: 2px;
            
            background: #fff;
            color: var(--color-web-5);
            font-size: 150%;
            font-weight: 700;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
        } 
        
        .wrapPredefinedFilterDoubleHighlighted  .boxPredefinedFilter:hover div
        {
            background: var(--color-web-5);
            color: #fff;
            text-decoration: none;            
        }
        
        .boxPredefinedFilter span.labelPredefinedDescription
        {
            position: relative;
            top: -5px;
            margin-left: 5px;
            
            font-size: 70%;
            font-weight: 400;
            text-transform: none;            
        }        
        
        
    /* zašktnutý předdefinovaný filtr */
    .wrapPredefinedFilterChecked .boxPredefinedFilter
    {
        background: var(--color-web-5);
    }        
    
    .wrapPredefinedFilterChecked .boxPredefinedFilter div
    {
        background: var(--color-web-5);
        color: #fff;
    }            
        
        
    /* počítadlo předdefinovaného filtru */    
    .boxPredefinedFilterCounter
    {
        position: absolute;
        top: 3px;
        right: 12%;
        z-index: 100;

        width: 35px;
        height: 35px;
        line-height: 35px;

        margin: 0;
        padding: 0;

        background: var(--color-web-4);
        color: #fff;
        font-size: 80%;
        font-weight: 600;
        text-align: center;
    }
    
    .wrapPredefinedFilter:hover .boxPredefinedFilterCounter
    {
        background: var(--color-web-5);                
    } 
    
    .wrapFilterPredefined + .wrapFilter
    {
        margin-top: 0;
    }
    
    
    
/**********************************************/
/* Dlaždice */
/**********************************************/

.wrapCatalogue
{
    background: #f5f5f5;
}

    .wrapCatalogue .main, .wrapFilter .main
    {
        width: 90.625%;
        margin: 0 4.6875%;
        padding: 25px 0;
    }               

#polozky
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#polozky_chk
{
    float: none;
    width: 100%;
    height: 1px;
}

.wrapProduct
{
    width: 25%;
    float: left;
    /*margin: 0 0 25px 0;*/
    margin: 0 0 50px 0;*/
}

    .boxProduct
    {
        width: 88.50574712643678%;
        margin: 0 5.747126436781609%;
        float: none;
        background: var(--color-web-4);
    }
    
    .boxProduct:hover
    {
        background: var(--color-web-6);
    }   
    
        .wrapRemoveFromParking, .wrapRemoveFromCompare, .wrapCloseMyProfile
        {
            position: absolute;           
            top: 10px;
            right: 10px;
            z-index: 100;
            width: 20px;
            height: 20px;
            cursor: pointer;
            
            display: flex;
            justify-content: center;
            align-items: center;
            
            background: #fff;            
        }
        
            .wrapRemoveFromParking svg, .wrapRemoveFromCompare svg, .wrapCloseMyProfile svg
            {
                width: 50%;
            }         
        
                .wrapRemoveFromParking svg polygon, .wrapRemoveFromCompare svg polygon
                {
                    fill: var(--color-web-5);
                }
        
            .wrapRemoveFromParking:hover svg, .wrapRemoveFromCompare:hover svg, .wrapCloseMyProfile:hover svg
            {
                width: 60%;
            } 
        
            
        .wrapRemoveFromCompare
        {        
            top: 15px;
            right: 24px;
        }
                
        .wrapNalepkaCatalogue
        {
            position: absolute;
/*            
            left: -38%;
            top: 30px;
*/
/*
            left: -44.5%;
            top: 50px;
*/            
            left: -38%;
            top: 38px;
            z-index: 99;
            
            width: 100%;
            background: var(--color-web-5);    
            
            transform: perspective(1px) rotate(-45deg);
            -webkit-transform: perspective(1px) rotate(-45deg);
            -moz-transform: perspective(1px) rotate(-45deg);
            -ms-transform: rotate(-45deg);             
        }
            
            .boxNalepkaCatalogue
            {
                margin: 5px 0;
                
                color: #fff;
                font-weight: 600;
                text-align: center;
                text-transform: uppercase;
            }
            
        .wrapNalepkaCatalogue.wrapNalepkaSleva
        {
            background: var(--color-discounts);    
        } 
        
            .wrapNalepkaCatalogue.wrapNalepkaSleva .boxNalepkaCatalogue
            {                
                color: #000;
            }
            
        .wrapNalepkaCatalogue.wrapNalepkaNoveDovezeny
        {
            background: var(--color-web-4);    
        }    
        
        
        /****************************************/
        /* nálepky */
        /****************************************/
        
        .wrapStickers
        {
            position: absolute;
            top: var(--size-20);
            right: 0;
            z-index: 99;
            overflow: visible;
        }
        
            .wrapSticker            
            {
                display: flex;
                align-items: center;                
                
                position: relative;
                overflow: visible;
                height: var(--size-30);
                padding: 0 10px;
                background: var(--color-web-5);                

                color: #fff;
                font-size: 87.5%;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 1;                
            }
            
            .wrapSticker + .wrapSticker
            {
                margin-top: var(--size-10);
            }  
            
            .wrapSticker:before
            {                
                content: '';
                display: block;
                box-sizing: border-box;
                
                position: absolute;
                top: 0;
                left: -15px;
                
                height: 30px;
                width: 15px;

                border-color: transparent var(--color-web-5) transparent transparent;
                border-style: solid;
                border-width: 15px 15px 15px 0;
            }  
            
            .wrapSticker.stickerNew { background: #fff; color: var(--color-web-6); }            
            .wrapSticker.stickerNew:before { border-right-color: #fff; } 
            
            .wrapSticker.stickerPremium { background: var(--color-grey-6); color: var(--color-discounts); }
            .wrapSticker.stickerPremium:before { border-right-color: var(--color-grey-6); }          
            
            .wrapSticker.stickerSale { background: var(--color-discounts); color: var(--color-grey-6); }
            .wrapSticker.stickerSale:before { border-right-color: var(--color-discounts); }          
            
            .wrapSticker.stickerSomethingIsWrong { background: var(--color-grey-5); }
            .wrapSticker.stickerSomethingIsWrong:before { border-right-color: var(--color-grey-5); }          

            .wrapSticker.stickerReconditioned { background: var(--color-web-4); }
            .wrapSticker.stickerReconditioned:before { border-right-color: var(--color-web-4); }                      
            
            .wrapSticker.stickerBattery { background: var(--color-web-4); }
            .wrapSticker.stickerBattery:before { border-right-color: var(--color-web-4); }                      
            
            .wrapSticker.stickerBattery { background: var(--color-web-4); }
            .wrapSticker.stickerBattery:before { border-right-color: var(--color-web-4); }



        /****************************************/
        /* evid. číslo ve fotce */
        /****************************************/

        .wrapStickersEvid
        {
            left: 0;
            width: 120px;
        }

            .wrapStickerEvid
            {
                height: 40px;
                background: rgba(113,113,113,.5);
                font-size: 220%;
            }

            .wrapStickerEvid::before
            {
                display: none;
            }





        .boxProductData a
        {
            text-decoration: none;
        }

        .contentProduct
        {
            position: relative;
            margin: 3px 0 0 0;
            background: #fff;
        }
        
            /* společné prvky */
            .wrapProductPriceButtons, .wrapProductButtons, .wrapProductData, .wrapProductImage
            {
                width: 100%;
                float: none;
            }
            
            .boxProductPriceButtons, .boxProductData
            {
                width: 88.50574712643678%;
                margin: 5px 5.747126436781609%;
                float: none;
            }
            
            .boxProductPriceButtons
            {
                margin-bottom: 20px;
            }
            
                /* název vozíku */
                .wrapProductImage
                {
                    position: relative;
                    width: 100%;
                }
                
                .boxProductImage
                {
                    width: 100%;
/*                    height: ($width * 0.66625);*/
                    background: red;
                    padding-top: 66.625%; /* aspect ration / poměr fotky*/
                    
                    background-size: contain;
                }
                
                #polozky .wrapProduct:hover .boxProductImage
                {
                    transform: scale(1.1);
                }                
                
                /* název vozíku */
                .boxProductData h2
                {
                    width: 100%;
                    height: 31px;
                    margin: 15px 0 20px 0;
                    padding: 0;
                    text-transform: uppercase;
                    color: var(--color-grey-5);
                    text-align: left;
                    font-size: 130%;
                    font-weight: 700;
                }
                
                /* název přídavka */
                .wrapAttachment .boxProductData h2
                {
                    height: 62px;
                }                
                
                    /* evideční číslo */                
                    .boxProductData h2 span
                    {
                        color: var(--color-web-5);
                    }    
                    
                /* technická data */
                .boxProductDataLabel, .boxProductDataValue
                {
/*                    width: 50%;*/
                    float: left;
                    margin-bottom: 5px;
                    
                    /*font-size: 87.5%;*/
                    font-weight: 400;                    
                    text-align: left;                   
                }
                                
                .wrapProduct .boxProductDataLabel /* dlaždice v katalogu*/                
                {
/*                    width: 65%;*/
                }
                
                .wrapProduct  .boxProductDataValue /* dlaždice v katalogu*/                
                {
/*                    width: 35%;*/
                }
                
                .boxProductDataValue
                {
                    text-align: right;
                    text-transform: uppercase;
                    font-weight: 700;
                }  
                
                .boxProductDataValueColoredValue
                {
                    color: var(--color-web-5);
                }
                
                .boxProductDataLabel:last-of-type, .boxProductDataValue:last-of-type
                {
                    margin: 0;
                }                 
                
                    .boxProductDataLabel span.boxProductMastType
                    {
                        font-size: 100%;
                        font-weight: 400;
                        text-transform: uppercase;
                    }
                    
                    .boxProductDataLabel span, .unit
                    {
                        font-size: 78.57142857142857%;
                        font-weight: 300;
                        text-transform: none;
                    }
                    
                    .wrapMthOnly
                    {
                        display: inline-block;
                        padding: 0 5px;
                        
                        background: none;
                        border: 1px solid var(--color-grey-5);
                        
                        color: var(--color-web-5);
                        font-weight: 600;
                    }
            
                /* kulatá tlačítka uživatelské sekce */
                .wrapProduct .wrapProductButtonsUserBox
                {
                    width: 45%;                    
                    float: left;
                }
                
                    .wrapButUserBox
                    {
                        width: 35px;
                        height: 35px;
                        float: left;
                        margin-right: 8px;
                        background: var(--color-grey-5);
/*                        background: var(--color-web-4);*/
                    }
                    
                    .wrapButUserBox.wrapButUserBoxSocial
                    {
                        background: var(--color-web-1);
                    }                    
                    
                    .wrapUserBoxMenuItemGuide .wrapButUserBox
                    {
                        background: var(--color-web-6);
                    }                    
                    
                    .wrapButUserBox:hover
                    {
                        background: var(--color-web-6);
                        cursor: pointer;
                    }  
                    
                    .wrapUserBoxMenuItem:hover .wrapButUserBox.wrapButUserBoxSocial .boxButUserBox
                    {
                        background: var(--color-web-5);
                    }
                    
                        .boxButUserBox
                        {
                            width: 31px;
                            height: 31px;                            
                            background: #fff;
                            margin: 2px auto;
                            text-align: center;
                        }                                                                                           
                        
                            .boxButUserBox svg, .justPurchasedUserBox svg
                            {
                                position: relative;
                                top: 5px;
                                
                                height: 17px;                               
                            }

                                .boxButUserBox svg.svgBalance, .justPurchasedUserBox svg.svgBalance
                                {
                                    top: 6px;
                                }
                            
                                .boxButUserBox svg.svgBalance, .justPurchasedUserBox svg.svgBalance
                                {                                    
                                    height: 20px;
                                }
                            
                                .boxButUserBox svg path, .justPurchasedUserBox svg path
                                {
                                    /*fill: var(--color-web-4);                              */
                                    fill: var(--color-grey-5);
                                }   
                                
                                .wrapUserBoxMenuItemGuide .boxButUserBox svg path
                                {
                                    fill: var(--color-web-6);
                                }                                  
                                                   
                                .wrapButUserBox:hover svg path, .justPurchasedUserBox svg path:hover
                                {
                                    fill: var(--color-web-6);
                                }    
                                
                                .wrapUserBoxMenuItem:hover .wrapButUserBox.wrapButUserBoxSocial svg path
                                {
                                    fill: #fff;
                                }                                 
                                
                                .boxButUserBox .svgPlayButton { left: 2px; }
                                .boxButUserBox .svgShare { left: -2px; }
                                .wrapProductButtons .boxButUserBox svg { top: 7px;}
                                                        
                        .wrapButUserBox.boxPanelAkciDisable, .boxPanelAkciDisable .boxButUserBox
                        {
                            background: var(--color-web-4);
                        }                                 
                        
                            .boxPanelAkciDisable .boxButUserBox svg path, .boxPanelAkciDisable:hover .boxButUserBox svg path
                            {
                                fill: #fff !important;                              
                            }   
                            
                        .wrapButUserBox.boxPanelAkciDisable:hover, .boxPanelAkciDisable:hover .boxButUserBox
                        {
                            background: var(--color-web-6) !important;
                        }      
            
            /* cena po slevě */
            .wrapProductPriceButtonsDiscounted
            {
                position: relative;
                overflow: visible;
                min-height: 60px;
            }
            
            .wrapProductPriceButtonsDiscounted.wrapProductPriceButtonsDiscountedPriceLocal
            {
                min-height: 85px;
            }
                
                .wrapProductPriceDiscounted
                {
                    position: absolute;
                    top: -8px;
                    right: 20px;
                    /*max-height: 60px;*/
                    
                    background: var(--color-discounts);
                    text-align: center;
                }
                
                .wrapProductPriceButtonsDiscountedPriceLocal .wrapProductPriceDiscounted
                {
                    height: 85px;
                }                
                
                    .wrapOldPrice
                    {
                        width: 100%;
                        margin: 0;
                        padding: 0;

                        text-decoration: line-through;
                        color: #464646;
                        font-size: 60%;
                        text-align: center;
                        font-weight: normal;
                    }                
                
                /* cena */
                .wrapProductPrice
                {
                    float: right;
                    color: var(--color-web-5);
                    text-align: right;
                    font-size: 120%;
                    font-weight: 700;
                    line-height: 1;
                }
                
                .wrapProductPriceDiscounted .wrapProductPrice
                {
                    width: 100%;
/*                    height: 45px;*/
                    padding: 5px 20px 10px;
                    
                    float: none;
                    color: #000;
                    text-align: center;
                    line-height: .8;
                }  
                
                .wrapProductPriceButtonsDiscountedPriceLocal .wrapProductPriceDiscounted .wrapProductPrice
                {
                    height: 65px;
                }
                
                    .wrapProductPrice .boxPriceLocal
                    {
                        font-size: 50%;
                        font-weight: 400;
                    }
            
            /* tlačítka detail a poptat */
            .butProductDetail, .butProductInquire
            {
/*                width: 100%;*/
                height: 50px;
/*                float: left;*/
                background: var(--color-web-4);
                
                color: #fff;
                text-transform: uppercase;
/*                text-align: center;*/
                text-decoration: none;
/*                
                line-height: 40px;
                font-weight: 600;
                font-size: 87.5%;
*/
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: 700;
            }
            
            .wrapProduct .butProductDetail, .wrapProduct .butProductInquire
            {
                width: 50%;
                float:left;
            }            
            
            .butProductInquire
            {
                background: var(--color-web-5);
            } 
            
            .butProductDetail:hover, .butProductInquire:hover
            {
                background: var(--color-web-6);                
                color: #fff;
                text-decoration: none;
            }
            
            .butProductInquireRounedGreen
            {
                background-color: var(--color-call-me-2);
            }
            
            .butProductInquireRounedGreen:hover
            {
                background-color: var(--color-call-me-1);
            }            
            
                     
            
/**********************************************/
/* kontaktní dlaždice s prodejcem */
/**********************************************/            

.wrapSeller .boxProduct .contentSeller
{
    position: relative;
    margin: 0;
}
 
.boxColoredLine
{
    position: relative;
    top: 0;
    
    width: 100%;
    height: 3px;
    background: var(--color-web-4);
    
    display: none;
}

/* inciály prodejce */    
.wrapSellerContact
{    
    position: absolute;
    bottom: 0;    

    width: 100%;
    background: var(--color-web-5);
}

    .boxSellerContact 
    {
        width: 100%;
        margin: 0;
        color: #fff;
    }   
        /* jméno prodejce */
        .wrapRowSellerName
        {      
            width: 100%;
            padding: 3%;     
            margin-bottom: 35px;
            background: var(--color-web-7);
        
            color: #fff;
            font-size: 130%;
            font-weight: 800;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 20px;
/*            letter-spacing: 2px;*/
        }
        
        /* řádky volejte kdykoliv a pošlete zprávu */
        .wrapRowSellerContact
        {
            position: relative;
            height: 60px;
            margin-bottom: 20px;
            overflow: visible;
            cursor: pointer;
        }
        
        .wrapRowSellerContact, .wrapRowSellerContact:hover
        {
            text-decoration: none;
        }        
                
        .wrapRowSellerContact, .wrapRowSellerContact:last-child 
        {            
            width: 80%;
            margin: 0 auto 15px;             
        }   
        
        .wrapRowSellerContact:last-child 
        {
            height: 46px;
            margin-bottom: 30px; 
        }  
        
        .wrapRowSellerContactCenter
        {
            width: auto;
            margin: 0 auto;
        }
        
            .boxRowSellerContact
            {
                position: relative;
/*                top: 6px;*/
                width: 100%;
                height: 42px;
                padding: 5px 5px 5px 40px; 
                margin: 0 5%;
                z-index: 10;
                
                color: #fff;
                font-weight: 700;
                font-size: 170%;
                text-transform: uppercase;
                text-align: left;
                line-height: 1;
            }
            
            /* nastavení velikosti emailů ve vizitce*/
            .boxRowSellerContact:last-child .boxRowSellerContactEmail
            {
                font-size: 88%;
            }
            
            .boxRowSellerContact:last-child  .emailChufEn
            {
                font-size: 100%;
            }                            
            
                .boxRowSellerContact span
                {
                    display: inline-block;  
                    float: none;
                    color: var(--color-web-3);
                    font-weight: 700;
                    font-size: 60%;
                    margin-top: 2px;
                }                   
                       
                .boxRowSellerContactTel
                {
                    line-height: .8;
                }                
                
            /* ikona telefon a email */
            .wrapSellerCircle
            {     
                position: absolute;
                width: 46px;
                height: 46px;
                z-index: 20;
                background: #fff;
                text-align: center;
            }
            
                .wrapSellerCircle .block
                {
                    width: 42px;
                    height: 42px;
                    margin: 2px;
                    background: var(--color-web-5);
                }            

                    .wrapSellerCircle svg
                    {
                        margin: 9px auto 0;
                        width: 60%;
                        max-width: 60%;
                    }

                        .wrapSellerCircle .block svg path
                       {
                           fill: #fff;
                       }
                       
                /* text pod telefonem - call anytime */
                .boxRowSellerContactPhoneNumber
                {
                    font-weight: 700;
                }
                
                .boxRowSellerContactEmail
                {
                    text-transform: lowercase;
                }

                
               
            /* leave a message */
            .wrapRowSellerContact:last-child .boxRowSellerContact
            {
                line-height: 46px;
                top: -4px;
                font-size: 160%;
            }                            
                
            /* leave a message */
            .wrapRowSellerContact:last-child .wrapSellerCircle
            {
                left: 0;
            }  
            
            /* sociální ikony v kontaktu */
            .wrapSellerSocial
            {
                margin-bottom: 30px;
            }
            
                .wrapSellerSocialAnchor
                {
                    width: 44px;
                    height: 44px;
                    margin: 0 10px 0 0;
                }

                .wrapSellerSocialAnchor:last-child
                {
                    margin: 0;
                }            

                    .wrapSellerSocialAnchor svg
                    {
                        width: 80%;
                    }

                    .wrapSellerSocialAnchor svg path
                    {
                        fill: #fff;
                    }                

            

    /* vlajky */
    .wrapRowSellerContactLanguages
    {
        position: relative;
        top: 20px;
        float: right;

        width: auto;
        margin: 0 25px 0 0;
    }

        .wrapRowSellerContactLanguages .wrapLanguageSkills 
        {
            float: none;
            width: 35px;
            height: 35px;
            margin: 0 0 12px 0;
            background-size: 35px;            
        }

        .wrapSellerContactLanguageSkills 
        {
            height: auto;
        } 
        
            .wrapRowSellerContact .wrapLanguageSkills
            {
                margin-right: 15px;
            }

            .wrapRowSellerContact .wrapLanguageSkills:last-child
            {
                margin-right: 0;
            }   

        
    .wrapSellerContact .wrapLanguageSkills
    {
        width: 20px;
        height: 20px;
    } 

                   
/**********************************************/            
/* kontakt / prodejce */
/**********************************************/                

.wrapContactDetail
{
    width: 25%;
    float: left;
    margin: 0;
}
    
    .wrapContactDetail .wrapSeller
    {
        width: 100%;
        max-width: 381px;
        margin: 0;
        float: right;
    }
    
    .wrapContactDetail .contentSeller
    {
        min-height: 563px;
    }
    
    .wrapContactDetail .boxProduct, .wrapContactDetail .wrapNavButtons
    {
        width: 88.50574712643678%;
        margin: 0 0 0 11.49425287356322%;
    }
    
    

/**********************************************/            
/* navigace pod prodejcem */
/**********************************************/                    

.wrapNavButtonsBellowSeller
{
    margin-top: 40px !important;
}


.wrapNavButtonsBellowSeller .wrapProductButtons .butProductDetail svg
{
    height: 20px;
}

    .wrapNavButtonsBellowSeller .wrapProductButtons .butProductDetail svg.svgBack path
    {
        stroke: #fff; /* bez nastavené barvy se neprojeví vlastnost šířky */
        stroke-width: 15px;
    }
    
    
    
/**********************************************/            
/* vozík je již prodaný */
/**********************************************/ 

.wrapSoldItem
{
    margin-top: 50px;
    margin-bottom: 50px;
}

.wrapWidgetContent.wrapSoldItem
{
    margin-bottom: 60px;
}

    .wrapSoldItemText
    {
        width: 65%;
        float: left;
    }

    .wrapSoldItem .wrapContactDetail
    {
        width: 35%;
    }   
    
        .wrapSoldItem .wrapContactDetail .wrapProduct
        {
            width: 100%;
        }    
    
        

/**********************************************/         
/* rezervace voziku */
/**********************************************/ 

.wrapReservation
{
    overflow: hidden;
    width : 50%;
    margin : 30px auto;
}

.h2Reservation
{
    margin-top: 40px;
}

    .wrapReservationForklift
    {
        width: 65%;
        float : left;
    }

    .wrapReservationText
    {
        width: 65%;
        float: left;
    }
    
.wrapIcoNotification
{
    display: inline-block;
    width: 40px;
    height: 40px;  
    
    float: left;
    margin-right: 20px;
}    

    .wrapIcoNotification svg
    {
        width: 100%;
        max-width: 100%;
    }
    
        .wrapIcoNotification svg path, .wrapIcoNotification svg path, .wrapIcoNotification svg rect
        {
            fill: var(--color-web-4);
        } 
        
.boxTechnickeInformace.h1Detail
{
    margin-top: 40px;
}        

.wrapFotoReservation
{
    float: left;    
    width: 40%;
    margin-top: 10px;
}

.wrapZakladniParametryReservation
{
    float: left;
    width: 60%;
    margin-top: 10px;
}

    .wrapZakladniParametryReservation .wrapZakladniParametry
    {
        width: 92%;
        margin-left: 8%;
    }
           
        .wrapZakladniParametryReservation .boxZakladniParametry .boxProductDataLabel, .wrapZakladniParametryReservation .boxZakladniParametry .boxProductDataValue
        {
            font-size: 110%;
        }     
        
        .wrapZakladniParametryReservation .boxZakladniParametry .boxPriceBig
        {
            font-size: 170%;
        }        
        
        
    .wrapZakladniParametryReservation  .wrapTableZakladniParametry
    {
        margin-bottom: 0;
    }
    
    .wrapZakladniParametryReservation .wrapTablePrice 
    {
        margin-bottom: 20px;
    }    
    
    .wrapZakladniParametryReservation .boxZakladniParametry .boxProductDataLabel.boxProductDataAttachment
    {
        width: 100%;
    }


    
    
/**********************************************/
/* footer */
/**********************************************/     

.wrapFooter
{
    background: var(--color-grey-4);
}

    .wrapFooter > .block
    {
        width: 88.01891749868628%;
        margin: 60px auto 60px;
    }
    
    .boxCopyright
    {
        clear: both;
        margin-top: 106px;
        text-align: right;
        font-size: 85%;
    }
    
        .wrapFooterColumn
        {
            width: 30%;
            float: left;
        }
        
            .wrapFooterColumn h2
            {
                width: 100%;
                float: none;                
                
                font-size: 120%;
                font-weight: 600;
                text-align: left;
            }        
            
            .wrapFooterSocial h2
            {
                margin-bottom: 20px;
                
                text-align: center;
                color: var(--color-grey-5);
            }
            
            .wrapFooterGroup h2
            {
                margin-bottom: 20px;
                text-align: right;
                color: var(--color-grey-5);
            }            
            
            
            
        .wrapFooterSocial, .wrapFooterGroup
        {
            
        }
            
        /* logo */
        .wrapFooterLogo
        {
            height: 120px;            
            margin-bottom: 5px;
        }
          
        
        /* sociální sítě*/
        .wrapFooterSocial
        {
            width: 40%;
        }
        
        .wrapFooterSocial, .wrapFooterGroup
        {
            margin-top: 40px;
        }
        
            .wrapFoooterIcons
            {
                margin: 0 auto;
                flex-wrap: wrap;
            }
            
            .wrapFooterSocial .boxFoooterIcons
            {
                margin: 0 auto;
            }

            .wrapFoooterIcons{}
                

                .wrapFooterIconAnchor
                {
                    width: 65px;
                    height: 65px;
                    float: left;
                    margin-right: 3.5%;
                    
                    background: var(--color-grey-5);
                    cursor: pointer;
                }                                             

                .wrapFooterIconAnchor:hover
                {
                    background: var(--color-web-5);
                }
                
                .wrapFooterIconAnchor:last-child
                {
                    margin-right: 0px;
                }                

                    .boxFooterIconAnchor
                    {
                        width: 63px;
                        height: 63px;
                        margin: 1px;

                        background: var(--color-grey-4);

                        text-align: center;
                    }            

                        .boxFooterIconAnchor svg
                        {
                            width: 40px;
                            margin: 12px auto 0;
                        }  

                        .boxFooterIconAnchor svg path, .boxFooterIconAnchor svg polygon
                        {
                            fill: var(--color-grey-5);
                        }                     

                        .wrapFooterIconAnchor:hover .boxFooterIconAnchor svg path, .wrapFooterIconAnchor:hover .boxFooterIconAnchor svg polygon
                        {
                            fill: var(--color-web-5);
                        }                                         
        
                        
                        
        /* skupina VZV Group*/
        .wrapFooterGroup .wrapFoooterIcons
        {
            justify-content: flex-end;
            flex-wrap: wrap;
        }
            
            .wrapFooterGroup .wrapFooterIconAnchor
            {
                margin-right: 4.5%;
            }          
            
            .wrapFooterGroup .wrapFooterIconAnchor:last-child
            {
                margin-right: 0;
            }             
        
                .wrapFooterGroup .boxFooterIconAnchor svg
                {
                    width: 52px;
                    margin: 15px auto 0;
                }  

                .wrapFooterIconVzv, .wrapFooterIconVzv:hover
                {
                    background: #bb0303;
                }

                    .wrapFooterIconVzv svg path, .wrapFooterIconVzv:hover svg path
                    {
                        fill: #bb0303 !important;
                    }        

                .wrapFooterIconGroup, .wrapFooterIconGroup:hover
                {
                    background: #ff5400;
                }

                    .wrapFooterIconGroup svg path, .wrapFooterIconGroup:hover svg path
                    {
                        fill: #ff5400 !important;
                    }        

                .wrapFooterIconPujcovna, .wrapFooterIconPujcovna:hover
                {
                    background: #439807;
                }

                    .wrapFooterIconPujcovna svg path, .wrapFooterIconPujcovna:hover svg path
                    {
                        fill: #439807 !important;
                    }        

                .wrapFooterIconChuf, .wrapFooterIconChuf:hover
                {
                    background: #7628A8;
                }    

                    .wrapFooterIconChuf svg path, .wrapFooterIconChuf:hover svg path
                    {
                        fill: #7628A8 !important;
                    }        

                .wrapFooterIconVzv:hover, .wrapFooterIconGroup:hover, .wrapFooterIconPujcovna:hover, .wrapFooterIconChuf:hover
                {
                    background: var(--color-grey-5);
                }

                    .wrapFooterIconVzv:hover svg path, .wrapFooterIconGroup:hover svg path, .wrapFooterIconPujcovna:hover svg path, .wrapFooterIconChuf:hover svg path
                    {
                        fill: var(--color-grey-5) !important;
                    }               
            

                    
/**********************************************/
/* checkbox */
/**********************************************/                

.wrapFilterCheckbox
{
/*    margin-bottom: 5px;*/
}

/* Base for label styling */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked,
[type="radio"]:not(:checked), [type="radio"]:checked 
{
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label
{
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, 
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before
{
    content: '';

    position: absolute;
    left: 0; 
    top: 0;

    width: 18px; 
    height: 18px;

    border: 2px solid var(--color-grey-5);
}

[type="checkbox"]:checked + label:before,
[type="radio"]:checked + label:before
{
    background: var(--color-web-5) url('../img/ico/check_white.svg') no-repeat center center;
    background-size: 12px;  
    border-color: var(--color-web-5);
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after ,
[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after 
{
    content: '';
    position: absolute;
    top: .1em; 
    left: .3em;
    font-size: 1.3em;
    line-height: 0.8;
    color: var(--color-web-5);
    transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after ,
[type="radio"]:not(:checked) + label:after 
{
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after 
{
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before 
{
    box-shadow: none;
    border-color: #8f8f8f;
    background-color: #fff;
}

[type="checkbox"]:disabled:checked + label:after,
[type="radio"]:disabled:checked + label:after 
{
    color: #8f8f8f;
}

[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label
{
    color: #8f8f8f;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before,
[type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before 
{
    border: 2px solid var(--color-web-5);
}

/* hover style just for information */
label:hover:before 
{
    border: 2px solid var(--color-web-5) !important;
}

.wrapFilterCheckbox:hover label
{
    color: var(--color-web-5);
}



/*************************************/    
/* button call me */
/*************************************/ 

.wrapCallMeWidget
{
    position: fixed;
    z-index: 9999;
    overflow: visible;
    
    bottom: 20px;
    right: 20px;
    
    width: 80px;
    height: 80px;
    margin: 0 auto;    
}

.wrapButCallMe            
{    
    position: absolute;
    z-index: 2;
    background: var(--color-call-me-2);    
}
    .boxButCallMe
    {                
        width: 80px;
        height: 80px;
        z-index: 9990;  
        
        display: flex;
        justify-content: center;
        align-items: center;
    }  
    
    .boxButCallMe svg
    {           
        width: 60%;
        max-width: 60%;
        animation: icoCallMe 1.5s alternate infinite ease-in;
    } 
    
    @keyframes icoCallMe 
    {
      0%   {transform: scale(.9);}
      100% {transform: scale(1.1);}
    } 
    
        .boxButCallMe svg path
        {           
            fill: #fff;
        }     

    .wrapLabelCallMe
    {
        position: absolute;
        top: 20px;
        right: 70px;
        z-index: 1;
        
        display: none;
        width: 200px;
        
        background: var(--color-call-me-1);
        animation: labelCallMe 0.3s normal 1 ease-in;
    }
    
    .wrapCallMeWidget:hover .wrapLabelCallMe
    {        
        display: block;
    }
    
        .boxLabelCallMe
        {
            padding: 10px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-weight: 600;
        }
        
    @keyframes labelCallMe 
    {
      0%   {right: 5px;}
      100% {right: 70px;}
    } 
    
        .boxButCallMe svg path
        {           
            fill: #fff;
        }      
        
#triggerDatepickerCallMe.wrapPresetButtons
{
    margin-right: 20px;
}

.chosenDateToCall
{
    margin-left: 20px;
    margin-top: 8px;
    color: var(--color-web-4);
}


        
/**********************************************/
/* back on top */
/**********************************************/

.wrapBackOnTop
{
    position: fixed;
    z-index: 9998;
    
    bottom: 20px;
    right: 31px;
}

.wrapBackOnTopFloating
{
    bottom: 120px;
}

.wrapBackOnTop, .wrapUserSectionBigCircleButton
{    
    width: 63px;
    height: 63px;
    margin: 0 auto;
}

.wrapUserSectionBigCircleButton
{
    margin-bottom: 10px;
}

.wrapBackOnTop:hover, .wrapUserSectionBigCircleButton:hover, .wrapUserSectionAction:hover .wrapUserSectionBigCircleButton
{
    background: var(--color-grey-6);
}

    .boxBackOnTop
    {
        display: flex;
        
        width: 63px;
        height: 63px;
        
        padding: 2px;
        text-align: center;
/*        border: 1px solid #fff;*/
    }
    
    .wrapBackOnTop:hover .boxBackOnTop
    {
/*        border-color: var(--color-grey-6);*/
    }    
    
        .boxBackOnTop svg
        {           
            position: relative;
            left: 19.5%;
            top: -6%;
            
            width: 55%;
            max-width: 55;
        }  
        
        .wrapBackOnTop .boxBackOnTop svg
        {           
            -ms-transform: rotate(90deg); /* IE 9 */
            -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
            transform: rotate(90deg);
        }  
        
            .boxBackOnTop svg path, .boxBackOnTop svg rect, .boxBackOnTop svg polygon,
            .boxCloseMyProfile svg polygon
            {
                fill: #fff;
            }        
            


/*************************************/    
/* základní nastavení pro úvodní fotky */
/*************************************/    

.wrapDetailCover, .wrapDetailCurtain
{
    width: 100%;
    min-height: 75vh;
}

.wrapDetailCover
{
    height: 100%;
}

    .wrapDetailCurtain
    {
        
        position: relative;
/*        background: rgba(0,0,0,.1);*/        
    }
    
        .wrapDetailCover h3
        {
            line-height: 1;
            margin: 0;
        }
        
            .wrapDetailCover h3 span
            {
                color: #fff;
                font-size: 80%;                
            }        
            

/* bílé motto na tmavším pozadí úvodní fotky */            
.wrapMotto
{
    position: absolute;
    left: 0%;
    top: calc(50% - 102px);
    width: 100%;
    text-align: center;
}    

    .wrapMotto span
    {
        font-size: 500%;
        font-weight: 800;
        color: #fff;
        line-height: 1.3;
        text-transform: uppercase;
        text-shadow: 0px 0px 10px rgba(30,30,30,0.85);        
    } 
    
        .wrapMotto span b.lc
        {
            text-transform: lowercase;
        }              
    
            
            
/*************************************/    
/* nadpisy sekcí */    
/*************************************/  

.wrapDetailTitleSection
{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;    
    justify-content: center;
    
    width: 100%;
    padding: var(--size-110);
    background: var(--color-web-4);
    
    align-items: center;                
}

    .wrapDetailTitleSection h2
    {
        margin: 0;
        line-height: 1.25;
    }
    
    .wrapDetailTitleSection h2 + span
    {
        color: var(--color-web-5);
        font-size: 270%;
        text-align: center;
        text-transform: uppercase;
    }            
    
    
    
/*************************************/    
/* strana na půlku */    
/*************************************/      
    
.boxPhotoHalf
{
    margin: 0px 0 -6px;
}

    .boxPhotoHalf img
    {
        max-width: 100%;
    }

.wrapW50
{
    width: 50%;
    float: left;
}

    .wrapAboutUs + .wrapBgWhite .wrapW50, .wrapTransportText .wrapW50
    {
        display: flex;
        justify-content: center;
        align-items: center;
    } 

    .boxW50Text
    {        
        max-width: 90%;
        margin: 50px auto;
        font-size: 160%;
    }
    
        .boxW50Text h3
        {
            margin: 0 0 20px 0;
            color: var(--color-web-5);
            font-size: 130%;
            font-weight: 700;
            text-align: left;
            text-transform: uppercase;
        }

        .boxW50Text ul, ul
        {
            margin: 0 auto;
        }  
        
            .boxW50Text li, li
            {
                background: transparent url('../img/ico/li.svg') no-repeat left 7px;
                background-size: 30px;

                margin: 0 0 20px 0;
                padding: 0 0 0 32px;
            }      


            
/*************************************/    
/* barvy pozadí */
/*************************************/   

.wrapDetailTitleSection h2
{
    width: 100%;
    float: none;
    overflow: hidden;
    
    color: var(--color-web-5);
    font-size: 500%;
    font-weight: 800;
}

    .wrapDetailTitleSection h2 + span
    {
        display: block;
        width: 100%;
        float: none;        
    }


    
/*************************************/    
/* barvy pozadí */
/*************************************/   

.wrapBgWhite
{
    background: #fff;
}                


/*************************************/    
/* zlatý řez */
/*************************************/  

.wrapGolden
{
    display: flex;        
    min-height: 55vh;
}

.wrapPhotoGolden
{
    flex: 1;
    width: 61.80339887%;
}

.wrapTextGolden 
{
    width: 38.19660113%;
    display: flex;
    align-items: center;
        
}

    .wrapTextGolden 
    {

    }

.wrapGoldenFlex
{
    display: flex;
    align-items: stretch;
    
    min-height: 60vh;
}  


.wrapGoldenImageRight .wrapW50:nth-of-type(1) { order: 2; }
.wrapGoldenImageRight .wrapW50:nth-of-type(2) { order: 1; }



/*************************************/    
/* tlačítka parkoviště, porovnávač a tisk + odkazy v hlavičce widgetu*/
/*************************************/  

    .boxZakladniParametry .wrapProductButtonsUserBox
    {
        width: 100%;
    }
    
    .boxZakladniParametry .wrapProductButtonsUserBox, .wrapProductButtons .wrapProductButtonsUserBox
    {
        display: flex;
        justify-content: center;
    }
    
        .wrapProductButtons
        {
            margin-bottom: 40px;
        }
    
        .wrapButActions, .wrapButActions:hover
        {
            float: left;
/*            width: 33.33333333333333333333333333333333333%;*/
            margin-right: 5%;
            cursor: pointer;
            text-decoration: none;
        }                
        
        .wrapButActions:last-child, .wrapMyProfile .wrapButActions, .wrapMyProfile  .wrapButActions:hover
        {
            margin-right: 0%;
        }
        
            .wrapButActions span
            {
                position: relative;
                top: 3px;
                
                /*color: var(--color-web-4);*/
                color: var(--color-grey-5);
                font-size: 120%;
                font-weight: 600;
                text-transform: uppercase;                
            }
            
        .wrapButActions:hover span
        {
            color: var(--color-web-6);
        } 
        
        .wrapButActions:hover .wrapButUserBox svg path
        {
            fill: var(--color-web-6);
        }        
        
        .wrapButActions:hover .wrapButUserBox
        {
            background: var(--color-web-6);
        }                   

        
        
/*************************************/    
/* křížek pro odstranění vozíku z parkoviště, porovnávače, poptávky */
/*************************************/          

.wrapActionRemoveFromParking
{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    
    width: 30px;
    height: 30px; 
    
    cursor: pointer;
}    

    .wrapActionRemoveFromParking svg
    {
        width: 20px;
        height: 20px;    
        margin: 5px;
    }    
    
        .wrapActionRemoveFromParking svg path, .wrapActionRemoveFromParking svg polygon
        {
            fill: var(--color-web-5);
        }        
        
        .wrapActionRemoveFromParking:hover svg path, .wrapActionRemoveFromParking:hover svg polygon
        {
            fill: var(--color-web-6);
        }  


/*  */        
.boxEmptyParking
{
    margin: 0 auto var(--size-60);
    background: var(--color-grey-3);
}        

    .boxEmptyParking article
    {
        padding: 40px;

        font-size: 125%;
        font-weight: 600;
        text-align: center;
    }      
    
.wrapRemoveFromParking + .wrapStickers    
{
   top: var(--size-40); 
}
        
        
/*************************************/    
/* uživatelská sekce */
/*************************************/  

.wrapMyProfile
{
    display: none;
    width: 100%;
    background: #fff;
    margin-bottom: 60px;
/*    
    padding-bottom: 60px;
    
    -webkit-box-shadow: 0px 0px 5px 1px rgba(40,40,40,0.17);    
    -moz-box-shadow: 0px 0px 5px 1px rgba(40,40,40,0.17);    
    box-shadow: 0px 0px 5px 1px rgba(40,40,40,0.17);   
*/    
}

    .boxMyProfile
    {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    
        .wrapCloseMyProfile
        {
            display: flex;
            align-items: center;
            justify-content: center;
            
            top: 55%;
            right: 0;
            
            width: 25px;
            height: 25px;
            
            background: rgba(168, 109, 206, .6);
            cursor: pointer;
        }
        
        .wrapCloseMyProfile:hover
        {
            background: var(--color-web-5);
        }        
        
            .boxCloseMyProfile
            {
                width: 12px;
                height: 12px;
            }
            
                .boxCloseMyProfile svg
                {
                    position: relative;
                    top: -6px;
                    left: 1px;
                    width: 10px;
                }            
    
/* menu v horní části widgetu už. sekce */
.wrapWidgetHeader, .wrapWidgetContent
{
    width: 60%;
    margin: 0 auto;
    text-decoration: none;
}

.wrapWidgetHeader
{
    background: var(--color-web-5);
}

    .boxWidgetHeader
    {    
        position: relative;
        
        margin-bottom: 2px;
        padding: 40px 0 15px 0;
        background: #fff;        
    }     
    
        .wrapWidgetHeaderCol
        {
            float: left;
            width: 25%;
            margin: 0;
        }        
            
            .wrapWidgetHeaderCol, .wrapWidgetHeaderCol a
            {
                color: var(--color-web-4);
                font-weight: 600;
                font-size: 100%;
                text-decoration: none;
            }   
            
            .wrapWidgetHeaderCol a:hover, .wrapWidgetHeaderCol:hover a
            {
                text-decoration: none;
            }
            
            .wrapWidgetHeaderColTitle
            {
                color: var(--color-web-5);
                text-transform: uppercase;                
                font-size: 130%;
                font-weight: 700;
            }  
            
            .wrapWidgetHeaderColText, .wrapWidgetHeaderColText span
            {
                color: var(--color-grey-5);
                font-weight: 600;
            }
            
/* odkazy v už. sekci */  
.wrapWidgetMenu, .wrapWidgetMenu:hover
{
    width: 25%;
    float: left;
    margin-top: 60px;
    
    text-decoration: none;
}



.boxWidgetMenuCircle
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    
    background: var(--color-web-5);
    height: 100px;
    width: 100px;
    margin: 0 auto;
}

.wrapWidgetMenu:hover .boxWidgetMenuCircle
{
    background: var(--color-web-6);
}

.wrapWidgetMenu:hover .titleWidgetMenu
{
    color: var(--color-web-6);
}

.wrapWidgetMenu:nth-child(5)
{
    margin-left: 12.5%;
}

    .boxWidgetMenuCircle div
    {
        width: 50%;
        height: 50%;
    }

.titleWidgetMenu, a .titleWidgetMenu 
{
    margin-top: 10px;
    
    text-align: center;
    color: var(--color-web-5);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
}

    .wrapWidgetMenu .icoAgenti
    {
        background: transparent url('../img/ico/search.svg') no-repeat center center;
        background-size: contain;
    }
    
    .wrapWidgetMenu .icoAgentiNv
    {
        background: transparent url('../img/ico/just_purchased.svg') no-repeat center center;
        background-size: contain;
    }

    .wrapWidgetMenu .icoParking
    {
        background: transparent url('../img/ico/parking.svg') no-repeat center center;
        background-size: contain;
    }

    .wrapWidgetMenu .icoCompare
    {
        background: transparent url('../img/ico/balance.svg') no-repeat center center;
        background-size: contain;
    }    
    
    .wrapWidgetMenu .icoOrders
    {
        background: transparent url('../img/ico/files.svg') no-repeat center center;
        background-size: contain;
    }   

    .wrapWidgetMenu .icoOffers
    {
        background: transparent url('../img/ico/pdf.svg') no-repeat center center;
        background-size: contain;
    }   

    .wrapWidgetMenu .icoXls
    {
        background: transparent url('../img/ico/xls.svg') no-repeat center center;
        background-size: contain;
    }   
    
/* počty položek v už. menu */    
.boxWidgetMenu
{
    overflow: visible;
}

    .boxWidgetMenu span    
    {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 100;

        display: block;
        width: 35px;
        height: 35px;
        line-height: 35px;

        background: var(--color-web-4);

        color: #fff;
        font-size: 90%;
        text-align: center;
        font-weight: 600;
    }        
    
    
/* login */    
.wrapLoginContent, .wrapLoginContent div, .wrapLoginContent ul, .wrapLoginContent, .wrapLoginContent button
{
    box-sizing: border-box;
}

.wrapLoginContent
{
    flex-wrap: wrap;
    align-items: stretch;
    background: #fff;
}

    /* registrovat */
    .wrapLoginNewRegisration
    {
        padding: 40px;
        background: rgb(118,40,168);
        background: linear-gradient(0deg, rgba(118,40,168,1) 0%, rgba(168,109,206,1) 100%);   
    }
 
        .wrapRegisterLogo
        {
            height: 100px;
            margin-bottom: 20px;
        }
    
        .wrapRegisterIntroText
        {

        }
        
            .wrapRegisterIntroText li
            {
                padding-left: 0;
                margin-bottom: 0;            
                background: none;

                color: #fff;
                font-size: 125%;
                line-height: 1.1;
            }
            
            .wrapRegisterIntroText li + li 
            {
                margin-top: 15px;
            }            
        
        .butRegisterNow, .butRegisterNow:hover
        {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
/*            min-width: 150px;*/
/*            width: auto;*/
            
            margin: 40px 0;
            padding: 0 20px;
            background: #fff;
            color: var(--color-web-6);
            font-size: 100%;
        }
        
        .butRegisterNow:hover
        {
            background: var(--color-grey-6);
            color: #fff;
        }  
        
        .aWhyRegister
        {
            color: #fff;
            font-size: 90%;
            text-decoration: underline;
            cursor: pointer;
        }
        
    /* přihlásit */
    .wrapLoginForm
    {
        padding: 40px;
    }

        .wrapLoginForm h2
        {
            text-align: left;
            margin-bottom: 40px;
        }
        
        /* přihalšovací formulář */
        .wrapLoginForm .wrapInputFilter
        {
            float: none;
        }
        
        .wrapLoginForm .wrapInputFilter + .wrapInputFilter
        {
            margin-top: 20px;
        }        
        
            .wrapLoginForm .boxInputFilter
            {
                width: 100%;
                margin: 0;
            }

            .wrapLoginForm .butLogin
            {
                display: inline-block;
                background: var(--color-web-6);
                
                margin: 30px 0 40px; 
                padding: 0 20px;                
                
                color: #fff;
                font-size: 100%;
            }                        
            
        /* zobrazit heslo */
        .wrapAnchorShowPassword
        {
            margin: 20px 0;
        }
        
            .wrapLoginForm .wrapFilterCheckbox label 
            {
                font-size: 85%;
            }     
            
            .wrapLoginForm [type="checkbox"]:not(:checked) + label::before, .wrapLoginForm [type="checkbox"]:checked + label::before
            {
                width: 15px;
                height: 15px;
            }
                        
        
        /* odkazy pod přihalšovacím formulářem */
        .wrapLoginForm ul li
        {
            background-size: 20px;
            margin-bottom: 5px;
            padding-left: 23px;
            font-size: 85%;
        }        

        
    
/* zapomenuté heslo */    
.wrapDialogLostPassword
{
    width: 50%;
    margin: 0 auto;
}

    .wrapDialogLostPassword .wrapInputFilter
    {
        width: 100%;
        margin-bottom: 40px;
    }

/* změna hesla / obnova hesla */ 
.wrapDialogChangePassword
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .wrapDialogChangePassword .wrapInputFilter
    {
        width: 50%;
    }
    
    .wrapDialogChangePassword .wrapInputFilter:nth-child(-n+3)
    {
        margin-bottom: 60px;
    }
    
    .wrapCheckboxShowPassword
    {
        margin-top: 12px;
    }
    
        .wrapCheckboxShowPassword .wrapFilterCheckbox
        {
            display: flex;
            justify-content: center; 
        }          
    
    .wrapDialogChangePassword .butOk
    {
        width: 85%;
    }    
    
    
/* poptávka */
.wrapInquireContent, .wrapInquireList
{
    width: 60%;
    float: left;
}

.wrapInquireList
{
    width: 40%;
}

.wrapInquireContent.col-12-12
{
    width: 100%;
}


    .wrapInquireContent .wrapInputFilter, .wrapInquireContent .wrapTextarea
    {
        width: 50%;
        float: left;
        margin-bottom: 40px;
    }
    
    .wrapInquireContent .wrapTextarea, .wrapInquireContent .wrapTextarea textarea
    {
        width: 100%;
        line-height: 2.5;
    }
    
        .wrapTextarea textarea
        {
            background: #fff url('../img/textarea_line.png') repeat top left;
            background-attachment: scroll;
/*            min-height: 150px;*/
            text-align: left;
/*            font-size: 80%;*/
        }    

.wrapInquireContent .boxInputFilter
{
    width: 80%;
    margin: 0;
}

.wrapInquireContent .wrapTextarea .boxInputFilter
{
    width: 89.9%;
    margin: 0;
}

.wrapInquireContent .wrapTextarea:last-child
{
    margin: 0 ;
}

.wrapInquireContent .wrapTextarea .butSearch
{
    width: 50%;
    margin: 0 auto;
}



/* seznam vozíků */
.wrapInquireList
{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.wrapInquireList .wrapProduct
{
    width: 100%;
    float: none;
    margin-top: 0;
}

    .wrapInquireList .wrapInquireDescription
    {
        width: 50%;
        float: left;
    }

        /* fotka v poptávce */
        .wrapInquireList .wrapProduct .wrapInquireItemDescription:nth-child(1)
        {
            background: var(--color-web-4);
        }    
        
            .wrapInquireList .wrapProduct .wrapInquireItemDescription:nth-child(1) .boxInquireItemDescription
            {
                width: 100%;
                margin: 2px 0 0;
            }         
        
        /* popis vozíku v poptávce */
        .wrapInquireList .wrapProduct .wrapInquireItemDescription:nth-child(2) .boxInquireItemDescription
        {
            width: 90%;
            margin: 0 5%;
        }    
        
            .boxInquireItemDescription a
            {
                display: block;
                float: none;
                text-decoration: none;
                font-weight: 600;
            }            

        .titleYourRequest
        {
            margin-bottom: 20px;
        }

        /* název vozíku v poptávce */
        .wrapInquireList .boxInquireItemDescription
        {
            margin: 0;
            font-size: 89%;
            height: auto;
            line-height: 1;
        }

        /* cena vozíku v poptávce */
        .wrapInquireList .wrapProductPrice
        {
            float: left;
            font-size: 110%;
            text-align: center;
            margin-top: 7px;
        }

        /* odstranit vozík z poptávky */
        .wrapInquireList .wrapActionRemoveFromParking
        {
            width: 20px;
            height: 20px;
            top: 7px;
            right: 7px;
        }

            .wrapInquireList .wrapActionRemoveFromParking svg
            {
                width: 13px;
                height: 13px;
            }    


        
/*************************************/    
/* dialogové okno */
/*************************************/      

.blurred 
{
/*    
    -webkit-filter: blur(4px);
    filter: blur(4px);
*/   
}


.wrapFancy, .fancybox-container div.wrapFancy
{
    width: 60%;
    padding: 0;
}

.wrapFancy
{
    overflow: visible !important;
}

.wrapFancyHeader
{
    background: var(--color-web-5);
}

    .boxFancyHeader
    {
        margin: 20px;
    }
    
        .boxFancyHeader div
        {
            float: left;
            min-height: 60px;
        }    
    
        .wrapFancyHeaderLogo
        {
            width: 25%;            
            background-size: contain;
        }
        
        .wrapFancyHeaderLogoCz
        {
            background-size: contain;
        }        
        
        .wrapFancyHeaderMotto
        {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            
            
            width: 65%;
            
            color: #fff;
            font-size: 200%;
            font-weight: 700;
            text-transform: uppercase;
        }
        
        /* zavírací křížek */
        .wrapFancy .fancybox-close-small
        {
            position: absolute;
            top: 30px;
            right: 20px;
            width: 40px;
            height: 40px;            
            display: block;
            border: none;
            cursor: pointer;
            margin: 0;
            padding: 0;
            border-radius: 0;
        }  
        
        .wrapFancy .fancybox-close-small::after 
        {
            content: '';
            top: 0;
            right: 0;
            width: 40px;
            height: 40px;
            color: #fff;
            background: transparent url('../img/ico/action_close.svg') no-repeat center center;
            background-size: cover;        
        }     
        
.wrapFancyContent h2
{
    margin-top: 0;
    text-align: left;
    font-weight: 600;
}        

    .wrapFancyContent .boxFormSection h2
    {
        position: relative;
        margin: 0 0 40px 0;
        text-align: center;
    }   
    
        .boxFancyContent h2:after
        {
            display: block;
            content: '';
            width: 80px;
            height: 2px;
            background: var(--color-grey-4);
            margin: 10px auto 10px;
        }    

.boxFancyContent
{
    margin: 40px;
}   

.thankyou
{
    text-align: center;
}

.wrapDialogContentFull
{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.wrapDialogIntroText
{
    text-align: justify;
    margin-bottom: 40px;
}

.wrapDialogSingleInputs
{
    width: 50%;
}



.wrapFancy .wrapSumoselectTime .SumoSelect
{
    width: 60px;
}

.wrapSumoselectTime .wrapInput50, .wrapSumoselectTime .wrapInput50:last-child
{
    float: left;
    width: 70px;
}

.wrapTimeDivider
{
    width: 20px;
    float: left;
    margin-right: 11px;
    
    font-size: 125%;
    text-align: center;
}


.wrapInput input.inputDateCallMe
{
    width: 0%;
    float: left;
}

.wrapCallMeDates
{
    width: 100%;
    float: left;
}

.wrapPresetButtons
{
    display: inline-block;
    overflow: hidden;
    float: left;
    height: 38px;
    
/*    background: var(--color-web-4);*/
    background: var(--color-grey-5);
    cursor: pointer;
}

.wrapPresetButtons.wrapPresetButtonsChecked
{ 
    background: var(--color-web-4);
}

.wrapPresetButtons + .wrapPresetButtons
{
    margin-left: 15px;
}

.wrapPresetButtons:hover
{
    background: var(--color-web-5);
}

    .boxPresetButtons
    {
        display: inline-block;
        overflow: hidden;
        margin: 2px;
        padding: 5px 10px;
        background: #fff;
        /*color: var(--color-web-4);*/
        color: var(--color-grey-5);
    }          
    
    .boxPresetButtons.boxPresetButtonsChecked
    {
        color: #fff;        
        background: var(--color-web-4);
    }       
    
    
    .wrapPresetButtons:hover .boxPresetButtons
    {
        background: var(--color-web-5);
        color: #fff;
    }           
    
    .boxPresetButtons svg
    {
        position: relative;
        top: 2px;
        height: 18px;
        
        margin-right: 5px;
    }
    
    .boxPresetButtons svg path
    {
        fill: var(--color-grey-5);
    }    
    
    .wrapPresetButtons:hover .boxPresetButtons svg path
    {
        fill: #fff;
    }     


/*************************************/ 
/* jazykové menu */
/*************************************/ 

.wrapMenuLanguages
{
    
}

    .boxMenuLanguages
    {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }

.wrapItemLanguage
{
    width: 16.66666666666667%;   
}

.wrapItemLanguage, .wrapItemLanguage:hover
{
    text-decoration: none;
    margin-bottom: 20px;
}

    .boxItemLanguage
    {
        min-height: 80px;
        width: 90%;    
        margin: 5%;
        padding-top: 60px;
        
        color: var(--color-web-4);
        font-weight: 600;
        text-align: center;
    }

    .wrapItemLanguage
    {
        text-transform: uppercase;        
        text-align: center;
    }
    
    .wrapItemLanguage:hover .boxItemLanguage
    {
        color: var(--color-web-5);
        text-decoration: none;
    }
  
/*    
        .boxItemLanguage img
        {
            display: block;
            z-index: 1;
            float: none;
            
            width: 75%;
            max-width: 75px;
            margin: 0 auto 10px;
        }
*/        


/*************************************/ 
/* ikona HELP */
/*************************************/ 

.wrapIcoHelp
{
    position: relative;
    top: 5px;
    
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

    .wrapIcoHelp, .wrapIcoHelp svg
    {
        width: 30px;
        height: 30px;
    }
    
    .wrapIcoHelp svg path
    {
        fill: var(--color-grey-4);
    }   
    
    .wrapIcoHelp:hover svg path
    {
        fill: var(--color-web-5);
    }
    

    
/*************************************/ 
/* loading */
/*************************************/  

.wrapLoading, .wrapSlidingFilter, .wrapSlidingSubmenu
{
    display: none;
    justify-content: center;
    align-items: center;
    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;

    background: rgba(0, 0, 0, .33);
  /*  opacity: 0.98;*/
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);    
}

.showLoading
{
    display: flex;
}



/*************************************/ 
/* chybové hlášky */
/*************************************/  

.labelRequired::after
{
    position: relative;
    top: 2px;
    margin-left: 5px;
    
    content: '*';
    color: var(--color-grey-6);
    font-size: 100%;
    font-weight: 700;
}

.icoRequired
{
    position: relative;
    top: 2px;
        
    margin-left: 5px;
    color: #cc0000;    
}

.wrapFormAlert
{
    display: none;
    width: 100%;
    background: #F77F00;
}

    .boxFormAlert
    {
        position: relative;
        overflow: visible;

        margin: 0 0 0 25px;
        padding: 10px;
        background: #FF890A;
        
        color: #fff;
        font-size: 85%;
        line-height: 1.3;
    }

    .boxFormAlert::before
    {
        position: absolute;
        left: -15px;
        top: 5px;

        content: '!';
        display: block;
        float: left;
        width: 20px;
        padding: 0;

        color: #fff;
        font-size: 150%;
        font-weight: bold;
    }
    
    
/*************************************/ 
/* formulář */
/*************************************/     

.wrapFormSection:nth-child(odd)
{
    background: #ffffff;
}

.wrapFormSection:nth-child(even)
{
    background: var(--color-grey-2);
}

    .boxFormSection
    {
        margin-top: 30px;
        margin-bottom: 30px;
    }   
    
    .boxFancyContent .wrapFormSection:nth-child(2n+1) 
    {
        margin-bottom: 30px;
    }
    
        .boxFormSectionOthers .wrapInputFilter
        {
            width: 50%;
        }

    .boxFormSectionRadio.boxFormSectionRadio
    {
        margin-bottom: 10px;
    }
        
        .boxFormSectionRadio.boxFormSectionRadio .wrapInputFilter
        {
            margin-bottom: 20px;
        }
    
.wrapForm
{
    
}

    .boxForm
    {
        margin-bottom: 60px;
    }
    
        .boxForm .wrapInputFilter
        {
            width: 25%;
            float: left;
        }
        
.notFilledRequiredInput
{
    border-bottom-color: #cc0000 !important;
}




.wrapAutoCenter
{
    margin-left: auto;
    margin-right: auto;
}

.wrapMarginB40
{
    margin-bottom: 40px;
}

.wrapMarginT40
{
    margin-top: 40px;
}


/*************************************/    
/* tabulka - responsivní */
/*************************************/          

.wrapTr
{
    width: 100%;
}

.wrapTr:after
{
    content: '';
    display: block;
    overflow: hidden;
    float: none;
    width: 100%;
    height: 1px;
    background: var(--color-web-4);;
}

.wrapTrTh:after
{
    content: '';
    display: none;
    height: 0;
}

.wrapTr .wrapTd
{
    float: left;
    padding: 10px 0;
}

    .boxTd
    {
        padding: 10px 10px;
        font-size: 90%;
    }
    
        .boxTd .boxTableAction svg
        {
            position: relative;
            top: 2px;
            
            width: 17px;
            float: left;
            margin-right: 7px;
        }
        
            .boxTd .boxTableAction svg path, .boxTd .boxTableAction svg polygon, .boxTd .boxTableAction svg rect
            {
                fill: var(--color-grey-5);
            }   
            
            .boxTd .boxTableAction a:hover svg path, .boxTd .boxTableAction a:hover svg polygon, .boxTd .boxTableAction a:hover svg rect
            {
                fill: var(--color-web-5);
            }  

    /* odkaz / tlačítko v tabulce */
    .boxTableAction, .boxTableAction:hover
    {
        display: block;
        
        color: var(--color-grey-5);
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
    }
    
    .boxTableAction:hover
    {
        color: var(--color-web-5);
    }    
    
.wrapTrTh
{
    background: var(--color-web-4);
}

    .wrapTrTh .boxTd
    {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    
/*************************************/    
/* nově vykoupeno */
/*************************************/      

h1.h1JustPurchased
{
    display: block;    
    width: 100%;
    
    font-size: 220%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.3;   
}

.wrapTableNoveVykoupeno
{
    width: 88.3%;
    margin: 0 auto 55px auto;    
}

.wrapTrTh .wrapTableNoveVykoupeno
{
    margin-bottom: 0;
}

    .wrapTableNoveVykoupeno .wrapTr .boxTd
    {
        font-size: 105%;
    }
       
        .wrapTableNoveVykoupeno a.boxTd h2
        {
            margin: 0;
            line-height: 1.15;            
        }          
        
        .wrapTableNoveVykoupeno a.boxTd:hover h2
        {
            color: var(--color-web-5);
        }                  

    /* šířky sloupců */
    .justPurchasedModel
    {
        width: 30%;
    }
    
    .wrapJustPurchasedParameters
    {
        display: flex;
        align-items: stretch;
        width: 70%;
    }
    
        .boxJustPurchasedParameters
        {
            float: left;
            width: 57.14285714285714%;
        }

            .justPurchasedMast, .justPurchasedLift, .justPurchasedCapacity, .justPurchasedMth
            {
                width: 25%;
                text-align: center;
            }    

            .justPurchasedUserBox, .justPurchasedInquire
            {
                width: 50%;
            }
            
            .justPurchasedInquire
            {
                text-align: right;
            }            

            .justPurchasedPrice
            {
                width: 20%;
            }
            
            .wrapTdJustPurchasedUsedBoxInqure
            {
                width: 30%;
            }
    

    /* hlavička řádku */
    .wrapTrTh .justPurchasedMast, .wrapTrTh .justPurchasedLift, .wrapTrTh .justPurchasedCapacity, .wrapTrTh .justPurchasedMth
    {
        width: 9.3%;
    } 
    
    .wrapTrTh .justPurchasedPrice
    {
        width: 5%;
        text-align: center;
        margin-left: 3.5%;
    }
    
    .wrapTrTh .justPurchasedUserBox, .wrapTrTh .justPurchasedInquire
    {
        display: none;
    }
    
    /* odkazy model a evidenčko */
    .wrapTableNoveVykoupeno a
    {
        text-decoration: none;
    }
    
        .justPurchasedModel a.boxTd h2, .justPurchasedForkliftId a.boxTd h2
        {
            font-size: 115%;
            font-weight: 700;
            text-align: left;   
            text-decoration: none !important;
        }

        .justPurchasedModel a.boxTd h2
        {
            display: flex;
            align-items: stretch;
            color: var(--color-web-5);
        }
        
        .justPurchasedModel:hover a.boxTd h2
        {
            color: var(--color-grey-5);
        }  

            .boxForkliftId
            {
                margin-right: 15px;
            }

            .boxForkliftId, .boxForkliftModel
            {
                float: left;
            }

            .justPurchasedModel a.boxTd h2 .boxForkliftModel
            {
                color: var(--color-web-5);
            }
            
            .justPurchasedModel:hover a.boxTd h2 .boxForkliftModel
            {
                color: var(--color-web-6);
            }            

    /* nastavení ostatních sloupců */    
    .justPurchasedMast .boxTd
    {
        text-align: left;
        text-transform: uppercase;
    }    
    
    .wrapTableNoveVykoupeno .wrapTr .justPurchasedPrice .boxTd
    {
        color: var(--color-web-5);        
        font-size: 140%;
        font-weight: 700;
        text-align: center;
        line-height: 1;
    }  
    
    .justPurchasedUserBox .boxTd
    {
        display: flex;
        justify-content: center;
    }
    
    /* odkazy detail a poptat */
    .justPurchasedInquire .boxTableAction
    {        
/*        
        float: left;
        width: 50%;
*/        
        line-height: 1;
    }
    
        .boxTableActionDetail
        {
            color: var(--color-web-4);
            margin-bottom: 10px;
        }

        .boxTableActionInquire
        {
            color: var(--color-web-5);
        }    

        .boxTableActionDetail:hover, .boxTableActionInquire:hover
        {
            color: var(--color-web-6);
        }      
        
    .wrapTableNoveVykoupeno .wrapTr:first-child:after
    {
/*        display: none;*/
    }
    
.labelResponsiveTable
{
    display: none;
    float: none;
    
    color: var(--color-web-4);
    font-size: 80%;        
    font-weight: 600;
    text-transform: uppercase;
}    

.wrapTableNoveVykoupeno .wrapProductButtons, .wrapTableNoveVykoupeno .wrapProductPriceButtons
{
    display: none;
}




/*************************************/    
/* sdílení - menu */
/*************************************/   

.wrapMenuShare
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

    .wrapMenuShare .wrapButActions
    {
        width: 50%;
        margin: 0 0 23px;
    }
    
    
    
/*************************************/    
/* podobné vozíky */
/*************************************/  

.wrapSimilarForklifts
{
    background: var(--color-web-1);
}

    .wrapSimilarForkliftsTitle    
    {
        background: var(--color-web-1);
        margin-bottom: 0px;
    }

        .boxSimilarForkliftsTitle    
        {
            padding: 0 20px;
            text-align: center;
        }

            .boxSimilarForkliftsTitle h4
            {
                padding: 20px 0;
            }


    .wrapSimilarForkliftsList
    {
        background: var(--color-web-1);
        padding-bottom: 60px;
    }




/*************************************/    
/* infoboxy  */
/*************************************/  

.wrapInfoboxes
{
/*    margin: var(--size-110) 0;*/
    margin: 80px 0;
}

    .boxInfoboxes
    {
        justify-content: space-between;        
        flex-wrap: wrap;
        margin: 0 auto;        
    }
    
        .boxInfoboxTitle, .boxInfoboxDescription
        {            
            width: 90%;
            color: #fff;
            font-size: 150%;
            text-align: center;
            line-height: 1.3;
        }
        
        .boxInfoboxTitle 
        { 
            /*font-size: 375%;*/
            font-size: 300%;
            font-weight: 700;
            line-height: 1.25;
        }   
        
        .bgWhite .boxInfoboxTitle
        {
            color: var(--color-web-5);
        }
        
        .bgWhite .boxInfoboxDescription
        {            
            color: var(--color-web-4);
        }        

        
                
/**********************************************/
/* eshop - výpis kategorií  */
/**********************************************/  

.boxImageNoPhoto
{
    background: var(--color-grey-1) url('../img/ico/no-photo.svg') no-repeat center center;
    background-size: 80%;
}

/* kategorie eshopu */
.boxEshopCategories
{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;    
    margin: 0 auto;
}

    .wrapEshopCategories .wrapEshopCategory
    {
        margin-bottom: var(--size-40);
    }
    
    .wrapEshopCategory .boxProductImage
    {
        background-color: var(--color-web-1);
    }
    
    .wrapEshopCategory:hover .boxProductImage
    {
        transform: scale(1.1);
    }    
    
    .wrapEshopCategories .boxProductData h3, .wrapEshopCategories .boxProductData h3 span
    {
        color: var(--color-grey-5);
        text-align: center;
        text-transform: none;
    }
    
    .wrapEshopCategories .boxProductData h3
    {
        font-size: 95%;
    }    
    
    .wrapEshopCategory:hover .boxProductData h3 span
    {
        color: var(--color-web-5);
        letter-spacing: calc(1px / 2);
    }        

    .wrapSubCategoriesList
    {
        text-align: center;
    }

        .aSubCategories
        {
            font-size: 87.5%;
        }

        .aSubCategories + .aSubCategories
        {
            margin-left: var(--size-20);
        }
        
        
        
/* položky eshopu*/        
.boxEshopCategories.boxEshopProducts .boxProductImage
{
    background-size: cover;
}


/* nejprodávanější položky eshopu */        
.wrapEshopBestSellers
{
    background: var(--color-grey-2);
}

    .boxEshopBestSellers
    {
        position: relative;
        margin: 0 auto;
        overflow: visible;
    }
    
        .swiper-container-eshop-bestsellers
        {
            overflow: hidden;
        }
        
        .boxEshopBestSellers .swiper-button-next
        {
            top: calc(50% - 25px);
            right: -80px;
        }
        
        .boxEshopBestSellers .swiper-button-prev
        {
            top: calc(50% - 25px);
            left: -80px;
        }   
        
    .wrapEshopBestSellers .wrapProductButtons  .butProductDetail
    {
        background: var(--color-web-1);
    }

/* náhradní díly*/
.wrapSparePartsColumns
{
    flex-wrap: wrap;
    flex-direction: row;
    align-items: start;
    
    margin: 0 auto var(--size-110);
}

.aCallDialog
{
    display: inline-block;
    background: var(--color-grey-5);
}

.wrapSparePartsColumns .aCallDialog
{
    margin-top: var(--size-40);
    text-decoration: none;
}

    a.aCallDialog span, a.aCallDialog:hover span
    {
        display: block;
        padding: var(--size-20);
        
        color: #fff;
        font-weight: 700;
        font-size: 150%;
        text-decoration: none;
        text-transform: uppercase;        
    }
    
    a.aCallDialog:hover
    {
        background: var(--color-grey-6);
    }  
    
.boxSparePartsColumn, .boxSparePartsColumn article, .boxSparePartsColumn li
{
    color: #fff;
}

.boxSparePartsColumn article, .boxSparePartsColumn li
{
    font-size: 150%;
}

.boxSparePartsColumn ul li
{
    padding-left: 38px;
}


/**********************************************/
/* eshop - výpis položek  */
/**********************************************/  

.wrapEshopProductsList
{
    background: var(--color-web-1);
}


.wrapProductEshop .boxProduct
{
    margin-top: 20px;
    margin-bottom: 20px;
}

    .wrapProductEshop h2, .wrapProductEshop h3
    {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .wrapProductEshop h2
    {
        font-size: 110%;
        height: auto;
    }    
    
    .wrapProductEshop .wrapProductButtons
    {
        margin-bottom: 0;
    }
    
    .wrapProductEshop .wrapProductData
    {
        min-height: 160px;
    }            
    
    .wrapProductEshop .wrapProductPrice
    {
        width: 100%;
        min-height: 40px;
        float: none;
        
        margin-bottom: 0;
                
        font-size: 150%;
        text-align: center;
    }                


/**********************************************/
/* tooltip  */
/**********************************************/  

.shotToolTip
{
    cursor: pointer;
}

.boxTooltipTitle
{
    color: var(--color-grey-6);
    font-size: 93%;
    font-weight: 600;
    text-transform: lowercase;
}

.boxTooltipTitle:first-letter {text-transform: capitalize;} 

.boxToolTipContent
{
    color: var(--color-grey-5);
    font-size: 85%;
    font-weight: 400;
}

.boxTooltipText
{
    cursor: pointer;
}



/**********************************************/
/* breadcrump  */
/**********************************************/  

.wrapBreadcrump, .wrapBreadcrumpDetail
{
    margin: 20px 0;
}


    .wrapBreadcrump a, .wrapBreadcrump b
    {
        text-decoration: underline;
        font-size: 87.5%;
    }
    
    .wrapBreadcrump b { text-decoration: none; }
    
    .wrapBreadcrump a + a, .wrapBreadcrump a + b
    {
        margin-left: 20px;
    }    
    
    .wrapBreadcrump + .wrapPagesElm 
    {
        margin-top: 0;
    }

    
    
/**********************************************/
/* sliding filter  */
/**********************************************/  

.wrapSlidingFilter
{
    z-index: 99995;
}

a.wrapButFilters:hover, a.wrapButFilters:hover .but
{
    text-decoration: none;
}

.wrapMenuFilters
{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
    justify-content: center;
}

    .wrapMenuFilters .wrapButFilters + .wrapButFilters
    {
        margin-left: 40px;
    }
    
        .wrapMenuFilters .wrapButFilters .butSearch
        {
            width: auto;
            margin: 0;
            padding-left: 20px;
            padding-right: 20px;
        }



/* overlay */
.boxSlidingFilter
{
    position: relative;
    max-height: 100%;
    overflow: auto;    
}

/* bílý sloupec vlevo */
.wrapSlidingFiltersColumn
{
    position: relative;
    height: 100vh;
    background: #fff;    
    
    flex-direction: column;
}

    .boxSlidingFiltersColumn
    {        
        box-sizing: border-box;
            
        margin: 0 15px 100px 15px;
        padding-right: 30px;
/*        overflow-y: auto;*/
    }
    
        .wrapNiceScrollFilter
        {
/*            height: 800px;*/
            height: calc(100vh - 200px);
        }
            
        /* button close */
        .wrapCloseSlidingFilters, .wrapCloseSlidingSubmenu
        {
            display: none;
            height: 40px;
            margin-top: 20px;
            position: relative;
        }
        
            .butCloseSlidingFilter, .butCloseSlidingSubmenu
            {
                position: absolute;
                top: 0;
                right: 20px;
                
                width: 18px;
                height: 18px;
            }
            
                .butCloseSlidingFilter polygon, .butCloseSlidingSubmenu polygon
                {
                    fill: var(--color-web-5);
                }            
        
        /* sekce s příbuznými parametry */
        .boxSlidingFiltersColumn section
        {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            margin-bottom: 20px;
/*            padding-top: 35px;*/
            overflow: visible;
        }
        
        .boxSlidingFiltersColumn section.wrapPredefinedSlidingFilter
        {
            padding-top: 0;
        }
        
            /* popisek sekce /* skupiny parametrů */
            .wrapLabelFilterSection
            {
/*                
                position: absolute;
                left: 0;
                top: 0;
*/                
                width: 100%;
                
                color: var(--color-grey-6);
                font-size: 120%;
                font-weight: 600;   
                
                cursor: pointer;
            }
            
                /* dělící čára pod názvem parametru */
                .wrapLabelFilterSection::after
                {
                    content: '';
                    display: block;
                    width: 100%;
                    height: 1px;
                    margin-top: 3px;
                    
                    background: var(--color-grey-4);
                }     
                
                .wrapSlidingFilterParametersGroup
                {
                    overflow: visible;
                }
                
                /* rozbalování */
                .butShowSectionOfSlidingFilter
                {
                    position: absolute;
                    right: 10px;
                    top: 0px;
                    
                    display: block;                    
                    width: 20px;
                    height: 20px;
                    cursor: pointer
                }
                
                    .butShowSectionOfSlidingFilter path
                    {
                        fill: var(--color-web-4);
                    } 
                    
                    .butShowSectionOfSlidingFilter:hover path
                    {
                        fill: var(--color-web-5);
                    }                     

                    .butShowSectionOfSlidingFilter svg
                    {
                         transform: rotate(180deg);
                    }
                    
                    .butShowSectionOfSlidingFilter.butShowSectionOfSlidingFilterClose svg
                    {
                         transform: rotate(0deg);
                    } 
                
                /* formulářové části */
                .boxSlidingFiltersColumn section .wrapInputFilter, .boxSlidingFiltersColumn section .wrapInputFulltext
                {
                    margin-top: 25px;
                    overflow: visible;
                }
                
                .boxSlidingFiltersColumn section .wrapInput
                {
                    position: relative;
                    overflow: visible;
                }
                
            .wrapInputLastInSection
            {
/*                margin-bottom: 60px;*/
            }
                        
    /* stavební výška */
    .boxSlidingFiltersColumn section .wrapInputFulltext.wrapInputNumberSlidingFilter
    {
        margin-top: 0;
        margin-bottom: 30px;
    }
            
    /* radiobuttony */
    .wrapFilterCheckboxSliding + .wrapFilterCheckboxSliding
    {
        margin-top: 15px;
    }
    
    /* button vyhledat */
    .boxSlidingFiltersColumn section:last-of-type
    {
        padding-top: 0;
    }

        .wrapInput .wrapButFiltersSearchHP button
        {
            height: 47px;
            line-height: 47px;
            background: var(--color-web-5);
        }
    
        .wrapSlidingFiltersColumn #butResetFilters
        {
            margin-top: 20px;
        }
        
    /* zabalování a zobalování sekcí filtru */
    .boxSlidingFiltersColumn section .wrapInputFilter, .boxSlidingFiltersColumn section .wrapInputFulltext
    {
        display: block;
    }
    
    .boxSlidingFiltersColumn section.slidingFilterSectionClosed .wrapInputFilter, .boxSlidingFiltersColumn section.slidingFilterSectionClosed .wrapInputFulltext
    {
        display: none;
    }         
    
    
/* plovoucí submit */    

.wrapFloatingSideFilterSubmit
{
    position: fixed;
    bottom: 20px;
    left: 0;
}

    .wrapFloatingSideFilterSubmit .wrapButFilters
    {
        height: 60px;
    }
    
        .wrapFloatingSideFilterSubmit .wrapButFilters .butSearch
        {
            height: 60px;
        }  
        
            .wrapFloatingSideFilterSubmit .wrapButFilters .butSearch .butHpSearchText
            {
                margin-top: 8px;
            }
            
            .wrapFloatingSideFilterSubmit .wrapButFilters .butSearch div, .wrapFloatingSideFilterSubmit .wrapButFilters .butSearch span
            {
                color: #fff;
            } 

            .wrapFloatingSideFilterSubmit .wrapButFilters .butSearch div, .wrapFloatingSideFilterSubmit .wrapButFilters .butSearch .wrapCounterSearchForkliftsOnStock
            {
                font-size: 80%;
            }                         

/* skupina s checkboxy */
.wrapSlidingFilterGroup
{
    overflow: visible;
    box-sizing: border-box;
/*    background: var(--color-web-1);*/
    background: var(--color-grey-1);    
    padding: 20px;
}  

    .wrapSlidingFilterGroup .irs--round, .wrapCheckboxes
    {
       overflow: visible 
    }

.wrapSlidingFilterGroup + .wrapSlidingFilterGroup, .slidingFilterMoreParameters
{
    margin-top: 30px;
}

    .wrapSlidingFilterGroup .wrapTitleFilter
    {
        margin-bottom: 5px;
    }
    
    .wrapSlidingFilterHiddenCheckboxes
    {
        margin-top: 5px;
    }

    .wrapSlidingFilterGroup .SumoSelect
    {
        display: none !important;
        height: 0;
    }   
    
        /* sliding filter - předdefinované filtry */        
        .boxCheckboxPredefined + .boxCheckboxPredefined
        {
            margin-top: 10px;
        }
        
            .boxCheckboxPredefined label
            {
                display: inline-block;
            }        
                .boxCheckboxPredefined label b
                {
                    font-weight: 600;
                    text-transform: uppercase;
                    color: var(--color-web-5);
                } 
                
                .boxCheckboxPredefined label span
                {
                    font-size: 12px;
                }                    
        
        /* sliding filter - checkboxy a slidery*/        
        .boxCheckbox + .boxCheckbox
        {
            margin-top: 5px;
        }
        
            .boxCheckbox label
            {
                display: inline-block;
                font-size: 12px;
            }

            .boxCheckbox [type="checkbox"]:not(:checked) + label::before, .boxCheckbox [type="checkbox"]:checked + label::before, .boxCheckbox [type="radio"]:not(:checked) + label::before, .boxCheckbox [type="radio"]:checked + label::before
            {
                width: 12px;
                height: 12px;
                border: 1px solid var(--color-grey-5);
            }

            .boxCheckbox [type="checkbox"]:checked + label:before,
            .boxCheckbox [type="radio"]:checked + label:before
            {
                background: var(--color-web-5) url('../img/ico/check_white.svg') no-repeat center center;
                background-size: 9px;  
                border-color: var(--color-web-5);
            }

            .boxCheckbox [type="checkbox"]:checked:focus + label:before, .boxCheckbox [type="checkbox"]:not(:checked):focus + label:before,
            .boxCheckbox [type="radio"]:checked:focus + label:before, .boxCheckbox [type="radio"]:not(:checked):focus + label:before,
            .boxCheckbox label:hover:before 
            {
                border: 1px solid var(--color-web-5);
            }

        /* but - zobrazit schované položky */
        .butShowHiddenCheckboxes
        {
/*           padding-left: 20px; */
            margin-top: 5px;
           cursor: pointer;
           
           font-size: 13px;
           font-weight: 600;
           text-transform: lowercase;
        }
        
        .butShowHiddenCheckboxes:before, .butHideHiddenCheckboxes:before
        {
            content: '+';
            margin-right: 7px;
        }
        
        .butHideHiddenCheckboxes:before
        {
            content: '-';
        }   
        
    /* rozbalení / zabalení dalších parametrů filtru*/    
    .butShowHiddenCheckboxes.butShowMoreParemetersInSlidingFilter
    {
        box-sizing: border-box;
        display: inline-block;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        
        border: 1px solid var(--color-grey-4);
        padding: 5px 10px;
    }       
    
    .butShowHiddenCheckboxes.butShowMoreParemetersInSlidingFilter:hover
    {
        color: var(--color-web-5);
        border: 1px solid var(--color-web-4);
    }  
    
    .wrapShowMoreParemetersInSlidingFilter
    {
        justify-content: center;
    }
        
.inputSliderText
{
    float: left;
    width: 40%;
    margin-top: 10px;
    border: 1px solid var(--color-grey-4);
}

.inputSlidingFulltext
{
    padding: 5px 10px;
    border: 1px solid var(--color-grey-4);
}

.inputSliderText + .inputSliderText
{
    float: right;
}        

        
        /* schované položky */
/*        .botShowHiddenCheckboxes*/



/**********************************************/
/* dialogy route */
/**********************************************/      

.aBackFromDialogRoute
{
    display: inline-block;
    
    padding: 10px 20px;
    text-decoration: none;
    color: var(--color-grey-5); 
}

a + .aBackFromDialogRoute, .aNextFromDialogRoute + .aNextFromDialogRoute
{
    margin-left: 30px;
}

.aNextFromDialogRoute, .aHalfTileMore.aNextFromDialogRoute
{
    float: left;
    margin-top: 0;
}

.wrapDialogRouterButtons
{
    margin-top: 30px;
}


/**********************************************/
/* náhradní díly */
/**********************************************/ 

.wrapSparePartsFrom
{
    width: 100%;
}

.wrapSparePartsFrom .wrapWidgetContent
{
    width: 80%;
}

    .wrapSparePartsFrom .boxFormSection
    {
        margin-bottom: 10px;
    }
    
        .wrapSparePartsFrom h2
        {
            text-align: center;
        }

        .wrapSparePartsFrom .wrapInputFilter
        {
            margin-bottom: 40px;
        }

            .wrapSparePartsFrom .butInputFilter
            {
                width: 100%;
                margin: 0;
            }
            
            
            
/**********************************************/
/* štítky filtru */
/**********************************************/ 

.wrapFilterTags
{
    justify-content: center;
    width: 100%;
    margin-bottom: 40px;
}

    .boxFilterTags
    {
        justify-content: center;
        flex-wrap: wrap;
    }

        .wrapFilerTag
        {
            float: left;
            overflow: hidden;
            box-sizing: border-box;

            border: 1px solid var(--color-grey-4);
            margin-bottom: 10px;
            background: var(--color-grey-3);
            padding: 7px 12px;
            font-size: 10px;
            line-height: 1;
        }

        .wrapFilerTag + .wrapFilerTag
        {
            margin-left: 10px;
        }




/* fancybox */
.wrapFancyContent
{
    overflow: auto;
}

/* splátková kalkulačka  */
.wrapCenterContent, .containerCenter
{
    justify-content: center;
}

.wrapSplatkyProObchodniky
{
    margin: 60px 0;
    padding: 0 0 30px;
    background: var(--color-grey-3);    
}

    .boxSplatkyProObchodniky
    {
        margin-bottom: 40px;
    }
    
    
    
/* black friday */
.wrapLoginBlackFridayImg
{
    height: 450px;
    background: transparent url('../img/black-friday/black-friday-web.jpg') no-repeat center center;
    background-size: cover;
}

.wrapLoginBlackFridayImgEnd
{
    height: 450px;
    background: transparent url('../img/black-friday/black-friday-web-right-now.jpg') no-repeat center center;
    background-size: cover;
}

    .boxLoginCorona .flipdown, .boxLoginCorona h3
    {
        margin-bottom: 20px;
    }


/* vánoce s CHUF */
.wrapLoginXmassImg
{
/*    height: 500px;*/
    background: transparent url('../img/vanoce/bannery/cz/vanoce-chuf-web-cz.jpg') no-repeat center center;
    background-size: cover;
}

    .wrapLoginXmassImg-cz { background: transparent url('../img/vanoce/bannery/cz/vanoce-chuf-web-cz.jpg') no-repeat center top; background-size: cover; }
    .wrapLoginXmassImg-en { background: transparent url('../img/vanoce/bannery/en/vanoce-chuf-web-en.jpg') no-repeat center top; background-size: cover; }
    .wrapLoginXmassImg-de { background: transparent url('../img/vanoce/bannery/de/vanoce-chuf-web-de.jpg') no-repeat center top; background-size: cover; }
    .wrapLoginXmassImg-es { background: transparent url('../img/vanoce/bannery/es/vanoce-chuf-web-es.jpg') no-repeat center top; background-size: cover; }
    .wrapLoginXmassImg-it { background: transparent url('../img/vanoce/bannery/it/vanoce-chuf-web-it.jpg') no-repeat center top; background-size: cover; }
    .wrapLoginXmassImg-pl { background: transparent url('../img/vanoce/bannery/pl/vanoce-chuf-web-pl.jpg') no-repeat center top; background-size: cover; }
    .wrapLoginXmassImg-pt { background: transparent url('../img/vanoce/bannery/pt/vanoce-chuf-web-pt.jpg') no-repeat center top; background-size: cover; }
    .wrapLoginXmassImg-ru { background: transparent url('../img/vanoce/bannery/ru/vanoce-chuf-web-ru.jpg') no-repeat center top; background-size: cover; }

.wrapIoButton img
{
    width: 180px;
}

.formatPriceNote.formatGiftName
{
    padding-left: 28px;
}

.boxInquireItemDescription.boxInquireItemDescriptionXmass
{
    line-height: 1.25;
}

    span.labelGiftForYou
    {
        display: block;
        float: none;

        color: var(--color-web-5);
        font-weight: 700;
    }

    span.labelGiftTitle
    {
        display: block;
        float: none;

        padding-left: 12px;
    }

.wrapInquireList .wrapProduct .wrapInquireItemDescription:nth-child(1) .boxInquireItemDescription.boxInquireItemDescriptionXmass
{
    margin: 0;
}



/* catalogue - black friday */
.wrapProductPriceDiscounted.wrapProductPriceBlackFriday
{
    background: #000;
}

    .wrapProductPriceDiscounted.wrapProductPriceBlackFriday .wrapProductPrice
    {
        color: #ffee44;
    }

        .wrapProductPriceBlackFriday .wrapOldPrice
        {
            color: #fff;
        }


/* corona */
.wrapLoginCoronaImg
{
    height: 250px;
    background: transparent url('../img/corona/corona.jpg') no-repeat center top;
    background-size: cover;    
}

.wrapLoginBordersImg
{
    height: 350px;
    background: transparent url('../img/corona/mapa.jpg') no-repeat center center;
    background-size: cover;    
}

.wrapFancyContent h2.boxLoginTitle
{
    padding: 20px 0;
    color: var(--color-web-5);
}

.boxLoginCorona
{
    max-width: 600px;
    width: 100%;
/*    width: calc(100% - 60px);*/
    padding: 30px;
    
    font-size: 100%;
}

.boxLoginCorona, .boxLoginCorona p
{
    font-size: 10pt;
}

.boxLoginCorona li, .boxLoginCorona ul li
{
    background-size: 15px;
}



/* banner v aktuální nabídce */
.wrapBannerAktualniNabidka
{
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

    .boxBannerAktualniNabidka
    {
        width: 460px;
        height: 150px;
    }

    

/*****************************************/
/* odkazy na parkoviště a provnávač v submenu na vzv.cz */
/*****************************************/

.contentSubmenuGroup.contentSubmenuGroupTools
{
    flex-direction: row;
}

.contentSubmenuGroup .wrapUserBoxMenuItem
{
    flex-direction: column;
    justify-content: center;    
    min-width: 100px;
}

.contentSubmenuGroup .wrapUserBoxMenuItem:hover
{
    text-decoration: none;
}

.contentSubmenuGroup .userboxItemWithCounter
{
    justify-content: center;
}

.contentSubmenuGroup .wrapButUserBox
{
    background: none;
    
    width: 60px;
    height: 60px;
}
    
    .contentSubmenuGroup .wrapButUserBox,
    .contentSubmenuGroup .wrapUserBoxMenuItem:hover .wrapButUserBox
    {
        background: var(--color-web-1);
    }
    
        .contentSubmenuGroup .wrapButUserBox .boxButUserBox 
        {
            width: 60px;
            height: 60px;
            margin: 0;
            
            justify-content: center;
            align-items: center;
        }    
        
/*        .contentSubmenuGroup .wrapUserBoxMenuItem:hover .wrapButUserBox, */
        .contentSubmenuGroup .wrapUserBoxMenuItem:hover .wrapButUserBox .boxButUserBox
        {
            background: var(--color-grey-5);
        }         

            .contentSubmenuGroup .wrapButUserBox .boxButUserBox svg,
            .contentSubmenuGroup .wrapButUserBox .boxButUserBox svg.svgBalance 
            {
                top: 2px;
                height: 35px;
            } 
            
            .contentSubmenuGroup .wrapUserBoxMenuItem:hover .wrapButUserBox .boxButUserBox svg path
            {
                fill: #fff;
            }   
            
        .contentSubmenuGroup .userboxItemText
        {
            text-align: center;
        }
        
        .contentSubmenuGroup .counterUserBox
        {
            z-index: 10;
            width: 22px;
            height: 22px;
            
            left: 56px;            
            top: -4px;
            
            line-height: 22px;
        }
        
            .contentSubmenuGroup .wrapUserBoxMenuItem:hover .counterUserBox
            {
/*                background: var(--color-web-4);*/
            }



/*****************************************/
/* poptat / koupit - detail položky */
/*****************************************/

.wrapInquireOrderForm
{
    margin: 40px 0;
}

    .boxInquireOrderForm
    {
        padding: 20px;
        border-bottom: 1px solid #f5f5f5;
    }



    /* řádek poptat */
    .wrapIoInquire
    {
        background: #fff;

        flex-wrap: wrap;
        flex-direction: row;
        justify-content: left;
        align-items: center;
    }

        .formatPriceBigRed
        {
            color: var(--color-web-5);
            font-size: 190%;
            font-weight: 700;
        }

        .formatPriceNote, .formatNeedHelpCall, .formatPriceTax
        {
            color: #848484;
/*            font-size: 16px;*/
              font-size: 85%;
        }

        .formatNeedHelpCall
        {
            color: var(--color-grey-5);
            font-size: 85%;
        }

        .formatPriceOld
        {
            display: block;
            float: none;

            color: #848484;
            font-size: 85%;
        }



    /* buttony poptat / koupit */
    .wrapIoButton
    {
        justify-content: flex-end;
    }

    .wrapIoTel
    {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }

        a.butIoInquire, a.butIoOrder
        {
            width: 155px;
            padding: 13px;
            background: var(--color-call-me-2);

            color: #fff;
            font-size: 125%;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
        }

        a.butIoInquire:hover, a.butIoOrder:hover
        {
            background: var(--color-call-me-2);
        }

        a.butIoOrder
        {
            background: #fff;
            border: 1px solid var(--color-call-me-2);

            color: var(--color-call-me-2);
        }

        a.butIoOrder:hover
        {
            color: #fff;
        }

        a.butIoTel
        {
            color: var(--color-call-me-2);
            font-size: 150%;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
        }



    /* řádek dostupnost a telefon */
    .wrapIoOrder
    {
        align-items: stretch;
        background: #e2e2e2;
    }

        .formatAvailability
        {
/*            color: var(--color-call-me-2);*/
            color: #848484;
            font-size: 85%;
            font-weight: 400;
        }

        .formatTransportPrice
        {
            background: #ffee44;
            padding: 10px 20px;

            font-size: 150%;
            font-weight: 700;
        }

        .wrapIoPieces
        {
            align-items: center;
        }


        .wrapIoBuyNow
        {
            align-items: center;
            font-weight: 600;
        }



/********************************/
/* odkaz na košík v hlavičce webu  */
/********************************/

.butShowBasket
{
    position: relative;

    overflow: visible;
    margin: 3px 0 0 30px;
    padding: 8px 10px;

    color: var(--color-web-3);
    cursor: pointer;
}

.butShowBasketMobile
{
    display: none;
    position: absolute;
    top: -5px;
    right: 50px;

    width: 60px;
    height: 60px;
}

    .boxShowBasketMobile
    {
        position: relative;
    }

    .butShowBasket svg
    {
        width: 25px;
        margin-top: 3px;
    }

    .butShowBasketMobile svg
    {
        margin-top: 25px;
        width: 25px;
    }

        .butShowBasket svg path, .butShowBasketMobile svg path
        {
            fill: var(--color-web-3);
        }

        .butShowBasket:hover svg path, .butShowBasketMobile:hover svg path
        {
            fill: #fff;
        }

    .wrapCounterBasket
    {
        position: absolute;
        top: 0px;
        right: 0px;

        justify-content: center;
        align-items: center;

        width: 20px;
        height: 20px;
        background: #fff;

        color: var(--color-web-5);
        font-size: 12px;
        font-weight: 600;
    }

    .butShowBasketMobile .wrapCounterBasket
    {
        left: 15px;
        top: 15px;
    }



/*****************************************/
/* košík */
/*****************************************/

.wrapBdRouter
{
    margin-bottom: 40px;
}

/* položka v košíku*/
.wrapBasketItem
{
    display: flex;
    flex-wrap: wrap;

    padding: 20px;
    background: var(--color-grey-2);
}

.wrapBasketItem + .wrapBasketItem
{
    margin-top: 1px;
}

    /* sloupec s název položky, cenou a buttonem pro smazání */
    .wrapBiData
    {
        flex-wrap: wrap;
        flex-direction: row;

/*        padding-left: 20px;*/
    }
        /* foto položky */
        .wrapBiImage img
        {
            width: 100%;
            max-width: 175px;
        }

        /* popis položky */
        .boxBiDataName, .boxBiDataName a, .boxBiDataPrice
        {
            color: var(--color-grey-5);
            font-weight: 600;
            text-decoration: none;
        }

            .boxBiDataName span.textEvid, .boxBiDataName a span.textEvid
            {
                color: var(--color-web-5);
                text-decoration: none;
            }

            .boxBiDataName span.textType
            {
                color: #646464;
                font-size: 80%;
                font-weight: 400;
            }

        /* cena položky */
        .boxBiDataPrice, .boxBiDataPricePerUnit, .boxBiDataPieces
        {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: right;
        }

        /* cena za ks / pár */
        .boxBiDataPricePerUnit
        {
            font-weight: 400;
            font-size: 80%;
            color: #848484;
        }

        /* celková cena košíku */
        .wrapBiTotal
        {
            text-transform: uppercase;
            font-weight: 600;
        }

        /* souhrnná položka košíku */
        .wrapBiSummary
        {
/*
            text-transform: uppercase;
            font-weight: 600;
*/
        }

        /* button pro smazání položky */
        .boxBiDataButton
        {
            justify-content: flex-end;
        }

            .butDelItemFromBasket
            {
                justify-content: center;
                align-items: center;

                width: 20px;
                height: 20px;
                background: var(--color-grey-4);

                cursor: pointer;
            }

            .butDelItemFromBasket:hover
            {
                background: var(--color-grey-5);
            }

                .butDelItemFromBasket svg
                {
                    width: 50%;
                    max-width: 50%;
                }

                    .butDelItemFromBasket svg path, .butDelItemFromBasket svg polygon
                    {
                        fill: #fff;
                    }



/*****************************************/
/* důležité upozornění */
/*****************************************/

.wrapImportantInformation
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 49px;
    padding: 0 5px;
    background: #3f78cf;

    color: #fff;
    font-size: 90%;
    text-align: center;
}