.category-top {
    display: flex;
    flex-flow: row wrap
}

.category-top h4 {
    display: none;
}

.category-title {
    width: 100%
}

.category-perex {
    width: calc(100% - 450px);
    margin-bottom: 80px;
    padding-right: 50px;
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

#content #filters .filter-section h4 {
    font-size: 1em !important;
}

.perex-right {
    order: 2;
    width: 400px;
    padding-left: 50px;
    border-left: 2px solid #17BA6E;
    margin-bottom: 80px;
}

.perex-right h3 {
    color: #07304A;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.perex-right a {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.perex-right li a {
    text-decoration-line: underline;
}

.perex-right li a:hover {
    color: #17BA6E;
}

.perex-right li:before {
    content: url(/user/documents/upload/i/arrow10.png);
    padding-right: 13px
}

.perex-right ul {
    padding-left: 0
}

.perex-right li {
    display: block
}

.subcategories {
    order: 3;
    width: 100%;
}

.type-category .subcategories.with-image li,
.type-category .subcategories li {
    border: none !important;
    background: url(/user/documents/upload/i/i30.png);
    background-position: bottom left;
    background-size: contain;
    height: 67px;
    margin: 5px 20px;
    width: calc(25% - 40px);
}

.perex-more {
    text-decoration: none
}

.perex-more:after {
    content: "";
    width: 40px;
    border-bottom: 1px solid #07304A;
    display: block
}

.category-title {
    color: #152F48;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.breadcrumbs-wrapper .breadcrumbs>span>a.navigation-bullet:before,
.breadcrumbs-wrapper .breadcrumbs>span>span.navigation-bullet:before {
    background-image: url(/user/documents/upload/i/arrow1.png);
}

.breadcrumbs-wrapper .breadcrumbs .sr-only,
.breadcrumbs-wrapper .breadcrumbs>span:last-child span {
    color: #152F48;
    text-align: center;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.type-category #productsTop {
    order: 5;
    margin-top: 55px;
    position: relative
}

.type-category #productsTop:before {
    content: "Bestsellery";
    position: absolute;
    color: #152F48;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
    top: -50px
}

#productsTop .product {
    border: none
}

#productsTop [data-micro="name"] {
    color: #07304A;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

#productsTop .availability span {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%
}

#productsTop .price-final {
    color: #07304A;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
}

.type-category #productsTop .product,
.type-category #productsTop .product:hover {
    border: none !important
}

.menu-level-1 li a {
    color: #07304A;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flag {
    color: #fff !important;
    text-align: center;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 180%;
    padding: 0 7px !important;
    border-radius: 12px !important;
    width: auto;
    max-width: 100%;
    margin: 1px !important;
}

.flags .flag.flag-action,
.flags .flag.flag-new {
    background: #F66 !important
}

.products .p-in [data-micro="name"] {
    color: #152F48;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.products .p-in .p-desc {
    color: rgba(21, 47, 72, 0.50);
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.products .p-in .availability {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
}

.products .p-in .price-final strong {
    color: #07304A;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
}

.products .p-in .add-to-cart-button span {
    color: #07304A;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.products [data-micro="offer"] {
    display: flex;
    flex-flow: column
}

.products [data-micro="offer"] .p-desc {
    order: 1;
    margin: 0
}

.products [data-micro="offer"] .flags-intext {
    order: 2;
    margin: 0;
    padding: 0
}

.products [data-micro="offer"] .availability {
    order: 3;
    margin: 10px;
    width: 100%;
    display: flex;
    justify-content: start;
}

.products [data-micro="offer"] .prices {
    order: 4
}

.products [data-micro="offer"] .p-tools {
    order: 5;
    margin-bottom: 25px
}

.products-block.products .product .p-bottom {
    margin-top: 0
}

.products-block.products .product .p .name {
    margin: 0
}

.flags.flags-default {
    display: block
}

.pagination-wrapper .load-products.unveil-button {
    color: #07304A;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.category__secondDescription {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.pagination-wrapper .pagination-top strong.js-scroll-top:after {
    background-image: url(/user/documents/upload/i/arrow2.svg);
    background-size: 20px
}

.pagination .current {
    color: #07304A;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
}

.pagination a {
    color: rgba(7, 48, 74, 0.50);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.pagination-link.next:before {
    background-image: url(/user/documents/upload/i/arrow3.svg);
    background-size: 20px
}

.category-appendix {
    display: block;
    color: rgba(21, 47, 72, 0.50);
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*product*/
.product-appendix {
    color: #152F48;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block
}

.p-detail-inner-header h1 {
    color: #152F48;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pomoc, .montaz, .dph {
    display: flex;
    margin-top: 40px;
    flex-flow: row;
    background: #152F48;
    color: #fff;
    padding: 35px;
    margin: 0px -63px;
    margin-bottom: 80px;
}

.b65 {
    width: 65%;
}

.b35,
.b30 {
    width: 35%;
    border-left: 1px solid #fff;
    padding: 0 0 0 40px;
}

.pomoc h3, .montaz h3, .dph h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #FFF;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pomoc p, .montaz p, .dph p {
    margin: 0
}

.pomoc .b35>a, .montaz .b35>a, .dph .b35>a {
    display: block;
    text-decoration: none
}

.pomoc .b35>a:before, .montaz .b35>a:before, .dph .b35>a:before {
    background-size: 30px;
    background-repeat: no-repeat;
    padding: 15px;
    top: 10px;
    position: relative;
    padding-right: 30px
}

.pomoc .phone:before, .montaz .phone:before, .dph .phone:before {
    content: "";
    background: url(/user/documents/upload/i/phone11.svg)
}

.pomoc .mail:before, .montaz .mail:before, .dph .mail:before {
    content: "";
    background: url(/user/documents/upload/i/mail11.svg)
}

.pomoc p, .montaz p, .dph p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.pomoc a, .montaz a, .dph a {
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
}

.pomoc p a, .montaz p a, .dph p a {
    color: #17BA6E
}

.type-detail .shp-tabs-wrapper .row .shp-tabs-row {
    border-right: 1px solid #17BA6E
}

.type-detail .shp-tabs-wrapper .extended-description {
    border: none
}

[data-testid="tabRelatedVideos"] {
    display: none !important
}

.p-info-wrapper .products-related-header {
    color: #07304A;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
    margin: 0;
    padding: 0;
    text-align: left
}

.p-detail>.products-related-header {
    color: #152F48;
    text-align: center;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#productsAlternative,
#productsAlternative .slick-track {
    display: flex;
    flex-flow: column;
    transform: none !important
}

#productsAlternative .product,
#productsAlternative .product .p {
    width: 100% !important
}

#productsAlternative .product .p {
    display: flex;
    flex-flow: row
}

#productsAlternative .product .image {
    width: 85px
}

#productsAlternative:before {
    display: none
}

#productsAlternative .p-code,
#productsAlternative .availability,
#productsAlternative .p-tools {
    display: none
}

#productsAlternative .p-in {
    display: flex;
    flex-flow: column
}

#productsAlternative .p-in-in {
    order: 2;
    padding: 10px 0
}

#productsAlternative .flags-intext {
    order: 1;
    margin: 0;
    padding: 0;
}

#productsAlternative .p-bottom {
    order: 3
}

#productsAlternative .p-bottom .prices .price-final strong {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}

