﻿@import url(https://use.fontawesome.com/releases/v5.10.1/css/all.css);
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600|Roboto:400,700');
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 11pt;
    background: #fcfeff url("/wwwroot/575/Default/Images/bg.jpg") no-repeat fixed top center;
}

input {
    font-family: 'Roboto', sans-serif;
}

.flex-logo {
    margin-left: 0px;
    margin-right: 0px;
    background: url("/wwwroot/575/Default/Images/logo.png") no-repeat;
    width: 367px;
    height: 69px;
    margin-top: 0px;
}


.flex-dock-right a.flex-dashboard-button { display: none; }

/* bannery */

#BodyContentPlaceHolder_CustomArticleCPH_CustomArticleLabel img:first-child {
    padding: 0 30px 0px 0px;
}


/* user menu */
.flex-login-form span > i {
    color: #318ecd;
}

.flex-login-form {
    margin-right: 0px;
}

/*.flex-login-form>span {
    font-size: 10pt;
    background: url("/wwwroot/575/Default/Images/iko_user.png") no-repeat;
    background-position: left 8px center;
    padding-left: 42px;
    padding-right: 9px;
    color: #3b5060;
}*/

.flex-login-form span.flex-selected {
    cursor: default;
    display: table-cell;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
    background: #fbfbfb url("/wwwroot/575/Default/Images/iko_user.png") no-repeat;
    background-position: left 8px center;
    color: #3b5060;
}

.flex-login-form .flex-login-form-box {
    background: #fbfbfb;
    border: 1px solid #fbfbfb;
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
}

.flex-login-form .flex-login-form-box input[type="button"] {
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
    border-radius: 3px;
    background: #ed1c24;
    text-align: center;
}

.flex-user-menu {
    margin-right: 0px;
}

.flex-user-menu>span>span {
    padding-left: 0;
    background: none;
    background-position: left center;
    padding-top: 0;
}

.flex-user-menu>div a {
    background: none;
    color: #5e595a;
}

.flex-user-menu>div {
    border: 1px solid #fbfbfb;
    background-color: #fbfbfb;
}

.flex-user-menu span.flex-selected {
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
    background-color: #fbfbfb;
}

.flex-side-bar .flex-side-navigation .flex-informations-menu ul li:hover,
.flex-side-bar .flex-side-navigation .flex-informations-menu ul li.flex-selected-permanent {
    border: 1px solid #e02222;
    background: #e02222;
    border-radius: 0px;
}

.flex-side-bar .flex-side-navigation .flex-informations-menu ul li {
    border-radius: 0px;
}

