.nekupto-roztazene.milovnice {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_milovnice.png');}
.nekupto-roztazene.mama {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_mama.png');}
.nekupto-roztazene.gentleman {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_gentleman.png');}
.nekupto-roztazene.kralovna {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kralovna.png');}
.nekupto-roztazene.stamgast {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_stamgast.png');}
.nekupto-roztazene.sberatel {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_sberatel.png');}

.nekupto-roztazene.bile, .nekupto-roztazene.bile .banner-popis .banner-popis-vlevo h2, .nekupto-roztazene.bile .banner-popis .banner-popis-vpravo h2 {color: white;}

.in-mozna-znate-nekoho-jako .breadcrumbs {visibility: hidden;}

.in-mozna-znate-nekoho-jako #content .category-perex:not(.empty-content) {display: block;}
.in-mozna-znate-nekoho-jako .category-perex.empty-content.empty-content-category, 
.in-mozna-znate-nekoho-jako #content > .category-perex:not(.empty-content) > p,
.in-mozna-znate-nekoho-jako .subcategories.with-image {
    display: none;
}
.in-mozna-znate-nekoho-jako #content > *:not(.category-perex) {display: none;}
.in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo {
    width: 100%;
    text-align: center;
}
.in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1 {
    text-align: center;
}
.in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1:before,.in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1:after {
    content: url('/user/documents/upload/obrazky/sipka.png');
    position: absolute;
    margin-top: 30px;
}
.in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo p {
    width: 60%;
    margin: auto;
}
.in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin-left: -126px;
}
.in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1:after {
    margin-left: 40px;
}
.in-mozna-znate-nekoho-jako .category-perex {
    margin-bottom: 0px;
}
.nekupto-roztazene.opacne {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.nekupto-roztazene.opacne > * {
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.banner-popis.container {
    padding-left: 0px;
    padding-right: 0px;
}
.banner-popis.container .banner-popis-vlevo {
    width: 50%;
    text-align: left;
}
.banner-popis.container .banner-popis-vpravo {
    width: 50%;
    float: right;
    text-align: right;
}
.banner-popis.container div h2 {
    font-family: "sofia-pro",sans-serif !important;
    font-weight: bold;
    font-size: 70px;
    color: #203A8F;
    margin-top: 0px;
    margin-bottom: 0px;
}
.banner-popis.container > div > div {
    margin-top: 25px;
}
.archetypy span {
    font-family: "sofia-pro",sans-serif !important;
    font-size: 1.2em;
    font-weight: 100;
    line-height: 2;
}
.archetypy .banner-popis-vpravo div a,
.archetypy .banner-popis-vlevo div a {
    padding-left: 30px;
    padding-right: 30px;
}
.archetypy .banner-popis-vpravo div a span,
.archetypy .banner-popis-vlevo div a span {
    font-size: 18px;
    font-family: "sofia-pro-soft",sans-serif !important;
    line-height: 1 !important;
}
.in-milovnice-domacich-zviratek .breadcrumbs,
.in-pecujici-maminka .breadcrumbs,
.in-dokonaly-gentleman .breadcrumbs,
.in-kralovna-vecirku .breadcrumbs,
.in-profesionalni-stamgast .breadcrumbs,
.in-sberatel-konicku .breadcrumbs {
    visibility: hidden;
}
.in-milovnice-domacich-zviratek .breadcrumbs, .in-milovnice-domacich-zviratek .breadcrumbs a, .in-milovnice-domacich-zviratek .top-banner-popis.container .top-banner-popis-vlevo h1, .in-milovnice-domacich-zviratek .top-banner-popis.container .top-banner-popis-vlevo p,
.in-pecujici-maminka .breadcrumbs, .in-pecujici-maminka .breadcrumbs a, .in-pecujici-maminka .top-banner-popis.container .top-banner-popis-vlevo h1, .in-pecujici-maminka .top-banner-popis.container .top-banner-popis-vlevo p,
.in-dokonaly-gentleman .breadcrumbs, .in-dokonaly-gentleman .breadcrumbs a, .in-dokonaly-gentleman .top-banner-popis.container .top-banner-popis-vlevo h1, .in-dokonaly-gentleman .top-banner-popis.container .top-banner-popis-vlevo p,
.in-kralovna-vecirku .breadcrumbs, .in-kralovna-vecirku .breadcrumbs a, .in-kralovna-vecirku .top-banner-popis.container .top-banner-popis-vlevo h1, .in-kralovna-vecirku .top-banner-popis.container .top-banner-popis-vlevo p,
.in-profesionalni-stamgast .breadcrumbs, .in-profesionalni-stamgast .breadcrumbs a, .in-profesionalni-stamgast .top-banner-popis.container .top-banner-popis-vlevo h1, .in-profesionalni-stamgast .top-banner-popis.container .top-banner-popis-vlevo p,
.in-sberatel-konicku .breadcrumbs, .in-sberatel-konicku .breadcrumbs a, .in-sberatel-konicku .top-banner-popis.container .top-banner-popis-vlevo h1, .in-sberatel-konicku .top-banner-popis.container .top-banner-popis-vlevo p {
    color: white;
}
.nekupto-roztazene.archetypy {
    background-size: cover;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .type-category.in-milovnice-domacich-zviratek .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_milovnice_m.png') !important;}
    .type-category.in-pecujici-maminka .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_mama_m.png') !important;}
    .type-category.in-dokonaly-gentleman .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_gentleman_m.png') !important;}
    .type-category.in-kralovna-vecirku .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kralovna_m.png') !important;}
    .type-category.in-profesionalni-stamgast .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_stamgast_m.png') !important;}
    .type-category.in-sberatel-konicku .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_sberatel_m.png') !important;}

    .nekupto-roztazene.milovnice {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_milovnice_m.png');}
    .nekupto-roztazene.mama {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_mama_m.png');}
    .nekupto-roztazene.gentleman {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_gentleman_m.png');}
    .nekupto-roztazene.kralovna {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kralovna_m.png');}
    .nekupto-roztazene.stamgast {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_stamgast_m.png');}
    .nekupto-roztazene.sberatel {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_sberatel_m.png');}

    .nekupto-roztazene.archetypy {
        width: 100vw;
        height: calc(100vw * (655 / 375));
        margin: 20px 0;
        margin-left: -10px;
        padding: 10px 0;
    }
    .banner-popis.container .banner-popis-vlevo,.banner-popis.container .banner-popis-vpravo {
        width: 100%;
        text-align: center;
    }
    .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::after {
        display: none;
    }
    .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo p {
        width: 100%;
    }
    .banner-popis.container div > * {
        padding-left: 5px;
        padding-right: 5px;
    }
    .banner-popis.container div h2 {
        font-size: 30px;
    }
    .archetypy span {
        font-size: 12px;
        line-height: 1;
    }
    .banner-popis.container > div > div {
        margin-top: 10px;
    }
    .archetypy .banner-popis-vpravo div a span,
    .archetypy .banner-popis-vlevo div a span {
        font-size: 14px;
    }

    .in-milovnice-domacich-zviratek .top-banner-popis.container .top-banner-popis-vlevo,
    .in-pecujici-maminka .top-banner-popis.container .top-banner-popis-vlevo,
    .in-dokonaly-gentleman .top-banner-popis.container .top-banner-popis-vlevo,
    .in-kralovna-vecirku .top-banner-popis.container .top-banner-popis-vlevo,
    .in-profesionalni-stamgast .top-banner-popis.container .top-banner-popis-vlevo,
    .in-sberatel-konicku .top-banner-popis.container .top-banner-popis-vlevo
    {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
    }
}
@media (min-width: 768px) {
    .type-category.in-milovnice-domacich-zviratek .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_milovnice.png') !important;}
    .type-category.in-pecujici-maminka .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_mama.png') !important;}
    .type-category.in-dokonaly-gentleman .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_gentleman.png') !important;}
    .type-category.in-kralovna-vecirku .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kralovna.png') !important;}
    .type-category.in-profesionalni-stamgast .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_stamgast.png') !important;}
    .type-category.in-sberatel-konicku .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_sberatel.png') !important;}
    .in-mozna-znate-nekoho-jako.type-category .breadcrumbs-wrapper {
        height: auto;
    }
    .nekupto-roztazene.archetypy {
        height: calc(100vw * (485 / 1920));
        margin: 50px 0;
        padding: 50px 0;
    }
    .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::before, .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::after {scale:0.5;margin-top: 0px;}
    .nekupto-roztazene.archetypy {padding: 25px 0;}
    .archetypy .banner-popis.container div h2 {font-size: 26px;}
    .banner-popis.container > div > div {margin-top: 5px;}
    .archetypy .banner-popis.container div > span {font-size: 12px;}

    .in-milovnice-domacich-zviratek .top-banner-popis.container,
    .in-profesionalni-stamgast .top-banner-popis.container,
    .in-dokonaly-gentleman .top-banner-popis.container,
    .in-pecujici-maminka .top-banner-popis.container,
    .in-kralovna-vecirku .top-banner-popis.container,
    .in-sberatel-konicku .top-banner-popis.container {padding: 20px 0px;}
    .banner-popis.container {display: flex;flex-direction: row;align-items: center;height: calc(100vw * (485 / 1920) - 98px);}
    .banner-popis.container .banner-popis-vpravo {margin-left: auto;}
    .banner-popis.container {height: calc(100vw * (485 / 1920) - 48px);}
    .archetypy .banner-popis-vpravo div a span, .archetypy .banner-popis-vlevo div a span {font-size: 14px;}
}
@media (min-width:768px) and (max-width:800px) {
    .nekupto-roztazene.archetypy {padding: 15px 25px;}
    .in-milovnice-domacich-zviratek .top-banner-popis.container,
    .in-profesionalni-stamgast .top-banner-popis.container,
    .in-dokonaly-gentleman .top-banner-popis.container,
    .in-pecujici-maminka .top-banner-popis.container,
    .in-kralovna-vecirku .top-banner-popis.container,
    .in-sberatel-konicku .top-banner-popis.container {padding: 15px 15px;}
    .banner-popis.container {height: calc(100vw * (485 / 1920) - 38px);}
}
@media (min-width: 992px) {
    .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::before, .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::after {scale:0.7;margin-top: 10px;}
    .nekupto-roztazene.archetypy {padding: 35px 0;}
    .archetypy .banner-popis.container div h2 {font-size: 32px;}
    .banner-popis.container > div > div {margin-top: 15px;}
    .archetypy .banner-popis.container div > span {font-size: 14px;}
    .archetypy.opacne .banner-popis.container div > span {padding-left: 15px;}
    .archetypy:not(.opacne) .banner-popis.container div > span {padding-right: 15px;}
    .in-milovnice-domacich-zviratek .top-banner-popis.container,
    .in-profesionalni-stamgast .top-banner-popis.container,
    .in-dokonaly-gentleman .top-banner-popis.container,
    .in-pecujici-maminka .top-banner-popis.container,
    .in-kralovna-vecirku .top-banner-popis.container,
    .in-sberatel-konicku .top-banner-popis.container {padding: 0px;}
    .banner-popis.container {height: calc(100vw * (485 / 1920) - 78px);}
    .archetypy .banner-popis-vpravo div a span, .archetypy .banner-popis-vlevo div a span {font-size: 16px;}
}
@media (min-width: 992px) and (max-width:1030px) {
    .nekupto-roztazene.archetypy {padding: 35px 35px;}
    .in-milovnice-domacich-zviratek .top-banner-popis.container,
    .in-profesionalni-stamgast .top-banner-popis.container,
    .in-dokonaly-gentleman .top-banner-popis.container,
    .in-pecujici-maminka .top-banner-popis.container,
    .in-kralovna-vecirku .top-banner-popis.container,
    .in-sberatel-konicku .top-banner-popis.container {padding: 0px 25px;}
}
@media (min-width: 1200px) {
    .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::before, .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::after {scale:1;}
    .nekupto-roztazene.archetypy {padding: 40px 0;}
    .archetypy .banner-popis.container div h2 {font-size: 40px;}
    .banner-popis.container > div > div {margin-top: 15px;}
    .archetypy .banner-popis.container div > span {font-size: 16px;line-height: 1.8;}
    .archetypy.opacne .banner-popis.container div > span {padding-left: 25px;}
    .archetypy:not(.opacne) .banner-popis.container div > span {padding-right: 25px;}
    .banner-popis.container {height: calc(100vw * (485 / 1920) - 78px);}
    .archetypy .banner-popis-vpravo div a span, .archetypy .banner-popis-vlevo div a span {font-size: 18px;}
}
@media (min-width: 1200px) and (max-width:1240px) {
    .nekupto-roztazene.archetypy {padding: 35px 45px;}
    .in-milovnice-domacich-zviratek .top-banner-popis.container,
    .in-profesionalni-stamgast .top-banner-popis.container,
    .in-dokonaly-gentleman .top-banner-popis.container,
    .in-pecujici-maminka .top-banner-popis.container,
    .in-kralovna-vecirku .top-banner-popis.container,
    .in-sberatel-konicku .top-banner-popis.container {padding: 0px 25px;}
}
@media (min-width: 1440px) {
    .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::before, .in-mozna-znate-nekoho-jako .top-banner-popis.container .top-banner-popis-vlevo h1::after {margin-top: 30px;}
    .nekupto-roztazene.archetypy {padding: 50px 0;}
    .archetypy .banner-popis.container div h2 {font-size: 40px;}
    .banner-popis.container > div > div {margin-top: 15px;}
    .archetypy .banner-popis.container div > span {font-size: 18px;line-height: 2;}
    .archetypy.opacne .banner-popis.container div > span {padding-left: 25px;}
    .archetypy:not(.opacne) .banner-popis.container div > span {padding-right: 25px;}
    .banner-popis.container {height: calc(100vw * (485 / 1920) - 98px);}
}
@media (min-width: 1440px) and (max-width:1500px) {
    .nekupto-roztazene.archetypy {padding: 50px;}
    .in-milovnice-domacich-zviratek .top-banner-popis.container,
    .in-profesionalni-stamgast .top-banner-popis.container,
    .in-dokonaly-gentleman .top-banner-popis.container,
    .in-pecujici-maminka .top-banner-popis.container,
    .in-kralovna-vecirku .top-banner-popis.container,
    .in-sberatel-konicku .top-banner-popis.container {padding: 0px 30px;}
}
@media (min-width: 1600px) {
    .archetypy .banner-popis.container div h2 {font-size: 48px;}
    .archetypy .banner-popis.container div > span {font-size: 20px;}
}
@media (min-width: 1800px) {
    .archetypy .banner-popis.container div h2 {font-size: 60px;}
    .archetypy .banner-popis.container div > span {line-height: 1.8;}
}