#productsAlternative .product .p .name {
    margin: 0;
    height: 0;
    min-height: 20px;
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.p-info-wrapper,
.p-detail div.col-xs-12.p-info-wrapper,
.p-detail div.p-info-wrapper {
    padding-top: 0 !important
}

.p-info-wrapper .p-code,
.p-info-wrapper .brand-wrap {
    color: #07304A;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.p-info-wrapper .price-final-holder {
    color: #07304A;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.p-info-wrapper .availability-label {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    text-transform: none
}

.product-top .availability-value {
    margin-bottom: 5px;
    margin-top: 0
}

.product-top .flags-inline {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.product-top .p-detail-info .p-short-description {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.product-top .add-to-cart-button {
    background: #25BF77 !important
}

.product-top .quantity input.amount {
    color: #001C33;
    text-align: center;
    font-family: Open Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.quantity .increase:before,
.quantity .decrease:before {
    content: "+";
    color: #001C33;
    text-align: center;
    font-family: Open Sans !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: #fff;
    padding-top: 14px
}

.quantity .decrease:before {
    content: "-"
}

.product-top .p-detail-info .detail-parameters,
.product-top .add-to-cart {
    padding: 0
}

.p-detail div.col-xs-12.p-info-wrapper,
.p-detail div.p-info-wrapper {
    padding: 24px 0 64px 100px !important
}

.p-detail {
    display: flex;
    flex-flow: column
}

.p-detail-inner {
    order: 1
}

.p-detail>.products-related-header {
    order: 2
}

.products-related {
    order: 3
}

.p-detail-tabs-wrapper {
    order: 4
}

#productVideos {
    order: 5
}

.jak_funguje {
    order: 6
}

.pomuzeme {
    order: 7
}

.o_vytopto {
    order: 8
}

.b70 {
    width: 70%;
}

.b30 {
    width: 30%
}

.jak_funguje {
    margin-top: 30px;
    background: url(/user/documents/upload/i/i52.png) no-repeat;
    background-position: 60px 50px;
    background-color: #07304A;
    color: #fff;
    display: flex;
    padding: 50px 20px 50px 60px
}

.jak_funguje h3,
.jak_funguje h4 {
    margin: 0;
    padding: 0
}

.jak_funguje h3 {
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.jak_funguje p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.jak_funguje h4 {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.jak_funguje a {
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.jak_funguje li a {
    text-decoration-line: underline;
}

.jak_funguje li a:hover {
    color: #17BA6E;
}

.jak_funguje li:before {
    content: url(/user/documents/upload/i/arrow10.png);
    padding-right: 13px
}

.jak_funguje ul {
    padding-left: 0
}

.jak_funguje li {
    display: block
}

.jak_funguje .perex-more:after {
    border-color: #fff
}

.jak_funguje .b70 {
    padding-left: 240px
}

.pomuzeme h3 {
    color: #07304A;
    text-align: center;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%
}

.pomuzeme h4 {
    padding: 0;
    margin: 0;
    color: #152F48;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 45px !important;
    position: relative;
}

.pomuzeme {
    display: flex;
    flex-flow: row wrap;
    margin-top: 48px
}

.b1_3 {
    width: calc(33.33% - 10px);
    margin: 5px;
    background: #FAFAFA;
    padding: 30px;
}

.pomuzeme {
    counter-reset: pomuzeme
}

.pomuzeme h4::before {
    counter-increment: pomuzeme;
    content: counter(pomuzeme);
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    background: #17BA6E;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    line-height: 30px;
    text-align: center;
    left: 0;
    background: #17BA6E;
    border-radius: 20px
}

.pomuzeme p {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.pomuzeme ul li {
    color: #152F48;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.pomuzeme>.b1_3>a {
    display: inline-block;
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-decoration-line: underline;
}

.pomuzeme>.b1_3>a:after {
    content: url(/user/documents/upload/i/arrow5.png);
    padding-left: 10px
}

.pomuzeme>.b1_3:last-child>a:last-child {
    margin-top: 40px;
}

.pomuzeme li:before {
    content: url(/user/documents/upload/i/vector.png);
    padding-right: 10px
}

.pomuzeme li {
    display: block
}

.pomuzeme ul {
    padding: 0
}

.o_vytopto {
    margin-top: 100px;
    background: url(/user/documents/upload/i/banner_kruh.jpg) no-repeat;
    background-position: right;
    padding: 75px;
    background-size: contain;
    padding-right: calc(45% + 100px);
    background-color: #152F48;
}

.o_vytopto h3 {
    color: #FFF;
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
    line-height: normal;
    margin: 0 0 22px 0;
}

.o_vytopto p {
    color: #FFF !important;
    text-align: left;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-align: left
}

.green-btn {
    width: auto !important;
    display: inline-block !important;
    background: #17BA6E;
    color: #FFF !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 12px 25px;
    text-decoration: none;
}

.green-btn:after {
    content: url(/user/documents/upload/i/arrow7.png);
    padding-left: 10px
}

.o_vytopto .green-btn {
    margin-top: 40px;
    display: inline-block
}

/*foot*/
#footer {
    background: url(/user/documents/upload/i/footer.png) no-repeat;
    background-size: cover;
    background-color: #152F48
}

#footer .site-name>a img {
    width: 131px;
    height: 60px;
}

.custom-footer__newsletter {
    background: #03273F !important
}

#footer p,
#footer h3,
#footer h4,
#footer label,
#footer a {
    color: #fff !important
}

#footer .footer-bottom {
    background: #fff !important;
    padding: 20px !important
}

#footer h4 {
    text-transform: none;
    font-family: Open Sans;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#footer p,
#footer h3,
#footer h4,
#footer label,
#footer a {
    color: #fff !important;
}

footer a:hover {
    text-decoration: underline;
}

#footer ul li a {
    color: rgba(255, 255, 255, 0.80) !important;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}

#footer .js-search-input {
    background: #fff
}

#footer .search-form fieldset {
    position: relative
}

#footer .search-form fieldset .btn-default {
    position: absolute;
    top: 0px;
    right: 0;
    background: url(/user/documents/upload/i/i28.png) no-repeat;
    text-indent: 999px;
    width: 65px;
    background-position: center;
}

#footer .footer-contacts .mail:before,
#footer .footer-contacts .tel:before {
    background-size: 30px;
    background-repeat: no-repeat;
    padding: 15px;
    top: 0;
    position: relative;
    padding-right: 30px;
}

#footer .footer-contacts .tel:before {
    content: "";
    background-image: url(/user/documents/upload/i/phone11.svg);
}

#footer .footer-contacts .mail:before {
    content: "";
    background-image: url(/user/documents/upload/i/mail11.svg);
}

#footer .showroom {
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

#footer .showroom a {
    color: #17BA6E !important;
    display: inline !important
}

/*head*/
.menu-level-1 a {
    color: #07304A !important;
    text-align: center;
    font-family: Poppins;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500 !important;
}

#header .search-form .search-toggle {
    background-image: url(/user/documents/upload/i/i26.png)
}

#header .header-top .top-nav-button-account:before,
#header .header-top .top-nav-button-login:before {
    background-image: url(/user/documents/upload/i/i24.png)
}

#header .navigation-buttons .btn.cart-count:before {
    background-image: url(/user/documents/upload/i/i25.png)
}

