@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=latin-ext");

html {
    height: 101%;
}

body.barlet,
.barlet button,
.barlet input,
.barlet textarea {
    font-family: 'Catamaran', sans-serif;
    color: #333;
}

.barlet .container-fluid {
    width: 100%;
    padding: 0 50px;
}

a {
    color: #080a07;
}

.barlet .text-justify {
    text-align: justify;
}

.barlet .w100 {
    width: 100% !important;
}

.barlet .w25-vzorkovnice {
    width: 25% !important;
}

.barlet .w30-vzorkovnice {
    width: 30% !important;
}

.barlet .w70-vzorkovnice {
    width: 70% !important;
}

.barlet .w75-vzorkovnice {
    width: 75% !important;
}

.barlet .border-0-right {
    border-right: 0 !important;
}

.barlet section.shop-gallery {
    border-top: 0px solid #dedede;
    border-bottom: 0px solid #dedede;
}

.barlet .item-video h3 {
    font-size: 18px;
}

.barlet h1 {
    color: #080a07;
}

.barlet .btn {
    border-color: #92d4f4;
    color: #92d4f4;
    border-radius: 0;
}

.barlet .btn:hover {
    background: #fff;
    color: #92d4f4;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.barlet .btn.btn-red {
    background-color: #92d4f4;
    color: #fff;
}

.barlet .btn.btn-red:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.barlet section h2 {
    margin-top: 80px;
    font-size: 40px;
    line-height: 50px;
    color: #080a07;
}

.barlet header {
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 0;
    height: auto;
}

.barlet header .logo-mobil {
    display: none;
}

.barlet header .nav-height {
    height: 75px;
}

.barlet header #top {
    padding: 0;
}

.barlet header .nav-wrap {
    background-color: #fff;
    color: #43566f;
}

.barlet header .nav-wrap.fixed,
.barlet .n2-section-smartslider {
    border-bottom: 0;
}

.barlet header .nav-wrap nav {
    width: 65%;
    float: right;
}

.barlet header .nav-wrap #logo {
    float: left;
    display: block;
}

.barlet header .nav-wrap #logo .logo {
    margin-top: 0;
    line-height: 75px;
    height: 75px;
}

.barlet header .nav-wrap #logo .logo img {
    vertical-align: middle;
    width: 191px; /* 170px */
}

.barlet header .nav-wrap nav ul {
    float: right;
}

.barlet header .nav-wrap nav ul li {
    margin-right: 0;
}

.barlet header .nav-wrap nav ul li > a {
    color: #080a07;
    height: 75px;
    line-height: 75px;
    font-size: 16px;
    padding-left: 17px;
    padding-right: 17px;
    text-decoration: none;
}

.barlet header .nav-wrap nav .menu-item:hover a,
.barlet header .nav-wrap nav ul li > a:hover,
.barlet header .nav-wrap nav ul li > a.active {
    background-color: #080a07;
    color: #fff;
}

.barlet header .nav-wrap nav ul li .submenu {
    left: unset;
    right: unset;
    border: 0;
    box-shadow: none;
    padding: 0;
    background-color: #080a07;
}

.barlet header .nav-wrap nav ul li .submenu .sub-content {
    width: 100%;
    min-width: 210px;
    max-width: 250px;
    padding: 10px 0 0 0;
}

.barlet header .nav-wrap nav ul li .submenu .sub-content .item {
    width: 100%;
    text-align: left;
    margin: 0;
    height: 48px;
    border-radius: 0;
    color: #fff;
    background: transparent;
    padding: 0 0 0 13px;
    transition: 0s;
}

.barlet header .nav-wrap nav ul li .submenu .sub-content .item:hover {
    background-color: #92d4f4;
    color: #000;
}

.barlet header .nav-wrap.fixed {
    padding: 0 50px;
}

.barlet header .nav-wrap nav ul li .submenu .sub-content .submenu-interiery:hover .subsubmenu,
.barlet header .nav-wrap nav ul li .submenu .sub-content .submenu-exteriery:hover .subsubmenu {
    display: block !important
}

