html, body {
    background: #fff;
    color: #000;
    font-family: "main_sans", sans-serif;
    font-size: 1.078vw;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}
strong {
    font-weight: bold !important;
}
ul {
    list-style: disc
}
body {
	/* padding-top: 2.5vw; */
}
.mobile-only, 
.mobile_only {
    display: none !important; 
}
.mb0 {
    margin-bottom: 0 !important;
}
span.balloon {
    color: #cc0000;
    position: relative;
}
span.balloon span {
    display: none;
    position: absolute;
}
section.nav {
    position: fixed;
    z-index: 100;
    background: #fff;
    top: 0;
    width: 100%;
}
section.nav > div.container {
    display: flex;
    width: 82.353vw;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
}
section.nav > div > a {
    line-height: 2.941vw;
    color: #8f8f8f;
    font-family: "main_sans", sans-serif;
    font-size: 0.784vw;
    text-transform: uppercase;
    text-decoration: none;
}
section.nav > div > a:hover {
    color: #0089f2;
    text-decoration: none;
}
section.nav > div > a.homo-sedens {
    line-height: 2.647vw;
    color: #000;
    font-family: "title", serif;
    font-size: 1.373vw;
    text-transform: none;
    font-weight: bold;
}
section.nav > div > a.homo-sedens:hover {
    color: #000;
}
section.nav > div > a.detralex {
    display: inline-block;
    width: 8.824vw;
    height: 1.863vw;
    background: url(../img/detralex.png) no-repeat;
    background-size: contain;
    margin-top: 0.49vw;
    flex: 0 0 auto;
}
section.nav > div > a.about-project {
    margin-left: auto;
    margin-right: 1.961vw;
}
section.nav > div > div.pages {
    flex: 0 0 auto;
    display: flex;
    margin: 0 auto;
}
section.nav > div > div.pages > a {
    line-height: 2.941vw;
    color: #8f8f8f;
    font-family: "main_sans", sans-serif;
    font-size: 0.784vw;
    text-transform: uppercase;
    text-decoration: none;
    flex: 0 0 auto;
    margin: 0 1.176vw;
}
section.nav > div > a.search-btn,
section.nav > div > a.burger-btn {
    display: none;
}
section.nav > div > div.search-form > div.mobile-pages {
    display: none;
}
div.ya-site-form#ya-site-form0 {
    width: 10vw;
    padding-top: 0.45vw !important;
}
div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    color: #8f8f8f !important;
    font-family: "main_sans",sans-serif !important;
    font-size: .784vw !important;
    border: 1px solid #ccc !important;
    border-radius: 3px;
}