@media(max-width:1200px) {

    .o_vytopto,
    .reseni_budoucnosti {
        background-position: 150%
    }
}

@media(max-width:992px) {

    .type-category .subcategories.with-image li,
    .type-category .subcategories li {
        margin: 5px 5px;
        width: calc(50% - 10px)
    }

    .o_vytopto,
    .reseni_budoucnosti {
        background-image: none !important;
        padding-right: 75px !important
    }
}

@media(max-width:768px) {

    .type-category .subcategories.with-image li,
    .type-category .subcategories li {
        margin: 5px 0;
        width: 100%
    }

    .pomoc, .montaz, .dph {
        margin: 0;
        flex-wrap: wrap
    }

    .jak_funguje {
        background-position: center 50px;
        flex-wrap: wrap
    }

    .jak_funguje .b70 {
        padding-top: 240px;
        padding-left: 0
    }

    .b70,
    .b30,
    .b65,
    .b35 {
        width: 100%
    }

    .b1_3 {
        width: 100%
    }

    .p-detail div.col-xs-12.p-info-wrapper,
    .p-detail div.p-info-wrapper {
        padding: 0 !important
    }
}

.carousel-indicators, .scroll-bottom {
    display: none!important;
}

/*
.carousel-inner .extended-banner-text {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
}

.carousel-inner .extended-banner-title {
    font-family: Poppins;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 800px !important
}

.carousel-inner .extended-banner-text,
.carousel-inner .extended-banner-title {
    color: #fff !important
}

.carousel-inner .extended-banner-link {
    background: #fff !important;
    color: #07304A !important;
    font-family: Poppins;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 180% !important;
    padding: 15px 30px !important;
}

.carousel-inner .extended-banner-link:after {
    content: url(/user/documents/upload/i/arrow7.2.png) !important;
    position: relative !important;
    top: 3px;
    left: 0 !important;
    margin-left: 10px;
    background: none !important
}

.carousel-indicators .active {
    background-color: #17BA6E;
}

#carousel .scroll-bottom {
    background: none;
    right: calc(50% - 14px)
}
*/

.welcome-wrapper h1 {
    display: none
}

.reference {
    margin-top: 77px
}

