.h4.homepage-group-title {
    margin-left: -12px;
    padding: 10px 0;
    position: relative;
    width: 100vw;
    background: white;
    background: linear-gradient(to right, #fff2cc 50%, white 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 600ms ease;
}
.h4.homepage-group-title:hover {
    background-color: #fff2cc;
    background-position: left bottom;
}
#products-2:after {
    content: url('/user/documents/upload/obrazky/sipka.png');
    position: relative;
    margin-right: -86px;
}
#products-2.products-block > div .p {
    border-radius: 0px;
    box-shadow: none;
}
#products-2 .flags.flags-default {
    margin-left: 0px;
}
.h4.homepage-group-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #555c6e;
}
.homepage-box.before-carousel {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_titulka.png');
    width: 100%;
    /* height: calc(100vw * (485 / 1920)); */
    border-top: none;
}
.in-index #nekupto-na-miru {
    display: flex;
    flex-direction: row;
}
.in-index #nekupto-na-miru > div {
    width: 50%;
    display: flex;
    flex-direction: column;

}
.in-index #nekupto-na-miru h1 {
    font-size: 600%;
    color: white;
    margin: 0.4em 0;
}
.in-index #nekupto-na-miru > div > div {
    padding-top: 20px;
}
.in-index #nekupto-na-miru > div > div a::after {
    font-family: 'shoptet';
    content: '→';
    margin-left: 10px;
    color: white;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.in-index #nekupto-na-miru > div > span {
    color: white;
    font-weight: 300;
    font-size: 16px;
    line-height: 2;
}
.in-index #nekupto-na-miru > div > div a {
    color: white;
    font-weight: 100;
    text-transform: none;
    border-radius: 35px;
    border: none;
    background-color: transparent;
    background-image: linear-gradient(to right, #FFBE00 , #FF3F20);
    padding: 5px 20px;
}
.in-index #nekupto-na-miru > div > div a:hover, .in-index #nekupto-na-miru > div > div a:hover::after {
    color: black;
}
.welcome {
    text-align: center;
}
.homepage-box.welcome-wrapper {
    border: none;
    background-color: #E8E8E8;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.homepage-box h1 {font-weight: bold;color: #555c6e;font-size: 30px;}
.homepage-box p {
    color: #555c6e;
    font-size: 18px;
    font-weight: 200;
}
.homepage-box p strong {
    font-weight: 400;
}
.ikona > div:first-child {
    height: 65px;
    position: relative;
}
.ikona > div:first-child img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.ikona div {
    text-align: center;
}
.ikona div h3 {
    color: #555c6e;
    font-size: 22px;
    font-family: "sofia-pro-soft",sans-serif !important;
    font-weight: 400;
}
.in-pro-partnery article .ikona div p,
.ikona div p {
    color: #555c6e;
    font-weight: 300;
    font-size: 13px;
    padding: 0 30px;
}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {
    background-color: #E8E8E8;
    /* background-image: url('/user/documents/upload/obrazky/pozadi_hvezdy.png'); */
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-bottom: 0px;
}
/*
.footer-banners.row.banner-wrapper .footer-banner:hover:nth-child(2) {background-color: #fff2cc;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {position: relative;width: 100vw;padding-top: 25px;text-align: center;padding-bottom: 50px;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(7) h2 {color: #555c6e;font-size: 30px;font-weight: bold;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(3) {
    background-image: linear-gradient(to right, #555c6e , #555c6e);
    position: relative;
    width: 100vw;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(3) h2 {color: white;font-size: 30px;font-weight: bold;margin-top: 0px;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(3) {padding-bottom: 0px;margin-bottom: 0px;}
*/
/*..footer-banners.row.banner-wrapper .footer-banner:nth-child(1) {padding: 0 0 25px 0;}*/
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) {padding: 0 0 50px 0;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) h2 {color: #555c6e;font-size: 30px;font-weight: bold;text-align: center;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) h2:before {
    content: url('/user/documents/upload/obrazky/hvezda.png');padding-right: 30px;
}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) {padding: 0 0 50px 0;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) h2 {color: #555c6e;font-size: 30px;font-weight: bold;text-align: center;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) h2:before {
    content: url('/user/documents/upload/obrazky/hvezda.png');padding-right: 30px;
}
.in-index .footer-banners{margin-top: 0px;}
/*
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) h2:after {
    content: url('/user/documents/upload/obrazky/sipka_dolu.png');padding-left: 30px;margin-top: -20px;position: absolute;
}
*/
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
}
/*
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka {
    border-radius: 25px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    width: calc(25% - 20px);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    margin: 10px;
    border: dashed 2px transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka img{
    max-width: 50%;
}*/