.flex-form input[type="button"] {
    border: 1px solid #e02222;
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

input[type="submit"],
input[type="button"] {
    border: 1px solid #505050;
}


/* Top menu*/

.flex-panel-wide .flex-menu ul li a,
.flex-panel-wide .flex-menu ul li span {
    text-transform: none;
    padding-left: 10px;
    padding-right: 10px;
}

.flex-dock-left .flex-menu ul li:hover {
    background: white;
}

.flex-panel-wide .flex-menu ul li:first-child span::before {
    content: "\f879";
    font-family: "font awesome 5 free";
    font-weight: 900;
    font-size: 12pt;
    color: #318ecd;
    padding-right: 5px;
}

.flex-panel-wide .flex-menu ul li:first-child span {
    color: #318ecd;
    font-weight: 700;
}

.flex-panel-wide .flex-menu ul li:first-child {
    pointer-events: none;
    cursor: default;
}

.flex-panel-wide .flex-menu ul li a,
.flex-panel-wide .flex-menu ul li span {
    color: #5e595a;
}

.flex-user-menu>span>span:first-child {
    font-weight: 300;
    color: #5e595a;
    position: relative;
    top: -4px;
}

.flex-panel-wide .flex-menu ul li.flex-selected {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.flex-user-menu>span::before {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "";
    padding: 0 3px 0px 0;
    color: #318ecd;
    font-size: 20pt;
    position: relative;
    top: -4px;
}


/* iko dash */

.flex-panel-wide .flex-dashboard-button {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    padding: 0px;
    border: 0px;
    background: transparent url("/wwwroot/575/Default/Images/iko_dash.png") center center no-repeat;
    width: 28px;
    height: 28px;
}


/* Shopping Cart Header */

.flex-basket-summary>span {
    background: url("/wwwroot/575/Default/Images/ShopingCart.png") no-repeat;
    background-position: left 14px top 10px;
    padding-top: 19px;
    padding-left: 82px;
}

.flex-basket-summary>span .flex-basket-price {
    color: #231f20;
}

.flex-basket-summary>span .flex-basket-currency {
    color: #231f20;
}

.flex-basket-summary>span .flex-basket-items-count {
    top: 14px;
    left: 17px;
    background-color: transparent;
}

.flex-basket-summary>span .flex-basket-vat-text {
    color: #231f20;
}

.flex-basket-summary>span.flex-selected {
    background: url("/wwwroot/575/Default/Images/ShopingCart.png") left 14px top 10px no-repeat, linear-gradient(transparent, #fbfbfb);
    border-top: 1px solid #fbfbfb;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
}

.flex-basket-summary>div {
    background: #fbfbfb;
    border: 1px solid #fbfbfb;
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
    z-index: 1006!important;
}

.flex-basket-summary {
    margin-top: 0px;
}

.flex-basket-summary>div>a.flex-go-to-basket {
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
    border-radius: 3px;
    background: #ed1c24 url("/Plugins/FlexView/Images/FlexRightArrowButtonIcon.png") no-repeat;
    background-position: right 14px center;
}

.flex-basket-summary>div .flex-outer {
    color: #3b5060;
}

.flex-basket-summary:hover {
    background-color: #f8f8f8;
    border-radius: 3px;
}

.flex-basket-summary>div {
    top: 74px;
}


/* Main menu */

.flex-menu ul li {
    background: #318ecd;
    border-right: 1px solid #2c80b8;
    transition: background-color 0.0s;
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
}

.flex-menu ul li a,
.flex-menu ul li span {
    font-size: 13pt;
    color: #fff;
}

.flex-menu ul li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.flex-menu ul li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.flex-menu ul li:hover {
    background: #2c80b8;
}

.flex-main-menu .flex-menu ul li span.flex-selected {
    background-color: #2c80b8;
}

.flex-menu ul li ul {
    background: #318ecd;
}


/* search */

.flex-search .flex-search-input input[type="text"] {
    padding: 12px;
    padding-right: 75px;
    background-image: none;
    background-color: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4) inset;
    border-radius: 4px;
}

.flex-search .flex-search-locations span.flex-selected {
    background: none;
    font-weight: 700;
    color: #ed1c24;
}

.flex-search .flex-search-locations span.flex-selected:hover {
    text-decoration: none;
}

.flex-search span {
    color: #231f20;
    font-size: 11pt;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.flex-search span:hover {
    text-decoration: underline;
}

.flex-search .flex-search-input input[type="button"] {
    width: 41px;
    height: 41px;
    border-radius: 3px;
    background: #ed1c24 url("/Plugins/FlexView/Images/FlexSearchButtonIcon.png") center center no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
}

ul.flex-radio-buttons li.flex-selected span {
    color: #ed1c24;
}

ul.flex-radio-buttons li span {
    text-transform: none;
    font-weight: 300;
}


/* Quick search box homepage */

.flex-select-vehicle-wizard {
    padding: 30px;
    background: #b9d8ee;
    margin-bottom: 0px;
    width: 325px;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    height: 296px;
}

.flex-select-vehicle-wizard .flex-title {
    padding: 0px;
}

.flex-select-vehicle-wizard .flex-content {
    padding: 0px;
}

.flex-slider {
    position: relative;
    background: white;
    overflow: hidden;
    width: 825px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.flex-select-vehicle-wizard .flex-title {
    font-size: 16pt;
    color: black;
    font-family: poppins;
    font-weight: 900;
    margin-bottom: 12px;
}

.flex-select-vehicle-wizard .flex-drop-down {
    background: #fff;
    border-radius: 4px;
    padding: 10px 0px;
    border: 1px solid #b9d8ee;
    box-shadow: 0px 1px 1px inset #808080;
}

.flex-select-vehicle-wizard .flex-content .flex-manufacturer-selector {
    padding-bottom: 15px;
    width: 100%;
}

.flex-select-vehicle-wizard .flex-content .flex-model-selector {
    padding-bottom: 15px;
    width: 100%;
}

.flex-select-vehicle-wizard .flex-content .flex-engine-selector {
    padding-bottom: 20px;
    width: 100%;
}

.flex-select-vehicle-wizard .flex-content .flex-controls {
    width: 100%;
}

.flex-select-vehicle-wizard .flex-content .flex-controls .flex-search-button {
    width: 100%;
    height: 43px;
    background: #ed1c24;
    border: 0px;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0px 2px 0px 0px #c50008;
    font-size: 13pt;
    font-family: roboto;
    font-weight: 700;
}

.flex-container.flex-bottom-delimiter.flex-slideshow-container {
    margin-bottom: 5px !important;
}

.flex-drop-down dt span.flex-drop-down-link {
    color: black;
}

.flex-select-vehicle-wizard .flex-drop-down dt span.flex-drop-down-link {
    padding-left: 14px;
    color: #606060;
    padding-right: 38px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10pt;
}

.flex-drop-down dt {
    width: 100%;
}


/* Selected categories */

.flex-half-collapsed-box .flex-header-label {
    margin-bottom: 0px;
    text-align: left;
}

.flex-half-collapsed-box .flex-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: none;
    background: transparent;
    padding: 0px 0px;
    margin-top: 10px;
    box-shadow: 0px 1px 2px 0px #DFDFDF;
}

.flex-half-collapsed-box .flex-item.flex-first-row {
    margin-top: 10px;
}

.flex-half-collapsed-box .flex-item .flex-category-icon {
    padding: 0px 0 0 0;
    border-radius: 0px;
}

.flex-half-collapsed-box .flex-item .flex-category-label {
    padding: 20px 10px;
    font-weight: 700;
    font-size: 11pt;
    width: 169px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: unset;
    color: white;
    margin-top: -4px;
    font-family: poppins;
}

.flex-half-collapsed-box .flex-item:hover .flex-category-label {
    color: white;
    padding: 20px 10px;
    font-weight: 700;
    font-size: 11pt;
    width: 169px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px;
}

.flex-half-collapsed-box .flex-inner-wrapper {
    height: auto !important;
}

.flex-half-collapsed-box .flex-show-all-button {
    display: none;
}

.flex-half-collapsed-box {
    position: relative;
    border-top: 0px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    margin-top: 60px;
    text-align: left;
}

.flex-half-collapsed-box .flex-show-all-button span:hover {
    color: black;
    text-decoration: none;
    border: 1px solid #e02222;
}

.flex-half-collapsed-box .flex-collapse-button span:hover {
    color: black;
    text-decoration: none;
    border: 1px solid #e02222;
}

.flex-half-collapsed-box .flex-header-label span {
    display: inline-block;
    background: transparent;
    padding: 4px;
    padding-left: 0px;
    padding-right: 26px;
    font-size: 22pt;
    margin: 0 auto;
    color: #318ecd;
    font-weight: 700;
    padding-bottom: 16px;
    font-family: poppins;
}

.flex-carousel-actions .flex-carousel>.flex-title {
    display: inline-block;
    font-size: 18pt;
    padding-left: 45px;
    color: #000;
    background: url("/Plugins/FlexView/Images/FlexActionCarouselBullet.png") left center no-repeat;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

.flex-groups-container .flex-shortcuts .flex-shortcut>span {
    color: black;
    background-color: rgba(255, 255, 255, 0.7);
}

.flex-selected-categories {
    display: flex;
    flex-wrap: wrap;
}


/* Selected categories Car Brands */

#SelectedCategories_4.flex-half-collapsed-box .flex-item {
    height: 95px;
}

#SelectedCategories_4 .flex-category-icon img {
    width: 63%;
    height: 63%;
    display: inline-block;
}

#SelectedCategories_4 .flex-category-label {
    padding: 7px 0px 3px;
    font-weight: 500;
    font-size: 9pt;
    width: 95px;
    height: 24px;
    text-transform: none;
    text-decoration: none;
    color: #231f20;
    font-family: roboto;
}

#SelectedCategories_4 .flex-item:hover .flex-category-label {
    color: #ed1c24;
    background-color: #fff;
}