.reference h3 {
    margin-bottom: 15px;
    color: #07304A;
    text-align: center;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.reference h4 {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.reference>p {
    margin-bottom: 30px !important;
    color: #07304A !important;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    width: 550px
}

.reference .ref p {
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.reference>div {
    display: flex;
}

.reference .ref {
    background-color: #152F48;
    width: 50%;
    margin: 20px;
    padding: 0 75px 37px 75px;
}

.full-box {
    display: flex;
    width: 100%
}

.b1_3 h4 {
    padding: 0;
    margin: 0;
    color: #152F48;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative
}

.b1_3 p {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.b1_3 ul li {
    color: #152F48;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.b1_3>a {
    display: inline-block;
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-decoration-line: underline;
}

.pomuzeme>.b1_3>a:after {
    content: url(/user/documents/upload/i/arrow5.png);
    padding-left: 10px
}

.pomuzeme>.b1_3:last-child>a:last-child {
    margin-top: 40px;
}

.b1_3 li:before {
    content: url(/user/documents/upload/i/vector.png);
    padding-right: 10px
}

.b1_3 li {
    display: block
}

.b1_3 ul {
    padding: 0
}

ul.blue li:before {
    content: url(/user/documents/upload/i/vectorb.png)
}

ul.red li:before {
    content: url(/user/documents/upload/i/vectorr.png)
}


.blue-btn {
    width: auto !important;
    display: inline-block !important;
    background: #0BA9EC;
    color: #FFF !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 12px 25px;
    text-decoration: none;
}

.blue-btn:after {
    content: url(/user/documents/upload/i/arrow7.png);
    padding-left: 10px
}

.red-btn {
    width: auto !important;
    display: inline-block !important;
    background: #F66;
    color: #FFF !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 12px 25px;
    text-decoration: none;
}

.red-btn:after {
    content: url(/user/documents/upload/i/arrow7.png);
    padding-left: 10px
}

.reseni_budoucnosti {
    margin-top: 92px;
    background: url(/user/documents/upload/i/banner_kruh.jpg) no-repeat;
    background-position: right;
    padding: 75px;
    background-size: contain;
    padding-right: calc(45% + 100px);
}

.reseni_budoucnosti h3 {
    color: #07304A;
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.reseni_budoucnosti p {
    color: #07304A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.reseni_budoucnosti a {
    color: #07304A !important;
    justify-content: start !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.overall-wrapper {
    display: flex;
    flex-flow: column
}

.overall-wrapper .homepage-box.before-carousel {
    order: 1
}

.overall-wrapper .homepage-box.middle-banners-wrapper {
    order: 2
}

.overall-wrapper .content-wrapper:has(.hp-categories-posts) {
    order: 3
}

.overall-wrapper .homepage-box.welcome-wrapper {
    order: 4
}

.overall-wrapper .hp-news {
    order: 5
}

.hp-news .news-wrapper .news-item,
.type-posts-listing .news-wrapper .news-item {
    /*width: calc(33.333% - 40px) !important*/
    margin: auto;
    width: 100% !important;
}

.hp_contact {
    background-color: #152F48;
    display: flex;
    padding: 60px 80px
}

.half {
    width: 50%
}

.hp_contact h3 {
    color: #FFF;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left
}

.hp_contact p {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-align: left
}

.white-btn {
    width: auto !important;
    display: inline-block !important;
    background: #fff;
    color: #07304A !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 12px 25px;
    text-decoration: none;
}

.white-btn:after {
    content: url(/user/documents/upload/i/arrow7.2.png);
    padding-left: 10px;
    top: 3px;
    position: relative;
}

.full-box {
    flex-wrap: wrap
}

@media(min-width:768px) {
    .news-item.slick-slide {
        width: calc(25% - 1px) !important;
    }

    #newsWrapper .slick-track {
        width: 100% !important;
        transform: none !important;
    }

    .hp_contact .half {
        margin-right: 50px
    }

    .benefitBanner__item {
        max-width: 325px
    }

    .subcategories.with-image li:first-child,
    #productsTop .product:first-child .p {
        margin-left: 0;
        padding-left: 0 !important
    }

    .subcategories.with-image li:last-child,
    #productsTop .product:nth-child(3) .p {
        margin-right: 0;
        padding-right: 0 !important
    }

    #productsTop .product:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, .07);
    }
}

.hp-categories .hp-categories-posts .news-wrapper .news-item:hover a:before {
    border-bottom-color: #07304A;
}

.hp-categories .hp-categories-posts .news-wrapper .news-item:hover .image a:after {
    background: url(/user/documents/upload/i/vector3.png) no-repeat 50%;
    filter: none !important;
}

.tretina {
    width: 33.33%
}

.tretina:has(.part) {
    display: flex
}

.tretina .part:first-child {
    width: 35%
}

.tretina .part h3 {
    margin: 0
}

.tretina .part:nth-child(2) {
    border-left: 1px solid #17BA6E
}

.id-29 .tretina h4 {
    color: #07304A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
    margin: 0;
    padding: 0
}

.id-29 .tretina em {
    color: rgba(7, 48, 74, 0.50);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.id-29 .tretina p {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0
}

.id-29 .tretina {
    margin-bottom: 50px
}

.id-29 .tretina .part:first-child {
    padding-right: 14px
}

.id-29 .tretina .part:last-child {
    padding-left: 14px
}

.id-29 h3 {
    color: #07304A;
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.id-29 p {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 11px 0
}

.id-29 h4 {
    color: #07304A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}

.id-29 a {
    color: #17BA6E;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-decoration-line: underline;
}

.full-box>.half:first-child {
    padding-right: 35px
}

.full-box>.half:last-child {
    padding-left: 35px
}

.full-box {
    margin: 45px 0
}

.contact-bottom {
    background: #152F48;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    position: relative
}

.contact-bottom .contact-head,
.contact-bottom .contact-foot {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.contact-foot p {
    display: none
}

.contact-bottom:before {
    content: "";
    background: #152F48;
    width: 200vw;
    display: block;
    position: absolute;
    left: -100vw;
    top: 0;
    height: 100%;
    z-index: -1;
}

.contact-bottom h3 {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 370px;
    margin-top: 57px
}

.contact-bottom p:nth-child(2) {
    display: none
}

body:has(.contact-bottom) #footer {
    margin-top: 0
}

.contact-bottom label,
.contact-bottom label span {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

input[type=submit].btn.btn-primary {
    color: #FFF;
    text-align: center;
    font-family: Open Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    background: #17BA6E
}

.form-group>input.form-control,
.form-group>select.form-control {
    max-width: 100vw
}

.type-page .breadcrumbs-wrapper:before,
body.blank-mode.type-page .container.breadcrumbs-wrapper:before,
.type-page .one-column-body .category-title:before,
.type-page .one-column-body.type-detail h1:before,
.one-column-body.type-page h1:before {
    background: #152F48;
}

.type-page .breadcrumbs-wrapper,
body.blank-mode.type-page .container.breadcrumbs-wrapper,
.type-page .one-column-body .category-title,
.type-page .one-column-body.type-detail h1,
.one-column-body.type-page h1 {
    color: #fff;
}

.type-page .breadcrumbs-wrapper .breadcrumbs .sr-only,
.type-page .breadcrumbs-wrapper .breadcrumbs>span:last-child span {
    color: #fff
}

.type-page .breadcrumbs-wrapper .breadcrumbs>span>a.navigation-bullet:before,
.type-page .breadcrumbs-wrapper .breadcrumbs>span>span.navigation-bullet:before {
    background-image: url(/user/documents/upload/i/arrow1.1.png);
}

#navigation ul.menu-level-1>li .menu-level-2 li>div>a {
    text-align: left
}

#navigation ul.menu-level-1>li .menu-level-2 li>div ul a {
    text-align: left;
    font-weight: 400 !important
}

.perex-right {
    border-left: 1px solid #17BA6E
}

.breadcrumbs>span:last-child {
    display: none
}

.breadcrumbs>span:nth-last-child(2) .navigation-bullet {
    display: none
}

.breadcrumbs {
    white-space: nowrap;
    overflow-x: auto
}

#productsAlternative .slick-arrow {
    display: none !important
}

.fixed-cart-line .fcl-form .btn {
    background: #25BF77;
    font-family: Poppins;
    font-size: 15px;
}

.carousel-indicators {
    display: none
}

.o_vytopto {
    text-align: left
}

.benefitBanner__title {
    color: #152F48 !important;
    text-align: center;
    font-family: Poppins;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150% !important
}

.benefitBanner__data {
    color: #152F48 !important;
    text-align: center;
    font-family: Poppins;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.reseni_budoucnosti {
    padding-left: 10px
}

.id-819 h1 {
    display: none
}

.top-blue {
    position: relative;
    min-height: 400px
}

.top-blue:before {
    content: "";
    width: 100vw;
    height: calc(100% + 50px);
    background: #152F48;
    position: absolute;
    top: -45px;
    left: calc(50% - 50vw);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain 50%;
    z-index: -1
}

.id-819 .top-blue:before {
    background-image: url(/user/documents/upload/i/tc.jpg)
}

.blue-box {
    background: #152F48
}

.top-blue,
.blue-box {
    color: #fff !important
}

.blue-box.wide-box {
    position: relative
}

.blue-box.wide-box:before {
    content: "";
    width: 100vw;
    height: 100%;
    background: #152F48;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    z-index: -1
}

.top-blue h2 {
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.top-blue .half:first-child {
    max-width: 430px
}

.top-blue p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.levy-nadpis {
    display: flex;
    flex-flow: row wrap
}

.levy-nadpis h3 {
    color: #07304A;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.levy-nadpis p {
    max-width: 430px;
    margin: 20px;
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

@media(max-width:768px) {
    .benefitBanner__item {
        width: 100% !important
    }

    #carousel .extended-banner-texts {
        background: #152F48;
        padding: 20px !important
    }

    .o_vytopto,
    .reseni_budoucnosti {
        background-image: none !important
    }

    .o_vytopto,
    .reseni_budoucnosti,
    .hp_contact,
    .jak_funguje,
    .reference .ref {
        padding: 20px !important
    }

    .homepage-box.welcome-wrapper p {
        letter-spacing: 0;
        max-width: 100%;
        margin: 0;
    }

    .homepage-box.welcome-wrapper .welcome {
        padding: 0
    }

    .homepage-box.welcome-wrapper .container {
        padding: 0 !important;
        max-width: 100vw
    }

    .reference>p {
        width: 90%;
        margin: 0 auto !important
    }

    .reference>div,
    .hp_contact {
        flex-wrap: wrap
    }

    .reference .ref,
    .half {
        width: 100% !important
    }

    .tretina {
        width: 100%
    }

    .category-perex,
    .perex-right {
        width: 100%
    }

    .jak_funguje .b30 {
        margin: 20px 0 !important;
    }

    .footer-contacts .contact-box ul {
        align-items: start !important
    }

    #productVideos iframe {
        height: 90vw;
        /*calc(100vw - 40px);*/
    }

    #productsAlternative .product {
        margin: 0;
        padding: 0 !important;
    }

    #productsAlternative .slick-track {
        width: 100% !important
    }

    #productsAlternative a.name {
        height: auto !important
    }

    #navigation a {
        text-align: left !important
    }
}

.blue-box.full-box.kontakt ul {
    padding: 0
}

.blue-box.full-box.kontakt li {
    display: block
}

.b1_3 h3 {
    color: #152F48;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.b1_3 h3 small {
    color: #152F48;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.b1_3 .vykon {
    color: #17BA6E;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
    margin: 0
}

.b1_3:has(.vykon) p {
    margin: 0
}

.ikonky .b1_3 {
    position: relative
}

.ikonky .b1_3:after {
    content: "";
    width: 58px;
    height: 58px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

.b1_3.byt:after {
    background-image: url(/user/documents/upload/i/byty.png)
}

.b1_3.dum:after {
    background-image: url(/user/documents/upload/i/dum.png)
}

.b1_3.komercni:after {
    background-image: url(/user/documents/upload/i/komercni.png)
}

.blue-box.overflow-image {
    position: relative;
    background: transparent
}

.blue-box.overflow-image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #152F48;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    z-index: -1
}