div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text::-webkit-input-placeholder {
    color: #ccc!important;
    font-family:"main_sans",sans-serif!important;
    font-size: .784vw!important;
    text-transform: uppercase;
}
div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text:-ms-input-placeholder {
    color: #ccc!important;
    font-family:"main_sans",sans-serif!important;
    font-size: .784vw!important;
    text-transform: uppercase;
}
div.ya-site-form#ya-site-form0 .ya-site-form__form .ya-site-form__input-text::placeholder {
    color: #ccc!important;
    font-family:"main_sans",sans-serif!important;
    font-size: .784vw!important;
    text-transform: uppercase;
}
div.ya-site-form#ya-site-form0 .ya-site-form__submit_type_image {
    position: relative;
    width: 1.2vw!important;
    height: 1.2vw!important;
    padding: 0!important;
    background-size: contain;
    background-position: center;
    background-image: url(http://stagenew.detralex.ru/static/img/svg/icon-search.svg);
}
div.social {
    width: 15.686vw;
    margin: 0.49vw auto 0 auto;
    display: flex;
    justify-content: center;
}
div.social>a {
    flex: 0 0 auto;
    display: block;
    width: 3.235vw;
    height: 4.314vw;
    background: center center no-repeat;
    background-size: contain;
}
div.social>a.fb {
    background-image: url(../img/soc-fb.png);
}
div.social>a.tw {
    background-image: url(../img/soc-tw.png);
}
div.social>a.tg {
    background-image: url(../img/soc-tg.png);
}
div.social>a.yz {
    background-image: url(../img/soc-yz.svg);
}
div.social>a.vk {
    background-image: url(../img/soc-vk.png);
}
div.social>a.soc-ig {
    background-image: url(../img/soc-ig.png);
}
div.bread {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;

    text-align: left;
    /* overflow-wrap: break-word; */
    width: 45vw;
    font-size: 1.1vw;
    line-height: 2vw;
}
div.bread a {
    color: #0e3e92 !important;
}
div.bread a,
div.bread span {
    text-wrap: nowrap;
}
div.bread .sep {
    display: inline;
}
div.bread br {
    display: none;
}
section.head .head_inner .head_meta {
    display: flex;
    width: 45vw;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
section.head .head_inner .head_meta a {
    text-transform: uppercase;
    font-family: PT Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #143A88;
    margin: 0;
}
section.head .head_inner .head_meta a:hover {
    text-decoration: underline;
}
section.head .head_inner .head_meta p {
    font-family: PT Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #848484;
    margin: 0;
}
section.head .head_inner .head_meta .share-block {
    display: flex;
    align-items: center;
}
section.head .head_inner .head_meta .share-block .share-block__text {
    font-size: 1.04vw;
}
section.head .head_inner .head_meta .share-block .share-block__item {
    width: 1.6vw;
}
section.head .head_inner .head_meta .share-block,
section.head .head_inner .head_meta .share-block .share-block__left,
section.head .head_inner .head_meta .share-block .share-block__right {
    width: unset;
}
section.head .head_inner {
    /* width: 42.50vw; */
    margin: auto;
    padding-top: 2.8vw;
    display: flex;
    text-align: center;
    gap: 24px;
    position: relative;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}
section.head>* {
    z-index: 2;
    position: relative;
}
section.head div.top-image-top {
    width: 46vw;
    margin: 0 auto;
    height: 100vw;
    position: relative;
    margin-bottom: -100vw;
    background: top center no-repeat;
    background-size: contain;
    z-index: 1;
}
section.head div.top-image-bottom {
    width: 46vw;
    margin: 0 auto;
    height: 100vw;
    position: relative;
    margin-top: -100vw;
    background: bottom center no-repeat;
    background-size: contain;
    z-index: 1;
}
section.head .head_inner p.category {
    font-family: main_sans, sans-serif;
    font-size: 1.176vw;
    padding: 0;
    margin: -0.49vw 0 0 0;
}
section.head .head_inner h1 {
    font-family: title, serif;
    font-weight: bold;
    /* font-size: 2.40vw; */
    font-size: 2.604vw;
    padding: 0;
    margin: 0;
}
section.head .head_inner p.subtitle {
    font-family: main_serif, serif;
    font-size: 1.35vw;
    width: 30vw;
    display: block;
    margin: auto;
    padding: 0;
    position: relative;
}
section.head .head_inner p.subtitle::before,
section.head .head_inner p.subtitle::after {
    content: "";
    display: block;
    width: 3.922vw;
    height: 2.451vw;
    background: center center url(../img/wave-black.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -1.275vw;
}
section.head .head_inner p.subtitle::before {
    left: -4.118vw;
}
section.head .head_inner p.subtitle::after {
    right: -4.118vw;
}
section.head .head_inner p.author {
    font-size: 0.882vw;
    color: #8f8f8f;
    margin: 0;
    padding-bottom: 0.392vw;
}
section.head .head_inner p.date {
    font-size: 0.882vw;
    color: #8f8f8f;
    margin: 0;
}
section.preview {
    width: 50.98vw;
    margin: 2.5vw auto 4vw auto;;
}
section.preview a {
    color: rgb(0,137,242);
    text-decoration: none;
}
section.preview p {
    font-family: quotes, serif;
    font-size: 1.667vw;
    text-align: center;
    line-height: 1.3em;
    padding-bottom: 0.588vw;
}
section.content {
    width: 46.078vw;
    margin: 0 auto;
    position: relative;
}
section.content hr {
    display: block;
    height: 2.451vw;
    background: center center url(../img/wave-black.png) no-repeat;
    background-size: contain;
    border: none;
    z-index: 2;
    position: relative;
}

section.content a {
    color: rgb(0,137,242);
    text-decoration: none;
}
section.content li,
section.content p {
    font-family: main_serif, serif;
    font-size: 1.275vw;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
    position: relative;
}
section.content blockquote {
    padding: 0;
    width: 80%;
    position: relative;
    margin: 1em auto;
}
section.content blockquote p {
    font-family: quotes, serif;
    font-size: 1.569vw;
    text-align: center;
    line-height: 1.3em;
    padding-top: 2vw;
    padding-bottom: 2vw;
    position: relative;
}
section.content h2 {
    font-family: title, serif;
    font-weight: bold;
    /* font-size: 3.137vw; */
    font-size: 2.083vw;
    position: relative;
    margin: 8.824vw 0 2.451vw 0;
    z-index: 2;
    position: relative;
}
section.content h2::before {
    content: "";
    display: block;
    position: absolute;
    width: 3.922vw;
    height: 2.451vw;
    top: -2.941vw;
    background: center center url(../img/wave-black.png) no-repeat;
    background-size: contain;
}
section.content div.photo {
    font-size: 0.882vw;
    font-family: main_sans, sans-serif;
    color: rgb(143,143,143);
    padding: 3.3vw 0;
}
section.content div.photo p {
    font-size: 0.882vw;
    font-family: main_sans, sans-serif;
    color: rgb(143,143,143);
    padding: 0;
}
section.content div.photo>img,
section.content div.photo>p>img {
    width: 100%;
    margin: 0 0 1.569vw 0;
}
section.content div.photo.vertical>p>img,
section.content div.photo.vertical>img {
    width: 60%;
    display: block;
    margin: 0 auto 0.569vw auto;
}
/* section.content div.center p {
    text-align: center;
}
section.content div.center {
    text-align: center;
} */
section.content p.center {
    text-align: center;
}
section.subscription {
    margin: 0 5.882vw 0 29.412vw;
    height: 24.51vw;
}
section.subscription div.title {
    font-size: 2.843vw;
    line-height: 3.529vw;
    font-family: "title", serif;
    font-weight: bold;
}
section.subscription form {
    display: block;
    margin: 0;
    padding: 3.431vw 0 0 0;
}
section.subscription form label {
    display: block;
    width: 26.961vw;
    float: right;
    font-size: .85vw;
    line-height: 1.2;
    color: #8f8f8f;
    padding: 0 0 0 2.451vw;
    margin-top: -2.941vw;
}
section.subscription form label input[type=checkbox] {
    width: 0;
    height: 0;
    position: relative;
    display: block;
    margin-right: -0.784vw;
    visibility: hidden;
}
section.subscription form label input[type=checkbox]::before {
    position: absolute;
    display: block;
    content: "";
    border: 1px solid #0089F2;
    width: 0.98vw;
    height: 0.98vw;
    left: -2.745vw;
    visibility: visible;
    top: 0.588vw;
}
section.subscription form label input[type=checkbox]:checked::before {
    background: #0089F2;
}
section.subscription form label a {
    color: #0089F2;
    text-decoration: none;
}
section.subscription form>input[type=text] {
    display: block;
    border: none;
    border-bottom: 1px solid #0089F2;
    width: 29.412vw;
    font-size: 1.471vw;
    padding: 0.49vw 0;
}
section.subscription form input[type=submit] {
    display: block;
    border: none;
    font-size: 1.471vw;
    color: #0089F2;
    font-weight: bold;
    margin-top: 0.98vw;
    padding: 0;
    background: none;
    cursor: pointer;
}
section.subscription p {
    clear: both;
    color: #8f8f8f;
    padding: 0;
    margin: 2.941vw 0 0 0;
    font-size: 1.373vw;
    line-height: 1.961vw;
}
section.prefooter {
    display: flex;
    flex-direction: row;
    margin: 5.922vw 5.882vw 0 5.882vw;
}
section.prefooter section.subscription {
    margin: 0;
    width: 44.118vw;
    flex: 0 0 auto;
    padding-top: 3.922vw;
}
section.prefooter section.subscription div.title {
    font-size: 1.569vw;
    font-family: main_sans, sans-serif;
}
section.prefooter section.subscription form {
    padding-top: 1.961vw;
}
section.prefooter section.subscription input[type=text],
section.prefooter section.subscription input[type=submit] {
    font-size: 1.275vw;
    width: 15.686vw;
    text-align: left;
}
section.prefooter section.subscription label {
    width: 23.529vw;
}
section.prefooter section.subscription p {
    font-size: 0.98vw;
}
section.prefooter div.more {
    margin: 0;
    width: 44.118vw;
    flex: 0 0 auto;
}
section.prefooter div.more p.title {
    font-family: title, serif;
    font-weight: bold;
    font-size: 3.137vw;
    position: relative;
    margin-bottom: 2.353vw;
}
section.prefooter div.more p.title::before {
    content: "";
    display: block;
    width: 3.922vw;
    height: 2.451vw;
    position: absolute;
    top: -3.431vw;
    left: -0.49vw;
    background: center center url(../img/wave-black.png) no-repeat;
    background-size: contain;
}
section.prefooter div.more div.row {
    display: flex;
    flex-direction: row;
}
section.prefooter div.more div.row div.col {
    width: 50%;
    flex: 1 1 auto;
    margin-right: 4.412vw;
    font-size: 0.98vw;
}
section.prefooter div.more div.row div.col a {
    color: #000;
    text-decoration: none;
}
footer div.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 5.882vw;
}
footer div.row div.col {
    width: 50%;
}
footer div.row div.col:nth-child(1) {
    font-size: 0.784vw;
    text-transform: uppercase;
    line-height: 2.353vw;
    color: #8f8f8f;
}
footer div.row div.col:nth-child(1) a {
    color: #8f8f8f;
    text-decoration: none;
}
footer div.row div.col:nth-child(1)>a.detralex {
    width: 7.059vw;
    height: 1.863vw;
    display: inline-block;
    background: -0.392vw center url(../img/detralex.png) no-repeat;
    background-size: cover;
    vertical-align: -0.686vw;
}
footer div.row div.col:nth-child(1)>a.about {
    line-height: 1.863vw;
}
footer div.row div.col:nth-child(1)>span>a.servier {
    width: 5.098vw;
    height: 1.765vw;
    display: inline-block;
    background: center center url(../img/servier-logo-2023.png) no-repeat;
    background-size: cover;
    vertical-align: -0.55vw;
    margin-left: 0.392vw;
}
footer div.row div.col:nth-child(1)>span {
    display: block;
    margin-top: -0.392vw;
}
footer div.row div.col:nth-child(2) {
    font-size: 0.784vw;
    color: #8f8f8f;
    text-align: right;
}
footer div.row div.col:nth-child(2) a {
    color: rgba(143,143,143, 0.59);
    text-decoration: none;
}
footer div.social {
    width: auto;
    justify-content: flex-end;
    margin-right: -0.784vw;
    margin-bottom: -1.569vw;
    margin-top: -0.49vw;
}
footer div.social>a {
    width: 2.353vw;
    height: 3.137vw;
}
footer div.disclaimer {
    font-family: "warning", sans-serif;
    text-transform: uppercase;
    font-size: 2.2vw;
    line-height: 4.902vw;
    color: rgba(89, 89, 89, 0.42);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0.98vw 5.882vw 0 5.882vw;
    flex-wrap: nowrap;
}
iframe#youtube_video,
iframe.youtube_video {
    width: 46.078vw;
    height: 25.49vw;
    margin: 2.6vw 0;
}
.box {
    margin: 2.941vw -5.882vw 0 -5.882vw;
}
.box h3 {
    padding-bottom: 1.471vw;
}
.box>.row {
    display: flex;
    justify-content: center;
}
.box>.row>.col {
    flex: 1 1 auto;
    flex-basis: 0.098vw;
    padding: 0 0.49vw 2.941vw 0.49vw;
}
.box .circle {
    width: 8.431vw;
    height: 8.431vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    font: 3.137vw title, serif;
    text-align: center;
    border-radius: 50%;
    background: #d8d8d8;
}
.box p {
    text-align: center;
}
.box .circle.blue {
    color: #fff;
    background: #0b53a3;
}
.box.defenition .col {
    flex-basis: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.o9 {
    opacity: 0.9;
}
.o8 {
    opacity: 0.8;
}
.o7 {
    opacity: 0.7;
}
.o6 {
    opacity: 0.6;
}
.o5 {
    opacity: 0.5;
}
h3 {
    /* font: bold 1.569vw title, serif; */
    font: bold 1.354vw title, serif;
    text-align: center;
}
div.source p,
p.source {
    color: #8d8d8d;
}

/* page theme colors */
/* physiology */
section.head.physiology p.category,
section.head.physiology p.category a {
    color: #e9987f;
}
section.prefooter section.subscription.physiology input[type=text] {
    border-bottom-color: #e9987f;
    background: none;
}
section.prefooter section.subscription.physiology input[type=submit],
section.prefooter section.subscription.physiology a {
    color: #e9987f;
}
section.prefooter section.subscription.physiology input[type=checkbox]::before {
    border-color: #e9987f;
}
section.content.physiology span.tooltip {
    color: #e9987f;
    cursor: pointer;
}
section.prefooter .col.physiology .category a {
    color: #e9987f !important;
}
/* society */
section.head.society p.category a,
section.head.society p.category {
        color: #eee500;
}
section.prefooter section.subscription.society input[type=text] {
    border-bottom-color: #eee500;
    background: none;
}
section.prefooter section.subscription.society input[type=submit],
section.prefooter section.subscription.society a {
    color: #eee500;
}
section.prefooter section.subscription.society input[type=checkbox]::before {
    border-color: #eee500;
}
section.content.society span.tooltip {
    color: #eee500;
    cursor: pointer;
}
section.prefooter .col.society .category a {
    color: #eee500 !important;
}
/* psychology */
section.head.psychology p.category a,
section.head.psychology p.category {
        color: #dd2323;
}
section.prefooter section.subscription.psychology input[type=text] {
    border-bottom-color: #dd2323;
    background: none;
}
section.prefooter section.subscription.psychology input[type=submit],
section.prefooter section.subscription.psychology a {
    color: #dd2323;
}
section.prefooter section.subscription.psychology input[type=checkbox]::before {
    border-color: #dd2323;
}
section.content.psychology span.tooltip {
    color: #dd2323;
    cursor: pointer;
}
section.prefooter .col.psychology .category a {
    color: #dd2323 !important;
}
/* culture */
section.head.culture p.category a,
section.head.culture p.category {
        color: #ffb85b;
}
section.prefooter section.subscription.culture input[type=text] {
    border-bottom-color: #ffb85b;
    background: none;
}
section.prefooter section.subscription.culture input[type=submit],
section.prefooter section.subscription.culture a {
    color: #ffb85b;
}
section.prefooter section.subscription.culture input[type=checkbox]::before {
    border-color: #ffb85b;
}
section.content.culture span.tooltip {
    color: #ffb85b;
    cursor: pointer;
}
section.prefooter .col.culture .category a {
    color: #ffb85b !important;
}
/* technologies */
section.head.technologies p.category a,
section.head.technologies p.category {
        color: #39bcc4;
}
section.prefooter section.subscription.technologies input[type=text] {
    border-bottom-color: #39bcc4;
    background: none;
}
section.prefooter section.subscription.technologies input[type=submit],
section.prefooter section.subscription.technologies a {
    color: #39bcc4;
}
section.prefooter section.subscription.technologies input[type=checkbox]::before {
    border-color: #39bcc4;
}
section.content.technologies span.tooltip {
    color: #39bcc4;
    cursor: pointer;
}
section.prefooter .col.technologies .category a {
    color: #39bcc4 !important;
}
/* history */
section.head.history p.category a,
section.head.history p.category {
        color: #007a3d;
}
section.prefooter section.subscription.history input[type=text] {
    border-bottom-color: #007a3d;
    background: none;
}
section.prefooter section.subscription.history input[type=submit],
section.prefooter section.subscription.history a {
    color: #007a3d;
}
section.prefooter section.subscription.history input[type=checkbox]::before {
    border-color: #007a3d;
}
section.content.history span.tooltip {
    color: #007a3d;
    cursor: pointer;
}
section.prefooter .col.history .category a {
    color: #007a3d !important;
}

section.content div.kpi {
    /*width: 25.49vw;
    margin: 3.529vw auto;*/
    margin: 3.529vw 0;
    text-align: center;
    font: 1.176vw quotes, serif;
}
section.content div.kpi.left {
    margin: 3.529vw auto 3.529vw -4.412vw;
}
section.content div.kpi.right {
    margin: 3.529vw -4.412vw 3.529vw auto;
}
section.content div.kpi>strong {
    font: bold 6.961vw title, sans-serif;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    white-space: nowrap;
}
section.content div.kpi.small>strong {
    font: bold 4.118vw title, sans-serif;
}
section.content div.kpi>strong::before,
section.content div.kpi>strong::after {
    content: "";
    position: absolute;
    display: block;
    width: 4.412vw;
    height: 2.451vw;
    background: center center url(../img/wave-black.png) no-repeat;
    background-size: contain;
    top: 50%;
    margin-top: -1.275vw;
}
section.content div.kpi.noquotes>strong::before,
section.content div.kpi.noquotes>strong::after {
    display: none;
}
section.content div.kpi>strong::before {
    left: -4.412vw;
}
section.content div.kpi>strong::after {
    right: -4.412vw;
}
section.content div.kpi>span {
    display: block;
    width: 26vw;
    margin-left: auto;
    margin-right: auto;
}
section.content div.kpi>span+span {
    padding-top: 1vw;
    color: #8d8d8d;
    font-family: main_sans, sans-serif;
    font-size: 80%;
}

/* balls */
i.ball {
    display: block;
    position: relative;
    width: auto;
    height: 1.373vw;
    margin-bottom: -1.373vw;
}
i.ball::before {
    content: "";
    display: block;
    position: absolute;
    width: 1.373vw;
    height: 1.373vw;
    background: #ccc;
    border-radius: 50%;
    margin-left: -0.686vw;
    margin-top: -0.686vw;
}
i.ball.air-1 { padding: 1vw 0; }
i.ball.air-2 { padding: 2vw 0; }
i.ball.air-3 { padding: 3vw 0; }
i.ball.air-4 { padding: 4vw 0; }
i.ball.air-5 { padding: 5vw 0; }

i.ball.orange-red::before {
    background: #feb75c;
    background-image: linear-gradient(135deg, #feb75c, #d32402);
}

i.ball.yellow::before {
    background: #f8e265;
    background-image: linear-gradient(135deg, #f8e265, #feb75c);
}

i.ball.peach::before {
    background: #ffcea3;
    background-image: linear-gradient(135deg, #ffcea3, #ff9f82);
}

i.ball.cian::before, 
i.ball.cyan::before {
    background: #bffefb;
    background-image: linear-gradient(135deg, #bffefb, #24c9fe);
}

i.ball.red::before {
    background: #ff8d86;
    background-image: linear-gradient(135deg, #ff8d86, #eb4033);
}
i.ball.blue::before {
    background: #8cc2ff;
    background-image: linear-gradient(135deg, #8cc2ff, #3378ff);
}

i.ball.orange::before {
    background: #f6c819;
    background-image: linear-gradient(135deg, #f6c819, #ea8e14);
}

i.ball.cian-blue::before,
i.ball.cyan-blue::before {
    background: #5dc4c1;
    background-image: linear-gradient(135deg, #5dc4c1, #0d8aef);
}

i.ball.green::before {
    background: #00b75d;
    background-image: linear-gradient(135deg, #00b75d, #00793d);
}

i.ball.green-blue::before {
    background: #00be86;
    background-image: linear-gradient(135deg, #00be86, #1442a2);
}

i.ball.yellow-blue::before {
    background: #f7e31e;
    background-image: linear-gradient(135deg, #f7e31e, #2cc9de);
}

i.ball.big::before {
    width: 2.746vw;
    height: 2.746vw;
    margin-left: -1.373vw;
    margin-top: -1.373vw;
}

i.ball.very-big::before {
    width: 4.119vw;
    height: 4.119vw;
    margin-left: -2.059vw;
    margin-top: -2.059vw;
}

i.ball.center::before { left: 50%; }
i.ball.right::before { right: 0; }
i.ball.left::before { left: 0; }

i.ball.ml1::before { margin-left: calc(1% - 0.686vw); }
i.ball.ml2::before { margin-left: calc(2% - 0.686vw); }
i.ball.ml3::before { margin-left: calc(3% - 0.686vw); }
i.ball.ml4::before { margin-left: calc(4% - 0.686vw); }
i.ball.ml5::before { margin-left: calc(5% - 0.686vw); }
i.ball.ml10::before { margin-left: calc(10% - 0.686vw); }
i.ball.ml15::before { margin-left: calc(15% - 0.686vw); }
i.ball.ml20::before { margin-left: calc(20% - 0.686vw); }
i.ball.ml25::before { margin-left: calc(25% - 0.686vw); }
i.ball.ml30::before { margin-left: calc(30% - 0.686vw); }
i.ball.ml35::before { margin-left: calc(35% - 0.686vw); }
i.ball.ml40::before { margin-left: calc(40% - 0.686vw); }
i.ball.ml45::before { margin-left: calc(45% - 0.686vw); }
i.ball.ml-1::before { margin-left: calc(-1% - 0.686vw); }
i.ball.ml-2::before { margin-left: calc(-2% - 0.686vw); }
i.ball.ml-3::before { margin-left: calc(-3% - 0.686vw); }
i.ball.ml-4::before { margin-left: calc(-4% - 0.686vw); }
i.ball.ml-5::before { margin-left: calc(-5% - 0.686vw); }
i.ball.ml-10::before { margin-left: calc(-10% - 0.686vw); }
i.ball.ml-15::before { margin-left: calc(-15% - 0.686vw); }
i.ball.ml-20::before { margin-left: calc(-20% - 0.686vw); }
i.ball.ml-25::before { margin-left: calc(-25% - 0.686vw); }
i.ball.ml-30::before { margin-left: calc(-30% - 0.686vw); }
i.ball.ml-35::before { margin-left: calc(-35% - 0.686vw); }
i.ball.ml-40::before { margin-left: calc(-40% - 0.686vw); }
i.ball.ml-45::before { margin-left: calc(-45% - 0.686vw); }

i.ball.mr1::before { margin-right: calc(5% - 0.686vw); }
i.ball.mr2::before { margin-right: calc(5% - 0.686vw); }
i.ball.mr3::before { margin-right: calc(5% - 0.686vw); }
i.ball.mr4::before { margin-right: calc(5% - 0.686vw); }
i.ball.mr5::before { margin-right: calc(5% - 0.686vw); }
i.ball.mr10::before { margin-right: calc(10% - 0.686vw); }
i.ball.mr15::before { margin-right: calc(15% - 0.686vw); }
i.ball.mr20::before { margin-right: calc(20% - 0.686vw); }
i.ball.mr25::before { margin-right: calc(25% - 0.686vw); }
i.ball.mr30::before { margin-right: calc(30% - 0.686vw); }
i.ball.mr35::before { margin-right: calc(35% - 0.686vw); }
i.ball.mr40::before { margin-right: calc(40% - 0.686vw); }
i.ball.mr45::before { margin-right: calc(45% - 0.686vw); }
i.ball.mr-1::before { margin-right: calc(-5% - 0.686vw); }
i.ball.mr-2::before { margin-right: calc(-5% - 0.686vw); }
i.ball.mr-3::before { margin-right: calc(-5% - 0.686vw); }
i.ball.mr-4::before { margin-right: calc(-5% - 0.686vw); }
i.ball.mr-5::before { margin-right: calc(-5% - 0.686vw); }
i.ball.mr-10::before { margin-right: calc(-10% - 0.686vw); }
i.ball.mr-15::before { margin-right: calc(-15% - 0.686vw); }
i.ball.mr-20::before { margin-right: calc(-20% - 0.686vw); }
i.ball.mr-25::before { margin-right: calc(-25% - 0.686vw); }
i.ball.mr-30::before { margin-right: calc(-30% - 0.686vw); }
i.ball.mr-35::before { margin-right: calc(-35% - 0.686vw); }
i.ball.mr-40::before { margin-right: calc(-40% - 0.686vw); }
i.ball.mr-45::before { margin-right: calc(-45% - 0.686vw); }

i.ball.t0h::before { top: 0.5vw; }
i.ball.t1::before { top: 1vw; }
i.ball.t1h::before { top: 1.5vw; }
i.ball.t2::before { top: 2vw; }
i.ball.t2h::before { top: 2.5vw; }
i.ball.t3::before { top: 3vw; }
i.ball.t3h::before { top: 3.5vw; }
i.ball.t4::before { top: 4vw; }
i.ball.t4h::before { top: 4.5vw; }
i.ball.t5::before { top: 5vw; }
i.ball.t5h::before { top: 5.5vw; }
i.ball.t6::before { top: 6vw; }
i.ball.t6h::before { top: 6.5vw; }
i.ball.t7::before { top: 7vw; }
i.ball.t7h::before { top: 7.5vw; }
i.ball.t8::before { top: 8vw; }
i.ball.t8h::before { top: 8.5vw; }
i.ball.t9::before { top: 9vw; }
i.ball.t9h::before { top: 9.5vw; }
i.ball.t10::before { top: 10vw; }
i.ball.t10h::before { top: 10.5vw; }
i.ball.t-0h::before { top: -0.5vw; }
i.ball.t-1::before { top: -1vw; }
i.ball.t-1h::before { top: -1.5vw; }
i.ball.t-2::before { top: -2vw; }
i.ball.t-2h::before { top: -2.5vw; }
i.ball.t-3::before { top: -3vw; }
i.ball.t-3h::before { top: -3.5vw; }
i.ball.t-4::before { top: -4vw; }
i.ball.t-4h::before { top: -4.5vw; }
i.ball.t-5::before { top: -5vw; }
i.ball.t-5h::before { top: -5.5vw; }
i.ball.t-6::before { top: -6vw; }
i.ball.t-6h::before { top: -6.5vw; }
i.ball.t-7::before { top: -7vw; }
i.ball.t-7h::before { top: -7.5vw; }
i.ball.t-8::before { top: -8vw; }
i.ball.t-8h::before { top: -8.5vw; }
i.ball.t-9::before { top: -9vw; }
i.ball.t-9h::before { top: -9.5vw; }
i.ball.t-10::before { top: -10vw; }
i.ball.t-10h::before { top: -10.5vw; }

i.ball.tictac::before {
    transform: translateX(-100%);
    animation: ball-tictac 15s linear infinite;
    animation-fill-mode: both;
}

@keyframes ball-tictac {
    0% { transform: translateX(-50%); }
    50% { transform: translateX(50%); }
    100% { transform: translateX(-50%); }
}

i.ball.tictac-v::before {
    transform: translateY(-1vw);
    animation: ball-tictac-v 10s linear infinite;
    animation-fill-mode: both;
}

@keyframes ball-tictac-v {
    0% { transform: translateY(-1vw); }
    50% { transform: translateY(1vw); }
    100% { transform: translateY(-1vw); }
}

i.ball.tictac-r::before {
    transform: translateX(100%);
    animation: ball-tictac-r 15s linear infinite;
    animation-fill-mode: both;
}

@keyframes ball-tictac-r {
    0% { transform: translateX(50%); }
    50% { transform: translateX(-50%); }
    100% { transform: translateX(50%); }
}

i.ball.blinking::before {
    animation: ball-blinking 5s linear infinite;
    animation-fill-mode: both;
}

@keyframes ball-blinking {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

i.ball.tv-blinking::before {
    animation: ball-tv-blinking 3s linear infinite;
    animation-fill-mode: both;
}

@keyframes ball-tv-blinking {
    0%, 50%, 52%, 56%, 58%, 68%, 72%, 94%, 96%, 100% { opacity: 1; }
    51%, 57%, 69%, 71%, 95% { opacity: 0; }
}

i.ball.pulse::before {
    animation: ball-pulse 5s infinite;
    animation-fill-mode: both;
}

@keyframes ball-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(0.5); }
}

i.ball.rotate45 {
    transform: rotate(45deg);
}

i.ball.rotate-45 {
    transform: rotate(-45deg);
}

i.ball.rotate90 {
    transform: rotate(90deg);
}

i.ball.rotate-90 {
    transform: rotate(-90deg);
}


/* tooltips */

/* search */
form.tntsearch-form {
    display: inline-block;
    flex: 0 0 auto;
    height: 2.941vw;
    position: relative;
}
form.tntsearch-form input[type="text"] {
    display: block;
    height: 1.341vw;
    margin: 0.8vw 2.35vw 0.8vw auto;
    padding: 0 0.67vw;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    outline: none;
    width: 8vw;
    text-transform: uppercase;
    font-family: "main_sans", sans-serif;
    font-size: 0.784vw;
}
form.tntsearch-form input[type="text"]::placeholder {
  color: #d8d8d8;
}
form.tntsearch-form span.tntsearch-clear {
    display: block;
    position: absolute;
    top: 0.8vw;
    right: 2.45vw;
    width: 1.141vw;
    text-align: center;
    line-height: 1.141vw;
    height: 1.141vw;
    box-sizing: border-box;
    cursor: pointer;
}
form.tntsearch-form .tntsearch-results {
    position: absolute;
    margin-top: -0.85vw;
}
form.tntsearch-form .tntsearch-results>.row {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 0 4px 4px 4px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .3);
    padding: 0 0.67vw;
    min-width: 24vw;
}
form.tntsearch-form .tntsearch-results>.row>p.info {
    white-space: nowrap;
}
form.tntsearch-form .tntsearch-results>.row>p.result {
    font-family: "main_sans", sans-serif;
    font-size: 1.078vw;
    line-height: 1.373vw;
}
form.tntsearch-form .tntsearch-results>.row>p.result em {
    display: inline-block;
    font-style: normal;
    background: #9cf;
}
form.tntsearch-form .tntsearch-results>.row>p.result>a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
form.tntsearch-form .tntsearch-results>.row>p.result>a>br {
    display: none;
}
form.tntsearch-form .tntsearch-results>.row>p.result>a:hover {
    color: rgba(0, 137, 242);
}

.instagram_post {
    width: 35.4vw;
    height: 51.7vw;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: inline-block;
}
.cookie-warning {
    display: flex;
    position: fixed;
    bottom: -4vw;
    left: 0;
    right: 0;
    height: 4vw;
    background: #f4f4f4;
    align-items: center;
    justify-content: center;
    font-size: 0.75vw;
    color: #000;
    z-index: 1000;
    transition: 1s;
}
.cookie-warning.shown {
    bottom: 0;
}
.cookie-warning > div {
    position: relative;
    margin: 0 10vw;
    flex: 1 1 100%;
}
.cookie-warning > div > a.more {
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: #094695;
    margin-left: 1vw;
}
.cookie-warning > div > a.more:hover {
    color: #000;
}
.cookie-warning > div > a.more:before {
    content: "";
    display: block;
    position: absolute;
    transform: rotate(45deg);
    border: 1px solid #094695;
    width: 0.5vw;
    height: 0.5vw;
    right: -0.75vw;
    top: 0.35vw;
    border-bottom: none;
    border-left: none;
    transition: 0.3s;
}
.cookie-warning > div > a.more:hover:before {
    border-color: #000;
    right: -1vw;
}
.cookie-warning > div > a.ok {
    display: inline-block;
    padding: 0.5vw 1vw;
    color: #fff;
    background: linear-gradient(90deg, #C4C4C4 0%, #0082F8 0.01%, #001CE5 100%);
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 5vw;
    transition: 0.3s;
}
.cookie-warning > div > a.ok:hover {
    background: linear-gradient(90deg, #000 0%, #000 0.01%, #000 100%);
}
.cookie-warning > div > a.close {
    display: inline-block;
    width: 1vw;
    height: 1vw;
    text-decoration: none;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5vw;
}
.cookie-warning > div > a.close:before {
    content: "";
    display: block;
    position: absolute;
    transform: rotate(45deg);
    height: 1px;
    width: 1.25vw;
    top: .5vw;
    left: -0.25vw;
    background: #000;
}
.cookie-warning > div > a.close:after {
    content: "";
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    height: 1px;
    width: 1.25vw;
    top: .5vw;
    left: -0.25vw;
    background: #000;
}

section.podcast-promo {
    height: 35.1vw;
    background: url(../img/podcast-promo.jpg) no-repeat;
    background-size: cover;
    padding: 0;
    margin: 0 0 -6.5vw 0;
}
section.podcast-promo > div.container {
    width: 64.6vw;
    margin: 0 auto;
    padding: 9.5vw 0 0 0;
    color: #fff;
}
section.podcast-promo > div.container > div.title {
    font-family: "title", serif;
    font-size: 2.5vw;
    line-height: 3.3vw;
    margin: 0 0 1.4vw 0;
    padding: 0;
    font-weight: 700;
}
section.podcast-promo > div.container > div.wave {
    display: inline-block;
    width: 6.3vw;
    height: 0.4vw;
    background: url(../img/white-wave.svg) no-repeat;
    background-size: contain;
    margin: 0 0 1.4vw 0;
}
section.podcast-promo > div.container > div.columns {
    display: flex;
    flex-direction: row;
    font-size: 1.2vw;
}
section.podcast-promo > div.container > div.columns > div.links {
    padding-right: 3vw;
    flex: 0 0 21vw;
}
section.podcast-promo > div.container > div.columns > div.links > a {
    color: #fff;
    text-decoration: none;
}
section.podcast-promo > div.container > div.columns > div.links > a:hover {
    color: #67B3ED;
    text-decoration: underline;
}
section.podcast-promo > div.container > div.columns > div.links > div {
    margin-bottom: 1vw;
}
section.podcast-promo > div.container > div.columns > div.links > span {
    margin-top: 0.8vw;
    display: block;
    font-size: 1vw;
}
section.article .tooltip.tooltipstered {
    color: #e9987f;
}
section.article ul {
    list-style-type: disc;
}
p.pub_date {
    color: #8f8f8f;
    margin: 80px 0;
}
.last-published {
    position: relative;
    padding: 50px 56px;
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    z-index: 10;
}
.last-published__items {
    display: grid;
    grid-template-columns: repeat(5, 19vw);
    overflow: hidden;
    position: relative;
}
.last-published__item {
    width: 100%;
    padding: 8px 8px 8px 24px;
    margin: 0;
    text-align: left;
    border-right: 1px solid #1b7ce5;
    border-bottom: none;
}
.last-published__title {
    font-size: 41px;
    margin: 0;
}
.last-published__item--category {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    color: #143a88;
}
.last-published__item--category:hover {
    text-decoration: underline;
}
.last-published__item--link {
    display: block;
    font-size: 18px;
    line-height: 25.2px;
}
.last-published__dropdown {
    position: relative;
}
.last-published .slick-dots {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
    list-style: none;
}
.last-published .slick-slide {
    margin: 0;
    padding: 0;
}
.last-published .slick-dots .slick-active > .last_published__thumb__item {
    background: #1B7CE5;
    border: none;
}
.last_published__thumb__item {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #848484;
}
.tags {
    margin: 1.25vw 0;
    display: flex;
    gap: 0.52vw;
    justify-content: center;
}
.tag {
    display: flex;
    /* border: 1px solid #D8E4E6; */
    gap: 2.52vw;
    white-space: nowrap;
    padding: 0.31vw 0.52vw 0.21vw 0.52vw;
}   
.tag a {
    line-height: 1.04vw;
    font-size: 0.83vw;
    color: #848484;
    font-family: "PT Sans";
    text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
    p.pub_date {
        margin: 24px 0;
    }
    .homosedens__more {
        font-size: 12px;
    }
    .tags {
        margin: 3.55vw auto;
        width: 40vw;
        gap: 2.52vw;
        flex-wrap: wrap;}
    .tag a {
        font-size: 2.5vw;
        line-height: 2.6vw;
    }
    .tag:nth-child(2n+1):after {
        content: "|";
        font-size: 2.5vw;
        line-height: 2.6vw;
        color: #848484;
        font-family: "PT Sans";
        text-transform: uppercase;
    }
    div.bread {
        width: 90vw;
        font-size: 3.3vw;
        line-height: 4vw;
        margin-top: 5vw;
    }
    /* section.head .head_inner .head_meta:has(:nth-child(n+3)) .share-block { */
    section.head .head_inner .head_meta .share-block {
        width: 100%;
    }
    section.head .head_inner .head_meta {
        width: 90vw;
        gap: 5px;
    }
}
@media only screen and (max-width: 820px) {
    .last-published {
        padding: 30px 20px;
        margin-bottom: 0;
    }
    .last-published__title {
        text-align: start;
        font-size: 31px;
        width: 100%;
    }
    .last-published__items {
        -ms-flex-direction:inherit;
        flex-direction: unset;
        border-right: 1px solid #1b7ce5;
        border-left: 1px solid #1b7ce5;
        display: grid;
        grid-template-columns: repeat(5, 100%);
        width: 100%;
    }
    .last-published__item {
        border-bottom: none;
        /* border-left: 1px solid #1b7ce5; */
        height: 227px;
    }
    .last-published__item:last-child {
        /* border-right: 1px solid #1b7ce5; */
    }
}
@keyframes day-night {
    0%, 18% { opacity: 0; }
    50%, 68% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes woman-reveal {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes woman-reveal-fly {
    0% { opacity: 0; left: 93.882vw; }
    100% { opacity: 1; left: 60.882vw; }
}
@media only screen and (max-width: 480px) {
    @keyframes woman-reveal-fly {
        0% { opacity: 0; left: 93.882vw; }
        100% { opacity: 1; left: 70.882vw; }
    }
}
@keyframes tictac {
    0% { transform: translate3d(0px,0,0); }
    50% { transform: translate3d(15px,0,0); }
    100% { transform: translate3d(0px,0,0); }
}
@keyframes v-tictac {
    0% { transform: translate3d(0,0px,0); }
    50% { transform: translate3d(0,15px,0); }
    100% { transform: translate3d(0,0px,0); }
}
@keyframes blinking {
    0% { opacity: 0.3; }
    25% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0.3; }
}
@keyframes gradusnik {
    0% { top: 20%; }
    50% { top: 80%; }
    100% { top: 20%; }
}
@keyframes tictac-gori {
    0% { transform: translate3d(0,0,0); }
    50% { transform: translate3d(30px,-20px,0); }
    100% { transform: translate3d(0,0,0); }
}
@keyframes tictac-gori-statistics {
    0% { transform: translate3d(0,0,0); }
    50% { transform: translate3d(-20px,-20px,0); }
    100% { transform: translate3d(0,0,0); }
}