#SelectedCategories_4 .flex-category-icon {
    padding: 0px;
    border-radius: 0px;
    width: 95px;
}

#SelectedCategories_4 .flex-inner-wrapper {
    height: auto !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5px;
}

#SelectedCategories_4 .flex-show-all-button {
    display: none;
}

#SelectedCategories_4.flex-half-collapsed-box .flex-header-label {
    margin-bottom: 1px;
    text-align: left;
}

#SelectedCategories_4.flex-half-collapsed-box .flex-header-label span a {
    color: #fff;
    text-decoration: none;
}

#SelectedCategories_4.flex-half-collapsed-box {
    width: 62%;
    margin-right: 36px;
}


/* Vybrane kategorie - univerzalní díly  */

#SelectedCategories_5 img {
    height: 95px;
}

#SelectedCategories_5.flex-half-collapsed-box {
    position: relative;
    border-top: 0px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    margin-top: 45px;
    text-align: center;
}

#SelectedCategories_5.flex-half-collapsed-box .flex-header-label span {
    background: none;
    padding: 23px 0px 6px 4px;
    font-size: 22pt;
    font-weight: 700;
}

#SelectedCategories_5.flex-half-collapsed-box .flex-inner-wrapper {
    height: auto !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5px;
}

#SelectedCategories_5.flex-half-collapsed-box .flex-item {
    display: inline-flex;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    background: #fff;
    padding: 0px;
    align-items: center;
    margin: 10px 0px 0px 0px;
    width: 100%;
}