.blue-box.overflow-image h3 {
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.blue-box p {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.blue-box.overflow-image p {
    max-width: 430px
}

.full-box.blue-boxes .b1_3 {
    background: #152F48;
    color: #fff !important;
    background-image: url(/user/documents/upload/i/i30.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.full-box.blue-boxes .b1_3 p,
.full-box.blue-boxes .b1_3 h3,
.full-box.blue-boxes .b1_3 a {
    color: #fff !important
}

.full-box.blue-boxes .b1_3 p,
.full-box.blue-boxes .b1_3 h3 {
    margin: 0
}

.full-box.blue-boxes .b1_3 h3 {
    margin-bottom: 40px
}

.full-box.blue-boxes .b1_3 a:hover {
    color: #17BA6E !important
}

.full-box.blue-boxes>.b1_3>a:after {
    content: url(/user/documents/upload/i/arrow7.png);
    padding-left: 10px;
}

.slim-box {
    margin: 49px auto;
    max-width: 480px;
    text-align: center
}

.slim-box p {
    color: #07304A;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.wide-box.blue-box.full-box h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: normal
}

.pocet {
    color: #17BA6E;
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.wide-box.blue-box.full-box .half:first-child {
    margin: 90px 0
}

.wide-box.blue-box.full-box {
    align-items: center
}

.full-box.white-box h3 {
    color: #07304A;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.full-box.white-box p {
    color: #07304A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.blue-btn.dark {
    background: #07304A
}

.full-box.white-box {
    margin: 90px 0
}

.blue-box.full-box.kontakt h3 {
    color: #FFF;
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.blue-box.full-box.kontakt {
    padding: 60px 80px
}

.blue-box.full-box.kontakt .tel:before {
    background-image: url(/user/documents/upload/i/phone11.svg);
}

.blue-box.full-box.kontakt .mail:before {
    background-image: url(/user/documents/upload/i/mail11.svg);
}

.blue-box.full-box.kontakt .tel:before,
.blue-box.full-box.kontakt .mail:before {
    content: "";
    background-size: 20px;
    padding: 10px;
    background-repeat: no-repeat
}

/*4*/
@media (min-width: 993px) {

    .subcategories.with-image li:nth-child(4n + 1),
    #productsTop .product:nth-child(4n + 1) .p {
        margin-left: 0;
        padding-left: 0 !important
    }

    .subcategories.with-image li:nth-child(4n),
    #productsTop .product:nth-child(4n) .p {
        margin-right: 0;
        padding-right: 0 !important
    }
}

.blue-box.full-box.kontakt .tel:before,
.blue-box.full-box.kontakt .mail:before {
    content: "";
    background-size: 30px;
    padding: 15px;
    background-repeat: no-repeat;
    padding-right: 30px;
    top: 7px;
    position: relative
}

.blue-box.full-box.kontakt li {
    display: block;
    margin: 20px 0
}

.blue-box.full-box.kontakt h3 {
    margin-top: 0
}

.blue-box.full-box.kontakt .white-btn {
    margin-top: 30px
}

.id-822 h1,
.id-825 h1,
.id-828 h1,
.id-831 h1,
.id-834 h1,
.id-29 h1 {
    display: none
}

.id-822 .top-blue:before {
    background-image: url(/user/documents/upload/i/sluzby.jpg)
}

.id-825 .top-blue:before {
    background-image: url(/user/documents/upload/i/o-nas.jpg)
}

.b1_3.uni:after {
    background-image: url(/user/documents/upload/i/uni.png)
}

.ikonky .b1_3:after {
    background-repeat: no-repeat
}

.b1_3 .cena {
    color: #17BA6E;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%
}

.dotace .half {
    background: #FAFAFA;
    margin: 5px;
    width: calc(50% - 10px);
    padding: 15px 30px
}

.dotace h3 {
    color: #152F48;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.dotace p {
    color: #152F48;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.dotace .cena {
    color: #17BA6E;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%
}

.ikonky .half {
    position: relative
}

.ikonky .half:after {
    background-repeat: no-repeat;
    content: "";
    width: 58px;
    height: 58px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px
}

.ikonky .nzu:after {
    background-image: url(/user/documents/upload/i/nzu.png)
}

.ikonky .sfzp:after {
    background-image: url(/user/documents/upload/i/sfzp.png);
    width: 165px
}

.ikonky .praha:after {
    background-image: url(/user/documents/upload/i/praha.png)
}

.top-blue:not(.top-image) {
    min-height: 0
}

.blue-box.overflow-image .white-btn {
    margin-bottom: 20px
}

.ref-box {
    justify-content: space-between;
    padding-bottom: 60px
}

.ref-box .half:last-child {
    display: flex;
    justify-content: end
}

.dokumenty {
    display: flex;
    flex-flow: row wrap
}

.dokumenty h3 {
    width: 100%;
    color: #07304A;
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.dokumenty a {
    width: calc(33.3333% - 10px);
    border-radius: 100px;
    background: #FAFAFA;
    color: #152F48;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    height: 86px;
    margin: 20px 5px;
    text-decoration: none;
    padding-right: 90px;
    padding: 20px;
    padding-right: 90px
}

.dokumenty a:after {
    content: "";
    background: url(/user/documents/upload/i/dwn.png);
    background-size: 80px;
    padding: 40px;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    right: 5px;
    top: 5px;
}

.type-dokumenty .subcategories.with-image li a:before,
.type-dokumenty .subcategories li a:before {
    background-image: url(/user/documents/upload/i/arrow19.png);
    background-size: 23px;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 5px
}

@media(max-width:1600px) {
    .blue-box.overflow-image:before {
        width: 90%
    }
}

@media(max-width:1440px) {
    .blue-box.overflow-image:before {
        width: 80%
    }
}

@media(max-width:1500px) {
    .top-image:before {
        background-size: 50%
    }
}

@media(max-width:768px) {
    .top-image:before {
        background-size: 100% !important;
        height: 50vw;
        top: -50vw !important
    }

    .top-blue {
        margin-top: -20px;
        min-height: 0
    }

    .top-image {
        margin-top: calc(50vw - 20px);
        width: calc(100% + 40px);
        margin-left: -20px;
        background: #152F48
    }

    .type-page .breadcrumbs-wrapper {
        background: #152F48 !important
    }

    .breadcrumbs-wrapper,
    body.blank-mode .container.breadcrumbs-wrapper {
        border: none
    }

    .top-blue .half:first-child {
        max-width: 100%;
        padding: 20px
    }

    .blue-box.overflow-image:before {
        width: 100vw
    }

    .blue-box.overflow-image p {
        max-width: 100vw
    }

    .full-box:not(.top-blue)>.half:first-child {
        padding-right: 0
    }

    .full-box:not(.top-blue):not(.dotace)>.half:last-child {
        padding-left: 0
    }

    .blue-box.full-box.kontakt {
        padding: 20px
    }

    .full-box.kontakt .white-btn {
        margin-bottom: 50px
    }

    .dokumenty a {
        width: calc(100% - 10px);
    }
}

.hp-daikin {
    position: absolute;
    top: 361px;
    right: 0;
    z-index: 5;
    background: #fff;
    width: 500px;
    padding: 10px
}

.hp-daikin p {
    color: #1B3B58;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 5px;
    text-align: center
}

.hp-daikin img {
    height: 29px;
    width: auto
}

.hp-daikin:before {
    content: url(/user/documents/upload/i/arrow7.2.png);
    top: 43px;
    position: absolute;
    left: 28px
}

.hp-dotace {
    position: absolute;
    top: 236px;
    right: 0;
    z-index: 5;
    background: #152F48;
    width: 500px;
    padding: 15px
}

.hp-dotace p {
    color: #fff;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 5px;
    text-align: center
}

.hp-dotace a {
    color: #17BA6E;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline
}

.hp-dotace:before {
    content: url(/user/documents/upload/i/arrow7w.png);
    top: 43px;
    position: absolute;
    left: 28px
}

.grey-box {
    position: relative
}

.grey-box:before {
    content: "";
    background: #FAFAFA;
    width: 100vw;
    left: calc(50% - 50vw);
    z-index: -1;
    height: 100%;
    position: absolute
}

.faq {
    max-width: 540px;
    margin: 0 auto;
    padding-bottom: 82px
}

.faq h3 {
    padding-top: 64px;
    color: #07304A;
    text-align: center;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.acc-item {
    border-radius: 100px;
    background: #FFF;
    position: relative
}

.acc-item h4 {
    color: #152F48;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 15px 40px;
}

.acc-item p {
    color: #07304A;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 0 60px 20px 40px;
    display: none
}

.acc-item:has(h4.active) {
    border-radius: 20px
}

.acc-item:after {
    content: url(/user/documents/upload/i/arrow1984.png);
    position: absolute;
    top: 12px;
    right: 16px;
    transition: transform .5s linear;
    width: 25px;
    height: 25px
}

.acc-item:has(h4.active):after {
    transform: rotate(180deg)
}

.top-blue .half:first-child {
    max-width: 100%
}

#footer .search-form fieldset .btn-default {
    text-indent: 200vw
}

#footer .footer-bottom:before {
    content: "";
    width: 100vw;
    left: (50% - 50vw);
    height: 100%;
    background: #fff;
    position: absolute
}

.type-page:has(.top-blue.top-image) .breadcrumbs-wrapper:before,
body.blank-mode.type-page:has(.top-blue.top-image) .container.breadcrumbs-wrapper:before,
.type-page:has(.top-blue.top-image) .one-column-body .category-title:before,
.type-page:has(.top-blue.top-image) .one-column-body.type-detail h1:before,
.one-column-body.type-page:has(.top-blue.top-image) h1:before,
.type-page:has(.top-blue.top-image) .breadcrumbs-wrapper,
body.blank-mode.type-page:has(.top-blue.top-image) .container.breadcrumbs-wrapper,
.type-page:has(.top-blue.top-image) .one-column-body .category-title,
.type-page:has(.top-blue.top-image) .one-column-body.type-detail h1,
.one-column-body.type-page:has(.top-blue.top-image) h1 {
    background: transparent
}

.top-blue.top-image:before {
    top: -104px
}

@media(min-width:2400px) {
    .blue-box.overflow-image:before {
        width: 100vw
    }

    .top-blue:before {
        background-position: calc(50% + 446px) 0;
        background-size: 900px !important
    }
}

.id-819 .top-blue:before {
    background-image: url(/user/documents/upload/i/tepc.jpg);
}

.top-blue.top-image:before {
    background-size: 50%
}

#signature {
    z-index: 2
}

#footer .podpis a {
    color: #000 !important
}

body footer .container.footer-bottom #signature .title {
    display: block !important;
    color: #000 !important;
}

#carousel:before {
    content: ""
}

