﻿:root {
    --cl-black: #000000;
    --cl-white: #ffffff; /* Čisté bílé */

    --cl-text-base: #000000;

    --cl-main-color-red: #ff4937; /* new */

    --cl-blue-base: #33B5E5; 
    --cl-blue-nav: #f3f3f3; /* new */
    --cl-blue-semi-light: #E6E9FF;
    --cl-blue-semi-light-hover: #d4d9ff;
    --cl-blue-light: #FFB380; 

    --cl-tyrkys: #FF4D4D; 
    --cl-tyrkys-reflex: #2FF2A9;
    --cl-tyrkys-hover: #00FF88;
    --cl-tyrkys-number: #82F3C9;

    --cl-green-light: #C6FCE8;
    --cl-green: #28B883;

    --cl-red-light: #FCC6CF;
    --cl-red: #F25757;
    --cl-red-losos: #fedcd2;
    --cl-red-losos-bg: #ffeeed;
    --cl-red-strong: #db0000;

    --cl-box-shadow: #BEC2DEB3;
    --cl-form-box-shadow: #00000029;
    --cl-form-placeholder: #BEC2DE;

    --cl-grey-cover: #00000025;

    --cl-grey-f3: #f3f3f3;
}

/*   */

body { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-style: normal; color: var(--cl-text-base); margin: 0; }
p { margin: 0 0 30px; overflow-wrap: anywhere; }
img { max-width: 100%; height: auto; }

h1, h2, h3, p, span, div, button, form, input, textarea, a { box-sizing: border-box; font-family: "neue-haas-grotesk-display"; font-weight: 500; font-style: normal; color: var(--cl-text-base); }

.font_normal { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-style: normal; }
.font_bold { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 900; font-style: normal; }

.overflowX { overflow-x: auto; }
.fixed_screen { overflow: hidden; }
.visible { display: block !important; }
.hidden { display: none !important; }

.offset { margin-bottom: 1em; }
.offset2 { margin-bottom: 2em; }
.offset3 { margin-bottom: 3em; }
.offset4 { margin-bottom: 4em; }

.cookies-link { font-weight: 500; }

.container { max-width: 1643px; padding: 0 20px; margin: 0 auto; }

.ep__content { padding: 150px 0 50px; text-align: center;}

@media screen and (min-width: 1260px) {
    .container { padding: 0 60px; }
}

.button_link { position: relative; display: inline-block; background: var(--cl-black); padding: 25px 90px 25px 30px; font-size: 20px; line-height: 24px; font-weight: 900; transition: all 0.2s ease; text-decoration: none; cursor: pointer; color: var(--cl-white); }
.button_link:hover { background: var(--cl-main-color-red); }
.button_link:after { content: ''; position: absolute; display: block; width: 44px; height: 44px; right: 25px; top: calc(50% - 22px); background: url('/images/miliardy-icons.svg#ico-arrow-right-circle') no-repeat;  transition: all 0.2s ease; filter: invert(91%) sepia(57%) saturate(3%) hue-rotate(203deg) brightness(106%) contrast(100%); }
.button_link:hover:after { }

.mvp__articles .button_link:hover { text-decoration: underline; background: var(--cl-black); }

.firma_link { display: inline-block; margin-left: 40px; font-size: 20px; line-height: 30px; font-weight: 900; color: var(--cl-black); }
.firma_link:hover { text-decoration: none; }

.article_link {}
.article_link:hover {}

.grid-2_cols { display: grid; grid-template-columns: 1fr; gap: 20px; }
.grid-3_cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.grid-4_cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.blue_bg { color: var(--cl-white); background: var(--cl-blue-base); }
.blue_bg h2, .blue_bg h2 > span, .blue_bg p { color: var(--cl-white); }