#SelectedCategories_5.flex-half-collapsed-box .flex-item .flex-category-label {
    width: 255px;
    text-transform: none;
    color: #231f20;
    font-size: 14pt;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    font-weight: 500;
    justify-content: left;
    margin-left: 20px;
    text-align: left;
    width: 100%;
}

#SelectedCategories_5.flex-half-collapsed-box .flex-item .flex-category-icon {
    padding: 0px 0px;
    float: left;
    background: none;
}

#SelectedCategories_5.flex-half-collapsed-box .flex-item.flex-first-row {
    margin-top: 13px;
}

#SelectedCategories_5.flex-half-collapsed-box .flex-item:hover>.flex-category-label {
    color: #ed1c24;
}

#SelectedCategories_5.flex-container.flex-bottom-delimiter.flex-custom-article-container {
    margin-bottom: 0px !important;
}

#SelectedCategories_5.flex-half-collapsed-box {
    position: relative;
    border-top: 0;
    border-bottom: 0;
    margin-top: 49px;
    text-align: left;
    width: 35%;
}


/* tecdoc lists */

.flex-tecdoc .flex-manufacturers-list .flex-title,
.flex-service-data .flex-manufacturers-list .flex-title {
    color: #318ecd;
}

.flex-tecdoc .flex-tecdoc-models .flex-filter input[type="button"].flex-item {
    color: #318ecd;
}

.flex-tecdoc .flex-models-list .flex-title {
    color: #318ecd;
}

.flex-tecdoc .flex-tecdoc-models .flex-filter input[type="button"].flex-item.flex-selected {
    border: 1px solid #318ecd;
    background: #318ecd;
}

.flex-tecdoc .flex-engines-list .flex-title {
    color: #318ecd;
}


/* konstrukcni skupiny */

.flex-groups-container .flex-shortcuts .flex-shortcut>span {
    background-color: transparent;
}

.flex-groups-container .flex-shortcuts .flex-shortcut span {
    display: inline-block;
    width: 126px;
    padding: 12px 12px 43px 87px;
}

.flex-groups-container .flex-shortcuts .flex-shortcut {
    font-size: 10pt;
    display: inline-block;
    text-transform: none;
    width: 266px;
    height: 100px;
    background: transparent;
    background-position: center center;
    border: 1px solid #ebebeb;
    margin-right: -1px;
    margin-bottom: -1px;
    text-align: left;
    vertical-align: top;
    transition: 0.2s;
}

.flex-tecdoc .flex-groups-container .flex-shortcuts .flex-shortcut {
    background-position: left 8px center!important;
}

.flex-groups-container .flex-shortcuts .flex-node .flex-tree-container {
    top: 91px;
}