#carousel:after {
    content: ""
}

.products .p-in [data-micro="name"] {
    color: #152F48;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.products .p-in .price-final strong {
    color: #07304A;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%
}


.dokumenty a:nth-child(3n+2) {
    margin-left: 0
}

.dokumenty a:nth-child(3n+1) {
    margin-right: 0
}

.id-825 .top-blue:before {
    background-image: url(/user/documents/upload/i/onas.jpg)
}

.id-822 .top-blue:before {
    background-image: url(/user/documents/upload/i/sluzby2.jpg)
}

.id-29 .top-blue:before {
    background-image: url(/user/documents/upload/i/kontakt.jpg);
}

@media(min-width:992px) {
    .pomoc, .montaz, .dph {
        margin: 0px -100px 0 10px
    }
}

@media(max-width:768px) {
    .dokumenty a {
        margin: 10px 0
    }

    .levy-nadpis p {
        margin: 0
    }

    .b1_3 h3 small {
        display: block
    }

    .full-box.white-box {
        margin: 45px 0
    }

    .dotace.ikonky .half:after {
        left: 20px
    }

    .dotace h3 {
        margin-top: 55px
    }

    .dotace .half {
        margin: 0;
        padding: 20px !important
    }

    .top-blue:not(.top-image) .half:first-child {
        padding-left: 0
    }
}


.ec-v-form-column {
    display: flex !important;
    flex-flow: row wrap;
    color: #fff
}

.ec-v-form-holder {
    background: transparent !important
}

.ec-v-forms-label,
.ec-forms-chck-lbl-text p {
    color: #FFF !important
}

.ec-v-form-input {
    padding: 0 !important;
    left: -5px !important
}

.ec-v-form-input:nth-child(1),
.ec-v-form-input:nth-child(2) {
    width: calc(50% - 10px) !important;
    margin: 5px
}

.ec-v-form-input:nth-child(3),
.ec-v-form-input:nth-child(4),
.ec-v-form-input:nth-child(5) {
    width: calc(33% - 10px) !important;
    margin: 5px
}

.ec-v-form-holder-basic {
    width: 100% !important
}

.ec-v-form-btntype-submit {
    padding: 10px 0 !important
}

.ec-v-form-step-visible {
    height: auto !important
}

#ec_form_1-43c2cd496486bcc27217c3e790fb4088 .ec-v-form-holder>form {
    min-height: 1px !important
}

.ec-v-form-text {
    padding: 0 !important;
    width: 100% !important
}

.top-blue .half:first-child {
    padding-bottom: 50px
}

.whitebg {
    background: #fff !important
}

ul.green li {
    color: #152F48;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    display: block
}

ul.green li strong {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}

.ec-v-form-input {
    width: calc(33% - 10px) !important;
    margin: 5px !important;
}

ul.green li:before {
    content: url(/user/documents/upload/i/green.png);
    margin-left: -46px;
    position: relative;
    top: 10px;
    margin-right: 16px
}

#footer .roimark {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #2D3F50;
    height: 10px;
    line-height: 10px
}

.full-box.top-blue {
    margin-top: 0;
    padding-bottom: 20px
}

.id-822 .top-blue:before {
    background-position: bottom right;
}

.dotace .praha h3,
.dotace .praha p {
    text-decoration: line-through
}

.dotace .praha:before {
    content: "Již není možné podat žádost";
    font-size: 20px;
    text-decoration: none !important;
    color: #b11111;
}

.b1_3.por:after {
    background-image: url(/user/documents/upload/i/por.png)
}

.b1_3.vyt:after {
    background-image: url(/user/documents/upload/i/vyt.png)
}

.b1_3.chl:after {
    background-image: url(/user/documents/upload/i/chl.png)
}

.b1_3.sol:after {
    background-image: url(/user/documents/upload/i/sol.png)
}

