h1, h2, h3, p, ul, li {margin: 0; padding: 0; }
ul {list-style: none; }

.space-before {margin-top: 10px; }
.center {text-align: center; }
.rel {position: relative; }

a {text-decoration: none; }
a img {border: 0; }
div, span, a, input, textarea {box-sizing: border-box; }

b {font-weight: 700; }
body p {text-align: left; padding-bottom: 15px; }

html {scroll-behavior: smooth; }
html, body {margin: 0; padding: 0; width: 100%; overflow-x: hidden; font-size: 18px; }
html {font-size: 100%; }
body {position: relative; background: #262524; font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif; font-weight: 400; color: #796f62; }

h1 {font-size: 2rem; font-weight: 900; margin: 50px 0 15px 0; padding: 0; }
p {font-size: 1rem; font-weight: 400; }
h2 {font-size: 1.5rem; font-weight: 700; margin: 50px 0 15px 0; padding: 0; }

a {color: #796f62; }

ul li {margin: 5px 0; font-size: 1rem; }

header {z-index: 1000; }
section:nth-of-type(1) {z-index: 2000; }
section:nth-of-type(2) {z-index: 3000; }
section:last-of-type {z-index: 4000; }
footer {z-index: 3000; }

nav, header, section, footer {width: 100%; }
.stripe {position: relative; width: 100%; max-width: 1430px; margin-left: auto; margin-right: auto; }
.stripe.filmstrip {max-width: none; }
.stripe-content {z-index: 200; position: relative; max-width: 1150px; margin: 0 auto; padding: 9% 0; /*background: rgba(0,0,0,.1); */}
.fill-side {z-index: 150; position: absolute; top: 35%; width: 200%; height: 35%; }
.fill-left {right: 49%; }
.fill-right {left: 49%; }
.fill {position: absolute; top: 11%; bottom: 11%; width: 100%; opacity: .5; }
.fill-btm {position: absolute; top: 50%; bottom: 0; width: 100%; background: #d2a577; }

section, footer {position: relative; }
div {box-sizing: border-box; }
section>*, footer>* {transform: translateY(25vh); transition: transform 1.7s cubic-bezier(.05, .55, .08, 1); }
.ie section>*, footer>* {transform: none; transition: none; }

section.show-angle-top>*, footer.show-angle-top>* {transform: none; }

section .stripe-content>*:last-child {margin-bottom: 10% !important; }
section .stripe-content>*.grid:last-child {margin-bottom: 6% !important; }
section .stripe-content>article.treatement:first-child, section .stripe-content>article.story:first-child {margin-top: 0; }
section .stripe-content>article.story:first-child .content {margin-top: 0; }


header {position: relative; background: linear-gradient(to bottom, #e14a51, #9a3044); }
footer {background: #bc8f6a; background: linear-gradient(to bottom, #d2a577, #a7785c); overflow: hidden; }
.noise {position: absolute; width: 100%; height: 100%; background: url(ico/noise.svg); transform: none !important; mix-blend-mode: multiply; }
.ie .noise {display: none; }

/*header+section {background: #9a3044; }*/
section.beige+section {background: #fbf6f1; }
section.white+section {background: #fff; }


.angle {z-index: 100; position: absolute; width: 100%; max-width: 1430px; height: 100%; }
.angle>div {position: absolute; left: 0%; width: 400%; height: 70%; transition: 1.7s cubic-bezier(.05, .55, .08, 1); transform: translateX(-50%); }
.angle>.top {transform-origin: center top; }
.angle>.btm {bottom: -1px; transform-origin: center bottom; }
.angle-top .angle>.top {transform: translateX(-50%) rotate(0deg); }
.angle-btm .angle>.btm {transform: translate(-50%, 25vh) rotate(0deg); }
.ie .angle-btm .angle>div {transform: translateX(-50%) rotate(-5deg) !important; transition: none; }
.show-angle-top .angle>.top {transform: translateX(-50%) rotate(-5deg); }
.show-angle-btm .angle>.btm {transform: translate(-50%,0) rotate(-5deg); }

section.beige .angle>div {background: #fbf6f1; /*background: silver; */}
section.beige .fill, section.beige .fill-side {background: #fbf6f1; }

section.white .angle>div {background: #fff; /*background: grey; */}
section.white .fill, section.white .fill-side {background: #fff; }

@media (max-width: 1500px){
    .stripe {width: 88%; }
}

@media (max-width: 900px){
    .stripe-content {padding: 15% 0; }
}

@media (max-width: 600px){
    .stripe-content {padding: 50px 0; }
}

article {position: relative; }
article>.content {z-index: 200; position: relative; }

.fade-bg-image {display: none !important; }
.fade-bg-image {z-index: 100; position: absolute; display: block; top: 50%; height: auto; }
.fade-bg-image {opacity: 0; transition: 1.5s cubic-bezier(.1, .66, .28, 1); }
.vp .fade-bg-image {opacity: 1; }
.fade-bg-image.heart {content: url('bg/heart.png'); left: 0; width: 62%; }
.fade-bg-image.brain {content: url('bg/brain.png'); left: 100%; width: 104%; }

.fade-bg-image.left {transform: translate(-100%,-50%) scale(.9); }
.fade-bg-image.right {transform: translate(-40%,-50%) scale(.9); }
.vp .fade-bg-image.left {transform: translate(-100%,-50%) scale(1); }
.vp .fade-bg-image.right {transform: translate(-40%,-50%) scale(1); }

/*
@media (max-width: 900px){
    .fade-bg-image {width: 50%; height: auto; }
    .fade-bg-image {transform: translate(-50%,-50%) scale(.9) !important; }
    .vp .fade-bg-image {transform: translate(-50%,-50%) scale(1) !important; }
}
*/

/*

    HELP

*/
/*
.ref-block {background: rgba(255,255,255,.3); }
.ref-block .descr {background: rgba(0,0,0,.3); }
.mockup-area {background: rgba(255,0,0,.2); }
.mockup {background: rgba(0,0,0,.5); }
*/
/*section, header, footer {border-top: 1px dotted silver; }*/
.inside .mockup::after, .mockup.inside::after {content: 'inside'; color: silver; display: block; position: absolute; left: 100%; top: 50%; padding: 3px 5px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; background: grey; font-size: 75%; transform: translateY(-50%); }

.limits {position: absolute; width: 100%; height: 0; left: 0; top: 0; }
.limits>.limit {z-index: 5000; position: absolute; width: 100%; height: 0; /*border-top: 1px dashed red; border-bottom: 1px dashed red;*/ }
.limits>.limit span {cursor: pointer; position: absolute; left: 0; right: auto; display: block; padding: 5px 10px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; color: white; font-size: 11px; transform: translateY(-50%); }
.limits>.limit:hover {z-index: 20000 !important; }

.limits>.limit.topAboveLimitCss span, .limits>.limit.topBelowLimitCss span {background: silver; color: #4d4d4d; }
.limits>.limit.bottomAboveLimitCss span, .limits>.limit.bottomBelowLimitCss span {background: orange; color: #4d4d4d; }
.limits>.limit.enterVPobject span {background: #383838; }
.limits>.limit.viewport span {background: grey; opacity: .3; }
.limits>.limit.viewport span:hover {opacity: 1; }
.limits>.limit.enterVPcss span {left: auto; right: 0; background: #144b83; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }

body.myip::after {z-index: 10000; content: ''; display: block; position: fixed; width: 100%; height: 1px; top: 75vh; background: rgba(128, 128, 128, 0.5); }
body.myip::after {display: none; } /* xxx */

/*
section {border-top: 200px solid green; }

body {margin-top: 111px !important; }
*/










/*

    H E A D E R

*/


header .stripe {max-width: 1150px; }
header .stripe-content {margin: 0; padding-top: 30px; }
header .person-box {z-index: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: opacity .5s ease .5s; }
/*.myip header .person-box {display: none; }*/ /* xxx */
header .person-area {position: absolute; left: 60%; width: 30%; height: 100%; }
header .person {position: absolute; left: 50%; bottom: 0; height: auto; transform: translateX(-55%) rotate(-.1deg); transition: transform 2.5s cubic-bezier(.19, .6, .53, 1) .5s; }
header .person-shadow {transform: translate(-45%,15%) rotate(-.1deg); }
.header-intro header .person-box {opacity: 1; }
.header-intro header .person {transform: translateX(-50%); }
.header-intro header .person-shadow {transform: translate(-35%,15%); }

header .main-hl {margin: 4.6% 0 13.6% 0; font-size: 6.77rem; }
header.no-dissease-menu .main-hl {margin: 7% 0 2% 0; }
header.no-person .main-hl {margin: 9% 0 5% 0; }
header h1 {position: relative; color: #fff; font-size: 1em; font-style: italic; font-weight: 800; text-transform: uppercase; }
header h1 span {position: relative; display: inline-block; transform: scale(1.2); opacity: 0; filter: blur(5px); transition: .45s cubic-bezier(.07, .55, .15, 1); text-shadow: 0 0 30px rgba(190, 61, 75, 1); }
header h1 span:last-of-type {transform: none; filter: none; }

/*.prevention header h1 {transform: translateY(35%); }*/
.prevention header h1 span {font-size: .9em; }

@media (max-width: 1000px){
    .prevention header h1 {transform: none; }
}


.header-intro header h1 span {opacity: 1; transform: none; filter: none; }

.header-intro header h1 span:nth-of-type(1) {transition-delay: .5s; }
.header-intro header h1 span:nth-of-type(2) {transition-delay: .7s; }
.header-intro header h1 span:nth-of-type(3) {transition-delay: .9s; }
.header-intro header h1 span:last-of-type {transition: 1.5s cubic-bezier(.29, .65, .65, 1) 1.3s; }
.header-intro.intro-ended header h1 span {transition: none !important; }


.top-menus {display: flex; flex-direction: column; }


#main-menu {display: flex; flex-direction: row; width: 75%; align-items: flex-start; margin-bottom: 40px; padding-left: 40px; position: relative; }

#main-menu>a {display: block; position: absolute; left: 0; padding: 4px 5px 4px 0; }

#main-menu>ul {flex: 1 1 auto; display: flex; flex-direction: row; flex-flow: wrap; }
#main-menu>div {flex: 0 1 auto; display: flex; flex-direction: column; align-items: center; text-align: center; }
#main-menu>div a.cta.gold {margin: 0; }
#main-menu>div a.pvzp-top {display: none; width: 90px; margin: 30px 0 0 0; }

#main-menu>ul>li {z-index: 100; position: relative; display: inline-block; margin: 0 4px 10px 0; color: #fff; text-decoration: none; }
#main-menu>ul>li:first-of-type {display: none; }
#main-menu>ul>li.opened {z-index: 1000; }
#main-menu>ul>li>a {cursor: pointer; position: relative; display: inline-block; margin: 0 4px 10px 0; color: #fff; text-decoration: none; }
#main-menu>ul>li>a span {z-index: 200; position: relative; display: block; padding: 7px 15px; transition: .7s; }
#main-menu>ul>li>a:hover span, #main-menu>ul>li>a.viewed span, #main-menu>ul>li.opened>a span {color: #e24b52; transition: .35s cubic-bezier(.07, .55, .28, 1); }
#main-menu>ul>li>a::before {z-index: 100; position: absolute; display: block; content: ''; width: 0; height: 100%; background: #fff; transition: .7s; }
#main-menu>ul>li>a:hover::before, #main-menu>ul>li>a.viewed::before, #main-menu>ul>li.opened>a::before {width: 100%; transition: .35s cubic-bezier(.07, .55, .28, 1); }

#main-menu .submenu {z-index: 200; display: none; opacity: 0; position: absolute; left: 0; top: 100%; height: auto; width: auto; transform: translateY(-10px); transition: .35s cubic-bezier(.07, .55, .28, 1); }
#main-menu>li.opened .submenu {display: block; opacity: .1; }
#main-menu .submenu ul {display: block; /*flex-direction: column;*/ width: auto; height: auto; padding: 10px 10px 20px 10px; background: #fff; /*box-shadow: 0 0 21px rgba(0,0,0,.1); */}
#main-menu .submenu li {/*flex: 1 0 100%;*/ display: block; /*flex-direction: row;*/ text-align: center; }
#main-menu .submenu li a {/*flex: 1 0 100%;*/display: block; position: relative; padding: 5px 10px; text-align: left; color: #e24b52; }
#main-menu .submenu li a:hover, #main-menu .submenu li a.viewed {color: #daab73; text-decoration: underline; }

@media (max-width: 1350px){
    #main-menu {width: 100%; }
    #main-menu>div {margin-left: 0; }
    #main-menu>ul>li>a {margin: 0 20px 10px 0; }
}
@media (max-width: 1100px){
    #main-menu {justify-content: space-between; }
    #main-menu>ul {flex: 0 1 500px; flex-flow: wrap; }
    #main-menu>ul>li {flex: 1 1 33%; }
}
@media (max-width: 900px){
    #main-menu>ul {flex: 0 1 60%; }
    #main-menu>ul>li {flex: 0 1 50%; margin-right: 0; }
}
@media (max-width: 700px){
    #main-menu {flex-direction: column; }
    #main-menu>ul {flex: 0 1 auto; max-width: 500px; }
    #main-menu>ul>li {flex: 0 1 33%; }
    #main-menu>div {flex: 0 1 auto; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; }
    #main-menu>div a.pvzp-top {width: 70px; margin-top: 0; margin-left: 30px; }
}
@media (max-width: 600px){
    #main-menu>div {flex-direction: column; }
    #main-menu>div a.pvzp-top {margin-left: 0; margin-top: 30px; }
    .no-person #main-menu>div {flex-direction: row; }
    .no-person #main-menu>div a.pvzp-top {margin-left: 30px; margin-top: 0; }
    #main-menu>ul>li>a {margin-right: 0; }
    
    #main-menu > ul > li:nth-last-of-type(3n+1) {flex-basis: 28%; }
    #main-menu > ul > li:nth-last-of-type(3n+3) {flex-basis: 38%; }
    
/*
    #main-menu>ul {flex: 0 1 auto; flex-direction: column; }
    #main-menu>ul li {flex: 0 1 auto; }
*/
}
@media (max-width: 500px){
    #main-menu>ul>li {flex: 1 1 50% !important; }
    #main-menu>div {flex: 0 1 auto; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; }
    #main-menu>div a.pvzp-top {width: 70px; margin-top: 0; margin-left: 30px; }
}
@media (max-width: 280px){
    #main-menu {padding-left: 0; }
    #main-menu>a {display: none; }
    #main-menu>ul>li:first-of-type {display: block; }
    #main-menu>ul>li:nth-of-type(2n+1) {flex-basis: 55% !important; }
    #main-menu>ul>li:nth-of-type(2n+2) {flex-basis: 45% !important; }
    #main-menu>ul>li {margin-bottom: 0; }
}


header .pvzp, header .fenix-pojisteni {display: inline-block; vertical-align: middle; }

header .pvzp {width: 176px; margin-right: 30px; }
header .pvzp img {width: 100%; height: auto; }


header .fenix-pojisteni {color: #fff; font-size: 1.4rem; }
header .fenix-pojisteni>* {vertical-align: middle; }
header a.fenix {display: inline-block; position: relative; width: 86px; height: 86px; margin-right: 25px; border-radius: 50%; background: #daab73; }
header a.fenix .outline {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
header a.fenix .outline {width: 90%; height: 90%; border: 2px solid #fff; border-radius: 50%; }
header a.fenix svg {position: absolute; left: 50%; top: 47%; height: auto; transform: translate(-50%,-50%) scale(1.47); }


header .fenix-pojisteni div.text {display: inline-block; }
header .fenix-pojisteni .text b br {display: none; }




.w-help, #marks {display: none; }

/*header .person-area {background: rgba(255,255,255,.1); }*/
/*
.myip section:first-of-type .angle .top {opacity: .95; }
.myip section:first-of-type {background: rgba(255, 165, 0, 0.53); }


.w-help {position: absolute; height: 5px; }
.myip .w-help {display: block; opacity: .7; }
.w-320 {width: 320px; background: white; }
.w-260 {width: 260px; background: grey; }


.myip #marks {display: block; }
#marks {z-index: 50000; position: absolute; width: 100%; height: 100%; }
.mark {display: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 5px 10px; background: grey; color: #fff; }
*/






.homepage header .person {width: 130%; }
.infarkt-myokardu header .person,
.mrtvice header .person,
.rakovina-prsu header .person,
.rakovina-prostaty header .person,
.rakovina-plic header .person,
.rakovina-kuze header .person,
.encefalitida header .person,
.roztrousena-skleroza header .person,
.alzheimerova-choroba header .person,
.parkinsonova-choroba header .person,
.tesasdfasdf
{width: 107%; }

.prevention header .person {width: 100%; }
.stories header .person {width: 95%; }
.symptoms header .person {width: 95%; }
.myths header .person {left: 40%; width: 115%; }

.rakovina-prsu header h1,
.rakovina-prostaty header h1,
.rakovina-plic header h1,
.rakovina-kuze header h1,
.encefalitida header h1,
.roztrousena-skleroza header h1,
.alzheimerova-choroba header h1,
.parkinsonova-choroba header h1,
.fenix-insurance header h1,
.contact header h1,
.asdfasdfasdf
{font-size: .85em; }
.symptoms header h1,
.myths header h1
{font-size: .9em; }



@media (max-width: 1350px){
    header .mark {display: none; }
    header .mark-1350 {display: block; }
    
    header .person-area {left: 62%; width: 32%; }
    header .main-hl {margin: 7% 0 12% 0; font-size: 5.5rem; }
    header.no-dissease-menu .main-hl {margin: 14% 0 4% 0; }
    header h1 {}
    
    header .pvzp {width: 150px; margin-right: 25px; }
    header .fenix-pojisteni {font-size: 1.2rem; }
    header a.fenix {width: 70px; height: 70px; margin-right: 20px; }
    header a.fenix .outline {border-width: 2px; }
    header a.fenix svg {transform: translate(-50%,-50%) scale(1.2); }
}
@media (max-width: 1100px){
    header .mark {display: none; }
    header .mark-1100 {display: block; }
    
    header .person-area {left: 55%; width: 40%; }
    header .main-hl {margin: 6% 0 14% 0; font-size: 5rem; }
    header h1 {}
}
@media (max-width: 1000px){
    header .mark {display: none; }
    header .mark-1000 {display: block; }
    
    header .person-area {left: 60%; width: 40%; }
    header .main-hl {margin: 8% 0 14% 0; }
    header.no-dissease-menu .main-hl {margin: 14% 0 6% 0; }
    header h1 {}
}
@media (max-width: 900px){
    header .mark {display: none; }
    header .mark-900 {display: block; }
    
    .top-menus {flex-flow: column-reverse; }
    #main-menu {margin-bottom: 0; margin-top: 40px; }
    header .fenix-pojisteni {font-size: 1.4rem; }
    header a.fenix {width: 86px; height: 86px; }
    .logo-menu a.pvzp {display: none; }
    #main-menu>div a.pvzp-top {display: block; }
    
    header .person-area {left: 50%; width: 40%; }
    header .main-hl {margin: 15% 0 15% 0; font-size: 4.5rem; }
    header.no-dissease-menu .main-hl {margin: 20% 0 5% 0; }
    header.no-person .main-hl {margin: 8% 0 0% 0; }
    header h1 {}
}
@media (max-width: 800px){
    header .mark {display: none; }
    header .mark-800 {display: block; }
    
    header .person-area {left: 50%; width: 40%; }
    header .main-hl {margin: 12% 0 18% 0; font-size: 4rem; }
    header.no-dissease-menu .main-hl {margin: 18% 0 5% 0; }
    header h1 {}
}
@media (max-width: 700px){
    header .mark {display: none; }
    header .mark-700 {display: block; }
    
    header .person-area {left: 50%; width: 43%; }
    header .main-hl {margin: 20% 0 24% 0; font-size: 3.5rem; }
    header.no-dissease-menu .main-hl {margin: 24% 0 7% 0; }
    header h1 {}
}
@media (max-width: 600px){
    header .mark {display: none; }
    header .mark-600 {display: block; }
    
    header .person-area {left: 40%; width: 48%; }
    header .main-hl {margin: 20% 0 24% 0; font-size: 3rem; }
    header.no-dissease-menu .main-hl {margin: 22% 0 10% 0; }
    header.no-person .main-hl {margin: 15% 0 7% 0; }
    header h1 {}
}
@media (max-width: 500px){
    header .mark {display: none; }
    header .mark-500 {display: block; }
    
    header .person-area {left: 30%; width: 60%; }
    header .main-hl {margin: 70% 0 25% 0; font-size: 3rem; }
    header.no-dissease-menu .main-hl {margin: 60% 0 20% 0; }
    header h1 {}
}
@media (max-width: 450px){
/*
    header .mark {display: none; }
    header .mark-450 {display: block; }
*/
    
    .homepage header h1 br {display: none; }
    .homepage header h1 span {display: inline; }
}
@media (max-width: 430px){
    header .mark {display: none; }
    header .mark-430 {display: block; }
    
    .homepage header .main-hl {font-size: 2.8rem; }
    .homepage header h1 {}
    
    .roztrousena-skleroza header h1 span:nth-of-type(2),
    .alzheimerova-choroba header h1 span:nth-of-type(2),
    .parkinsonova-choroba header h1 span:nth-of-type(2)
    {font-size: .8em; }
}
@media (max-width: 400px){
    header .mark {display: none; }
    header .mark-400 {display: block; }
    
    header .fenix-pojisteni {font-size: 1.2rem; }
    header .fenix-pojisteni .text {margin: 10px 0; }
    header a.fenix {width: 70px; height: 70px; margin-right: 15px; }
    header a.fenix .outline {border-width: 2px; }
    header a.fenix svg {transform: translate(-50%,-50%) scale(1.2); }
    
    header .person-area {left: 24%; width: 70%; }
    header .main-hl {margin: 100% 0 15% 0; font-size: 2.8rem; }
    header.no-dissease-menu .main-hl {margin: 80% 0 15% 0; }
    header h1 {}
}
@media (max-width: 380px){
    #main-menu>ul li:nth-child(2n+1) {flex: 1 0 42%; }
    #main-menu>ul li:nth-child(2n+2) {flex: 1 0 58%; }
}
@media (max-width: 365px){
/*    .myths header h1 {font-size: 2.5em; }*/
}
@media (max-width: 345px){
    #main-menu {font-size: .889rem; }
    .encefalitida header h1 span:nth-of-type(2) {font-size: .9em; }
    .prevention header h1, .myths header h1 {font-size: .8em; }
/*
    #main-menu>div a.cta.gold {margin: 0; }
    #main-menu>div a.pvzp-top {display: none; width: 90px; margin: 30px 0 0 0; }
*/
}
@media (max-width: 330px){
    header a.fenix {width: 60px; height: 60px; margin-right: 10px; }
    header .fenix-pojisteni div.text {font-size: 1rem; }
    
}
@media (max-width: 320px){
    header .mark {display: none; }
    header .mark-320 {display: block; }
    
    #main-menu {margin-top: 30px; }
    
    header .person-area {left: 15%; width: 75%; }
    
    .symptoms header h1 {font-size: .8em; }
    .roztrousena-skleroza header h1 span:nth-of-type(2),
    .alzheimerova-choroba header h1 span:nth-of-type(2),
    .parkinsonova-choroba header h1 span:nth-of-type(2)
    {font-size: .7em; }
    
/*    .myths header h1 {font-size: 2rem; }*/
}
@media (max-width: 300px){
    #main-menu > ul li a span, #main-menu>div a.cta.gold {padding: 5px 10px; }
    #main-menu > div {margin-top: 0; }
    
    .encefalitida header h1 span:nth-of-type(2) {font-size: .8em; }
}
@media (max-width: 280px){
    header .fenix-pojisteni .text {margin: 0; }
    header .fenix-pojisteni .text b br {display: block; }
    
    #main-menu {font-size: 1rem; }
    
    .contact header h1 {font-size: .7em; }
    .encefalitida header h1 span:nth-of-type(2), .prevention header h1, .symptoms header h1, .myths header h1 {font-size: .7em; }
    .roztrousena-skleroza header h1 span:nth-of-type(2),
    .alzheimerova-choroba header h1 span:nth-of-type(2),
    .parkinsonova-choroba header h1 span:nth-of-type(2)
    {font-size: .6em; }
}



#visual-menu {z-index: 300; position: absolute; top: 0; width: 100%; /*height: 19.5%;*/ transform: translateY(-50%); }

#visual-menu>ul {display: flex; flex-direction: row; justify-content: space-between; }
#visual-menu>ul>li {z-index: 100; position: relative; flex: 0 0 19.5%; height: auto; }
#visual-menu>ul>li:hover {z-index: 600; }
#visual-menu>ul>li>* {cursor: pointer; position: relative; display: block; top: 0; width: 100%; height: 0; padding-top: 100%; background: #fff; text-decoration: none; box-shadow: 0 0 50px rgba(0,0,0,.1); }
#visual-menu>ul>li:hover>* {background: #daab73; }
#visual-menu>ul>li>*>span {position: absolute; top: 0; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; padding: 14% 3% 14% 14%; }
#visual-menu>ul>li>*>span span {display: block; position: relative; color: #e14a51; }
#visual-menu>ul>li:hover>*>span span {color: #fff; }
#visual-menu>ul>li>*>span span.hl {font-size: 1.42em; font-weight: 800; text-transform: uppercase; }
#visual-menu>ul>li>*>span span.text {position: absolute; height: 0; overflow: hidden; opacity: 0; }
#visual-menu>ul>li:hover>*>span span.text {height: auto; position: relative; opacity: 1; }
#visual-menu>ul>li>*>span span.text a {display: inline-block; color: #fff; font-weight: 700; margin-right: 20px; text-decoration: underline; text-transform: uppercase; transition: .5s; }
#visual-menu>ul>li>*>span span.text a:hover {color: #aa344a; }

#visual-menu>ul>li:nth-child(4) span.text a {font-size: .8em; }

#visual-menu svg {position: absolute; right: 26%; top: 32%; transform: translate(50%,-50%); }
#visual-menu>ul>li:hover>* .icon {fill: #fff; }

#visual-menu>ul>li {transform: scale(1.25); opacity: 0; }
.header-intro #visual-menu>ul>li {transform: none; opacity: 1; transition: .75s cubic-bezier(.07, .55, .15, 1); }
.header-intro #visual-menu>ul>li:nth-of-type(1) {transition-delay: 1.5s; }
.header-intro #visual-menu>ul>li:nth-of-type(2) {transition-delay: 1.7s; }
.header-intro #visual-menu>ul>li:nth-of-type(3) {transition-delay: 1.9s; }
.header-intro #visual-menu>ul>li:nth-of-type(4) {transition-delay: 2.1s; }
.header-intro.intro-ended #visual-menu>ul>li {transition: none !important; }

.header-intro #visual-menu>ul>li>* {transition: .7s; }
.header-intro #visual-menu>ul>li:hover>* {transform: scale(1.25); transition: .35s cubic-bezier(.07, .55, .28, 1); }

@media (max-width: 1500px){
    #visual-menu {font-size: .9rem; }
    #visual-menu svg {transform: translate(50%,-50%) scale(.9); }
}
@media (max-width: 1300px){
    #visual-menu {font-size: .8rem; }
    #visual-menu svg {transform: translate(50%,-50%) scale(.8); }
}
@media (max-width: 1100px){
/*    #visual-menu {height: 23%; }*/
    #visual-menu>ul>li {position: relative; flex: 0 0 23%; height: auto; }
    #visual-menu {font-size: .9rem; }
    #visual-menu svg {transform: translate(50%,-50%) scale(.9); }
    .header-intro #visual-menu>ul>li>a:hover {transform: scale(1.1); }
}
@media (max-width: 1020px){
    #visual-menu {font-size: .8rem; }
    #visual-menu svg {transform: translate(50%,-50%) scale(.8); }
}
@media (max-width: 900px){
    #visual-menu {font-size: .7rem; }
    #visual-menu svg {transform: translate(50%,-50%) scale(.7); }
}
@media (max-width: 800px){
    #visual-menu {position: relative; transform: translateY(-25%); margin-bottom: -25%; }
    #visual-menu>ul {flex-direction: column; flex-flow: wrap; justify-content: space-around; }
    #visual-menu>ul>li {flex: 0 0 35%; margin-bottom: 5%; }
    #visual-menu>ul>li:nth-of-type(2n+1) {margin-left: 10%; }
    #visual-menu>ul>li:nth-of-type(2n) {margin-right: 10%; }
    
    #visual-menu {font-size: 1rem; }
    #visual-menu svg {transform: translate(50%,-50%); }
}
@media (max-width: 750px){
    #visual-menu>ul>li {flex: 0 0 40%; margin-bottom: 5%; }
    #visual-menu>ul>li:nth-of-type(2n+1) {margin-left: 5%; }
    #visual-menu>ul>li:nth-of-type(2n) {margin-right: 5%; }
    
    #visual-menu {font-size: .9rem; }
    #visual-menu svg {transform: translate(50%,-50%) scale(.9); }
}
@media (max-width: 550px){
    #visual-menu>ul>li {flex: 0 0 45%; margin-bottom: 5%; }
    #visual-menu>ul>li:nth-of-type(2n+1) {margin-left: 0; }
    #visual-menu>ul>li:nth-of-type(2n) {margin-right: 0; }
    
    #visual-menu {font-size: .9rem; }
    #visual-menu svg {transform: translate(50%,-50%) scale(.9); }
}
@media (max-width: 500px){
    #visual-menu {transform: translateY(-10%); margin-bottom: -25%; }
    #visual-menu>ul>li {flex: 0 0 90%; margin-bottom: 5%; }
    #visual-menu>ul>li>* {height: auto; padding-top: 0; }
    #visual-menu>ul>li>*>span {position: relative; padding: 8% 8% 8% 36%; }
    #visual-menu {font-size: 1rem; }
    #visual-menu svg {left: 18%; top: 50%; transform: translate(-50%,-50%); }
    #visual-menu>ul>li>*>span span.text {position: relative; height: auto; overflow: visible; opacity: 1; }
}
@media (max-width: 400px){
    #visual-menu svg {transform: translate(-50%,-50%) scale(.9); }
}
@media (max-width: 350px){
    #visual-menu svg {transform: translate(-50%,-50%) scale(.8); }
}
@media (max-width: 300px){
    #visual-menu svg {transform: translate(-50%,-50%) scale(.65); }
}

/*

    F O O T E R

*/



footer .stripe {max-width: 1150px; }
footer .stripe-content {text-align: center; color: #fff; font-size: 1.22rem; }
footer h1 {margin-bottom: 40px; font-size: 3.33rem; color: #fff; }

@media (max-width: 600px){
    footer h1 {font-size: 2.5rem; }
    footer p {font-size: 1rem; }
}
@media (max-width: 360px){
    footer h1 {font-size: 2rem; }
}

footer .stripe-content .cta {margin-top: 60px; }

.pvzp-bottom, #fenix-bird {position: relative; display: inline-block; margin-bottom: 35px; vertical-align: top; }
.pvzp-bottom {opacity: 0; transform: rotateY(-360deg); transition: 1s cubic-bezier(.13, .57, .35, 1); }
.pvzp-bottom {height: 118px; width: auto; }

#fenix-bird {margin-left: 20px; }
#fenix-bird, #fenix-bird .still {opacity: 0; }
#fenix-bird.vp {opacity: 1; transition: 1s cubic-bezier(.13, .57, .35, 1) .5s; }

#fenix-bird .flying {position: absolute; }

#fenix-bird.vp .flying {transform: translate(-10px, -4px); animation: fenix-bird-flying 1.5s forwards cubic-bezier(.43, .88, .55, 1) .5s; }
#fenix-bird.vp .still {opacity: 1; transition: .5s ease 2.8s; }
#fenix-bird.vp .flying {opacity: 0; transition: .5s ease 2.5s; }

.pvzp-bottom.vp, #fenix-bird.vp {opacity: 1; transform: none; }

@keyframes fenix-bird-flying {
    0% {transform: translate(150px,-40px); }
    100% {transform: translate(-10px, -4px); }
}



footer .btm {background: #684b39; padding: 35px 0; height: auto; }
footer .btm .stripe {display: flex; flex-direction: row; flex-flow: wrap; justify-content: space-around; }
footer .btm ul.list-0, footer .btm ul.list-1 {flex: 0 1 24%; margin-right: 30px; }
footer .btm ul.list-2 {flex: 1 1 auto; text-align: right; }


footer ul li .outline {display: block; position: relative; width: 60px; height: 60px; border: 4px solid #fff; border-radius: 50%; transition: .7s; }
footer ul li a {cursor: pointer; }
footer ul li a:hover .outline {transform: rotateY(180deg); transition: .35s cubic-bezier(.07, .55, .28, 1); }
footer ul li a.youtube:hover .outline {border-color: #ff0000; }
footer ul li a.facebook:hover .outline {border-color: #077ae9; }
footer ul li a.fenix:hover .outline {background: #daab73; }
footer ul li.circle {display: inline-block; margin: 25px 10px; }
footer ul li.circle a {display: block; position: relative; }
footer ul li.circle a svg, footer ul li.circle a img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
footer ul li.circle a.facebook svg {top: 94%; transform: translate(-50%,-100%); }
footer ul li a .inner-shape {transition: .7s; }
footer ul li a.youtube:hover .inner-shape {fill: #ff0000; transition: .35s cubic-bezier(.07, .55, .28, 1); }
footer ul li a.facebook:hover .inner-shape {fill: #077ae9; transition: .35s cubic-bezier(.07, .55, .28, 1); }

footer .btm ul a {display: inline-block; text-decoration: none; }
.btm .menu a {padding: 7px 15px; position: relative; }
.btm .menu a span {z-index: 300; display: block; position: relative; }
.btm .menu a::before {z-index: 200; position: absolute; content: ''; display: block; top: 0; left: 0; width: 0; height: 100%; background: rgba(255,255,255,.2); transition: .7s; }
.btm .menu a:hover::before, .btm .menu a.viewed::before {width: 100%; transition: .35s cubic-bezier(.07, .55, .28, 1); }
.list-0 a {color: #daab73; margin: 3px 0; }
.list-1 a {color: #fff; margin: 3px 0; }
.list-2 li {margin-bottom: 3px; font-size: .78rem; }
.list-2, .list-2 a {color: #fff; }
.btm .menu b {display: block; margin: 3px 0; padding: 7px 15px; color: #fff; font-weight: 700; text-transform: uppercase; }
.btm .list-1 a {margin: 5px 0; padding: 9px 15px; color: #fff; font-weight: 700; text-transform: uppercase; }
.btm .list-1 li:first-child a {margin-top: 0; }
.btm .list-1 li:last-child a {margin-bottom: 0; background: #e14a51; }
.btm .list-1 li:last-child a::before {margin-bottom: 0; background: #cea074; }

footer .slide-down-submenu {overflow: hidden; display: block; height: 0; transition: .7s; opacity: 0; }
footer .opened .slide-down-submenu {opacity: 1; }
footer .slide-down-submenu ul li a {color: #fff; }
footer a.created-by:hover {text-decoration: underline; }

@media (max-width: 1500px){
    footer .btm ul.list-0 {flex: 0 1 30%; }
}

@media (max-width: 1100px){
    footer .btm ul.list-0 {flex: 0 1 33%; }
}

@media (max-width: 950px){
    footer .btm ul.list-0, footer .btm ul.list-1 {flex: 0 1 auto; margin-right: 0; margin-bottom: 30px; }
    footer .btm ul.list-2 {flex: 0 0 100%; text-align: center; }
}
@media (max-width: 560px){
    footer .btm ul.list-0, footer .btm ul.list-1 {flex: 0 1 280px; }
}

/*

    C T A

*/

    
.cta {cursor: pointer; position: relative; display: inline-block; margin: 30px 0; padding: 9px 20px; background: #e14a52; color: #fff; font-size: .89rem; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.cta span {z-index: 200; position: relative; }
.cta::before {z-index: 100; position: absolute; content: ''; display: block; left: 0; top: 0; width: 0; height: 100%; background: #cea074; transition: .7s; }
.cta:hover::before {width: 100%; transition: .35s cubic-bezier(.07, .55, .28, 1); }

.cta.gold {background: #cea074; transition: color .7s; }
.cta.gold:hover {color: #e14a52; transition: color .35s cubic-bezier(.07, .55, .28, 1);}
.cta.gold::before {background: #fff; }

.cta.red {background: #ab3348; transition: color .7s; }
.cta.red:hover {color: #fff; transition: color .35s cubic-bezier(.07, .55, .28, 1);}
.cta.red::before {background: #cea074; }




.btn-rounded {cursor: pointer; position: relative; margin: 5px 5px; border-radius: 50px; overflow: hidden; font-size: 1rem; font-weight: 700; }
.btn-rounded.viewed {cursor: default; }
.btn-rounded span {position: relative; display: block; }

/* colors */
.black-pearl .btn-rounded {color: #ff710f; } /* base color */
.black-pearl .btn-rounded>span {background: #1b1d1e; } /* inner bg same as bg on which the <a> is placed */
.black-pearl .btn-rounded:hover::before {background: #fff; } /* hover border */
.black-pearl .btn-rounded>span span:first-child, .black-pearl .btn-rounded.viewed>span span:last-child, .black-pearl .btn-rounded.viewed:hover>span span:last-child {color: #fff; } /* hover / viewed */
.btn-rounded.viewed>span span:last-child, .btn-rounded.viewed:hover>span span:last-child {background: #ff710f; }




/* basic */
.btn-rounded::before {z-index: 1; content: ''; display: block; position: absolute; left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px); }
.btn-rounded>span {z-index: 10; margin: 2px; border-radius: 50px; }
.btn-rounded>span span:first-child {position: absolute; width: 100%; height: 100%; /*color: #fff;*/ }
.btn-rounded>span span {padding: 10px 20px; border-radius: 50px; }

/* hover */
.btn-rounded:hover::before {/*background: #fff;*/ transform: scaleY(.5); }
.btn-rounded:hover>span span:first-child {transform: none; opacity: 1; }
.btn-rounded:hover>span span:last-child {transform: translateY(100%); opacity: 0; }
/* back + viewed */
.btn-rounded::before {background: transparent; transform: scaleY(0); }
.btn-rounded>span span:first-child {transform: translateY(-100%); opacity: 0; }
.btn-rounded>span span:last-child {transform: none; opacity: 1; }

/* viewed */
.btn-rounded.viewed::before, .btn-rounded.viewed:hover::before {background: transparent; transform: scaleY(0); }
.btn-rounded.viewed>span span:first-child, .btn-rounded.viewed:hover>span span:first-child {transform: translateY(-100%); opacity: 0; }
.btn-rounded.viewed>span span:last-child, .btn-rounded.viewed:hover>span span:last-child {transform: none; opacity: 1; }


/* anim hover */
.btn-rounded:hover::before, .btn-rounded:hover * {transition: .45s cubic-bezier(.3, 2, .35, 1); }
/* anim back */
.btn-rounded::before, .btn-rounded * {transition: .45s cubic-bezier(.38, 0, .15, 1); }
/* anim viewed */
.btn-rounded.viewed:hover::before, .btn-rounded.viewed:hover * {transition: .45s cubic-bezier(.3, 2, .35, 1); }








/*

    A R T I C L E S

*/
article .cta-box {width: 100%; margin-top: 50px; text-align: center; }
.stripe-content>article:first-child {margin-top: 70px; }
article, .stripe-content>.grid {margin-bottom: 12%; }
@media (max-width: 800px){
    article, .stripe-content>.grid {margin-bottom: 70px; }
}
h1.hl {font-weight: 400 !important; }
h1.hl strong {display: block; font-size: 1.4em; font-weight: 700; }
h1.hl-reverse {line-height: 1.15; }
h1.hl-reverse strong {display: block; font-size: 1em; font-weight: 700; }
h1.hl-reverse .petite {display: block; font-size: .67em; line-height: 1.3; font-weight: 400; }
h1.hl-reverse span.hl {display: block; font-size: 2.2em; font-weight: 400; }
.hl.pad-top {margin-top: 100px; }

.back-panel.hl-above h1 {font-size: 3.5rem; color: #9a3044; font-weight: 400; }
.back-panel.hl-above h1 strong {display: block; font-size: 2.2em; color: #e14a51; font-weight: 800; text-transform: uppercase; line-height: 1; }
.back-panel.hl-inside-color-panel h1 {margin-bottom: 25px; font-size: 2rem; color: #fff; font-weight: 700; text-transform: uppercase; }


.panel.salmon {color: #fff; }
.panel.salmon .color {background: #e14a51; }

div.back-panel {position: relative; display: flex; flex-direction: row; justify-content: center; }

div.back-panel .video {z-index: 200; position: relative; flex: 0 0 66%; align-self: center; height: 0; margin: 4% 0 2.5% 0; padding-top: 37.125%; background: #cea074; overflow: hidden; }
div.back-panel .video iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; }
.panel {z-index: 100; position: relative; flex: 0 0 34%; align-self: stretch; }
.panel .color {z-index: 100; position: absolute; right: 0; top: 0; width: 215%; height: 100%; }
.panel {display: flex; flex-direction: row; }
.panel .content {z-index: 200; position: relative; flex: 0 1 100%; padding: 20% 20% 16% 16%; align-self: center; }

.vertical-slide-box {position: relative; }
.vertical-slide-box .crop {position: relative; overflow: hidden; height: 0; transition: .5s cubic-bezier(.23, 0, .08, 1); }
.back-panel .vertical-slide-box {width: 73.1%; margin-left: 26.9%; text-align: right; }
.back-panel .additional-content {position: absolute; bottom: 0; width: 100%; padding: 0 7% 7% 7%; }
.back-panel .additional-content p {margin-bottom: 15px; text-align: left; }
.back-panel .vertical-slide-box a.cta {cursor: pointer; margin-top: 0; margin-right: 15px; }
.salmon .crop {background: #e14a51; }
.salmon .additional-content {color: #e14a51; transition: color .35s ease; }
.salmon.slide .additional-content {color: #fff; transition: color .35s ease .5s; }

.cancer .panel::after {z-index: 300; right: 15px; top: 25px; content: url(ico/panel-cancer.png); display: block; position: absolute; transform: translate(50%,-50%) scale(.5); }




@media (max-width: 1100px){
    div.back-panel .video {flex-basis: 52%; padding-top: 29.25%; }
    .panel {flex-basis: 48%; }
    .panel .color {width: 150%; }
    .panel .content {padding: 15% 20% 10% 10%; }
    .back-panel .vertical-slide-box {width: 72%; margin-left: 28%; }
    .cancer .panel::after {transform: translate(50%,-50%) scale(.35); }
    
    .back-panel.hl-above h1 {font-size: 3rem; }
}

@media (max-width: 900px){
    div.back-panel {flex-flow: wrap; justify-content: flex-end; }
    div.back-panel .video {flex-basis: 90%; padding-top: 50.625%; margin: 0 10% 0 0; }
    .panel {flex-basis: 75%; justify-self: flex-end; }
    .panel .color {top: -30%; width: 100%; height: 130%; }
    .panel .content {padding: 10% 10% 20% 10%; }
    .back-panel .vertical-slide-box .additional-content {padding: 0 10% 20% 10%; }
    .back-panel .vertical-slide-box {width: 75%; margin-left: 25%; }
    .cancer .panel::after {right: auto; top: auto; left: 15px; bottom: 25px; transform: translate(-50%,50%) scale(.35); }
    
    .back-panel.hl-above h1 {font-size: 2.5rem; }
}
@media (max-width: 650px){
    .back-panel.hl-above h1 {font-size: 2rem; }
}
@media (max-width: 550px){
    div.back-panel {justify-content: center; }
    div.back-panel .video {flex-basis: 90%; margin: 0 5%; margin: 0; }
    .panel {flex-basis: 100%; justify-self: center; }
    .back-panel .vertical-slide-box {width: 100%; margin-left: 0; }
    .panel .color {top: -30%; width: 100%; height: 130%; }
    .cancer .panel::after {right: auto; top: auto; left: 50%; bottom: 18px; transform: translate(-50%,50%) scale(.3); }
    
    .back-panel.hl-above h1 strong {font-size: 2em; }
}
@media (max-width: 450px){
    .back-panel.hl-above h1 strong {font-size: 1.5em; }
}


/* STORY ARTICLE */

article.story {color: #daab73; }
article.story.reverse {margin-top: 20%; }
article.story>.content {margin-top: 10%; }

.dissease article.story, .dissease article.story>.content {margin-top: 0; }

article.story .dissease {font-size: 2.55em; font-weight: 700; text-align: right; text-transform: uppercase; }
article.story .name {z-index: 200; position: absolute; bottom: -10px; width: 100%; padding-right: 10px; font-size: 2.33em; letter-spacing: .05em; text-transform: uppercase; }

.story-panel {display: flex; flex-direction: row; align-content: flex-end; }
.reverse .story-panel {flex-direction: row-reverse; align-content: flex-start; }
.story-panel .panel {z-index: 100; position: relative; flex: 1 0 33%; position: relative; }
.story-panel .panel .person {z-index: 100; position: absolute; width: 100%; height: 100%; }
.story-panel .panel .person .bottom-fade {position: absolute; left: 0; bottom: 0; width: 122%; height: 122%; }
.reverse .story-panel .panel .person .bottom-fade {left: auto; right: 0; }
.story-panel .panel .person .bottom-fade::after {position: absolute; display: block; content: ''; bottom: -1px; left: -20%; width: 140%; height: 80%; }
section.beige .story-panel .panel .person .bottom-fade::after {background: linear-gradient(to top, #fbf6f1, rgba(251, 246, 241,.8), rgba(251, 246, 241,.33), rgba(251, 246, 241,0)); }
section.white .story-panel .panel .person .bottom-fade::after {background: linear-gradient(to top, #fff, rgba(255,255,255,.8), rgba(255,255,255,.33), rgba(255,255,255,0)); }
.story-panel .panel .person img {position: absolute; left: 50%; height: 120%; width: auto; bottom: 0; transform: translateX(-50%); }

.story-panel .video {z-index: 200; position: relative; flex: 1 0 67% !important; }
.story-panel .video .inner {position: relative; width: 100%; height: 0; padding-top: 56.25%; background: #daab73; }
.story-panel .video .inner iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }


article.story h1 {margin-top: 10px; font-size: 4em; font-weight: 700; text-transform: uppercase; }
article.story p {margin-top: 20px; font-size: 1.22rem; }
article.story.reverse .name {padding-left: 20px; }

@media (max-width: 1100px){
    article.story {font-size: .8rem; }
    article.story .name {bottom: -3px; }
}

@media (max-width: 900px){
    article.story {font-size: .6rem; }
    article.story .name {bottom: 0; }
}

@media (max-width: 800px){
    article.story .name {text-align: right; }
    article.story h1 {margin-top: 30px; }
    article.story h1, article.story p {text-align: center; }
}

@media (max-width: 600px){
    article.story .dissease, article.story .name {max-width: 500px; margin-left: auto; margin-right: auto; }
    .story-panel .panel {flex: 1 0 100%; height: 0; padding-top: 70%; text-align: center; }
    .story-panel .panel .person {top: 0; left: 17%; width: 66%; }
    .story-panel .panel .person .bottom-fade {top: 0; width: 100%; height: 100%; }
    .story-panel .panel .person .bottom-fade::after {height: 60%; }
    .story-panel .panel .person img {width: 100%; height: auto; bottom: auto; top: 0; }
    article.story .name {text-align: left; bottom: 10px; padding-right: 0; }
    
    .story-panel {flex-flow: wrap; justify-content: center; }
    .story-panel .video {flex-basis: 100% !important; max-width: 500px; }
}

/* MYTH ARTICLE */

article.myths {color: #e14a51; }
.myths article.myths {margin-top: 20%; }
article.myths>.content {margin-top: 10%; }

.dissease article.myths, .dissease article.myths>.content {margin-top: 0; }

article.myths .about {font-size: 2.2em; font-weight: 700; text-align: left; text-transform: uppercase; }
article.myths .name {z-index: 200; position: absolute; bottom: -7px; width: 100%; padding-left: 10px; font-size: 1.6em; letter-spacing: .05em; text-transform: uppercase; }

.myths-panel {display: flex; flex-direction: row-reverse; align-content: flex-end; }
.myths-panel .panel {z-index: 100; position: relative; flex: 1 0 33%; position: relative; }
.myths-panel .panel .person {z-index: 100; position: absolute; width: 100%; height: 100%; }
.myths-panel .panel .person .bottom-fade {position: absolute; right: 0; bottom: 0; width: 122%; height: 122%; }
.myths-panel .panel .person .bottom-fade::after {position: absolute; display: block; content: ''; bottom: -1px; left: -20%; width: 140%; height: 80%; }
section.beige .myths-panel .panel .person .bottom-fade::after {background: linear-gradient(to top, #fbf6f1, rgba(251, 246, 241,.8), rgba(251, 246, 241,.33), rgba(251, 246, 241,0)); }
section.white .myths-panel .panel .person .bottom-fade::after {background: linear-gradient(to top, #fff, rgba(255,255,255,.8), rgba(255,255,255,.33), rgba(255,255,255,0)); }
.myths-panel .panel .person img {position: absolute; left: 50%; height: 120%; width: auto; bottom: 0; transform: translateX(-50%); }

.myths-panel .video {z-index: 200; position: relative; flex: 1 0 67% !important; }
.myths-panel .video .inner {position: relative; width: 100%; height: 0; padding-top: 56.25%; background: #e14a51; }
.myths-panel .video .inner iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }


article.myths h1 {margin-top: 30px; font-size: 3em; font-weight: 700; text-transform: uppercase; }
article.myths p {margin-top: 20px; font-size: 1.22rem; }


@media (max-width: 1100px){
    article.myths {font-size: .8rem; }
    article.myths .name {bottom: -4px; }
}

@media (max-width: 900px){
    article.myths {font-size: .6rem; }
    article.myths .name {bottom: -4px; }
}

@media (max-width: 800px){
/*    article.myths .name {text-align: right; }*/
    article.myths h1, article.myths p {text-align: center; }
}

@media (max-width: 600px){
    .myths article.myths {margin-top: 60px; }
    article.myths .about, article.myths .name {max-width: 500px; margin-left: auto; margin-right: auto; }
    .myths-panel .panel {flex: 1 0 100%; height: 0; padding-top: 70%; }
    .myths-panel .panel .person {top: 0; left: 17%; width: 66%; }
    .myths-panel .panel .person .bottom-fade {top: 0; width: 100%; height: 100%; }
    .myths-panel .panel .person .bottom-fade::after {height: 60%; }
    .myths-panel .panel .person img {width: 100%; height: auto; bottom: auto; top: 0; }
    article.myths .name {text-align: right; padding-left: 0; bottom: 10px; }
    
    .myths-panel {flex-wrap: wrap; flex-direction: row; justify-content: center; }
    .myths-panel .video {flex-basis: 100% !important; max-width: 500px; }
}


/* SYMPTOMS ARTICLE */

article.common, article.symptoms, article.risks, article.prevention {margin-left: auto; margin-right: auto; color: #e14a51; text-align: center; max-width: 800px; }
article.prevention {color: #daab73; }
.stripe-content>article.symptoms:first-child, .stripe-content>article.risks:first-child, .stripe-content>article.prevention:first-child {margin-top: 0; }
article.common h1, article.symptoms h1, article.risks h1, article.prevention h1, .icon-article-list-box h1 {margin-bottom: 60px; font-size: 2rem; font-weight: 700; text-transform: uppercase; }


/* TREATEMENT ARTICLE */

article.treatement {display: flex; flex-flow: wrap; justify-content: center; padding: 8% 8%; background: #fff; color: #daab73; box-shadow: 0 0 150px #e5e5e5; text-align: center; }
section .stripe-content > article.treatement:last-child {margin-bottom: 0% !important; }
article.treatement h1, article.treatement>p {flex: 1 1 100%; }
article.treatement h1 {margin-bottom: 30px; font-size: 2rem; font-weight: 700; text-transform: uppercase; }
/*article.treatement h1:first-of-type {margin: 80px 0 20px 0; }*/
article.treatement p {text-align: left; }
article.treatement>p {margin-bottom: 15px; }
article.treatement>p:last-child {margin-bottom: 0; }

article.treatement .box {flex: 1 0 47%; position: relative; text-align: left; margin: 50px 0 70px 0;}
article.treatement .box:nth-last-of-type(1), article.treatement .box:nth-last-of-type(2) {margin-bottom: 0; }
article.treatement .box:nth-of-type(2n+1) {margin-right: 1.5%; }
article.treatement .box:nth-of-type(2n+2) {margin-left: 1.5%; }
article.treatement .box h2 {padding-top: 0; }

article.treatement .box.silver {background: #fafafa; padding: 2% 4% 6% 4%; text-align: center; }
article.treatement .box.silver.single {padding-top: 6%; }
article.treatement .box.silver img {flex: 1 0 100%; transform: translateY(8%) scale(.5); }
article.treatement .box.coral {color: #e14a51; }
article.treatement h2 {padding: 40px 0 20px 0; font-size: 1.33rem; font-weight: 700; text-transform: uppercase; }
article.treatement .box ul {text-align: left; }
article.treatement .box li {position: relative; padding: 7px 0 7px 40px; }
article.treatement .box li::before {content: "+"; font-weight: 700; font-size: 1.5em; position: absolute; left: 0; top: 3px; }

article.treatement h1, article.treatement h2, article.treatement p {max-width: 730px; }

@media (max-width: 800px){
    article.treatement .box, article.treatement .box.silver {flex: 1 0 100%; margin: 5% 0; padding-left: 5%; padding-right: 5%; } 
    article.treatement h1, article.treatement h2, article.treatement p {max-width: 500px; margin-left: auto; margin-right: auto; }
    article.treatement .box:nth-of-type(2n+1) {margin-right: 0%; }
    article.treatement .box:nth-of-type(2n+2) {margin-left: 0%; }
}


/* FENIX ARTICLE */

article.fenix {display: flex; flex-flow: wrap; color: #cfa175; margin-top: 0; }
article.fenix h1 {flex: 1 0 100%; font-size: 2rem; margin-bottom: 40px; text-transform: uppercase; text-align: center; }
article.fenix .box {flex: 1 0 100%; display: flex; align-items: center; position: relative; margin: 90px 0; }
article.fenix .box:first-of-type {margin-top: 45px; }
article.fenix .box .icon {z-index: 300; flex: 0 0 94px; position: relative; height: 94px; background: #fff; border: 5px solid #cfa175; border-radius: 50%; }
article.fenix .box .icon::before {position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(.5); }
article.fenix .box:nth-of-type(1) .icon::before {content: url(ico/family-red.png); }
article.fenix .box:nth-of-type(2) .icon::before {content: url(ico/ribbon-red.png); }
article.fenix .box:nth-of-type(3) .icon::before {content: url(ico/bar-chart-red.png); }
article.fenix .box:nth-of-type(4) .icon::before {content: url(ico/security-red.png); }
article.fenix .box .content {flex: 1 1 auto; max-width: 67%; transition: .5s cubic-bezier(.06, .61, .28, 1); }
article.fenix .box .content p {margin: 15px 0; }
article.fenix .box.left {flex-direction: row; justify-content: flex-start; }
article.fenix .box.left .icon {margin-right: 30px; }
article.fenix .box.right {flex-direction: row-reverse; justify-content: flex-start; text-align: right; }
article.fenix .box.right .icon {margin-left: 30px; }

article.fenix .box svg {position: absolute; z-index: 100; }

article.fenix .boxes {position: relative; }
article.fenix .boxes>svg {position: absolute; left: 47px; }
article.fenix .boxes>svg:nth-child(2) {}
article.fenix .boxes.box0.trans0 svg path {transition: .5s ease; }
article.fenix .boxes #dashed-line-cover-path {stroke-dashoffset: 0; }

/*
.myip article.fenix .box svg {display: none; }
.myip article.fenix .box.right {background: rgba(0,0,0,.1); }
.myip article.fenix .box.left {background: rgba(0,0,0,.05); }
.myip article.fenix .box svg {background: pink; }    
.myip article.fenix .box::after {z-index: 50; position: absolute; content: ''; display: block; transform: translateY(1px); width: 100%; height: 2px; background: grey; }    
*/
/*#dashed-line-cover-path {animation: test 2s forwards linear .5s; }*/
@keyframes fenix-box-icon {
    0% {transform: scale(.3); opacity: 0; animation-timing-function: cubic-bezier(.21, .64, .49, 1); }
    10% {transform: scale(1.1); opacity: 1; }
    100% {transform: none; opacity: 1; }
}
article.fenix .box:nth-of-type(1)::after {bottom: -77.78px; }    
article.fenix .box:nth-of-type(2)::after {bottom: -84.44px; }    

@media (max-width: 720px){
    article.fenix .box .content {max-width: none; }
}
@media (max-width: 550px){
    article.fenix .boxes>svg {left: 39px; }
    article.fenix .box .icon {flex: 0 0 74px; height: 74px; border-width: 4px; }
    article.fenix .box .icon::before {transform: translate(-50%,-50%) scale(.394); }
}
@media (max-width: 500px){
    article.fenix .boxes>svg {display: none; }
    article.fenix .box {flex-direction: row !important; flex-flow: wrap; justify-content: center !important; margin: 50px 0 !important; }
    article.fenix .box:first-of-type {margin-top: 45px !important; }
    article.fenix .box .icon {flex: 0 0 94px; height: 94px; border-width: 5px; margin: 0 0 30px 0 !important; }
    article.fenix .box .icon::before {transform: translate(-50%,-50%) scale(.5); }
    article.fenix .box .content {flex: 1 0 100%; text-align: left !important; }
}

#fenix-insurance-following-cta-box {transition: .35s ease .35s; }
article.fenix .box .icon, #fenix-insurance-following-cta-box {opacity: 0; }
article.fenix .box.vp.trans .icon, #fenix-insurance-following-cta-box.vp.trans {opacity: 1; animation: fenix-box-icon 1s both cubic-bezier(.33, .01, .15, 1) .5s; }
article.fenix .box.left .content {transform: translateX(50px); opacity: 0; }
article.fenix .box.right .content {transform: translateX(-50px); opacity: 0; }
@media (max-width: 500px){
    article.fenix .box .content {transform: translateX(50px) !important; }
}
article.fenix .box.vp.trans .content {transform: none !important; opacity: 1; }

article.fenix .box:nth-of-type(1) .icon {opacity: .3; }
article.fenix .box.vp:nth-of-type(1) .icon {opacity: 1; }
article.fenix .box:nth-of-type(1) .content {transform: translateX(100px); opacity: .3; }
article.fenix .box.vp:nth-of-type(1) .content {transform: none !important; opacity: 1; }

article.fenix .fenix-bird {display: none; }
article.fenix .fenix-bird {display: block; opacity: 0; position: absolute; transform: translate(-75%,-65%) scale(.5) rotate(-.1deg); transition: 1s cubic-bezier(.1, .68, .28, 1); }
article.fenix .no-birds .fenix-bird {display: none; }
article.fenix .fenix-bird:nth-of-type(2) {transform: translate(-25%,-65%) scale(-.5,.5) rotate(-.1deg); }
article.fenix .fenix-bird:nth-of-type(4) {z-index: 20000; transform: translate(50%,-100%) rotate(-.1deg); }
article.fenix .box1.trans0 .fenix-bird:nth-of-type(1) {transform: translate(-50%,-55%) scale(.5); opacity: 1; }
article.fenix .box2.trans1 .fenix-bird:nth-of-type(2) {transform: translate(-50%,-55%) scale(-.5,.5); opacity: 1; }
article.fenix .box3.trans2 .fenix-bird:nth-of-type(3) {transform: translate(-50%,-55%) scale(.5); opacity: 1; }
article.fenix .box4.trans3 .fenix-bird:nth-of-type(4) {transform: translate(-40%,-77%); opacity: 1; }



/*

    D I C T I O N A R Y   A R T I C L E

*/
article.dictionary {margin: 20% 0; text-align: center; }
article.dictionary .ribbon {z-index: 100; position: relative; margin-bottom: 40px; }
article.dictionary .ribbon h1 {z-index: 200; position: relative; color: #fff; font-size: 2.5rem; text-transform: uppercase; }
article.dictionary .ribbon div {z-index: 100; position: absolute; left: 50%; top: 50%; width: 400%; height: 350px; background: #e14a51; transform: translate(-50%,-25%) rotate(-5deg); }
article.dictionary .words {z-index: 200; position: relative; padding: 7% 10%; background: #fff; }
article.dictionary .item {display: inline-block; margin: 3px 5px; }
article.dictionary .item h2 {display: inline; cursor: pointer; color: #f1b8ba; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; transition: .3s ease; }
article.dictionary .item p {display: none; }
article.dictionary .item.viewed h2 {color: #e14a51; font-weight: 700; }
article.dictionary .item h2:hover {color: #e14a51; }
article.dictionary #explanation {margin-top: 7%; color: #e14a51; }


/*

    T I M E   H I G H L I G H T

*/

.time-highlight {display: flex; flex-direction: row; align-items: flex-end; margin-top: 15%; margin-bottom: 10%; color: #9a3044; }
.time-highlight p {flex: 1 1 auto; font-size: 1.44rem; min-width: 280px; }
.time-highlight p br {display: none; }
.time-highlight div.time {flex: 0 1 auto; margin-left: 50px; color: #e14a51; font-size: 13rem; font-weight: 800; line-height: .8; text-transform: uppercase; }

@media (max-width: 980px){
    .time-highlight div.time {font-size: 11rem; }
}
@media (max-width: 880px){
    .time-highlight div.time {font-size: 9rem; }
}
@media (max-width: 800px){
    .time-highlight {flex-flow: wrap; }
    .time-highlight p br {display: block; }
    .time-highlight div.time {flex: 1 1 auto; margin: 25px 0 0 0; font-size: 13rem; line-height: 1.2; text-align: right; }
}
@media (max-width: 700px){
    .time-highlight div.time {font-size: 11rem; }
}
@media (max-width: 600px){
    .time-highlight p br {display: none; }
    .time-highlight div.time {font-size: 9rem; }
}
@media (max-width: 500px){
    .time-highlight div.time {font-size: 7rem; }
}
@media (max-width: 350px){
    .time-highlight div.time {font-size: 6rem; }
}




/*

    D I S S E A S E   M E N U

*/

.dissease-menu {display: flex; flex-direction: row; flex-flow: wrap; justify-content: center; justify-items: center; align-items: stretch; margin: 70px -3px 0 -3px; }
.dissease-menu li {flex: 0 1 20%; margin-bottom: 6px; }
.dissease-menu li a {cursor: pointer; display: flex; align-items: center; position: relative; margin: 3px; height: 100%; background: #aa344a; color: #fff; text-align: center; letter-spacing: .07em; text-transform: uppercase; }
.dissease-menu li a span {flex: 0 1 100%; z-index: 200; position: relative; display: block; padding: 9px 10px; }
.dissease-menu li a::before {z-index: 100; display: block; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #daab73; transition: .7s; }
.dissease-menu li a:hover::before {width: 100%; transition: .35s cubic-bezier(.07, .55, .28, 1); }

.dissease-menu.upper-line {margin: 0 -5px 70px -5px; }
.dissease-menu.upper-line li {flex: 1 1 25%; margin-bottom: 15px; }
.dissease-menu.upper-line li a {margin: 5px; background: transparent; border-top: 2px solid #daab73; color: #daab73; transition: .7s; }
.dissease-menu.upper-line li a:hover {color: #e14a50; transition: .35s cubic-bezier(.07, .55, .28, 1); }
.dissease-menu.upper-line li a::before {top: -3px; height: 4px; background: #e14a50; }

@media (max-width: 1080px){
    .dissease-menu li {flex-basis: 25%; }
}
@media (max-width: 870px){
    .dissease-menu li {flex-basis: 33.3333%; }
}
@media (max-width: 650px){
    .dissease-menu li {flex-basis: 50%; }
    .dissease-menu.upper-line li {flex-basis: 33.3333%; }
}
@media (max-width: 470px){
    .dissease-menu.upper-line li {flex-basis: 50%; }
}
@media (max-width: 440px){
    .dissease-menu li, .dissease-menu.upper-line li {flex-basis: 100%; }
    .dissease-menu li a {margin: 3px 0; }
}

/*

    S L I D E R

*/
.homepage .slider {margin-bottom: 15%; }

.slider {position: relative; width: 100%; margin-top: 70px; }
.slider .slider-box {position: relative; width: 100%; height: 100%; overflow: hidden; }
.slider .slider-list {position: relative; width: auto; height: auto; display: flex; flex-direction: row; transition: .5s cubic-bezier(.09, .76, .2, 1); }
.slider .slider-list.is-dragged {transition: none; }
.slider a.slide {position: absolute; cursor: pointer; top: 50%; width: 52px; height: 52px; }
.slider a.slide.prev {left: -5%; transform: translate(-50%,-50%); }
.slider a.slide.next {left: 105%; transform: translate(-50%,-50%) scale(-1,1); }
.slider a.slide img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


@media (max-width: 1370px){
    .slider a.slide.prev {left: -3.5%; }
    .slider a.slide.next {left: 103.5%; }
}
@media (max-width: 775px){
    .slider a.slide img {transform: translate(-50%,-50%) scale(.7); }
}
@media (max-width: 525px){
    .slider a.slide img {transform: translate(-50%,-50%) scale(.5); }
}


/* VIDEO SLIDER */

.video-slider {margin-bottom: 15%; }
.video-slider .video-list {margin: 0 -15px; }
.video-slider .slider-list-item {position: relative; flex: 1 0 50%; }
.video-slider .slider-list-item>* {margin: 0 15px; }
.video-slider .slider-list-item .video-box {position: relative; margin-bottom: 25px; background: #cea074; }
.video-slider .slider-list-item .video-box .inner {position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.video-slider .slider-list-item .video-box iframe {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.video-slider .slider-list-item p {color: #aa344a; font-size: 1.22rem; }

@media (max-width: 700px){
    .slider .video-list {margin: 0; }
    .slider .video {flex-basis: 100%; }
    .slider .video>* {margin-left: 0; margin-right: 0; }
    .slider .video p {margin-top: 15px; }
}


/* STORY SLIDER */

.story-slider {margin-top: 0px; margin-bottom: 70px; }
.story-slider .story-list {margin: 0 -15px; }
.story-slider .slider-list-item {position: relative; flex: 1 0 100%; overflow-x: hidden; }
.story-slider .slider-list-item>* {margin: 0 15px; }

/* LAZY LOAD IFRAME */

.lazy-load>svg {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-90deg); }
.lazy-load::before {content: url('ico/flying-fenix-loading.png'); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.lazy-load .loading-circle {animation: loading-circle 2s infinite both cubic-bezier(.31, 0, .36, 1); }
@keyframes loading-circle {
    0% {stroke-dashoffset: 352; }
    95% {stroke-dashoffset: -352; }
    100% {stroke-dashoffset: -352; }
}
.lazy-load.loaded .loading-circle, .lazy-load.loaded::before {display: none; }


/* DISSEASE SLIDER */

.dissease-slider {margin-top: 0; margin-bottom: 10%; }
.dissease-slider .slider-box {padding: 30px 0; }
.dissease-slider .dissease-list {margin: 0 -5px; }
.dissease-slider .slider-list-item {position: relative; flex: 1 0 25%; }
.dissease-slider .slider-list-item a.dissease-box {cursor: pointer; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: relative; height: 80px; margin: 0 5px; color: #daab73; text-transform: uppercase; }
.dissease-slider .slider-list-item a.dissease-box span {z-index: 200; flex: 0 0 100%; display: block; position: relative; padding: 0 20px; text-align: center; }
.dissease-slider .slider-list-item a.dissease-box::before {z-index: 100; display: block; position: absolute; left: 80%; top: 32%; transform: translate(-50%,-30%) scale(.5); opacity: 0; }
.dissease-slider .slider-list-item.infarkt-myokardu a.dissease-box::before {content: url('ico/infarkt-myokardu-white-coral-outline.png'); }
.dissease-slider .slider-list-item.mrtvice a.dissease-box::before {content: url('ico/mrtvice-white-coral-outline.png'); }
.dissease-slider .slider-list-item.rakovina-prsu a.dissease-box::before {content: url('ico/rakovina-prsu-white-coral-outline.png'); }
.dissease-slider .slider-list-item.rakovina-prostaty a.dissease-box::before {content: url('ico/rakovina-prostaty-white-coral-outline.png'); }
.dissease-slider .slider-list-item.rakovina-plic a.dissease-box::before {content: url('ico/rakovina-plic-white-coral-outline.png'); }
.dissease-slider .slider-list-item.rakovina-kuze a.dissease-box::before {content: url('ico/rakovina-kuze-white-coral-outline.png'); }
.dissease-slider .slider-list-item.encefalitida a.dissease-box::before {content: url('ico/encefalitida-white-coral-outline.png'); }
.dissease-slider .slider-list-item.roztrousena-skleroza a.dissease-box::before {content: url('ico/roztrousena-skleroza-white-coral-outline.png'); }
.dissease-slider .slider-list-item.alzheimerova-choroba a.dissease-box::before {content: url('ico/alzheimerova-choroba-white-coral-outline.png'); }
.dissease-slider .slider-list-item.parkinsonova-choroba a.dissease-box::before {content: url('ico/parkinsonova-choroba-white-coral-outline.png'); }

body.stories .slider-list-item {padding-top: 0; }

/*

'infarkt-myokardu' => 'Infarkt',
    'mrtvice' => 'Mrtvice',
    'rakovina-prsu' => 'Rakovina prsu',
    'rakovina-prostaty' => 'Rakovina prostaty',
    'rakovina-plic' => 'Rakovina plic',
    'rakovina-kuze' => 'Rakovina kůže',
    'encefalitida' => 'Encefalidita',
    'roztrousena-skleroza' => 'Roztroušená skleróza',
    'alzheimerova-choroba' => 'Alzheimer',
    'parkinsonova-choroba' => 'Parkinson'

*/


.no-touch .dissease-slider .slider-list-item a.dissease-box:hover, .no-touch .dissease-slider .is-dragged .slider-list-item.viewed a.dissease-box:hover, .dissease-slider .slider-list-item.viewed a.dissease-box {background: #e14a51; color: #fff; }
.no-touch .dissease-slider .slider-list-item a.dissease-box:hover span, .no-touch .dissease-slider .is-dragged .slider-list-item.viewed a.dissease-box:hover span, .dissease-slider .slider-list-item.viewed a.dissease-box span {flex: 0 0 60%; text-align: left; font-size: 1.2rem; font-weight: 700; }
.no-touch .dissease-slider .slider-list-item a.dissease-box:hover::before, .no-touch .dissease-slider .is-dragged .slider-list-item.viewed a.dissease-box:hover::before, .dissease-slider .slider-list-item.viewed a.dissease-box::before {transform: translate(-50%,-50%) scale(.5); opacity: 1; }
/* when dragged / touch */
.no-touch .dissease-slider .is-dragged .slider-list-item a.dissease-box:hover {background: transparent; color: #daab73; }
.no-touch .dissease-slider .is-dragged .slider-list-item a.dissease-box:hover span {flex: 0 0 100%; text-align: center; font-size: 1rem; font-weight: 400; }
.no-touch .dissease-slider .is-dragged .slider-list-item a.dissease-box:hover::before {transform: translate(-50%,-30%) scale(.5); opacity: 0; }

.dissease-slider .slider-list-item a.dissease-box {transition: .7s; }
.dissease-slider .slider-list-item a.dissease-box span {transition: color .3s .3s; }
.dissease-slider .slider-list-item a.dissease-box::before {transition: .35s cubic-bezier(.07, .55, .28, 1); }
.dissease-slider .slider-list-item a.dissease-box:hover, .dissease-slider .slider-list-item.viewed a.dissease-box
{transition: .35s cubic-bezier(.07, .55, .28, 1); }
.dissease-slider .slider-list-item a.dissease-box:hover span, .dissease-slider .slider-list-item.viewed a.dissease-box span
{transition: color .35s cubic-bezier(.07, .55, .28, 1); }

@media (max-width: 1100px){
    .dissease-slider .slider-list-item a.dissease-box::before {left: 85%; top: 25%; transform: translate(-50%,-30%) scale(.4) }
    .no-touch .dissease-slider .slider-list-item a.dissease-box:hover span, .no-touch .dissease-slider .is-dragged .slider-list-item a.dissease-box:hover span, .dissease-slider .slider-list-item.viewed a.dissease-box span {font-size: 1rem; }
    .no-touch .dissease-slider .slider-list-item a.dissease-box:hover::before, .no-touch .dissease-slider .is-dragged .slider-list-item a.dissease-box:hover::before, .dissease-slider .slider-list-item.viewed a.dissease-box::before {transform: translate(-50%,-50%) scale(.4); }
}
@media (max-width: 900px){
    .dissease-slider .slider-list-item {position: relative; flex: 1 0 33.3333%; }
}
@media (max-width: 670px){
    .dissease-slider .slider-list-item {position: relative; flex: 1 0 50%; }
/*
    .dissease-slider .slider-list-item a.dissease-box:hover span, .dissease-slider .slider-list-item.viewed a.dissease-box span, .touch .dissease-slider .slider-list-item.viewed a.dissease-box span {font-size: 1.2rem; }
    .dissease-slider .slider-list-item a.dissease-box::before {left: 80%; top: 32%; transform: translate(-50%,-30%) scale(.5) }
    .dissease-slider .slider-list-item a.dissease-box:hover::before, .dissease-slider .slider-list-item.viewed a.dissease-box::before, .touch .dissease-slider .slider-list-item.viewed a.dissease-box::before {transform: translate(-50%,-50%) scale(.5); }
*/
}
@media (max-width: 520px){
/*
    .dissease-slider .slider-list-item a.dissease-box:hover span, .dissease-slider .slider-list-item.viewed a.dissease-box span, .touch .dissease-slider .slider-list-item.viewed a.dissease-box span {font-size: 1rem; }
    .dissease-slider .slider-list-item a.dissease-box::before {left: 85%; top: 25%; transform: translate(-50%,-30%) scale(.4) }
    .dissease-slider .slider-list-item a.dissease-box:hover::before, .dissease-slider .slider-list-item.viewed a.dissease-box::before, .touch .dissease-slider .slider-list-item.viewed a.dissease-box::before {transform: translate(-50%,-50%) scale(.4); }
*/
}
@media (max-width: 420px){
    .dissease-slider .slider-list-item {position: relative; flex: 1 0 100%; }
/*
    .dissease-slider .slider-list-item a.dissease-box:hover span, .dissease-slider .slider-list-item.viewed a.dissease-box span, .touch .dissease-slider .slider-list-item.viewed a.dissease-box span {font-size: 1.2rem; }
    .dissease-slider .slider-list-item a.dissease-box::before {left: 80%; top: 32%; transform: translate(-50%,-30%) scale(.5) }
    .dissease-slider .slider-list-item a.dissease-box:hover::before, .dissease-slider .slider-list-item.viewed a.dissease-box::before, .touch .dissease-slider .slider-list-item.viewed a.dissease-box::before {transform: translate(-50%,-50%) scale(.5); }
*/
}




/*

    S T O R Y   P R E V I E W

*/

article.story-preview {display: flex; flex-direction: row; flex-flow: wrap; justify-content: center; align-items: center; }
article.story-preview.left {flex-direction: row-reverse; }
article.story-preview:first-of-type {margin-top: -15%; }
article.story-preview:last-of-type {margin-bottom: 5%; }


article.story-preview .person {flex: 0 0 27%; position: relative; height: 0; padding-top: 43.2%; } /*height: 160% * box width % */
article.story-preview .person .bottom-fade {position: absolute; top: 50%; width: 142%; height: auto; left: -12%; transform: translateY(-50%); }
article.story-preview.left .person .bottom-fade {left: -30%; }
article.story-preview .person .bottom-fade img {width: 100%; height: auto; }
article.story-preview .person .bottom-fade::after {position: absolute; display: block; content: ''; bottom: 0; width: 100%; height: 45%; background: linear-gradient(to top, #fff, #fff, rgba(255,255,255,.67), rgba(255,255,255,.33), rgba(255,255,255,0)); }

article.story-preview .content {flex: 0 0 73%; display: flex; flex-direction: column; justify-content: center; }
article.story-preview.right .content {align-items: flex-end; text-align: right; }
article.story-preview.left .content {align-items: flex-start; text-align: left; }

article.story-preview .content h1 {width: 100%; margin-bottom: 20px; color: #e14a52; font-size: 4.4rem; font-weight: 700; }
article.story-preview .content p {width: 80%; color: #9a3044; font-size: 1.44rem; }
article.story-preview .content p b {display: block; font-size: 1.2em; padding-bottom: 15px; }
article.story-preview .content .cta {background: #aa344a; }

@media (max-width: 1250px){
    article.story-preview .content h1 {font-size: 3rem; }
}
@media (max-width: 900px){
/*    .stripe-content {padding: 15% 0; }*/
    article.story-preview:first-of-type {margin-top: -20%; }
    article.story-preview .content p {width: 90%; }
}
@media (max-width: 800px){
    article.story-preview .content {flex-basis: 100%; }
    article.story-preview .person {flex: 0 0 50%; padding-top: 50%; }
    article.story-preview .person .bottom-fade {width: 100%; left: 0 !important; }
}

@media (max-width: 600px){
/*    .stripe-content {padding: 50px 0; }*/
    article.story-preview:first-of-type {margin-top: -75px; }
    
    article.story-preview .person {flex: 0 0 67%; padding-top: 67%; }
    article.story-preview .content h1 {font-size: 2.5rem; }
    article.story-preview .content p {font-size: 1rem; }
}

@media (max-width: 450px){
    article.story-preview .content h1 {font-size: 2rem; }
    article.story-preview .content p {width: 100%; }
}



/*

    I C O N   A R T I C L E   L I S T 

*/

.icon-article-list-box {position: relative; margin-bottom: 100px; margin-left: auto; margin-right: auto; transition: .7s cubic-bezier(.26, 0, .05, 1); overflow: hidden; }

.icon-article-list-box h1 {text-align: center; font-weight: 400; color: #e14a51; }
.icon-article-list-box>*nth-child(1) {margin-top: 0; }

.icon-article-list {z-index: 1000; position: absolute; top: 0; opacity: 0; transition: none; }

.icon-article-list.viewed {z-index: 2000; position: relative; opacity: 1; }

.icon-article-list .symptoms-grid {margin-top: 50px; }

.icon-article {display: flex; flex-direction: row; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 70px; color: #a43445; opacity: 0; }
.icon-article:last-of-type {margin-bottom: 0; }
.icon-article .icon {flex: 0 0 95px; position: relative; height: 95px; }
.icon-article .text {flex: 0 1 auto; margin-left: 40px; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; }
.icon-article .text>* {flex:1 0 100%; }
.icon-article p.short {padding-bottom: 100px; }
.icon-article p a {font-weight: 700; color: #e14a51; text-decoration: underline; }

@media (max-width: 500px){
    .icon-article {flex-flow: wrap; justify-content: center; }
    .icon-article .icon {flex: 0 0 95px; position: relative; height: 95px; margin-bottom: 30px; }
    .icon-article .text {flex: 1 1 100%; margin-left: 0; display: block; }
    .icon-article .text h2 {text-align: center; }
}


.icon-article .icon img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(.3); }

.icon-article .icon.koureni img {top: 40%; }

.icon-article .icon .outline {position: absolute; top: 0; width: 100%; height: 100%; border: 3px solid #e14a51; border-radius: 50%; }
.icon-article .icon .cross {display: none; }
.icon-article .icon.crossed .cross {position: absolute; display: block; width: 100%; height: 3px; top: 50%; background: #e14a51; transform: translateY(-50%) rotate(-40deg); }

.icon-article h2 {margin-bottom: 8px; color: #e14a51; font-size: 2rem; font-weight: 400; text-transform: uppercase; }


.icon-article-list>* {position: relative; transform: translateY(40px); transition: none; }
.icon-article-list>.grid {transform: none !important; transition: none !important; opacity: 1 !important; }
.icon-article-list>.grid>.grid-item {position: relative; transform: translateY(40px); transition: none; opacity: 0; }
.icon-article .icon {transform: translateY(-80px); transition: none; }
.icon-article-list.viewed>*, .viewed .icon-article .icon, .icon-article-list.viewed>.grid>.grid-item {opacity: 1; transform: none; transition: .35s cubic-bezier(0, 0, .38, 1); }

.icon-article-list.viewed>*:nth-child(1), .viewed .icon-article:nth-child(1) .icon, .icon-article-list>.grid>.grid-item:nth-child(1) {transition-delay: .0s; }
.icon-article-list.viewed>*:nth-child(2), .viewed .icon-article:nth-child(2) .icon, .icon-article-list>.grid>.grid-item:nth-child(2) {transition-delay: .1s; }
.icon-article-list.viewed>*:nth-child(3), .viewed .icon-article:nth-child(3) .icon, .icon-article-list>.grid>.grid-item:nth-child(3) {transition-delay: .2s; }
.icon-article-list.viewed>*:nth-child(4), .viewed .icon-article:nth-child(4) .icon, .icon-article-list>.grid>.grid-item:nth-child(4) {transition-delay: .3s; }
.icon-article-list.viewed>*:nth-child(5), .viewed .icon-article:nth-child(5) .icon, .icon-article-list>.grid>.grid-item:nth-child(5) {transition-delay: .4s; }
.icon-article-list.viewed>*:nth-child(6), .viewed .icon-article:nth-child(6) .icon, .icon-article-list>.grid>.grid-item:nth-child(6) {transition-delay: .5s; }
.icon-article-list.viewed>*:nth-child(7), .viewed .icon-article:nth-child(7) .icon, .icon-article-list>.grid>.grid-item:nth-child(7) {transition-delay: .6s; }
.icon-article-list.viewed>*:nth-child(8), .viewed .icon-article:nth-child(8) .icon, .icon-article-list>.grid>.grid-item:nth-child(8) {transition-delay: .7s; }
.icon-article-list.viewed>*:nth-child(9), .viewed .icon-article:nth-child(9) .icon, .icon-article-list>.grid>.grid-item:nth-child(9) {transition-delay: .8s; }
.icon-article-list.viewed>*:nth-child(10), .viewed .icon-article:nth-child(10) .icon, .icon-article-list>.grid>.grid-item:nth-child(10) {transition-delay: .9s; }
.icon-article-list.viewed>*:nth-child(11), .viewed .icon-article:nth-child(11) .icon, .icon-article-list>.grid>.grid-item:nth-child(11) {transition-delay: 1.0s; }
.icon-article-list.viewed>*:nth-child(12), .viewed .icon-article:nth-child(12) .icon, .icon-article-list>.grid>.grid-item:nth-child(12) {transition-delay: 1.1s; }
.icon-article-list.viewed>*:nth-child(13), .viewed .icon-article:nth-child(13) .icon, .icon-article-list>.grid>.grid-item:nth-child(13) {transition-delay: 1.2s; }
.icon-article-list.viewed>*:nth-child(14), .viewed .icon-article:nth-child(14) .icon, .icon-article-list>.grid>.grid-item:nth-child(14) {transition-delay: 1.3s; }
.icon-article-list.viewed>*:nth-child(15), .viewed .icon-article:nth-child(15) .icon, .icon-article-list>.grid>.grid-item:nth-child(15) {transition-delay: 1.4s; }
.icon-article-list.viewed>*:nth-child(16), .viewed .icon-article:nth-child(16) .icon, .icon-article-list>.grid>.grid-item:nth-child(16) {transition-delay: 1.5s; }
.icon-article-list.viewed>*:nth-child(17), .viewed .icon-article:nth-child(17) .icon, .icon-article-list>.grid>.grid-item:nth-child(17) {transition-delay: 1.6s; }

/*

    G R I D

*/
.grid {display: flex; flex-direction: row; flex-flow: wrap; justify-content: center; margin: 0 -6px 70px -6px; }
.video-grid {margin-top: 50px; }
.grid-item {flex: 1 0 33.333%; margin-bottom: 40px; }
.video-grid .grid-item {margin-bottom: 20px; }
.video-grid .grid-item.hidden {display: none; }
.grid .cta-box {flex: 1 0 100%; text-align: center; }

.grid-item>* {margin: 0 6px; }
.grid-item>img {margin: 0; }
.grid-item .video-box {background: #daab73; }
.grid-item .video-box .inner {position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.grid-item .video-box iframe {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.grid-item p {margin-top: 10px; color: #daab73; font-size: 1.22rem; text-align: center; }

@media (max-width: 1100px){
    .grid-item {flex-basis: 50%; }
}

@media (max-width: 700px){
    .grid-item {flex-basis: 100%; max-width: 500px; }
}

/* SYMPTOMS / RISKS */
.symptoms-grid, .risks-grid, .prevention-grid {max-width: 800px; margin: -50px auto -80px auto; }
.symptom.grid-item, .risk.grid-item, .prevention.grid-item {flex: 0 0 33.333%; position: relative; margin-bottom: 60px; padding-top: 100px; text-align: center; }
.sided .grid-item {flex: 1 1 100% !important; display: flex; flex-flow: wrap; align-content: center; padding-top: 0; padding-left: 100px; max-width: 800px; min-height: 100px; }
.symptom.grid-item img, .risk.grid-item img, .prevention.grid-item img {position: absolute; top: 50px; left: 50%; transform: translate(-50%,-50%) scale(.4); }
.sided .grid-item img {top: 50% !important; left: 50px !important; }
.symptom.grid-item p, .risk.grid-item p, .prevention.grid-item p {text-transform: uppercase; }
.symptom.grid-item p, .risk.grid-item p {color: #e14a51; }
.sided .grid-item p {text-align: left; }
.grid-item p span.note {text-transform: none; display: block; font-size: .8em; }

@media (max-width: 600px){
    .symptoms-grid, .risks-grid, .prevention-grid {max-width: 800px; margin-bottom: 0; }
    .symptom.grid-item, .risk.grid-item, .prevention.grid-item {flex: 0 0 50%; }
}
@media (max-width: 400px){
    .symptom.grid-item, .risk.grid-item, .prevention.grid-item {flex: 0 0 100%; display: flex; flex-direction: row; align-items: center; margin-bottom: 5%; padding-top: 0; padding-left: 100px; min-height: 100px; }
    .symptom.grid-item img, .risk.grid-item img, .prevention.grid-item img {top: 50%; left: 50px; }
    .symptom.grid-item p, .risk.grid-item p, .prevention.grid-item p {flex: 1 1 auto; margin: 0 0 0 15px; text-align: left; }
    
    .sided .grid-item {padding-top: 100px !important; padding-left: 0 !important; }
    .sided .grid-item img {top: 50px !important; left: 50% !important; }
    .sided .grid-item p {text-align: center; margin-left: 0 !important; }
}
@media (max-width: 320px){
    .symptom.grid-item, .risk.grid-item, .prevention.grid-item {padding-left: 70px; min-height: 70px; }
    .symptom.grid-item img, .risk.grid-item img, .prevention.grid-item img {left: 35px; transform: translate(-50%,-50%) scale(.28); }
    
    .sided .grid-item {padding-top: 70px !important; }
    .sided .grid-item img {top: 35px !important; left: 50% !important; }
}



/*

    C O N T A C T

*/
.basic-contacts {display: flex; flex-flow: wrap; justify-content: center; margin-bottom: 10%; }
.basic-contacts a {flex: 1 0 33.33%; position: relative; margin-bottom: 40px; padding: 110px 10px 0 10px; color: #e14a51; font-size: 1.44rem; font-weight: 700; text-align: center; opacity: 0; }
.basic-contacts a span {position: absolute; display: block; left: 50%; top: 0; width: 94px; height: 94px; border: 5px solid #e14a51; border-radius: 50%; transform: translateX(-50%) rotateY(-360deg); opacity: 0; }
.basic-contacts a span svg {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; }

.basic-contacts.vp a {opacity: 1; transition: .5s ease-out; }
.basic-contacts.vp a span {opacity: 1; transform: translateX(-50%); transition: .5s ease-out; }
.basic-contacts.vp a span svg {opacity: 1; transition: .5s ease-out; }

.basic-contacts.vp a:nth-child(1) {transition-delay: .0s; }
.basic-contacts.vp a:nth-child(2) {transition-delay: .3s; }
.basic-contacts.vp a:nth-child(3) {transition-delay: .6s; }

.basic-contacts.vp a:nth-child(1) span {transition-delay: .3s; }
.basic-contacts.vp a:nth-child(2) span {transition-delay: .6s; }
.basic-contacts.vp a:nth-child(3) span {transition-delay: .9s; }

.basic-contacts.vp a:nth-child(1) svg {transition-delay: .5s; }
.basic-contacts.vp a:nth-child(2) svg {transition-delay: .8s; }
.basic-contacts.vp a:nth-child(3) svg {transition-delay: .11s; }

@media (max-width: 750px){
    .basic-contacts a {flex-basis: 50%; }
}

.contact section .form {margin-bottom: 0% !important}
#contact-us {display: flex; flex-direction: row; flex-flow: wrap; max-width: 800px; margin-left: auto; margin-right: auto; }
#contact-us .input-box, #contact-us .required-notice {flex: 1 0 48%;  }
#contact-us .textarea-box, #contact-us .checkbox-box, #contact-us .infobox, #contact-us .cta-box {flex: 1 0 100%; }
#contact-us .field-box {margin-bottom: 20px; }

#contact-us .infobox {display: none; }
#contact-us .cta-box {text-align: right; }
#contact-us a.cta {margin-top: 0; }


.field-box label {display: block; margin-bottom: 10px; color: #cfa175; }
.field-box label sup {font-size: .8em; position: relative; top: -5px; }
.input-box input {display: block; width: 100%; padding: 10px 20px; background: #fff; border: 1px solid #cfa175; color: #e14a51; font-size: 1.22rem; font-weight: 400; line-height: 1.5; font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif; }
.input-box:nth-of-type(2n+1) {margin-right: 2%; }
.input-box:nth-of-type(2n+2) {margin-left: 2%; }
.textarea-box textarea {display: block; width: 100%; height: 250px; padding: 10px 20px; background: #fff; border: 1px solid #cfa175; color: #e14a51; font-size: 1.22rem; font-weight: 400; line-height: 1.3; font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif; }
.checkbox-box label {cursor: pointer; position: relative; padding-left: 30px; }
.checkbox-box label::before {display: block; content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: #fff; border: 1px solid #cfa175; }
.checkbox-box.checked label::before {background: #cfa175; }
.checkbox-box label a {color: #e14a51; text-decoration: underline; }

@media (max-width: 700px){
    #contact-us .input-box, #contact-us .required-notice {flex-basis: 100%; max-width: 400px; margin-left: 0 !important; margin-right: 0 !important; }
}

.limits {display: none; }
/*.myip .limits {display: block; }*/ /*xxx*/




/*

    D I S S E A S E   M E N U   ( T O P )

*/
.dissease-menu-box {height: 0; max-width: 1150px; margin: 0 auto; position: relative; }
#dissease-menu {z-index: 300; position: absolute; bottom: 65px; display: flex; flex-direction: row; width: 520px; height: 130px; }
#dissease-menu>li {z-index: 100; flex: 1 0 25%; align-self: stretch; display: flex; flex-direction: row; position: relative; justify-content: center; align-items: stretch; }
#dissease-menu>li.opened {z-index: 200; }
/*
#dissease-menu {background: rgba(192, 192, 192, 0.33); }
#dissease-menu>li:nth-of-type(2n+1) {background: rgba(255,255,255,.1); }
#dissease-menu>li:nth-of-type(2n+2) {background: rgba(255,255,255,.2); }
*/
#dissease-menu>li>a {z-index: 100; position: relative; cursor: pointer; flex: 0 1 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 1.11rem; text-align: center; text-transform: uppercase; }
#dissease-menu>li>a:hover, #dissease-menu>li.opened>a {font-weight: 700; }
#dissease-menu>li>a.viewed {font-size: 1.33rem; }
#dissease-menu>li>a::before {content: ''; display: block; position: absolute; left: 50%; top: 50%; opacity: .3; transform: translate(-50%,-50%) scale(.5); transition: .7s ease; }
#dissease-menu>li>a:hover::before, #dissease-menu>li.opened>a::before {opacity: 1; transform: translate(-50%,-50%) scale(.6); transition: .35s cubic-bezier(.07, .55, .28, 1); }
#dissease-menu>li>a.viewed::before {opacity: 1; transform: translate(-50%,-50%) scale(.695); transition: .35s cubic-bezier(.07, .55, .28, 1); }

#dissease-menu>li:nth-of-type(1)>a::before {content: url(ico/heart-coral.png); }
#dissease-menu>li:nth-of-type(2)>a::before {content: url(ico/brain-coral.png); }
#dissease-menu>li:nth-of-type(3)>a::before {content: url(ico/ribbon-coral.png); }
#dissease-menu>li:nth-of-type(4)>a::before {content: url(ico/liver-coral.png); }

#dissease-menu>li>a>span {flex: 0 1 auto; display: block; position: relative; }
#dissease-menu>li>a>span::before {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #fff; opacity: 0; transition: .7s ease; }
#dissease-menu>li>a:hover>span::before, #dissease-menu>li>a.viewed>span::before, #dissease-menu>li.opened>a>span::before {opacity: 1; width: 100%; transition: .35s cubic-bezier(.07, .55, .28, 1); }
#dissease-menu>li>a>span>span:first-child {display: block; font-weight: 700; opacity: 0; transition: .7s ease; }
#dissease-menu>li>a>span>span:last-child {display: block; position: absolute; top: 0; width: 100%; height: 100%; font-weight: 400; opacity: 1; transition: .7s ease; }
#dissease-menu>li>a:hover>span>span:first-child, #dissease-menu>li>a.viewed>span>span:first-child, #dissease-menu>li.opened>a>span>span:first-child {opacity: 1; transition: .35s cubic-bezier(.07, .55, .28, 1); }
#dissease-menu>li>a:hover>span>span:last-child, #dissease-menu>li>a.viewed>span>span:last-child, #dissease-menu>li.opened>a>span>span:last-child {opacity: 0; transition: .35s cubic-bezier(.07, .55, .28, 1); }

#dissease-menu .submenu {z-index: 200; display: none; opacity: 0; position: absolute; left: 50%; top: 0; padding-top: 44px; height: auto; width: auto; transform: translateX(-50%); transition: .35s cubic-bezier(.07, .55, .28, 1); }
#dissease-menu>li.opened .submenu {display: block; opacity: .1; }
#dissease-menu .submenu ul {display: block; /*flex-direction: column;*/ width: auto; height: auto; padding: 10px 10px 20px 10px; background: #daab73; box-shadow: 0 0 21px rgba(0,0,0,.1); }
#dissease-menu .submenu li {/*flex: 1 0 100%;*/ display: block; /*flex-direction: row;*/ text-align: center; }
#dissease-menu .submenu li a {/*flex: 1 0 100%;*/display: block; padding: 5px 10px; text-align: center; color: #fcdfbc; font-size: .89rem; }
#dissease-menu .submenu li:first-child a {cursor: default; padding: 0 10px 10px 10px; color: #fff; font-size: 1.11rem; font-weight: 700; text-transform: uppercase; }
#dissease-menu .submenu li a:hover, #dissease-menu .submenu li a.viewed {color: #fff; }
#dissease-menu .submenu li a span {}

@media (max-width: 1350px){
    #dissease-menu>li>a {text-shadow: 0 0 15px #e14a51, 0 0 30px #e14a51; }
    #dissease-menu>li>a>span>span:first-child {opacity: 1; }
    #dissease-menu>li>a>span>span:last-child {opacity: 0; }
/*    #dissease-menu>li>a:hover, #dissease-menu>li>a.viewed, #dissease-menu>li.opened>a {text-shadow: 0 0 15px #e14a51, 0 0 30px #e14a51; }*/
}

@media (max-width: 1200px){
    #dissease-menu>li>a::before {opacity: 1; }
}
@media (max-width: 1000px){
    #dissease-menu {bottom: 45px; }
    #dissease-menu>li>a::before {transform: translate(-50%,-50%) scale(.35); }
    #dissease-menu>li>a:hover::before {transform: translate(-50%,-50%) scale(.42); }
    #dissease-menu>li>a.viewed::before {transform: translate(-50%,-50%) scale(.487); }
}
@media (max-width: 800px){
    #dissease-menu {bottom: 50px; }
}
@media (max-width: 700px){
    #dissease-menu {bottom: 50px; }
}

@media (max-width: 600px){
    .dissease-menu-box {height: auto; max-width: 360px; }
    #dissease-menu {bottom: auto; position: relative; width: 100%; height: 260px; flex-flow: wrap; padding-top: 70px; }
    #dissease-menu>li {flex: 1 0 50%; }
    #dissease-menu>li>a {color: #ab3348; text-shadow: 0 0 15px #fbf6f1, 0 0 30px #fbf6f1; }
    
    #dissease-menu>li>a::before {transform: translate(-50%,-50%) scale(.5); opacity: .1; }
    #dissease-menu>li>a:hover::before {transform: translate(-50%,-50%) scale(.6); opacity: .3; }
    #dissease-menu>li>a.viewed::before {transform: translate(-50%,-50%) scale(.695); opacity: .3; }
    
    #dissease-menu>li>a>span::before {background: #ab3348; }
    #dissease-menu>li>a>span>span:first-child {opacity: 0; }
    #dissease-menu>li>a>span>span:last-child {opacity: 1; }
}

@media (max-width: 300px){
    #dissease-menu {height: 520px; }
    #dissease-menu>li {flex: 1 0 100%; }
}



/*

    P R E V E N C E

*/
.abcde-test {margin: 40px 0; }
.abcde-test>div {margin: 20px 0; position: relative; padding: 25px 0 25px 100px; }
.abcde-test>div span {position: absolute; display: block; left: 0; top: 0; padding: 10px 20px; background: #e14a51; color: #fff; font-size: 2em; font-weight: 800; }