.flex-groups-container .flex-shortcuts .flex-shortcut:hover>span,
.flex-groups-container .flex-shortcuts .flex-shortcut.flex-selected>span {
    background: transparent;
}


/* kostrukcni skupiny leve menu */

.flex-tecdoc .flex-groups-container .flex-nodes {
    width: 270px;
}


/* Catalogue */

.flex-products .flex-item.catalog-view .flex-col2 h2.flex-product-name {
    color: #318ecd;
    font-family: poppins;
}

.flex-products .flex-item.list-view .flex-col-info h2.flex-product-name,
.flex-products .flex-item.list-view .flex-col1 h2.flex-product-name {
    color: #318ecd;
    font-family: poppins;
}

.flex-side-bar {
    max-width: 260px;
    width: 260px;
}

.flex-products .flex-item {
    border: 1px solid white;
    box-shadow: 0px 1px 2px 0px #DFDFDF;
}

.flex-add-to-basket .flex-add-to-basket-button:hover {
    background: #318ecd url("/Plugins/FlexView/Images/FlexAddToBasketIcon.png") center center no-repeat;
    border: 1px solid #318ecd;
}


/* leve menu */

.flex-side-bar .flex-side-navigation {
    overflow-wrap: break-word;
}

.flex-tecdoc-vehicle-info-box .flex-items .flex-item {
    background-image: none;
}


/* product detail */

.flex-product-detail .flex-general .flex-informations>h1.flex-title {
    font-family: poppins;
}

.flex-content .flex-informations .flex-purchase-price-priorized .flex-switch-price-content {
    display: block;
    font-size: 10pt;
    width: 100%;
}

.flex-content .flex-informations .flex-purchase-price-priorized .flex-switch-price {
    display: block;
    font-weight: 600;
}

.flex-product-detail .flex-general .flex-informations .flex-add-to-basket .flex-add-to-basket-button {
    background-position: center center;
    width: 75px;
}

.flex-product-detail .flex-general .flex-informations .flex-prices .flex-price {
    font-size: 14pt;
    line-height: 28pt;
}

.flex-prices .flex-type {
    font-weight: 300;
    font-size: 15px;
}

.flex-product-detail .flex-general {
    border-bottom: 0px solid #fff;
    box-shadow: 0px 1px 2px 0px #DFDFDF;
}

.flex-product-detail {
    border: 1px solid #fff;
}


/* Product article */

.flex-text-actions {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding-top: 20px;
}

.flex-text-actions .flex-text .flex-title {
    font-size: 22px;
    font-weight: 300;
    color: #318ecd;
    font-family: poppins;
    margin-bottom: 7px;
}

.flex-text a {
    text-decoration: none;
}

.flex-text-actions .flex-item {
    color: #231f20;
    width: 44%;
    background-color: white;
    padding: 30px;
    box-shadow: 0px 1px 2px 0px #DFDFDF;
}

.flex-text-actions .flex-text .flex-description {
    font-size: 15px;
    line-height: 16pt;
}

.flex-text-actions .flex-image img {
    max-width: 177px;
}

.flex-text-actions .flex-image {
    max-width: 177px;
    margin-right: 30px;
}

.flex-text-actions .flex-item:first-of-type {
    padding-top: 30px;
}


/* product article detail */

.flex-text-action-detail-informations .flex-text .flex-title {
    font-family: poppins;
}

.flex-text-action-detail-informations .flex-image img {
    display: none;
}


/* footer */