.barlet header .nav-wrap nav ul li .submenu .sub-content .subsubmenu,
.barlet header .nav-wrap nav ul li .submenu .sub-content .subsubmenu {
    position: absolute;
    left: -200px;
    right: 210px;
    background-color: #080a07;
    box-shadow: none;
    display: none;
    padding: 0;
    border: 0;
    border-top: none;
    z-index: 999;
}

.barlet .header-image {
    min-height: 75px;
    background: #e8f2ff;
    margin-top: 60px;
}

@media (min-width: 829px) {
    .barlet .header-image {
        margin-top: 0px;
    }
}

.barlet .header-image img {
    height: auto;
}

.barlet.page-template-page main {
    /*margin-top: 70px;*/
}

/* slider */
.barlet .n2-ss-align {
    margin-bottom: 0;
}

.barlet .category-main > h2 {
    text-align: left;
}

.barlet .shop-gallery {
    background: rgb(5, 30, 79);
    background: linear-gradient(135deg, rgba(5, 30, 79, 1) 0%, rgba(8, 46, 122, 1) 18%, rgba(31, 90, 163, 1) 41%, rgba(31, 90, 163, 1) 60%, rgba(8, 46, 122, 1) 81%, rgba(5, 30, 79, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(5), color-stop(0, 30), color-stop(0, 79), color-stop(0, 1)), color-stop(0, rgba(8), color-stop(0, 46), color-stop(0, 122), color-stop(0.18, 1)), color-stop(0, rgba(31), color-stop(0, 90), color-stop(0, 163), color-stop(0.41, 1)), color-stop(0, rgba(31), color-stop(0, 90), color-stop(0, 163), color-stop(0.6, 1)), color-stop(0, rgba(8), color-stop(0, 46), color-stop(0, 122), color-stop(0.81, 1)), color-stop(0, rgba(5), color-stop(0, 30), color-stop(0, 79), color-stop(1, 1)));
    background: -webkit-linear-gradient(135deg, rgba(5, 30, 79, 1) 0%, rgba(8, 46, 122, 1) 18%, rgba(31, 90, 163, 1) 41%, rgba(31, 90, 163, 1) 60%, rgba(8, 46, 122, 1) 81%, rgba(5, 30, 79, 1) 100%);
    background: -moz-linear-gradient(135deg, rgba(5, 30, 79, 1) 0%, rgba(8, 46, 122, 1) 18%, rgba(31, 90, 163, 1) 41%, rgba(31, 90, 163, 1) 60%, rgba(8, 46, 122, 1) 81%, rgba(5, 30, 79, 1) 100%);
    background: -ms-linear-gradient(135deg, rgba(5, 30, 79, 1) 0%, rgba(8, 46, 122, 1) 18%, rgba(31, 90, 163, 1) 41%, rgba(31, 90, 163, 1) 60%, rgba(8, 46, 122, 1) 81%, rgba(5, 30, 79, 1) 100%);
    background: -o-linear-gradient(135deg, rgba(5, 30, 79, 1) 0%, rgba(8, 46, 122, 1) 18%, rgba(31, 90, 163, 1) 41%, rgba(31, 90, 163, 1) 60%, rgba(8, 46, 122, 1) 81%, rgba(5, 30, 79, 1) 100%);
    -pie-background: linear-gradient(135deg, rgba(5, 30, 79, 1) 0%, rgba(8, 46, 122, 1) 18%, rgba(31, 90, 163, 1) 41%, rgba(31, 90, 163, 1) 60%, rgba(8, 46, 122, 1) 81%, rgba(5, 30, 79, 1) 100%);
}

.barlet .shop-gallery h2,
.barlet .shop-gallery p,
.barlet .shop-gallery a {
    color: #fff;
}

.barlet .help-list-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}

.barlet .help-item {
    background-color: #111;
    background: url("../images/barlet/bg-kryci-olejove-barvy.png") no-repeat left top #111;
    border-width: 0;
    border-color: #111;
    min-height: 180px;
}

.barlet .help-item:hover {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
}

.barlet .help-item a p {
    display: none;
}

.barlet .help-item a:hover {
    color: #fff;
}