.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka {
    border-radius: 25px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    width: calc(50% - 20px);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    margin: 10px;
    border: dashed 2px transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka {
    border-radius: 25px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    width: calc(50% - 20px);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    margin: 10px;
    border: dashed 2px transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/*
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka:after {
    content: url('/user/documents/upload/obrazky/hvezda.png');position: absolute;right: 20px;top: 20px;
}
*/
/* .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka:hover {box-shadow: none;border: dashed 2px #ffbe00;}*/
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka h3 {color: #555c6e;font-size: 30px;font-weight: 400;text-align: center;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka h3 {font-family: "sofia-pro-soft",sans-serif !important;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka img,
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka h3 {margin-right: auto;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka h3 {color: #555c6e;font-size: 30px;font-weight: 400;text-align: center;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka h3 {font-family: "sofia-pro-soft",sans-serif !important;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka img,
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka h3 {margin-right: auto;}
/*
.footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {background-color: #E8E8E8;margin-bottom: 50px;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {position: relative;width: 100vw;padding-top: 25px;padding-bottom: 50px;}
*/
.container.blog-titulka {padding: 0px;}
.container.blog-titulka h2 {color: #555c6e;font-size: 30px;font-weight: bold;text-align: center;padding-top: 25px;padding-bottom: 50px;}
.container.blog-titulka > .btn.sipka {float: right;}
.container.blog-titulka > .btn.sipka:after {color: #555c6e;}
#titulka-blog .news-item .image {width: 50%;}
#titulka-blog .news-item .image img {border-radius: 15px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
#titulka-blog .news-item .text {margin-right: 50px;}
#titulka-blog .news-item .text time {display: none;}
#titulka-blog .news-item .text .title {font-family: "sofia-pro-soft",sans-serif !important;font-size: 30px;font-weight: bold;}
#titulka-blog .news-item .text .description {font-family: "sofia-pro-soft",sans-serif !important;font-size: 20px;font-weight: 100;line-height: 1.5;opacity: 0.5;}
#titulka-blog .btn.obly.prechod {margin: 20px 0 30px;}
.footer-banner a:hover.kategorie-polozka img {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.kategorie > .kategorie-polozka > h5 {margin-left: 20%;margin-right: auto;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {padding-top: 15px;padding-bottom: 25px;}
.latest-contribution-info {color: #555c6e;opacity: 0.5;}
.latest-contribution-description {color: #555c6e;}
@media (max-width: 479px) {
    .in-index #nekupto-na-miru > div {width: 100%;}
    .in-index #nekupto-na-miru h1 {font-size: 30px;}
    .in-index #nekupto-na-miru > div > span {font-size: 12px;line-height: 1.2;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .in-index #nekupto-na-miru > div {width: 100%;}
    .in-index #nekupto-na-miru h1 {font-size: 50px;}
    .in-index #nekupto-na-miru > div > span {font-size: 16px;line-height: 2;}
}
@media (max-width: 767px) {
    /*    .homepage-box.before-carousel {
            background-size: cover;
            background-repeat: no-repeat;
            background-image: url('/user/documents/upload/obrazky/top_bannery/banner_titulka_m.png');
            width: 100vw;
            height: calc(100vw * (655 / 375));
            border-top: none;
            margin-left: -10px;
        }*/
    #titulka-blog .news-item {
        flex-direction: column;
        padding-bottom: 0px;
    }
    #titulka-blog .news-item .image {
        width: 100%;
        margin-bottom: 0px;
    }
    #titulka-blog .news-item .text {
        margin: 10px;
    }
    #titulka-blog .news-item .text .title {
        font-size: 25px;
    }
    #titulka-blog .news-item .text .description {
        font-size: 16px;
        margin-bottom: 0px;
    }
    #titulka-blog .btn.obly.prechod {
        margin: 20px 0 10px;
    }
    :not(.in-body) .news-wrapper {
        padding-bottom: 0px;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) h2 {
        font-size: 26px;
        padding-bottom: 0px;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) h2:before,.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) h2:after {
        display: none;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka {
        width: calc(100% - 20px);
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie {
        display: flex;
        flex-direction: column;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka::after {
        right: 10px;
        top: 10px;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie-polozka img, .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie-polozka h3 {
        width: 50%;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(1) .kategorie .kategorie-polozka h3 {
        font-size: 24px;
        margin-left: 0px;
    }
	
	/* KATEGORIE - PŘÍLEŽITOSTI */
	    .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) h2 {
        font-size: 26px;
        padding-bottom: 0px;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) h2:before,.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) h2:after {
        display: none;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka {
        width: calc(100% - 20px);
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie {
        display: flex;
        flex-direction: column;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka::after {
        right: 10px;
        top: 10px;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie-polozka img, .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie-polozka h3 {
        width: 50%;
    }
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(6) .kategorie .kategorie-polozka h3 {
        font-size: 24px;
        margin-left: 0px;
    }
	
	
    .row.banners-row.has-text-banner {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url('/user/documents/upload/obrazky/top_bannery/banner_titulka_m.png');
        width: 100vw;
        height: calc(100vw * (655 / 375));
        border-top: none;
        margin-left: -10px;
    }
    .homepage-box h1 {font-size: 24px;}
    .homepage-box p {font-size: 16px;}
}
@media (min-width: 768px) {
    .h4.homepage-group-title,
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {
        left: calc(747px/2 - 50vw + 20px);
		width: 100vw;
    }
    .in-index #nekupto-na-miru h1 {font-size: 24px;margin-top: 0px;}
    .in-index #nekupto-na-miru > div > span {font-size: 12px;line-height: 1.2;}
    .in-index #nekupto-na-miru {align-items: center;height: calc(100vw * (485 / 1920) - 40px);}
}
@media (min-width: 992px) {
    .h4.homepage-group-title,
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {
        left: calc(972px/2 - 50vw + 20px);
		width: 100vw;
    }
    .in-index #nekupto-na-miru h1 {font-size: 40px;}
    .in-index #nekupto-na-miru > div > span {font-size: 14px;line-height: 1.5;}
}
@media (min-width: 1200px) {
    .h4.homepage-group-title,
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {
        left: calc(1178px/2 - 50vw + 20px);
		width: 100vw;
    }
    .in-index #nekupto-na-miru h1 {font-size: 50px;}
    .in-index #nekupto-na-miru > div > span {font-size: 16px;line-height: 1.8;}
}
@media (min-width: 1440px) {
    .h4.homepage-group-title,
    .footer-banners.row.banner-wrapper .footer-banner:nth-child(7) {
        left: calc(1418px/2 - 50vw + 20px);
		width: 100vw;
    }
    .in-index #nekupto-na-miru h1 {font-size: 60px;}
    .in-index #nekupto-na-miru > div > span {font-size: 16px;line-height: 2;}
}
@media (min-width: 1600px) {
    .in-index #nekupto-na-miru h1 {font-size: 70px;}
}
/*
@media (min-width: 1920px) {
    .homepage-box.before-carousel {
        max-width: 1920px;
        max-height: 485px;
    }
}
*/
.footer-banners.row.banner-wrapper .footer-banner:nth-child(1) {padding: 0 0 50px 0;width: 100%;}
.footer-banners.row.banner-wrapper .footer-banner:nth-child(6) {padding: 0 0 50px 0;width: 100%;}