.b1_3.vet:after {
    background-image: url(/user/documents/upload/i/vet.png)
}

.b1_3.oto:after {
    background-image: url(/user/documents/upload/i/oto.png)
}

.site-msg.information {
    order: -1;
    background: #25BF77
}

.site-msg.information .text,
.site-msg.information .text a {
    color: #fff !important;
    font-weight: 500;
    font-size: 15px !important;
    letter-spacing: 1px
}

.id-840 h1,
.id-846 h1,
.id-849 h1 {
    display: none
}

.id-840 .top-blue:before {
    background-image: url(/user/documents/upload/i/150.png)
}

.tretina .part:first-child {
    width: 40%
}

.id-29 .tretina h4 {
    font-size: 16px
}

.id-29 .tretina em {
    font-size: 12px
}

.path .b1_3 {
    background-image: url(/user/documents/upload/i/path.png);
    background-position: 125% 125%;
    background-repeat: no-repeat
}

.full-box:has(.half) {
    align-items: center
}

.ikonky .b1_3 h3 {
    margin-top: -10px
}

.levy-nadpis p {
    max-width: 690px
}

.hp-dotace {
    cursor: pointer
}

.top-row {
    background: #152F48;
    height: 33px;
    line-height: 33px;
    text-align: right;
    position: relative
}

.top-row:before {
    content: "";
    width: 100vw;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    background: #152F48;
    height: 33px;
    z-index: -1
}

.top-row a {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration: none;
    margin-left: 22px
}

.subcategories.with-image li a .text {
    padding-left: 0;
    max-height: 80px
}

.no-after:after {
    display: none
}

.id-837 h1 {
    display: none
}

.white-lnk {
    color: #fff;
    position: relative;
    text-decoration: none !important
}

.white-lnk:after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 40%;
    background: #fff;
    height: 1px;
    left: 0;
    transition: all 0.4s ease-out;
}

.white-lnk:hover:after {
    width: 100%
}

.b1_3:first-child {
    margin-left: 0
}

.b1_3:last-child {
    margin-right: 0
}

.reseni_budoucnosti {
    padding-left: 0
}

.homepage-box.welcome-wrapper .welcome {
    padding: 0 !important
}

.homepage-box.welcome-wrapper {
    width: 100%
}

body:not(.type-product) .breadcrumbs>span:last-child,
body:not(.type-product) .breadcrumbs>span:nth-last-child(2) .navigation-bullet {
    display: inline-block
}

.ec-v-forms-form-control,
input[type="text"].ec-v-forms-form-control,
input[type="email"].ec-v-forms-form-control,
.ec-v-form-input input[type=checkbox]+label:before,
.ec-v-form-submit button {
    border-radius: 0 !important
}

.half:has(iframe) {
    align-self: stretch
}

.blue-box.full-box.kontakt h3 {
    margin-bottom: 0
}

#f-1-43c2cd496486bcc27217c3e790fb4088 {
    font-size: 0
}

.top-blue.full-box:has(.half) {
    align-items: start
}

.full-box.top-blue {
    margin-bottom: 0
}

.top-blue+.full-box.white-box {
    margin-top: 0
}

#newsvd_popupMenu {
    display: none
}

.id-843 .top-blue:before {
    background-image: url(/user/documents/upload/i/klimabg.png)
}

.id-843 h1 {
    display: none
}

@media (min-width: 1450px) {

    .newsletter,
    footer .custom-footer>div.newsletter {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important
    }
}

@media(min-width:768px) {
    .menu-helper.visible {
        transform: none
    }

    .shp-tabs-row {
        width: 100% !important
    }

    #p-detail-tabs {
        flex-flow: row
    }

    .type-detail .shp-tabs-wrapper .row .shp-tabs-row+div {
        display: flex;
        width: 100%
    }

    #tab-content,
    .extended-description {
        width: 50%
    }

    .type-detail .shp-tabs-wrapper #tab-content {
        padding: 0;
        margin: 0
    }

    .type-detail .shp-tabs-wrapper .shp-tabs-row .shp-tabs-holder li.active a:before {
        display: none
    }

    .type-detail .shp-tabs-wrapper .row .shp-tabs-row {
        border-right: none;
        border-bottom: 1px solid #17BA6E;
        margin-bottom: 30px
    }

    .type-detail .shp-tabs-holder ul.shp-tabs li {
        margin-right: 20px
    }

    .detail-parameters th {
        text-align: left
    }

    #navigation {
        top: calc(50% + 16px)
    }

    #navigation ul.menu-level-1>li>a {
        margin: 0 10px
    }

    #navigation ul.menu-level-1>li:first-child>a {
        margin-left: 0
    }
}

@media(min-width:1440px) {
    #carousel:after {
        content: "";
        position: relative;
        top: -62px;
        background-size: 100%;
        width: 100%;
        height: 63px;
        display: block
    }

    #tab-content {
        width: 65%
    }

    .extended-description {
        width: 35%
    }
}

@media(max-width:1200px) {
    .tretina {
        width: 50%
    }
}

@media(max-width:768px) {
    .fcl-form>p {
        display: none
    }

    .category-perex {
        padding-right: 0 !important
    }

    #ec_form_1-43c2cd496486bcc27217c3e790fb4088 .ec-v-form-input {
        width: 100% !important
    }

    .top-image {
        margin-top: calc(50vw - 20px) !important
    }

    #content {
        display: flex;
        flex-flow: column
    }

    .banners-row:has(#carousel) {
        order: -3
    }

    .body-banners {
        order: -2
    }

    .tretina {
        width: 100%
    }
}

@media (min-width: 992px) {
    .pomoc, .montaz, .dph {
        margin: 0;
        padding: 24px
    }

    .pomoc h3, .montaz h3, .dph h3 {
        font-size: 23px
    }

    .pomoc p,
    .pomoc a,
    .montaz p,
    .montaz a,
    .dph p,
    .dph a {
        font-size: 14px
    }
}

@media(min-width:2000px) {
    .overall-wrapper {
        max-width: 1920px !important;
        margin: 0 auto;
        position: relative;
        overflow: visible
    }

    .site-msg.information,
    .admin-bar {
        width: 100vw;
        max-width: 100vw;
        left: calc(50% - 50vw)
    }

    #header .container {
        padding: 0
    }

    .top-blue.top-image:before {
        top: -45px
    }

    #header.fixed-menu {
        left: calc(50% - 50vw)
    }
}

#navigation {
    width: calc(100% - 630px)
}

#header .container {
    padding: 0 15px;
    max-width: 1280px
}

.top-blue h2 {
    margin: 8px 0 0 0
}

.ec-v-form-holder .ec-v-form-input p {
    margin-left: 5px !important
}

input[type=checkbox]+label,
input[type=radio]+label {
    margin-right: 0px
}

@media(min-width:1201px) {
    #navigation ul.menu-level-1>li .menu-level-2 {
        margin-left: calc(50% - 50vw);
        width: 110vw !important;
        max-width: 110vw
    }

    .menu-level-2 {
        justify-content: center !important
    }

    .navigation-in>ul>li.ext>ul>li {
        max-width: 320px
    }
}

.dotace .whitebg .cena {
    margin-bottom: -10px
}

.dotace .half.whitebg {
    padding: 0
}

.full-box.white-box li {
    color: #07304A;
    line-height: 1.8
}