/* sytsemove reseni - home */
/*.barlet .help-item.bg-lazury {
  background-image: url("../images/barlet/bg-lazury.png");
}
.barlet .help-item.bg-kryci-barvy {
  background-image: url("../images/barlet/bg-kryci-olejove-barvy.png");
}
.barlet .help-item.bg-podlahove-laky {
  background-image: url("../images/barlet/bg-podlahove-laky.png");
}
.barlet .help-item.bg-nabytkove-laky {
  background-image: url("../images/barlet/bg-nabytkove-laky.png");
}
.barlet .help-item.bg-oleje {
  background-image: url("../images/barlet/bg-oleje.png");
}*/

.barlet .help-item {
    text-align: center;
}

.barlet .help-item a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.barlet .help-item a:hover {
    opacity: 0.7;
}

.barlet .help-item a h3 {
    line-height: 50px;
    margin: 75px 0 0 0;
    color: #ffffff;
    text-shadow: 0px 0px 6px #000000;
    font-size: 32px;
    text-align: center;
}

.barlet .shops-map-all.producer .container .contacts-wrapper {
    width: 400px;
}

.barlet .video-list {
    background-color: #fff;
    margin-top: 0;
}

.barlet .video-list h2 {
    display: block;
    text-align: left;
    background-color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.video-list h2:after {
    background: none;
}

.barlet .contacts-list.extended .detail-contacts .contacts-tab {
    border: 0;
}

.barlet .tax-products {
    background-color: #fff;
}

.barlet .tax-bal_product_brand .category-detail .category-main h2.category-title,
.barlet .category-main h2.category-title {
    margin: 50px 0 40px 0 !important;
    font-size: 40px !important;
    line-height: 50px !important;
    color: #080a07;
}

.barlet .category-detail .category-nav .nav-section {
    border-radius: 0;
}

.barlet .category-detail .category-nav .nav-section h4 {
    display: none;
}

.barlet .category-detail .category-nav .nav-section ul li {
    margin-bottom: 0;
    line-height: 24px;
    border-bottom: 2px solid #fff;
}

.barlet .category-detail .category-nav .nav-section ul li a {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    padding-left: 40px;
    background: url("../images/barlet/bg-barva-impregnace.png") repeat-y -13px top #080a07;
}

/*
.barlet .category-detail .category-nav .nav-section ul li.content-nav-1128 a {
    background-image: url("../images/barlet/bg-barva-lazury.png");
}
.barlet .category-detail .category-nav .nav-section ul li.content-nav-1130 a {
    background-image: url("../images/barlet/bg-barva-kryci-olejove-barvy.png");
}
.barlet .category-detail .category-nav .nav-section ul li.content-nav-1132 a {
    background-image: url("../images/barlet/bg-barva-podlahove-laky.png");
}
.barlet .category-detail .category-nav .nav-section ul li.content-nav-1134 a {
    background-image: url("../images/barlet/bg-barva-nabytkove-laky.png");
}
.barlet .category-detail .category-nav .nav-section ul li.content-nav-1136 a {
    background-image: url("../images/barlet/bg-barva-oleje.png");
}
.barlet .category-detail .category-nav .nav-section ul li.content-nav-1140 a {
    background-image: url("../images/barlet/bg-barva-specialni-produkty.png");
}*/
.barlet .category-detail .category-nav .nav-section ul li a:hover {
    background-position: 0px top;
}

.barlet .category-detail .category-nav .nav-section ul li.active a {
    background-repeat: repeat;
    color: #000;
}

.barlet .product-thumb .product-texts {
    min-height: 130px;
}

.barlet .product-texts h2 {
    min-height: 22px;
    margin-bottom: 7px;
}

.barlet .product-thumb .product-texts small {
    min-height: 35px;
}


.barlet .system-solutions-list,
.barlet .events-list,
.barlet.page-template-download .cont,
.barlet .products-list {
    /*margin-top: 50px;*/
}

.barlet .item-event {
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
}

.barlet .item-event h3 {
    margin-top: 20px;
}

.barlet .product-detail,
.system-solutions-list .category-detail .category-main,
.barlet .products-list .category-main {
    float: right;
    width: calc(100% - 280px);
    text-align: left;
    padding-top: 0;
}

.system-solutions-list .category-detail .category-main {
    width: 100%;
}

.system-solutions-list .system-solutions-list-wrap {
    margin: 0;
    text-align: left;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions {
    width: calc(50% - 12px);
    float: left;
    border: 2px solid #dedede;
    margin-bottom: 30px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions:first-child {
    margin-right: 24px;
}

.system-solutions-list .category-detail .category-main h2 {
    font-weight: 700;
    font-size: 46px;
    line-height: 55px;
    margin: 0 0 20px 0;
    text-align: left;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions h2 {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    color: #fff;
    background: #080a07;
    padding: 10px 20px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-thumb {
    width: calc(100% - 34px);
    background: transparent;
    /*float: left;*/
    min-height: 200px;
    display: block;
    clear: both;
    overflow: hidden; /*hide bounds of image */
    margin: 0 15px; /*reset margin of figure tag*/

}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-thumb img {
    margin: -30% 0;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info {
    padding: 0;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text {
    width: 50%;
    float: left;
    padding: 15px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text .next-step {
    font-size: 28px;
    text-align: center;
    margin-bottom: 15px;
    color: #080a07;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text:first-child {
    border-right: 2px solid #dedede;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text ul {
    margin: 0;
    /*padding-left: 50px;*/
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text ul li {
    margin: 0;
    font-size: 14px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text p {
    font-size: 14px;
    margin: 0;
    /*padding-left: 20px;*/
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text p.odkazyTip {
    margin: 0;
    padding-left: 0;
    padding-top: 16px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text h3,
.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-product h3 {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    margin: 8px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e8f4fb;
}

.system-solutions-list .system-solutions-list-wrap {
    clear: both;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text .system-solutions-inner {
    min-height: 300px;
    padding: 0;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text .system-solutions-inner-inside {
    padding: 0 15px;
    margin-bottom: 20px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-product h3 {
    text-align: center;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text h4 {
    color: #080a07;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    margin: 0 0 16px 0;
    padding: 5px 15px;
    background-color: #eee;
    border: 1px solid #080a07;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-product {
    width: 33%;
    float: right;
    padding-left: 20px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .related-products {
    text-align: center;
    padding-bottom: 50px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .related-products h2 {
    text-align: center;
    margin-bottom: 6px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .related-products h2 a {
    min-height: 40px;
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 19px;
    text-decoration: none;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .related-products small {
    /*min-height: 52px;*/
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #323232;
    line-height: 17px;
    margin-bottom: 12px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info ul {
    padding-left: 20px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .notes h3 {
    font-size: 13px;
    line-height: 21px;
    margin-top: 25px;
    margin-bottom: 8px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .notes p {
    font-size: 12px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .notes ul {
    padding-left: 20px;
}

.system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .notes ul li {
    font-size: 12px;
    line-height: 19px;
}

.redTip {
    padding-top: 35px;
}

.redTip span {
    color: red;
}

.barlet footer.producer {
    color: #323232;
    background-color: #e3eeff;
    margin-top: 0;
}

.barlet footer.producer .container {
    color: #323232;
}

.barlet .why.producer {
    display: none;
}

/* reason-squares */
.reason-squares {
    width: 100%;
}

.reason-squares ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.reason-squares li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    width: calc(33.33% - 20px);
    text-align: center;
    color: #111;
    height: 125px;
    padding: 25px 40px;
    margin: 0 20px 20px 0;
    background: #fff;
/ / #e8f2ff;
    border: 2px solid #e3eeff;
}

/* reference */
.page-id-81275 .category-detail .events-list .events-list-wrap .item-event {
    width: 100%;
}

.page-template-barlet .gallery-item {
    height: 145px;
    overflow: hidden;
}

.barlet .contact-column,
.barlet .contact-column-30,
.barlet .contact-column-50 {
    width: calc(33.33% - 20px);
    float: left;
    margin-right: 20px;
    padding: 1px 15px;
    border: 2px solid #e3eeff;
    height: 310px;
}

.barlet .contact-column-30 {
    padding: 20px;
    height: 140px;
    margin-bottom: 20px;
}

.barlet .contact-column-50 {
    width: calc(50% - 20px);
}

.barlet .contact-column table tbody tr td,
.barlet .contact-column-30 table tbody tr td,
.barlet .contact-column-50 table tbody tr td {
    padding: 10px 0;
    background: none;
}

.barlet .contact-column table tbody tr td.title,
.barlet .contact-column-30 table tbody tr td.title,
.barlet .contact-column-50 table tbody tr td.title {
    font-weight: bold;
}

.barlet .contacts-list.extended {
    padding-top: 50px;
}

.barlet .contacts-list .detail-contacts .detail-contacts-list .item {
    float: none;
    width: 100%;
    text-align: left;
    margin: 0 0 15px 0;
    padding: 0;
}

.barlet .contacts-list .detail-contacts h3 {
    font-size: 23px;
    font-weight: bold;
    margin: 25px 0 20px 0;
    text-align: left;
}

.barlet .contact-column-30 .detail-contacts .contacts-tab .detail-contacts-list .item {
    text-align: center;
}

.page-template-download.barlet.tax-bal_product_brand .one-column .category-main {
    max-width: unset;
}

.page-template-download.barlet.tax-bal_product_brand .category-detail .category-main {
    padding-top: 15px;
}

.barlet .tabs-detail-wrap .tabs .tab {
    padding: 0;
}

.barlet .tabs-detail-wrap .tabs .tabs-control {
    text-align: left;
    border: 0;
}

.barlet .tabs-detail-wrap .tabs .tabs-control li a {
    color: #333;
    background: #fff;
    border: 2px solid #dedede;
}

.barlet .tabs-detail-wrap .tabs .tabs-control li a:hover {
    border-color: #080a07;
}

.barlet .tabs-detail-wrap .tabs .tabs-control li.active a {
    color: #080a07;
    background: #fff;
    border: 2px solid #080a07;
}

.barlet.page-template-download table tbody tr td {
    background: #fff;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.barlet.page-template-download table tbody tr:hover td {
    font-weight: bold;
}

.barlet .tag-list {
    margin: 30px 0 40px 0;
    /*line-height: 45px;*/
}

.barlet .tag-list a {
    font-weight: bold;
    color: #333;
    background: #fff;
    border: 2px solid #d9dde2;
    padding: 5px 10px;
    margin: 5px;
    text-decoration: none;
    display: inline-block;
    line-height: 30px;
    font-size: 15px;
}

.barlet .tag-list a.active,
.barlet .tag-list a:hover {
    border: 2px solid #080a07;
    color: #080a07;
}

.barlet ul.check {
    margin-left: 20px;
}

.barlet ul.check li {
    list-style-type: disc;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 8px;
    background: none;
    color: #92d4f4;
    font-size: 25px;
}

.barlet ul.check li span {
    color: #323232;
    font-size: 16px;
}

.barlet ul.check.files {
    margin-left: 0;
}

.barlet ul.check.files li {
    list-style-type: none;
    margin-bottom: 14px;
}

.barlet ul.check.files li.pdf {
    background-repeat: no-repeat;
    background-size: auto;
}

.barlet ul.check.files li a {
    padding-left: 36px;
}

.barlet .product-detail .main-wrap .head {
    margin-top: 30px;
    margin-bottom: 25px;
}

.barlet .product-detail .main-wrap .head h1 {
    margin-bottom: 20px;
    font-size: 42px;
}

.barlet .product-detail .tabs h2 {
    margin: 0 0 5px 0;
}

.barlet .product-detail .tabs p {
    margin-bottom: 1px;
}

.barlet .product-detail .tabs table tbody tr td {
    background-color: #e3eeff;
}

.barlet .product-detail .main-wrap {
    margin-bottom: 20px;
}

.barlet .product-detail .main-wrap .head h2 {
    line-height: 36px;
}

.barlet .detail-description h3 {
    margin: 30px 0px 10px 0px;
}

.barlet .product-content {
    padding: 30px 0;
    border-top: 2px solid #e3eeff;
}

.barlet .product-content.part-2 {
    border-bottom: 2px solid #e3eeff;
    margin-bottom: 30px;
}

.barlet .box-info {
    background-color: #fff;
    border: 0px solid #d9dde2;
    padding: 0;
    margin: 0;
}

.barlet .product-detail .main-wrap .thumb {
    width: 290px;
    padding-top: 35px;
}

.barlet .product-detail .main-wrap .info,
.barlet .product-detail .main-wrap .head {
    width: calc(100% - 350px);
}

.barlet .detail-description .left,
.barlet .detail-description .right {
    width: 100%;
    float: none;
}

.barlet a.piktogram .svg {
    width: 40px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 11px;
}

.tabs-detail-wrap .tabs .tabs-control li {
    margin: 5px;
    bottom: 0px;
    float: left;
    width: calc(25% - 10px);
}

@media (max-width: 1380px) {
    .barlet header .nav-wrap nav ul li > a {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        height: 65px;
        line-height: 65px;
    }

    .barlet header .nav-wrap nav ul li .submenu .sub-content .item {
        font-size: 14px;
    }

    .barlet header .nav-height {
        height: 65px;
    }

    .barlet header .nav-wrap #logo .logo {
        line-height: 65px;
        height: 65px;
    }
}

@media (max-width: 1100px) {
    .barlet header .nav-wrap nav ul li > a {
        font-size: 12px;
        padding-left: 8px;
        padding-right: 8px;
        height: 55px;
        line-height: 55px;
    }

    .barlet header .nav-wrap nav ul li .submenu .sub-content .item {
        font-size: 12px;
    }

    .barlet header .nav-height {
        height: 55px;
    }

    .barlet header .nav-wrap #logo .logo {
        line-height: 55px;
        height: 55px;
    }

    .barlet header .nav-wrap nav ul li .submenu .sub-content .item {
        height: 40px;
    }

    .reason-squares li {
        font-size: 14px;
    }

    .tabs-detail-wrap .tabs .tabs-control li a {
        font-size: 18px;
    }

    .tabs-detail-wrap .tabs .tabs-control li {
        margin: 5px;
        bottom: 0px;
        float: left;
        width: calc(33% - 10px);
    }
}

@media (max-width: 1060px) {
    .barlet .product-detail .main-wrap .head {
        width: 100%;
        margin-top: 0;
    }

    .barlet .product-detail .main-wrap .thumb {
        width: 55%;
        padding-top: 0;
        float: left;
    }

    .barlet .product-detail .main-wrap .info {
        width: 45%;
        float: right;
    }

    .reason-squares li {
        height: 160px;
    }

    .barlet .contact-column table tbody tr td {
        font-size: 14px;
    }

    .barlet .contact-column {
        height: 340px;
    }

    .barlet .system-solutions-list .system-solutions-list-wrap .item-system-solutions {
        width: 100%;
    }

    .barlet .tag-list a {
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .barlet header .nav-wrap nav ul li > a {
        font-size: 10px;
        padding-left: 8px;
        padding-right: 8px;
        height: 55px;
        line-height: 55px;
    }

    .barlet header .nav-wrap nav ul li .submenu .sub-content .item {
        font-size: 10px;
    }

    .barlet header .nav-height {
        height: 55px;
    }

    .barlet header .nav-wrap #logo .logo {
        line-height: 55px;
        height: 55px;
    }

    .barlet header .nav-wrap nav ul li .submenu .sub-content .item {
        height: 35px;
    }

    .tabs-detail-wrap .tabs .tabs-control li a {
        font-size: 16px;
    }
}

@media (max-width: 828px) {
    .barlet .product-detail {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 0;
    }

    .barlet .product-detail .main-wrap .head,
    .barlet .product-detail .main-wrap .info {
        width: 55%;
        margin-top: 30px;
        float: right;
    }

    .barlet .product-detail .main-wrap .thumb {
        width: 40%;
        float: left;
    }

    .barlet .detail-description .left,
    .barlet .detail-description .right {
        padding: 0 15px;
        margin-bottom: 0;
    }

    .barlet .category-detail .category-nav .nav-section h4 {
        display: block;
    }

    .barlet .category-detail .category-nav .nav-section ul {
        display: none;
    }

    .barlet .category-detail .category-nav .nav-section ul li a {
        border-radius: 0;
        margin: 0;
    }

    .barlet .products-list .category-main {
        float: none;
        width: 100%;
    }

    .barlet .category-detail .category-main .category-list .product-thumb {
        width: calc(50% - 20px);
        float: left;
    }

    .container {
        width: auto;
        padding: 0 15px;
    }

    .reason-squares li {
        font-size: 16px;
        width: calc(50% - 20px);
    }

    .gallery-columns-5 .gallery-item {
        max-width: 50%;
    }

    .tabs-detail-wrap .tabs .tabs-control li {
        margin: 5px;
        bottom: 0px;
        float: left;
        width: calc(50% - 10px);
    }

    .barlet .contacts-list .detail-contacts,
    .barlet .contacts-list .detail-contacts h3 {
        padding-top: 0;
    }

    .barlet .contact-column {
        height: 310px;
    }

    .barlet .contacts-list.extended .detail-contacts .contacts-tab .detail-contacts-list .item {
        width: 100%;
    }

    .barlet header .nav-wrap nav {
        width: 100%;
        float: none;
    }

    .barlet header .nav-wrap nav ul {
        float: none;
    }

    .barlet header .nav-wrap nav ul li {
        text-align: center;
        border-bottom: 1px solid #e3eeff;
    }

    .barlet header .nav-wrap nav ul li > a {
        font-size: 18px;
        line-height: 40px;
    }

    .barlet header .logo-mobil {
        line-height: 34px;
        display: block;
    }

    .barlet header .nav-wrap #logo {
        display: none;
    }

    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content {
        min-width: auto;
        min-height: auto;
        padding: 0;
        width: 100%;
        margin: auto;
        float: none;
    }

    .barlet header .nav-wrap nav ul li .submenu.mobile,
    .barlet header .nav-wrap nav ul li:hover .submenu.mobile {
        position: relative;
        display: block !important;
        background-color: #fff;
    }

    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content .submenu-interiery:hover .subsubmenu,
    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content .submenu-exteriery:hover .subsubmenu {
        display: none !important;
    }

    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content {
        max-width: 100%;
    }

    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content .item {
        text-align: center;
        font-size: 16px;
        color: #080a07;
        height: 60px;
        background-color: #e3eeff;
        border-bottom: 4px solid #fff;
    }

    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content div:last-child .item {
        border-bottom: 0;
    }

    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content .item
    .barlet header .nav-wrap nav ul li .submenu.mobile .sub-content .item:hover {
        background-color: #e3eeff;
    }

    .barlet .contact-column-50 {
        height: 280px;
    }

    .barlet .w25-vzorkovnice,
    .barlet .w30-vzorkovnice,
    .barlet .w70-vzorkovnice,
    .barlet .w75-vzorkovnice {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .barlet .contact-column {
        width: 100%;
        margin-bottom: 20px;
    }

    .barlet .contact-column table tbody tr td {
        width: 50%;
    }

    .barlet .contacts-list.extended .detail-contacts .contacts-tab .detail-contacts-list .item {
        width: 50%;
    }

    .system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text {
        width: 100%;
    }

    .system-solutions-list .system-solutions-list-wrap .item-system-solutions .system-solutions-info .system-solutions-text:first-child {
        border-right: 0;
        border-bottom: 2px solid #dedede;
    }

    .barlet .contact-column-30 {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .barlet .product-detail .main-wrap .head {
        float: none;
        width: 100%;
    }

    .barlet .product-detail .main-wrap {
        margin-bottom: 0;
        padding: 0 15px;
    }

    .reason-squares li {
        font-size: 14px;
        padding: 25px;
    }

    .barlet .contact-column-50 {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 500px) {
    .barlet .category-detail .category-main .category-list .product-thumb {
        width: 100%;
        float: none;
    }

    .reason-squares li {
        width: 100%;
        height: auto;
    }

    .barlet .contacts-list.extended .detail-contacts .contacts-tab .detail-contacts-list .item {
        width: 100%;
    }
}

@media (max-width: 1240px) and (min-width: 1053px) {
    .barlet .btn {
        padding: 0 15px;
    }
}

/*LB TODO: LB smazat az se zase presune ostrave verze na zkusebni */
.page-id-96853.barlet .header-image,
.page-id-96855.barlet .header-image,
.page-id-96860.barlet .header-image,
.page-id-96862.barlet .header-image,
.page-id-96866.barlet .header-image,
.page-id-96867.barlet .header-image,
.page-id-96826.barlet .header-image {
    background: #ffffff;
}

.page-id-96853.barlet .products-list,
.page-id-96855.barlet .products-list,
.page-id-96860.barlet .products-list,
.page-id-96862.barlet .products-list,
.page-id-96866.barlet .products-list,
.page-id-96867.barlet .products-list,
.page-id-96826.barlet .products-list {
    margin-top: 0;
}

.page-id-96835 .contact-column-30 {
    width: calc(50% - 20px);
}

/*bal*/
.page-id-96915.barlet .header-image,
.page-id-96909.barlet .header-image,
.page-id-96913.barlet .header-image,
.page-id-96911.barlet .header-image,
.page-id-96917.barlet .header-image,
.page-id-96919.barlet .header-image,
.page-id-96899.barlet .header-image {
    background: #ffffff;
}

.page-id-96915.barlet .products-list,
.page-id-96909.barlet .products-list,
.page-id-96913.barlet .products-list,
.page-id-96911.barlet .products-list,
.page-id-96917.barlet .products-list,
.page-id-96919.barlet .products-list,
.page-id-96899.barlet .products-list {
    margin-top: 0;
}

.page-id-96897 .contact-column-30 {
    width: calc(50% - 20px);
}

.barlet.single-bal_product .drop-right {
    background-image: none;
}

.barlet_action {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    font-weight: bold;
    max-width: 1180px;
    margin: auto;
    padding: 50px 30px 55px 30px;
}

.page-template-page-no-title-action .shops-map-all {
    background-color: transparent !important;
}

.page-template-page-no-title-action .header-image .header-p {
    max-width: 1180px;
    text-align: center;
    padding: 15px 20px;
    background: #fff;
    margin: auto;
    font-weight: bold;
}

.page-template-page-no-title-action .header-image {
    background: transparent;
}

.page-template-page-no-title-action h4 {
    display: block;
    margin: 3rem 0 1.5rem;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.barlet_action > * {
    margin: 15px 0;
}

.barlet_action a {
    max-width: 50%;
    margin: 15px 1rem;
}

.barlet_action a img {
    max-width: 100%;
}

.barlet_action .red {
    color: red;
}

@media (min-width: 850px) {
    .barlet_action {
        flex-flow: row;
    }

    .barlet_action a {
        max-width: 15%;
    }

    .barlet_action > * {
        margin: 0 0;
    }
}

.barletpop {
    width: 25rem;
    margin: 1.5rem auto;
}

.barletpop .modal__header {
    padding: 22rem 1rem 23rem;
}

.barletpop .modal__header .modal__close {
    right: 0.1rem;
    top: 0;
}

.barletpop .modal__logo {
    top: auto;
    height: auto;
    width: 22rem;
}

.barletpop .modal__body {
    padding: 1.5rem 1rem 1rem;
}

.barlet-contacts {
    display: flex;
    flex-flow: wrap;
}

.barlet-contacts .barlet-contact {
    width: 100%;
    margin-top: 20px;
}

.barlet-contacts .barlet-contact strong {
    display: block;
}

@media (min-width: 700px) {
    .barlet-contacts .barlet-contact {
        width: 50%;
    }
}

@media (min-width: 1100px) {
    .barlet-contacts .barlet-contact {
        width: 33%;
    }
}

.barlet .red {
    color: red;
}

.barlet ul.breadcrumbs {
    margin: 1rem 0;
}

.barlet ul.breadcrumbs li {
    list-style: none;
    margin-bottom: 0;
}

.barlet ul.breadcrumbs li:after {
    top: 5px;
}