@media screen and (min-width: 1260px) {
    .grid-2_cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .grid-3_cols { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
    .grid-4_cols { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************* Fixní lišta */

.mvp__info { position: fixed; z-index: 1000; top: 9px; right: 9px; left: 9px; background: var(--cl-blue-nav); display: block; }
.mvp__info__container { display: grid; grid-template-columns: 1fr 70px; gap: 5px; padding: 9px; }
.mvp__info__container__left { display: none; }
.mvp__info__container__left a { margin-right: 30px }
.mvp__info__container__left a img { /* transition: all 0.2s ease; */ }
.mvp__info__container__left a:hover img { filter: invert(46%) sepia(78%) saturate(5622%) hue-rotate(343deg) brightness(119%) contrast(101%); }
.mvp__info__container__right p { margin: 0; font-size: 13px; line-height: 17px; text-align: right; }
.mvp__info__container__right p span { display: none; }
.mvp__info__container__right p a { color: var(--cl-black);  }
.mvp__info__container__right p a:hover { text-decoration: none;  }
.mvp__info__container__logo { display: flex; align-items: center;}
.mvp__info__container__logo img { max-width: 200px; max-height: 16px; transition: all 0.2s ease; }
.mvp__info__container__logo a:hover img { }
.mvp__info__container__logo a { display: block; }
.mvp__info__container__logo a .mvp-logo { max-width: 200px; max-height: 16px; fill: var(--cl-black); /*transition: all 0.2s ease;*/ }
.mvp__info__container__logo a:hover .mvp-logo { fill: var(--cl-main-color-red); }

@media screen and (min-width: 380px) {
    .mvp__info__container__logo img { max-width: 210px; max-height: 22px; padding-left: 20px; }
    .mvp__info__container__logo a .mvp-logo { max-width: 210px; max-height: 22px; padding-left: 20px; }
}
@media screen and (min-width: 720px) {

}
@media screen and (min-width: 1260px) {
    .mvp__info { top: 20px; right: 20px; left: 20px; }
    .mvp__info__container { grid-template-columns: 1fr 411px 1fr; gap: 5px; padding: 20px; }
    .mvp__info__container__left { display: flex; align-items: center; }
    .mvp__info__container__right p { font-size: 13px; line-height: 18px; }
    .mvp__info__container__right p span { display: inline; color: var(--cl-black); text-align: right; margin: 0; font-size: 13px; line-height: 18px; }
    .mvp__info__container__logo img { max-width: unset; max-height: unset; padding-left: 0; }
    .mvp__info__container__logo a .mvp-logo { max-width: unset; max-height: unset; width: 411px; height: 32px; padding-left: 0; }
}

@media screen and (min-width: 1440px) {
    .mvp__info__container__right p { font-size: 15px; line-height: 20px; }
    .mvp__info__container__right p span { font-size: 15px; line-height: 20px; }
}


/* ******************************************************************* Hlavička */

.mvp__top { background: url('/images/background_top.webp') no-repeat top center; position: relative; }
.mvp__top__container { position: relative; padding-top: 120px; padding-bottom: 80px; }
.mvp__top__container__item { position: relative; display: flex; flex-wrap: wrap; align-content: flex-end; align-items: end; }
.mvp__top__container__title { font-size: 50px; line-height: 55px; font-weight: 900; color: var(--cl-black); margin: 0 0 30px; text-transform: uppercase; }
.mvp__top__container__h1 { font-size: 30px; line-height: 35px; font-weight: 900; color: var(--cl-black); padding: 0; margin: 0 0 30px; }
.mvp__top__container__perex { display: block; font-size: 14px; line-height: 22px; color: var(--cl-black); margin-bottom: 35px; }

    .mvp__top__videoWrap { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; z-index: 0; opacity: 0.49; }
    .mvp__top__video {  z-index: 0; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (min-width: 720px) {
    .mvp__top__container { position: relative; padding-top: 200px; padding-bottom: 80px; }
}

@media screen and (min-width: 1260px) {
    .mvp__top { height: 100vh; min-height: 620px; max-height: 1080px; }

    .mvp__top__container { position: absolute; left: 0; right: 0; top: 0; bottom: 130px; padding-top: 0; padding-bottom: 0; display: grid; grid-template-columns: 1fr; gap: 26px; z-index: 1; }
    .mvp__top__container { grid-template-columns: 600fr 520fr; gap: 80px; }
    .mvp__top__container__title { font-size: 130px; line-height: 130px; margin: 0 0 25px; }
    .mvp__top__container__h1 { font-size: 40px; line-height: 50px; margin: 0 0 25px; }
    .mvp__top__container__perex { font-size: 18px; line-height: 28px; margin-bottom: 30px; }
}

@media screen and (min-width: 1440px) {
    .mvp__top__container { grid-template-columns: 600fr 520fr; gap: 80px; bottom: 140px; }
    .mvp__top__container__title { font-size: 150px; line-height: 150px; margin: 0 0 30px; }
    .mvp__top__container__h1 { font-size: 45px; line-height: 55px; margin: 0 0 30px; }
    .mvp__top__container__perex { font-size: 19px; line-height: 29px; margin-bottom: 30px; }
}

@media screen and (min-width: 1600px) {
    .mvp__top__container { grid-template-columns: 864fr 560fr; gap: 96px; bottom: 150px; }
    .mvp__top__container__title { font-size: 190px; line-height: 190px; }
    .mvp__top__container__h1 { font-size: 50px; line-height: 60px; margin: 0 0 35px; }
    .mvp__top__container__perex { font-size: 20px; line-height: 30px; margin-bottom: 35px; }
}

/* ******************************************************************* Navigace */

.mvp__nav { background: var(--cl-white); padding: 80px 0 80px; text-align: center; }
.mvp__nav__list { margin: 0 auto 144px; display: grid; grid-template-columns: 1fr; gap: 27px; text-align: left; }
.mvp__nav__list__item { position: relative; display: flex; width: 326px; height: 326px; padding: 34px 30px; font-size: 30px; line-height: 38px; font-weight: 900; flex-direction: column-reverse;  background-color: var(--cl-main-color-red); transition: all 0.2s ease; color: var(--cl-white); }
.mvp__nav__list__item:hover { background-color: var(--cl-black); text-decoration: none; }
.mvp__nav__list__item:after { content: ''; position: absolute; display: block; width: 44px; height: 44px; right: 19px; bottom: 29px; background: url('/images/miliardy-icons.svg#ico-arrow-right-circle') no-repeat; filter: invert(100%) sepia(0%) saturate(7499%) hue-rotate(25deg) brightness(95%) contrast(90%); transition: all 0.2s ease; }
.mvp__nav__list__item:hover:after {  }

.mvp__nav__list__item-osobnosti { background-image: url('/images/miliardy-icons.svg#nav-osobnosti'); background-size: 115px 129px; background-repeat: no-repeat; background-position: 30px 50px; }
.mvp__nav__list__item-podcasty { background-image: url('/images/miliardy-icons.svg#nav-podcasty'); background-size: 67px 125px; background-repeat: no-repeat; background-position: 37px 57px;}
.mvp__nav__list__item-analyzy { background-image: url('/images/miliardy-icons.svg#nav-analyzy'); background-size: 122px 122px; background-repeat: no-repeat; background-position: 29px 57px; }
.mvp__nav__list__item-partneri { background-image: url('/images/miliardy-icons.svg#nav-partneri'); background-size: 135px 122px; background-repeat: no-repeat; background-position: 25px 57px; }

.mvp__nav__list__item { aspect-ratio: 1 / 1; width: 100%; height: 100%; max-width: 326px; max-height: 326px; padding: 26px 30px; font-size: 27px; line-height: 35px;  }

.mvp__nav__list__item-osobnosti { background-size: 95px 110px; background-position: 30px 30px; }
.mvp__nav__list__item-podcasty { background-size: 50px 105px; background-position: 37px 39px;}
.mvp__nav__list__item-analyzy { background-size: 100px 100px; background-position: 29px 38px; }
.mvp__nav__list__item-partneri { background-size: 112px 100px; background-position: 25px 38px; }


@media screen and (min-width: 360px) {

    .mvp__nav__list__item-osobnosti { background-size: 95px 110px; background-position: 30px 30px; }
    .mvp__nav__list__item-podcasty { background-size: 50px 105px; background-position: 37px 39px;}
    .mvp__nav__list__item-analyzy { background-size: 100px 100px; background-position: 29px 38px; }
    .mvp__nav__list__item-partneri { background-size: 112px 100px; background-position: 25px 38px; }
}

@media screen and (min-width: 720px) {
    .mvp__nav__list { display: inline-grid; }
    .mvp__nav__list { grid-template-columns: 1fr 1fr; }
    .mvp__nav__list__item { width: 326px; height: 326px; }
}

@media screen and (min-width: 1260px) {
    .mvp__nav { padding: 190px 0 106px; }
    .mvp__nav__list { grid-template-columns: 1fr 1fr 1fr 1fr; }
    .mvp__nav__list__item { width: 260px; height: 260px; padding: 26px 30px; font-size: 27px; line-height: 35px;  }

    .mvp__nav__list__item-osobnosti { background-size: 95px 110px; background-position: 30px 30px; }
    .mvp__nav__list__item-podcasty { background-size: 50px 105px; background-position: 37px 39px;}
    .mvp__nav__list__item-analyzy { background-size: 100px 100px; background-position: 29px 38px; }
    .mvp__nav__list__item-partneri { background-size: 112px 100px; background-position: 25px 38px; }
}

@media screen and (min-width: 1600px) {
    .mvp__nav__list__item { width: 326px; height: 326px; padding: 34px 30px; font-size: 30px; line-height: 38px;  }

    .mvp__nav__list__item-osobnosti { background-size: 115px 129px; background-position: 30px 50px; }
    .mvp__nav__list__item-podcasty { background-size: 67px 125px; background-position: 37px 57px;}
    .mvp__nav__list__item-analyzy { background-size: 122px 122px; background-position: 29px 57px; }
    .mvp__nav__list__item-partneri { background-size: 135px 122px; background-position: 25px 57px; }
}


/* ******************************************************************* Partneři */

.mvp__nav__partneri { background: var(--cl-grey-f3); text-align: center; }

.mvp__nav__partneri__list { display: block; padding: 40px 0; justify-items: center; justify-content: center; }
.mvp__nav__partneri__list__title { margin-bottom: 14px; text-align: center; }
.mvp__nav__partneri__generalni .mvp__nav__partneri__list__title { font-size: 18px; line-height: 28px; font-weight: 700; }
.mvp__nav__partneri__hlavni .mvp__nav__partneri__list__title { font-size: 14px; line-height: 28px; font-weight: 700; }
.mvp__nav__partneri__ostatni .mvp__nav__partneri__list__title { font-size: 14px; line-height: 18px; font-weight: 400; }
.mvp__nav__partneri__list__item { margin-bottom: 30px; }
.mvp__nav__partneri__list > div { width: 240px; height: auto; }
.mvp__nav__partneri__list__item__link { display: flex; align-content: center; align-items: center; justify-content: center; justify-items: center; }
.mvp__nav__partneri__list__item__link img { margin: auto; transition: all 0.2s ease; }
.mvp__nav__partneri__list__item__link:hover img { transform: scale(1.05); }

@media screen and (min-width: 720px) {
    .mvp__nav__partneri__list { display: flex; gap: 50px; flex-wrap: wrap; }
    .mvp__nav__partneri__list__item { margin-bottom: 0; }
}

/* ******************************************************************* Nejčtenější články */

.mvp__clanky { margin: 77px 0 60px; }
.mvp__clanky > .container { text-align: center; }
.mvp__clanky__h2 { font-size: 30px; line-height: 38px; font-weight: 900; margin: 0 0 32px; text-align: left; }
.mvp__clanky__list { display: inline-grid; grid-template-columns: 1fr; gap: 32px; padding-left: 24px; margin: 0 auto; }
.mvp__clanky__list__item { max-width: 320px; }
.mvp__clanky__list__item__link { position: relative; text-decoration: none; }
.mvp__clanky__list__item__link__imgWrap { position: relative; margin-bottom: 16px; aspect-ratio: 320 / 208; }
.mvp__clanky__list__item__link__imgWrap:before { color: var(--cl-main-color-red); font-size: 120px; line-height: 120px; font-weight: 900; position: absolute; width: 76px; height: 120px; left: -34px; top: calc(50% - 60px); text-align: center; z-index: 5; }
.mvp__clanky__list__item__link__imgWrap > div { display: block; position: relative; overflow: hidden; z-index: 4; aspect-ratio: 320 / 208; }
.mvp__clanky__list__item__link .mvp__clanky__list__item__link__title { font-size: 22px; line-height: 32px; font-weight: 900; text-decoration: none; margin: 0; text-align: left; }
.mvp__clanky__list__item__link:hover .mvp__clanky__list__item__link__title { text-decoration: underline; }

.mvp__clanky__list__item a .mvp__clanky__list__item__link__imgWrap__image { transition: all 0.2s ease; z-index: 4; max-width: 100%; height: auto; padding: 0; margin: 0; }
.mvp__clanky__list__item a:hover .mvp__clanky__list__item__link__imgWrap__image {  transform: scale(1.08); }

.mvp__clanky__list__item__link__imgWrap.i1:before { content: '1'; }
.mvp__clanky__list__item__link__imgWrap.i2:before { content: '2'; }
.mvp__clanky__list__item__link__imgWrap.i3:before { content: '3'; }
.mvp__clanky__list__item__link__imgWrap.i4:before { content: '4'; }
.mvp__clanky__list__item__link__imgWrap.i5:before { content: '5'; }
.mvp__clanky__list__item__link__imgWrap.i6:before { content: '6'; }
.mvp__clanky__list__item__link__imgWrap.i7:before { content: '7'; }
.mvp__clanky__list__item__link__imgWrap.i8:before { content: '8'; }


@media screen and (min-width: 720px) {
    .mvp__clanky__list { grid-template-columns: 1fr 1fr; gap: 35px 72px; padding-left: 52px; }
}

@media screen and (min-width: 1260px) {
    .mvp__clanky { margin: 173px 0 112px; }

    .mvp__clanky__list { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px 72px; }
    .mvp__clanky__list__item__link__imgWrap { margin-bottom: 26px; }
    .mvp__clanky__list__item__link__imgWrap:before { left: -50px; }
}

@media screen and (min-width: 1600px) {
    .mvp__clanky__list { gap: 65px 104px; }
}

/* ******************************************************************* Akcie */

.mvp__akcie { background: var(--cl-grey-f3); padding: 56px 0; }

.mvp__akcie__h2 { font-size: 16px; line-height: 30px; font-weight: 900; margin: 0 0 15px 0; }
.mvp__akcie__list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 10px; overflow-x: auto; padding: 0 20px; max-width: 1700px; margin: 0 auto; }
.mvp__akcie__list__item { position: relative; width: 200px; padding: 10px 20px 10px 70px; }

.mvp__akcie__list__item-plus { background: var(--cl-green-light); }
.mvp__akcie__list__item-minus { background: var(--cl-red-light); }

.mvp__akcie__list__item:before { content: ''; position: absolute; display: block; width: 26px; height: 22px; left: 22px; top: calc(50% - 11px);  }
.mvp__akcie__list__item-plus:before { background: url('/images/miliardy-icons.svg#ico-nahoru') no-repeat;  }
.mvp__akcie__list__item-minus:before { background: url('/images/miliardy-icons.svg#ico-dolu') no-repeat;  }

.mvp__akcie__list__item__title { font-size: 15px; line-height: 20px; font-weight: 900; margin: 0 0 2px; }
.mvp__akcie__list__item__percent { font-size: 15px; line-height: 20px; margin: 0 0 2px; }
.mvp__akcie__list__item__value { font-size: 15px; line-height: 20px; margin: 0; }

@media screen and (min-width: 1260px) {
    .mvp__akcie__list__item { width: unset; padding: 10px 20px 10px 70px; }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************* Hlavička sekce */

.mvp__section__header { position: relative; display: grid; grid-template-columns: 1fr; gap: 38px; margin: 0 0 35px; } 
.mvp__section__header__claim { display: flex; align-items: center; font-size: 18px; line-height: 24px; margin: 0; }
.mvp__section__header__h2 { display: flex; position: relative; min-height: 132px; align-items: center; margin: 0 0 0 120px; z-index: 5; }
.mvp__section__header__h2 > span { position: relative; font-size: 30px; line-height: 36px; font-weight: 900; z-index: 6; }
.mvp__section__header__h2::before { content: ''; display: block; position: absolute; top: 0; left: -120px; width: 132px; height: 132px; background-color: var(--cl-white); z-index: 4; }
.mvp__section__header__h2::after { content: ''; display: block; position: absolute; top: 0; left: -120px; width: 132px; height: 132px; z-index: 4; }

.mvp__section__header__h2-podcasty::before { background-color: var(--cl-main-color-red); }

.mvp__section__header__h2-osobnosti::after { background-image: url('/images/miliardy-icons.svg#nav-osobnosti'); background-size: 68px 76px; background-repeat: no-repeat; background-position: 34px 30px; }
.mvp__section__header__h2-podcasty:after { background-image: url('/images/miliardy-icons.svg#nav-podcasty'); background-size: 44px 72px; background-repeat: no-repeat; background-position: 45px 31px;}
.mvp__section__header__h2-analyzy:after { background-image: url('/images/miliardy-icons.svg#nav-analyzy'); background-size: 72px 72px; background-repeat: no-repeat; background-position: 31px 31px; }
.mvp__section__header__h2-partneri:after { background-image: url('/images/miliardy-icons.svg#nav-partneri'); background-size: 78px 71px; background-repeat: no-repeat; background-position: 29px 32px; }

.mvp__section__header__h2::after {  filter: invert(52%) sepia(61%) saturate(5436%) hue-rotate(335deg) brightness(127%) contrast(107%);}
.mvp__section__header__h2-podcasty::after { filter: invert(100%) sepia(6%) saturate(26%) hue-rotate(158deg) brightness(105%) contrast(106%); }

.mvp__partneri .mvp__section__header { grid-template-columns: 1fr; }

@media screen and (min-width: 360px) {
    .mvp__section__header__h2 > span { font-size: 40px; line-height: 46px; }
}

@media screen and (min-width: 1260px) {
    .mvp__section__header { grid-template-columns: 6fr 6fr; gap: 60px; margin: 0 0 100px; } 
    .mvp__section__header__claim { font-size: 20px; line-height: 30px; }
    .mvp__section__header__h2 { min-height: 250px; margin: 0 0 0 228px; }
    .mvp__section__header__h2 > span { font-size: 90px; line-height: 90px; }
    .mvp__section__header__h2::before { top: 0; left: -228px; width: 250px; height: 250px; }
    .mvp__section__header__h2::after { top: 0; left: -228px; width: 250px; height: 250px; }

    .mvp__section__header__h2-osobnosti::after { background-size: 115px 129px; background-position: 67px 60px; }
    .mvp__section__header__h2-podcasty::after { background-size: 67px 125px; background-position: 91px 62px;}
    .mvp__section__header__h2-analyzy::after { background-size: 122px 122px; background-position: 64px 64px; }
    .mvp__section__header__h2-partneri::after { background-size: 135px 122px; background-position: 57px 64px; }
}

@media screen and (min-width: 1600px) {
    .mvp__section__header { grid-template-columns: 7fr 5fr; gap: 60px; margin: 0 0 149px; } 
    .mvp__section__header__h2 > span { font-size: 120px; line-height: 120px; }
    .mvp__section__header__claim { font-size: 22px; line-height: 32px; }
}

/* ******************************************************************* Sekce s články */

.mvp__articles { display: grid; grid-template-columns: 1fr; gap: 50px; margin: 0 0 60px; }
.mvp__articles__item {  }
.mvp__articles__item__imgWrap { margin: 0 0 24px; overflow: hidden; }
.mvp__articles__item__imgWrap a img { transition: all 0.2s ease; }
.mvp__articles__item__imgWrap a:hover img { transform: scale(1.05); }

.mvp__articles__item__textWrap {  }
.mvp__articles__item__textWrap__title { margin: 0 0 24px; }
.mvp__articles__item__textWrap__title a { font-size: 30px; line-height: 40px; font-weight: 900; text-decoration: none; }
.mvp__articles__item__textWrap__title a:hover { text-decoration: underline; }
.mvp__articles__item__textWrap__firma {  }
.mvp__articles__item__textWrap__perex { font-size: 18px; line-height: 26px; margin: 0 0 35px; }
.mvp__articles__item__textWrap__link .firma_link { display: block; margin-left: 0; margin-top: 30px; }

.blue_bg .mvp__articles__item__textWrap__title a { color: var(--cl-white); transition: all 0.2s ease; }
.blue_bg .mvp__articles__item__textWrap__title a:hover { text-decoration: underline; color: var(--cl-tyrkys-hover); }
.blue_bg .mvp__articles__item__textWrap__perex { color: var(--cl-white); }

.mvp__articles__link { text-align: center; margin: 0; }
.mvp__articles__link a { position: relative; font-size: 20px; line-height: 30px; font-weight: 900; text-decoration: none; padding: 0 45px 6px 12px; border-bottom: 1px solid var(--cl-black); color: var(--cl-text-base); transition: all 0.2s ease; }
.mvp__articles__link a:after { content: ''; display: block; position: absolute; top: calc(50% - 10px); right: 12px; width: 20px; height: 14px; background: url('/images/miliardy-icons.svg#ico-arrow-right') no-repeat; transition: 0.2s ease; }
.mvp__articles__link a:hover { color: var(--cl-main-color-red); border-bottom-color: var(--cl-main-color-red); }
.mvp__articles__link a:hover:after { filter: invert(57%) sepia(76%) saturate(6531%) hue-rotate(342deg) brightness(104%) contrast(97%); }

.blue_bg .mvp__articles__link a { color: var(--cl-white); border-bottom-color: var(--cl-white); }
.blue_bg .mvp__articles__link a:after { filter: invert(100%) sepia(95%) saturate(2%) hue-rotate(16deg) brightness(109%) contrast(101%); }
.blue_bg .mvp__articles__link a:hover { color: var(--cl-main-color-red); border-bottom-color: var(--cl-main-color-red); }
.blue_bg .mvp__articles__link a:hover:after { filter: invert(68%) sepia(95%) saturate(982%) hue-rotate(92deg) brightness(102%) contrast(103%); }

.mvp__osobnosti .mvp__articles__link a:hover { color: var(--cl-white); border-bottom-color: var(--cl-white); }
.mvp__osobnosti .mvp__articles__link a:hover:after { filter: invert(92%) sepia(70%) saturate(5411%) hue-rotate(185deg) brightness(135%) contrast(100%); }

@media screen and (min-width: 1260px) {
    .mvp__articles { grid-template-columns: 1fr 1fr; gap: 153px 43px; margin: 0 0 370px; }
    .mvp__articles__item:nth-child(2n) { position: relative; top: 260px;  }
    .mvp__articles__item__imgWrap { margin: 0 0 40px;  }
    .mvp__articles__item__textWrap__title { margin: 0 0 35px; }
    .mvp__articles__item__textWrap__title a { font-size: 40px; line-height: 50px; }
    .mvp__articles__item__textWrap__perex { font-size: 20px; line-height: 30px; margin: 0 0 78px; }
    .mvp__articles__item__textWrap__link .firma_link { display: inline-block; margin-left: 40px; margin-top: 0;  }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************* Osobnosti a inspirace */

.mvp__osobnosti { padding: 80px 0 72px; background: var(--cl-main-color-red);  }

@media screen and (min-width: 1260px) {
    .mvp__osobnosti { padding: 179px 0 169px;   }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************* Podcasty a videa */

.mvp__podcasty_blok { padding: 100px 0 100px; }

.mvp__podcasty { position: relative; display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0 0 86px; }
.mvp__podcasty__item { position: relative; max-width: 800px; }
.mvp__podcasty__item__imgWrap { aspect-ratio: 20 / 13; overflow: hidden; z-index: 5; }
.mvp__podcasty__item__imgWrap__image { transition: all 0.2s ease; }
.mvp__podcasty__item__gradient { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block;  background-image: linear-gradient(90deg, var(--cl-main-color-red) 0, #ffffff30 100%); opacity: 0.72; z-index: 10; }
.mvp__podcasty__item__textWrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-content: flex-end; align-items: end; flex-wrap: wrap; padding: 50px; z-index: 15; }
.mvp__podcasty__item__textWrap:before { content: ''; position: absolute; left: 50px; top: 50px; width: 68px; height: 68px; background: url('/images/miliardy-icons.svg#ico-play') no-repeat; filter: invert(100%) sepia(95%) saturate(2%) hue-rotate(16deg) brightness(109%) contrast(101%); }
.mvp__podcasty__item__textWrap__title { display: -webkit-box; max-height: 185px; font-size: 36px; line-height: 46px; font-weight: 900; color: var(--cl-white); margin: 0 0 35px; max-width: 60%; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; transition: all 0.2s ease; }

.mvp__podcasty__item__textWrap__link { display: block; width: 100%; margin: 0;  }

.mvp__podcasty__item__textWrap__link__a { position: unset; display: inline-flex; align-items: center; justify-items: center; padding: 15px 30px; }
.mvp__podcasty__item__textWrap__link__a:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.mvp__podcasty__item__textWrap__link__a:after { display: none; }
.mvp__podcasty__item__textWrap__link__a img { display: inline-block; margin: 0 0 0 20px; width: 44px; height: 44px; filter: invert(91%) sepia(57%) saturate(3%) hue-rotate(203deg) brightness(106%) contrast(100%); }

.mvp__podcasty__item:hover .mvp__podcasty__item__imgWrap__image { transform: scale(1.075); }
.mvp__podcasty__item:hover .mvp__podcasty__item__textWrap__title { text-decoration: underline; }

@media screen and (min-width: 0px) {
    .mvp__podcasty__item__textWrap { padding: 20px; }
    .mvp__podcasty__item__textWrap:before { display: none; }
    .mvp__podcasty__item__textWrap__title { max-height: 60px; font-size: 20px; line-height: 30px; margin: 0 0 12px; max-width: 100%; -webkit-line-clamp: 2; }
    .mvp__podcasty__item__textWrap__link__a { padding: 10px 30px; font-size: 16px; line-height: 20px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 30px; height: 30px;}
}
@media screen and (min-width: 360px) {
    .mvp__podcasty__item__textWrap:before { display: block; left: 20px; top: 20px; width: 36px; height: 36px; }
}
@media screen and (min-width: 440px) {
    .mvp__podcasty__item__textWrap { padding: 20px; }
    .mvp__podcasty__item__textWrap:before { left: 20px; top: 20px; width: 36px; height: 36px; }
    .mvp__podcasty__item__textWrap__title { max-height: 102px; font-size: 24px; line-height: 34px; margin: 0 0 15px; max-width: 100%; -webkit-line-clamp: 3; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; font-size: 18px; line-height: 22px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 30px; height: 30px;}
}
@media screen and (min-width: 520px) {
    .mvp__podcasty__item__textWrap { padding: 30px; }
    .mvp__podcasty__item__textWrap:before { left: 30px; top: 30px; width: 52px; height: 52px; }
    .mvp__podcasty__item__textWrap__title { max-height: 114px; font-size: 28px; line-height: 38px; margin: 0 0 25px; max-width: 100%; -webkit-line-clamp: 3; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; font-size: 20px; line-height: 24px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 30px; height: 30px;}
}

@media screen and (min-width: 720px) {
    .mvp__podcasty__item__textWrap { padding: 50px; }
    .mvp__podcasty__item__textWrap:before { left: 50px; top: 50px; width: 68px; height: 68px; }
    .mvp__podcasty__item__textWrap__title { max-height: 185px; font-size: 36px; line-height: 46px; margin: 0 0 35px; max-width: 60%; -webkit-line-clamp: 4; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 44px; height: 44px;}
}

@media screen and (min-width: 1260px) {
    .mvp__podcasty_blok { padding: 184px 0 150px; }
    .mvp__podcasty { grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 86px; }

    .mvp__podcasty__item__textWrap { padding: 35px 40px; }
    .mvp__podcasty__item__textWrap:before { left: 40px; top: 25px; width: 52px; height: 52px; }
    .mvp__podcasty__item__textWrap__title { max-height: 153px; font-size: 28px; line-height: 38px; margin: 0 0 28px; max-width: 60%; -webkit-line-clamp: 4; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 40px; height: 40px;}
}

@media screen and (min-width: 1340px) {
    .mvp__podcasty__item__textWrap { padding: 40px; }
    .mvp__podcasty__item__textWrap:before { left: 40px; top: 30px; width: 54px; height: 54px; }
    .mvp__podcasty__item__textWrap__title { max-height: 161px; font-size: 30px; line-height: 40px; margin: 0 0 30px; max-width: 60%; -webkit-line-clamp: 4; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 40px; height: 40px;}
}
@media screen and (min-width: 1440px) {
    .mvp__podcasty__item__textWrap { padding: 40px; }
    .mvp__podcasty__item__textWrap:before { left: 40px; top: 40px; width: 58px; height: 58px; }
    .mvp__podcasty__item__textWrap__title { max-height: 169px; font-size: 32px; line-height: 42px; margin: 0 0 30px; max-width: 60%; -webkit-line-clamp: 4; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 40px; height: 40px;}
}
@media screen and (min-width: 1520px) {
    .mvp__podcasty__item__textWrap { padding: 40px; }
    .mvp__podcasty__item__textWrap:before { left: 40px; top: 50px; width: 62px; height: 62px; }
    .mvp__podcasty__item__textWrap__title { max-height: 177px; font-size: 34px; line-height: 44px; margin: 0 0 35px; max-width: 60%; -webkit-line-clamp: 4; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 40px; height: 40px;}
}
@media screen and (min-width: 1600px) {
    .mvp__podcasty_blok .mvp__section__header { margin: 0 0 75px; } 

    .mvp__podcasty__item__textWrap { padding: 50px; }
    .mvp__podcasty__item__textWrap:before { left: 50px; top: 50px; width: 68px; height: 68px; }
    .mvp__podcasty__item__textWrap__title { max-height: 185px; font-size: 36px; line-height: 46px; margin: 0 0 35px; max-width: 60%; -webkit-line-clamp: 4; }
    .mvp__podcasty__item__textWrap__link__a { padding: 15px 30px; }
    .mvp__podcasty__item__textWrap__link__a img { margin: 0 0 0 20px; width: 44px; height: 44px;}
}

/* ******************************************************************* Analýzy a tipy */

.mvp__analyzy { padding: 80px 0 72px; }

@media screen and (min-width: 1260px) {
    .mvp__analyzy { padding: 179px 0 169px; }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************* Formulář */

.mvp__formular { background: var(--cl-grey-f3); padding: 79px 0 81px; }
.mvp__formular__container { max-width: 1450px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr; gap: 15px; }
.mvp__formular__container__title { display: flex; align-items: center;}
.mvp__formular__container__form { position: relative; background: var(--cl-white); box-shadow: 0px 3px 30px var(--cl-form-box-shadow); padding: 60px 20px 56px; max-width: 630px; display: flex; align-items: center; justify-items: center; }

.mvp__formular__container__title__h2 { color: var(--cl-black); text-align: left; font-size: 40px; line-height: 50px; font-weight: 900; }
.mvp__formular__container__title__h2 > span { display: block; color: var(--cl-white); font-weight: 900;}

.form {  }
.form__row { margin-bottom: 40px; }
.form__row:last-child { margin-bottom: 0; }
.form__row__item {  }

.form__row__item__label { display: block; margin: 0 0 14px; font-size: 16px; line-height: 19px; font-weight: 900;  }
.form__row__item__textarea__label { display: block; font-size: 16px; line-height: 26px; margin: 0 0 14px; }
.form input[type=text], .form input[type=email], .form textarea { font-size: 16px; line-height: 20px; padding: 20px 24px; border: 1px solid var(--cl-blue-semi-light); }
.form input[type=text]::placeholder, .form input[type=email]::placeholder, .form textarea::placeholder { color: var(--cl-form-placeholder); }
.form input[type=text], .form input[type=email] { width: 100%; } 
.form textarea { width: 100%; height: 159px; } 

.form .invalid .form__row__item__label { color: var(--cl-red-strong); }
.form .invalid input[type=text], .form .invalid input[type=email] { border-color: var(--cl-red-strong); }

.form_radio { display: none; } 
.form_radio_label > span { display: block; font-size: 15px; line-height: 20px; font-weight: 900; padding: 20px 5px; border: 1px solid var(--cl-red-losos); text-align: center; } 
.form_radio:checked ~ .form_radio_label > span { background: var(--cl-red-losos); color: var(--cl-black); }

.form__row-submit { display: grid; grid-template-columns: 1fr; gap: 28px;}
.form__disclaimer { margin: 0; font-size: 14px; line-height: 22px; }
.form button { outline: 0; border: 0; width: 100%; }
.form .button_link { background: var(--cl-main-color-red); }
.form .button_link:hover { background: var(--cl-black); }

.form_message { text-align: center; }
.form_message__text { background: var(--cl-green-light); color: var(--cl-green); font-size: 16px; line-height: 22px; font-weight: 900; padding: 16px 20px; }
.form_message__text__email { font-size: 16px; line-height: 22px; color: var(--cl-green); font-weight: 500; }
.form_message__podcast { margin: 0; }
.form_message__podcast a:hover { text-decoration: none;  }

.form_validation { margin: -20px 0 20px; }
.form_validation p { position: relative; margin: 0; padding: 17px 40px 14px 66px; color: var(--cl-red-strong); background: var(--cl-red-losos-bg); border: 1px solid var(--cl-red-strong); font-size: 16px; line-height: 22px; font-weight: 900; }
.form_validation p:before { content: '!'; position: absolute; left: 20px; top: calc(50% - 13px); width: 26px; height: 26px; border-radius: 50%; background: var(--cl-red); color: var(--cl-white); display: flex; align-items: center; align-content: center; justify-content: center; justify-items: center; }

.form_progress_bar { position: absolute; z-index: 30; left: 0; top: 0; bottom: 0; right: 0; background: var(--cl-grey-cover); }

@media screen and (min-width: 720px) {
}

@media screen and (min-width: 1260px) {
    .mvp__formular { padding: 146px 0 150px; }
    .mvp__formular__container { padding: 0 40px; grid-template-columns: 70fr 66fr; gap: 80px; }
    .mvp__formular__container__form { padding: 62px 47px 114px 52px; }

    .form_radio_label > span { font-size: 13px; line-height: 18px; font-weight: 900; }

    .mvp__formular__container__title__h2 { text-align: right; font-size: 80px; line-height: 90px; }
    .form__row-submit { grid-template-columns: 6fr 5fr; gap: 28px;}
}

@media screen and (min-width: 1400px) {
    .form_radio_label > span {  font-size: 15px; line-height: 20px; }
}

/* ******************************************************************* Komu věříme */

.mvp__partneri { padding: 82px 0 72px; }

.mvp__partneri__list { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.mvp__partneri__list__item { display: flex; justify-content: center; justify-items: center; align-items: center; aspect-ratio: 1 / 1; box-shadow: 0px 3px 20px var(--cl-box-shadow); padding: 16px; transition: all 0.2s ease; }
.mvp__partneri__list__item img { }
.mvp__partneri__list__item:hover { background: var(--cl-red-losos-bg); }

@media screen and (min-width: 720px) {
    .mvp__partneri__list { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

@media screen and (min-width: 1260px) {
    .mvp__partneri { padding: 205px 0 151px; }
    .mvp__partneri__list { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 18px; }
    .mvp__partneri__list__item { padding: 36px; }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************* Další témata */

.mvp__temata { background: var(--cl-grey-f3); padding: 78px 0 80px; }
.mvp__temata__container { max-width: 1384px; margin: 0 auto; padding: 0 20px; }

.mvp__temata__h2 { font-size: 30px; line-height: 40px; font-weight: 900; margin: 0 0 55px; }

.mvp__temata__list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }
.mvp__temata__list__item { background: var(--cl-main-color-red); color: var(--cl-white); transition: all 0.2s ease; text-align: center; display: flex; align-items: center; justify-content: center; padding: 10px 16px; font-size: 16px; line-height: 20px; font-weight: 900; text-decoration: none; min-height: 70px; }
.mvp__temata__list__item:hover { background: var(--cl-black); }

@media screen and (min-width: 720px) {
    .mvp__temata__list { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; }
}

@media screen and (min-width: 1260px) {
    .mvp__temata__container { padding: 0 40px; }
    .mvp__temata__list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 20px; }
    .mvp__temata__list__item { padding: 10px 30px; font-size: 18px; line-height: 22px; }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************* Patička */

footer { background: var(--cl-black); margin: 0; }
footer p { color: var(--cl-white); padding: 67px 20px 48px; margin: 0; text-align: center; font-weight: 500; font-size: 20px; line-height: 30px;  }
footer p a { color: var(--cl-white); font-weight: 900; display: inline-block; margin-left: 10px; text-decoration: none; transition: all 0.2s ease; }
footer p a:hover { color: var(--cl-main-color-red); }

@media screen and (min-width: 1260px) {
    footer p { padding: 111px 20px; }
}

@media screen and (min-width: 1600px) {
}

/* ******************************************************************************************** Detail partnera */

/* ******************************************************************* Box s detailem */

.mvp__partner { padding: 120px 0 90px; }
.mvp__partner__detail { padding: 40px 20px; box-shadow: 0px 3px 30px #BEC2DEB3; display: grid; grid-template-columns: 1fr; gap: 49px; }
.mvp__partner__detail__logo { display: flex; align-items: center; justify-content: center;  }
.mvp__partner__detail__logo img { max-width: 450px; width: 100%; height: auto; }
.mvp__partner__detail__text {  }
.mvp__partner__detail__text__h1 { font-size: 40px; line-height: 46px; font-weight: 900; margin: 0 0 27px; }
.mvp__partner__detail__text__perex { font-size: 18px; line-height: 28px; margin-bottom: 28px; }
.mvp__partner__detail__text__props { display: grid; grid-template-columns: 1fr; }
.mvp__partner__detail__text__props__item { font-size: 18px; line-height: 28px; padding: 5px 0; }
.mvp__partner__detail__text__props__item:nth-child(2n) {  border-bottom: 1px solid var(--cl-blue-semi-light); padding-bottom: 20px; word-spacing: 2px; }
.mvp__partner__detail__text__props__item:nth-child(2n+1) { font-weight: 900; padding-top: 20px; }
.mvp__partner__detail__text__props__item a { color: var(--cl-tyrkys); }
.mvp__partner__detail__text__props__item a:hover { text-decoration: none; }

.mvp__partner__articles { margin: 0 0 150px;}
.mvp__partner__articles__h2 { font-size: 30px; line-height: 38px; font-weight: 900; margin: 0 0 32px;  }

@media screen and (min-width: 1260px) {
    .mvp__partner { padding: 188px 0; }
    .mvp__partner__detail { padding: 117px 100px 124px; grid-template-columns: 12fr 17fr; gap: 98px; }
    .mvp__partner__detail__text__h1 { font-size: 60px; line-height: 70px; margin: 0 0 22px; }
    .mvp__partner__detail__text__props { grid-template-columns: 1fr 1fr; }
    .mvp__partner__detail__text__props__item { border-bottom: 1px solid var(--cl-blue-semi-light); padding: 25px 20px 25px 0; }
}

@media screen and (min-width: 1600px) {
}