.id-849 .top-blue:before {
    background-image: url(/user/documents/upload/i/tepc.jpg)
}

.product-top .p-final-price-wrapper.in-discount .price-side,
.products-block.products .product .prices.in-discount .price-side {
    background: #17BA6E;
}

.price-final.price-action .price-final-holder {
    color: #fff;
}
.product-top .p-final-price-wrapper.in-discount .discount-side,
.products-block.products .product .prices.in-discount .discount-side {
    background: #F66 !important;
}

/* přidal Martin Kokeš 6.8.2024 s lead-formem */
.bg-dark-blue {
    background: #152F48 !important;
}

.green-btn-2 {
    background-color: #17BA6E !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 1.25rem !important;
    border-radius: .3rem !important;
}

.green-btn-2:hover {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.green-text {
    color: #17BA6E;
}

.green-text:hover {
    text-decoration: none;
    color: #17BA6E;
}

.rounded-form {
    border-radius: 0.75rem;
}

.switchable,
.switchable:hover {
    background-color: rgba(255, 255, 255, 0.1);
    fill: #fff;
    color: #fff !important;
    border: 0 !important;
}

.switchable.active {
    background-color: #fff;
    fill: #152F48;
    color: #152F48 !important;
}

#lead-form .form-control-lg,
#lead-form .btn-lg {
    padding: .5rem 1rem !important;
    border-radius: .3rem !important;
}

#lead-form .btn-lg {
    width: 100% !important;
}

#carousel {
    line-height: inherit;
}

.carousel-inner > .item.active {
    transform: inherit !important;
    perspective: inherit !important;
}
/* /přidal Martin Kokeš 6.8.2024 s lead-formem */

/* ====== VYTOPTO – izolované styly pro Shoptet ====== */
.vtp * { box-sizing: border-box; }
.vtp { font-family: inherit; line-height: 1.5; color: inherit; }

/* Viditelnost desktop/mobil */
.vtp-hide-sm { display: block; }
.vtp-show-sm { display: none; }
@media (max-width: 767.98px){
  .vtp-hide-sm { display: none !important; }
  .vtp-show-sm { display: block !important; }
}

/* Kontejner */
.vtp-container { max-width: 1140px; margin: 0 auto; padding: 0 16px; }

/* ===== HERO ===== */
.vtp-hero{
  background: url('https://vytopto.cz/user/documents/upload/rijen/bg.png') no-repeat center center;
  background-size: cover;
  height: 100vh;            /* fix pro výpočty procent */
  position: relative;       /* kotva pro absolutní prvky */
  isolation: isolate;       /* vytvoří vlastní stacking context */
}

/* Overlay panel (vršek s texty) */
.vtp-hero__overlay{
  position: relative;       /* aby z-index fungoval */
  z-index: 3;               /* nad pozadím, pod badge (ty mají 2, ale overlay je dřív v DOM) */
  background: rgba(255,255,255,0.9);
  width: 100%;
  padding: 32px 0;
}

/* Typografie overlaye – nenecháme to přepsat šablonou */
.vtp-hero__overlay h2{
  margin: 0 0 8px;
  font-weight: 700;
  font-size: clamp(28px, 3.5vw, 44px);
  line-height: 1.15;
  color: #07304A;
}
.vtp-hero__overlay h4{
  margin: 0 0 8px;
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 500;
  color: #07304A;
}
.vtp-hero__overlay h3{
  margin: 8px 0 0;
  font-size: clamp(20px, 2vw, 32px);
  font-weight: 400;
  color: #dc2626;
}
.vtp-hero__overlay p{ margin: 0 0 16px; color: #07304A;}
.vtp-btn{
  appearance:none; display:inline-block; border:1px solid #07304A; background:transparent;
  padding:10px 18px; border-radius:4px; text-decoration:none; color:#07304A;
  transition:transform .06s ease, background .2s ease;
}
.vtp-btn:hover{ background:#07304A;; color:#fff; transform:translateY(-1px); }

/* Jednoduchá mřížka uvnitř overlaye */
.vtp-grid{ display:grid; grid-template-columns: 1fr; gap:16px; }
@media (min-width:768px){ .vtp-grid{ grid-template-columns: 1fr 1fr; } }

/* ===== DESKTOP BADGES (v procentech – stejné jako u tebe) ===== */
.vtp-badge{
  position:absolute !important;
  display:block !important;
  height:auto !important;
  max-width:none !important; /* přetlačí img{max-width:100%} */
  z-index: 2;                /* nad overlayem a pozadím */
}
.vtp-badge--dotace{
  bottom: 8% !important;
  left:   5% !important;
  top:auto !important; right:auto !important;
  width:160px !important;
}
.vtp-badge--zaruka{
  top:   42% !important;
  right:  8% !important;
  bottom:auto !important; left:auto !important;
  width:160px !important;
}
.vtp-badge--montaz{
  bottom: 5% !important;
  right:  8% !important;
  top:auto !important; left:auto !important;
  width:200px !important;
}

/* Laptop 992–1199px: drobná velikostní úprava */
@media (min-width:992px) and (max-width:1199.98px){
  .vtp-badge{ width:140px !important; }
  .vtp-badge--montaz{ width:180px !important; }
}

/* Tablet 768–991px */
@media (min-width:768px) and (max-width:991.98px){
  .vtp-badge{ width:120px !important; }
  .vtp-badge--montaz{ width:160px !important; }
}

/* ===== Mobil (≤767.98px) – desktop prvky schovat, mobilní ukázat ===== */
@media (max-width:767.98px){
  .vtp .vtp-hero__overlay{ display:block !important; text-align: center;}
  .vtp .long-text { display: none !important; }
  .vtp .vtp-badge { display:none !important; }
  .vtp .vtp-btn {margin-bottom: 50px;}
  .vtp .hidden-text {display: none !important;}
  .vtp-split__inner{ padding:40px 24px !important;}

  .vtp-hero{ height: 72vh; }

  .vtp-hero__title{
    position:absolute; left:50%; top:88%; transform:translate(-50%,-50%);
    text-align:center; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.35); width:88%;
  }
  .vtp-hero__title h2{ font-weight:700; line-height:1.2; margin:0; font-size:28px; }

  .vtp-mobile-badges{
    display:flex; justify-content:center; gap:16px; padding:12px 12px 0;
  }
  .vtp-mobile-badges img{
    width:92px !important; height:auto !important; max-width:none !important;
  }

  .vtp-hero__mobile-copy{ padding:16px 18px 8px; }
  .vtp-hero__mobile-copy p{
    margin-bottom:16px; font-size:16px; line-height:1.7; color:#374151;
  }
  .vtp-btn--block{ display:block; width:100%; text-align:center; }
}

/* ===== Druhý blok ===== */
.vtp-split{ width:100%; }
@media (min-width:992px){ .vtp-split{ display:grid; grid-template-columns:1fr 1fr; } }
.vtp-cover{ background-size:cover; background-position:top; min-height:750px; }
.vtp-split__content{ background:#fff; display:flex; align-items:center; }
.vtp-split__inner{ padding:40px 90px; }
.vtp-split__inner h2{ font-weight:700; margin:0 0 16px; color: #07304A;}
.vtp-split__inner p{ margin:0 0 16px; color: #07304A;}