.flex-footer-container {
    background-image: linear-gradient(#0c4972, #2f8ac8);
}

.flex-footer-wide {
    color: #fff;
    background: transparent;
}

.flex-footer-wide.flex-highlight {
    background: transparent;
}

.flex-footer-wide a {
    color: white;
}

.flex-footer-wide a:hover {
    text-decoration: underline;
}

.flex-footer-wide {
    font-size: 11pt;
}

.flex-footer-wide {
    color: white;
    font-size: 11pt;
}

.flex-footer-wide.flex-highlight .flex-newsletter span {
    color: white;
    font-size: 12pt;
    font-family: poppins;
    font-weight: 600;
}

.flex-footer-wide .flex-title {
    text-transform: none;
    font-family: poppins;
    font-size: 12pt;
}

.flex-footer-wide ul li {
    background: none;
    padding-left: 0px;
    padding-top: 7px;
}

.flex-footer-wide ul li:first-child {
    background: none;
}

.flex-quick-contacts .flex-branch .flex-name {
    font-family: poppins;
    font-size: 12pt;
    display: none;
}

.flex-footer-wide.flex-highlight .flex-newsletter input[type="text"] {
    border: 1px solid #226b9d;
    background: #226b9d;
    font-size: 10pt;
    border-radius: 4px;
    padding: 8px;
    padding-left: 12px;
    padding-right: 80px;
    width: 190px;
}

.flex-footer-wide.flex-highlight .flex-newsletter input[type="button"] {
    border: 1px solid #4dabeb;
    background: #4dabeb;
    font-size: 10pt;
    border-radius: 3px;
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.flex-nextis-logo {
    filter: brightness(2) opacity(50%);
}

.flex-tecalliance-logo {
    filter: brightness(2) opacity(50%);
}

.flex-footer-wide.flex-license #TecDocDisclaimerLabel {
    color: #96c2e0;
}

.flex-footer-wide.flex-license .flex-nextis-credentials {
    color: #96c2e0;
}

.flex-footer-wide .flex-footer-main-menu .flex-footer-main-menu-box>span {
    background-image: none;
    padding-left: 0px;
}

.flex-footer-wide .flex-footer-main-menu .flex-footer-main-menu-box>span::before {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13pt;
    color: white;
    margin-right: 12px;
}

.flex-footer-wide .flex-footer-main-menu .flex-footer-legal-info>span.flex-legal-info {
    background-image: none;
    padding-left: 0px;
    margin-top: 30px;
}

.flex-footer-wide .flex-footer-main-menu .flex-footer-legal-info>span.flex-legal-info::before {
    content: "\f0e3";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13pt;
    color: white;
    margin-right: 12px;
}

.flex-footer-wide .flex-footer-custom-menu>span {
    background-image: none;
    padding-left: 0px;
}

.flex-footer-wide .flex-footer-custom-menu>span::before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13pt;
    color: white;
    margin-right: 12px;
}

.flex-footer-wide .flex-footer-recommended-links>span {
    background-image: none;
    padding-left: 0px;
}

.flex-footer-wide .flex-footer-recommended-links>span::before {
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13pt;
    color: white;
    margin-right: 12px;
}

.flex-footer-wide .flex-footer-other-links>span {
    background-image: none;
    padding-left: 0px;
}

.flex-footer-wide .flex-footer-other-links>span::before {
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13pt;
    color: white;
    margin-right: 12px;
}

.flex-footer-wide .flex-footer-user-menu>span {
    background-image: none;
    padding-left: 0px;
}

.flex-footer-wide .flex-footer-user-menu>span::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13pt;
    color: white;
    margin-right: 12px;
}


/* Carousel */

.flex-carousel-actions .flex-carousel .flex-products .flex-inner-wrapper .flex-item {
    border: 1px solid #fff;
    margin-right: 10px;
    box-shadow: 0px 1px 2px 0px #DFDFDF;
    margin-top: 13px;
    margin-bottom: 3px;
    margin-left: 2px;
}

.flex-products .flex-item.tiles-view h2.flex-product-name {
    font-size: 12pt;
    color: #318ecd;
    font-family: poppins;
    min-height: 55px;
}

.flex-products .flex-product-compare .flex-add-product-to-compare {
    margin-top: 5px;
}

.flex-carousel-actions .flex-carousel>.flex-title {
    font-size: 21pt;
    color: #ed1c24;
    line-height: 24pt;
    font-family: poppins;
    background-image: none;
    padding-left: 0px;
}

.flex-carousel-actions .flex-carousel>.flex-left-button {
    background: none;
    padding-right: 8px;
}

.flex-carousel-actions .flex-carousel>.flex-left-button:hover {
    background: none;
}

.flex-carousel-actions .flex-carousel>.flex-right-button {
    background: none;
}

.flex-carousel-actions .flex-carousel>.flex-right-button:hover {
    background: none;
}

.flex-carousel-actions .flex-carousel>.flex-left-button::before {
    content: "\f359";
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 22pt;
    color: #ed1c24;
}

.flex-carousel-actions .flex-carousel>.flex-left-button:hover::before {
    color: #fc4c53;
}

.flex-carousel-actions .flex-carousel>.flex-right-button::before {
    content: "\f35a";
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 22pt;
    color: #ed1c24;
}

.flex-carousel-actions .flex-carousel>.flex-right-button:hover::before {
    color: #fc4c53;
}


/* added to basket */

.flex-toast-info-content a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #ed1c24;
    margin-top: 10px;
    border-radius: 4px;
    display: block;
    width: 150px;
    text-align: center;
}

.flex-toast-info-content {
    padding: 10px;
    text-align: center;
}

.flex-toast-info {
    position: fixed;
    top: 40px;
    right: 40px;
    padding: 20px;
    animation: flex-toast-show 0.6s ease-in-out;
    color: #4f4f4f;
    border: 1px solid #d7e1fd;
    background: #f6f9ff;
    font-weight: 700;
    z-index: 99999;
    display: inline-block;
    vertical-align: middle;
}


/* Order proces */

.flex-basket-items .flex-items .flex-item>span.flex-code a {
    color: #318ecd;
}

.flex-basket-items .flex-basket-total.flex-items .flex-item>span.flex-title {
    color: #318ecd;
}

.flex-quick-basket-add>span {
    color: #318ecd;
}

.flex-basket-import>span {
    color: #318ecd;
}

.flex-order-process .flex-quick-items-add-title {
    line-height: 22pt;
}

.flex-quick-basket-add input[type="button"] {
    border: 1px solid #505050;
}

.flex-basket-import .flex-basket-import-form .flex-file-upload-button>input[type="button"] {
    border: 1px solid #505050;
}

.flex-basket-items .flex-items span.flex-spz {
    width: 119px;
}

.fa-money-bill::before {
    content: "\f0d6";
    font-weight: 900;
}

.flex-product-detail .flex-general .flex-tabs .flex-header .flex-tab.flex-informations.flex-selected .flex-informations-icon::before {
    font-family: "Font Awesome 5 Pro";
}

.flex-product-detail .flex-general .flex-tabs .flex-header .flex-tab.flex-informations .flex-informations-icon::before {
    font-family: "Font Awesome 5 Pro";
}


/* logo mobile */

.flex-logo-mobile {
    background: url("/wwwroot/575/Default/Images/logo.png") no-repeat;
    width: 186px;
    height: 38px;
    margin-top: 8px;
    background-size: 100%;
}

.flex-container.flex-top-panel-container .flex-dock-left {
    margin-left: 0px;
}

.flex-container.flex-top-panel-container .flex-dock-right {
    margin-right: 0px;
}

.flex-footer-wide.flex-license .flex-nextis-credentials #NextisVersionLabel,
.flex-footer-wide.flex-license .flex-nextis-credentials #NextisCopyrightLabel a {
    display: none;
}

.products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time {
    width: 186px;
}


/* Mobile device */

@media only screen and (max-width: 989px) {
    .flex-logo {
        display: none;
    }
    .flex-container.flex-top-panel-container .flex-dock-left {
        margin-left: 0px;
    }
    .box1 {
        width: 100%;
    }
    .box2 {
        width: 100%;
    }
    .box3 {
        width: 100%;
    }
    /* menu mobile */
    .flex-main-menu .flex-menu .flex-menu-button {
        font-size: 14pt;
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
        background: linear-gradient(#ffed00, #e9c70b);
        color: black;
    }
    .flex-main-menu .flex-menu:hover .flex-menu-button,
    .flex-main-menu .flex-menu:hover .flex-close-menu-button {
        cursor: pointer;
        text-decoration: none;
    }
    .flex-main-menu .flex-menu ul.flex-menu-compact li a {
        padding: 19px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .flex-main-menu .flex-menu ul.flex-menu-compact li a.flex-selected {
        background-color: #005492;
        text-decoration: none;
    }
    .flex-container.flex-bottom-delimiter.flex-slideshow-container {
        margin-bottom: 0px !important;
    }
    .flex-main-menu .flex-menu ul.flex-menu-compact li {
        border-radius: 0px;
    }
    .flex-header-table {
        height: 87px;
    }
    /* top user menu */
    .flex-top-panel-container .flex-menu ul.flex-menu-compact li a,
    .flex-menu ul.flex-menu-compact li span {
        color: black;
        font-size: 12pt;
    }
    .flex-panel-wide .flex-menu ul li:first-child>span {
        font-weight: 700;
        color: black;
        text-align: left;
        padding-left: 15px;
    }
    .flex-slider {
        width: auto;
    }
    /* Car brands */
    .flex-half-collapsed-box .flex-item {
        margin-left: 5px;
        margin-right: 5px;
        padding: 0px 0px;
        box-shadow: 0px 1px 2px 0px #DFDFDF;
        margin-bottom: 5px;
    }
    #SelectedCategories_4 .flex-inner-wrapper {
        justify-content: center;
    }
    #SelectedCategories_4.flex-half-collapsed-box .flex-header-label {
        text-align: center;
    }
    #SelectedCategories_4 .flex-inner-wrapper {
        flex-wrap: wrap;
    }
    /* uni dily */
    .flex-half-collapsed-box .flex-header-label {
        margin-bottom: 0px;
        text-align: center;
    }
    .flex-text-actions {
        flex-wrap: wrap;
    }
    .flex-text-actions .flex-item:first-of-type {
        width: 100%;
    }
    .flex-text-actions .flex-item {
        width: 100%;
    }
    .flex-text-actions .flex-text .flex-title {
        width: 100%;
    }
    .flex-select-vehicle-wizard {
        margin-right: 0px;
        width: 100%;
        box-sizing: border-box;
        height: auto;
    }
    /* uni dily */
    #SelectedCategories_5.flex-half-collapsed-box .flex-item .flex-category-label {
        width: 100%;
        font-size: 12pt;
    }
    #SelectedCategories_5.flex-half-collapsed-box .flex-item.flex-first-row {
        width: 100%;
    }
    #SelectedCategories_5.flex-half-collapsed-box .flex-item {
        width: 100%;
    }
    #SelectedCategories_5.flex-half-collapsed-box {
        width: 100%;
    }
    #SelectedCategories_4.flex-half-collapsed-box {
        width: 100%;
        margin-right: 0px;
    }
    /* carousel */
    .flex-carousel-actions .flex-carousel>.flex-right-button {
        width: 30px;
    }
    .flex-carousel-actions .flex-carousel>.flex-title {
        padding-left: 10px;
    }
    /* article */
    .flex-text-actions .flex-text {
        padding: 10px 0px;
    }
    /* Newsletter */
    .flex-footer-wide.flex-highlight .flex-newsletter input[type="button"] {
        padding: 8px 14px 7px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .flex-footer-wide.flex-highlight .flex-newsletter input[type="text"] {
        padding: 7px;
        padding-left: 11px;
        padding-right: 75px;
        width: 200px;
        display: block;
    }
    /* Search */
    select.flex-drop-down {
        width: 100%;
    }
    .flex-main-menu .flex-menu .flex-menu-button {
        background: #318ecd;
        color: white;
    }
    .flex-drop-down.flex-disabled {
        width: 100%;
    }
    .flex-drop-down {
        width: 100%;
    }
    .flex-select-vehicle-wizard .flex-content .flex-manufacturer-selector {
        width: 100%;
    }
    .flex-select-vehicle-wizard .flex-content .flex-model-selector {
        width: 100%;
    }
    .flex-select-vehicle-wizard .flex-content .flex-engine-selector {
        width: 100%;
    }
    .flex-select-vehicle-wizard .flex-drop-down dt span.flex-drop-down-link {
        width: 100%;
        background-position: right 31px center;
        overflow-wrap: break-word;
        padding-left: 10px;
        padding-right: 10px;
    }
    /* quick search */
    .flex-select-vehicle-wizard .flex-drop-down dt span.flex-drop-down-link {
        width: 100%;
        background-position: right 10px center;
        overflow-wrap: break-word;
        padding-left: 10px;
        padding-right: 20px;
    }
    .flex-select-vehicle-wizard .flex-drop-down {
        width: 100%;
    }
    /* footer */
    .flex-quick-contacts .flex-company-name {
        margin-top: 20px;
    }
    .flex-footer-wide .flex-footer-main-menu .flex-footer-legal-info>span.flex-legal-info {
        margin-top: 0px;
    }
}