@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap");

body {
    color: #8F9BAD;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 1.7;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.relative { position: relative; }
.absolute { position: absolute; }

video {
    outline: none;
}

video:focus-visible {
    outline-width: 0;
}
.video-js, .video-js .vjs-tech, .vjs-poster img {
    border-radius: 12px;
}
.vjs-poster img {
    -o-object-fit: cover;
    object-fit: cover;
}
.video-js .vjs-tech {
    background-color: #000;
}
.video-js .vjs-control-bar {
    border-radius: 12px;
    height: 48px;
    background-color: #000000;
}
.vjs-button > .vjs-icon-placeholder:before {
    font-size: 24px;
    line-height: 48px;
}

.video-js .vjs-progress-control .vjs-progress-holder
{
    height: 7px;
    border-radius: 4px;
}
.video-js .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
    background-color: #ED1C24;
    border-radius: 4px;
}
.video-js .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
    font-size: 17px;
    line-height: 7px;
}
.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div{
    border-radius: 4px;
}

.video-js .vjs-volume-bar {
    margin: 21px 0;
}
.vjs-volume-bar.vjs-slider-horizontal {
    height: 7px;
}
.vjs-slider-horizontal .vjs-volume-level {
    height: 7px;
    border-radius: 4px;
}

.vjs-slider-horizontal .vjs-volume-level:before {
    line-height: 7px;
}
.video-js .vjs-volume-level:before {
    font-size: 16px;
}

.video-js .vjs-time-control {
    display: block;
    font: normal normal 700 14px/48px Roboto;
    letter-spacing: -0.28px;
}
.video-js .vjs-time-control.vjs-remaining-time {
    display: none;
}

.vjs-time-control.vjs-time-divider {
    padding: 0 0.5em;
    min-width: 1em;
}
.vjs-time-control.vjs-current-time{
    padding: 0 0 0 0.5em;
}
.vjs-time-control.vjs-duration{
    padding: 0 0.5em 0 0;
}

.video-js .vjs-quality-container .vjs-brand-quality-link {
    font: normal normal 700 18px/32px Roboto;
}

.video-js.vjs-playing .vjs-big-play-button { display: none; }


/*=================================================================*/
/*                      TYPOGRAPHY
/*=================================================================*/
h1, h2, h3, h4, h5, h6 {
    color: #1B2327;
    font-family: "ropa-mix-pro", sans-serif;
    font-weight: 700;
    line-height: 1.4;
    margin: 20px 0;
}

a {
    color: #1B2327;
    outline: 0;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover {
    color: #ED1C24;
}
a:focus {
    outline: 0;
}

header {
    max-width: 100vw;
}
header.mobile { display: none; }
footer .mobile { display: none; }
footer .tablet { display: none; }

header.desktop { display: block; }
header.desktop {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99991;
    background-color: white;
}
navbar.desktop { display: block; }

@media (max-width:992px) {
    footer .tablet {
        display: block;
    }
}
@media (max-width:768px) {
    header.desktop, navbar.desktop {
        display: none;
    }

    header.mobile, footer .mobile {
        display: block;
    }
    header.mobile {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99991;
        background-color: white;
    }
}
/*=================================================================*/
/*                      HEADER
/*=================================================================*/

.header .header-top {
    height: 90px;
}
.header .header-top img.logo {
    height: 64px;
    width: 145px;
    margin-top: 7px;
}

.header .social-icons img {
    height: 24px;
    width: 24px;
}
.header .social-icons li {
    padding: 15px 0;
}
.header .social-icons li:not(:last-child) {
    margin-right: 30px;
}

.header.mobile .social-icons {
    display: flex;
    justify-content: flex-start;
}
.header.mobile .social-icons img {
    height: 20px; width: 20px;
}
.header.mobile .social-icons li {
    margin-left: 0;
    margin-right: 24px;
}
.header.mobile .icons-wrapper{
    display: flex;
    width: 100%;
    padding: 24px 24px 0 38px;
}
.header.mobile .lang-wrapper{
    width: 50px; height: 50px;
}

/*
.header.mobile .search-wrapper {
    margin-top: 8px;
    width: 150px;
    float: right;
}
.header.mobile .search-wrapper form {
    width: 130px;
    float: right;
    margin-right: 50px;
}
.header.mobile .search-btn {
    text-indent: -999px;
    overflow: hidden;
    margin: 0;
    border: none;
    background: #ED1C24 url(/assets/icon-search.svg) no-repeat center;
    cursor: pointer;
    right: 0;
    position: absolute;
    width: 34px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 0 8px 8px 0;
    height: 35px;
}
.header.mobile .search-field {
    margin: 0 auto;
    width: 130px;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 4px #0056A329;
    border-radius: 8px;
    opacity: 1;
    border: none;
    padding-left: 20px;
    height: 35px;
}
.header.mobile .search-field:hover {
    box-shadow: 0 0 8px #0056A329;
    cursor: pointer;
}
.header.mobile .search-field:active {
    box-shadow: none;
    border: 1px solid #78909C;
}
.header.mobile .search-field:focus-visible {
    box-shadow: none;
    border: 1px solid #78909C;
    border-left: none;
}
*/

.header.mobile .icon-wrapper {
    display: flex;
}
.header.mobile .icon-wrapper .icon, .header.mobile a.login {
    border-radius: 5px;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin-left: 2px;
    cursor: pointer;
    overflow: hidden;
}
.header.mobile .icon-wrapper .icon img {
    max-width: 100%; max-height: 100%;
}
.header.mobile .icon-wrapper .icon.active {
    background-color: #ECEFF1;
}
.header.mobile .search-wrapper { display: flex;}
.header.mobile .search-wrapper .icon-search { width: 50px; height: 50px; padding: 10px; }
.header.mobile .search-wrapper .icon-search img { width: 32px; }

.header.mobile .icon.avatar {
    padding: 0;
}
.header.mobile .icon.avatar-default {
    background: #0074DC 0% 0% no-repeat padding-box;
}



.header .social-icons img { filter: brightness(0) saturate(100%) invert(64%) sepia(22%) saturate(306%) hue-rotate(155deg) brightness(83%) contrast(89%); }
.header .social-icons img:hover { filter: brightness(0) saturate(100%) invert(10%) sepia(7%) saturate(1817%) hue-rotate(155deg) brightness(93%) contrast(91%); }

.burger-menu {
    position: absolute; width: 20px; height: 20px; top: 22px; right: 25px; }
.burger-icon { position: relative; }
.burger-row, .burger-row:before, .burger-row:after {
    transition-duration: 0.5s;
    position: absolute;
    height: 3px;
    width: 20px;
    top: 8px;
    background-color: #1B2327;
    left: 0;
}
.burger-row:before {
    content: "";
    top: -8px;
}
.burger-row:after {
    content: "";
    top: 8px;
}

.header .search-wrapper {
    margin-top: 21px;
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
}
.header .search-wrapper form {
    position: relative;
    display: inline;
    flex-grow: 1;
}
.header .search-btn {
    text-indent: -999px;
    overflow: hidden;
    margin: 0;
    border: none;
    background: #ED1C24 url(/assets/icon-search.svg) no-repeat center;
    cursor: pointer;
    right: 0;
    position: absolute;
    width: 48px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 0 8px 8px 0;
    height: 48px;
}
.header .search-field {
    margin: 0 auto;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0 0 4px #0056A329;
    border-radius: 8px;
    opacity: 1;
    border: none;
    padding-left: 20px;
    height: 48px;
}
.header .search-field:hover {
    box-shadow: 0 0 8px #0056A329;
    cursor: pointer;
}
.header .search-field:active {
    box-shadow: none;
    border: 1px solid #78909C;
}
.header .search-field:focus-visible {
    box-shadow: none;
    border: 1px solid #78909C;
    border-left: none;
}
.header .lang-wrapper {
    position: relative;
    margin: 0;
}
.header .lang-btn {
    width: 50px;
    height: 50px;
    background: #ED1C24 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0.16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    right: 12px;
    /*position: absolute;*/
    margin-top: 3px;
    margin-left: 10px;
    float: right;
}
.header .lang-btn:hover {
    background-color: #d51118;
}

.header .vip-btn {
    width: 50px;
    height: 50px;
    background: #ECEFF1 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0.16px;
    color: #78909C;
    text-align: center;
    line-height: 50px;
    right: 12px;
    /*position: absolute;*/
    margin-top: 3px;
    margin-left: 10px;
    float: right;
    cursor: pointer;
}
.header .vip-btn:hover {
    background-color: #d51118;
    color: #FFFFFF;
}
.header .vip-btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(101%) contrast(104%);
}

.header .profile-btn {
    width: 50px;
    height: 50px;
    background: #0074DC 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0.16px;
    color: #78909C;
    text-align: center;
    line-height: 35px;
    right: 12px;
    margin-top: 2px;
    margin-left: 10px;
    float: right;
    cursor: pointer;
}
.header .profile-btn .dropdown-toggle::after {
    display: none;
}
.header .profile-btn a {
    color: #78909C;
    padding: 8px 0 8px 13px;
}
.header .profile-btn .dropdown-menu {
    width: 280px;
}
.header .profile-btn .dropdown-item {
    height: 40px;
    line-height: 15px;
}
.header .profile-btn a.dropdown-item img {
    margin-right: 8px;
}

.navbar {
    padding: 0;
    background-color: #ECEFF1;
    color: #1B2327;
}

.navbar-nav {
    text-align: left;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0.16px;
    color: #1B2327;
    opacity: 1;
}
.navbar-nav .nav-link {
    text-align: left;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0.16px;
    color: #1B2327;
    opacity: 1;
}
.navbar-nav .nav-link.active {
    background-color: #E2E6E9;
    color: #000000;
}

.header-right .social-icons {
    display: inline-block;
}
.header-right .header-buttons {
    display: inline-block;
    margin-left: 50px;
}
.header-right .header-buttons button {
    margin-left: 10px;
}
.header-right .header-buttons button:first-child {
    margin-left: 0;
}

.navbar-expand-md .navbar-nav .nav-item.active {
    background-color: #E2E6E9;
    color: #000000;
}
.navbar-expand-md .navbar-nav .nav-item.extra {
    background-color: #ED1C24;
}
.navbar-expand-md .navbar-nav .nav-item.extra .nav-link {
    color: #ffffff;
}
.navbar-expand-md .navbar-nav .nav-item .nav-link {
    padding-right: 20px;
    padding-left: 20px;
    height: 57px;
    line-height: 40px;
}
@media (min-width: 992px) {
    .navbar-expand-md .navbar-nav .nav-item .nav-link {
        padding-right: 30px;
        padding-left: 30px;
    }
    .navbar-expand-md .navbar-nav .nav-item:first-child .nav-link{
        /*padding-left: 0;*/
    }

    .navbar-expand-md .navbar-nav .nav-item .nav-link:hover {
        background-color: #E2E6E9;
        color: #000000;
    }
}
.canvas-menu {
    background: #FFF;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 74px 24px;
    position: fixed;
    right: -350px;
    top: 0;
    width: 300px;
    z-index: 6;
    -webkit-box-shadow: -4px 0 20px rgba(32, 54, 86, 0.1);
    -moz-box-shadow: -4px 0 20px rgba(32, 54, 86, 0.1);
    box-shadow: -4px 0 20px rgba(32, 54, 86, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.canvas-menu.open {
    -webkit-transform: translateX(-350px);
    -moz-transform: translateX(-350px);
    -ms-transform: translateX(-350px);
    -o-transform: translateX(-350px);
    transform: translateX(-350px);
}
.canvas-menu .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    position: absolute;
    padding: 5px;
    color: #1B2327;
    border: 0;
    border-radius: 5px;
    right: 43px;
    top: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.canvas-menu .btn-close:focus {
    outline: none;
    box-shadow: none;
}
.canvas-menu .btn-close:hover {
    opacity: 1;
}
.canvas-menu .logo {
    margin-bottom: 80px;
    margin-top: 50px;
    width: 100%;
}
.canvas-menu nav {
    width: 100%;
}
.canvas-menu .vertical-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
}
.canvas-menu .vertical-menu li.openmenu > a {
    color: #203656;
}
.canvas-menu .vertical-menu li.openmenu .switch {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.canvas-menu .vertical-menu li {
    text-align: center;
    padding: 10px 0;
    position: relative;
    list-style: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 8px;
}

.canvas-menu .vertical-menu li:hover {
    background-color: #ED1C24;
}
.canvas-menu .vertical-menu li:hover a {
    color: #ffffff;
}

.canvas-menu .vertical-menu li.active a {
    color: #ED1C24;
}
.canvas-menu .vertical-menu li.active .submenu a {
    color: #79889e;
}
.canvas-menu .vertical-menu li.active .submenu a:hover {
    color: #203656;
}
.canvas-menu .vertical-menu li .switch {
    border: solid 1px #EBEBEB;
    border-radius: 5px;
    font-size: 10px;
    display: inline-block;
    padding: 10px;
    line-height: 1;
    cursor: pointer;
    color: #FE4F70;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
}
.canvas-menu .vertical-menu li a {
    color: #1B2327;
    font: normal normal normal 16px/21px Roboto;
    text-decoration: none;
    position: relative;
}
.canvas-menu .submenu {
    display: none;
    padding: 10px 20px;
}
.canvas-menu .submenu li {
    padding: 5px 0;
}
.canvas-menu .submenu li:after {
    content: "";
    display: none;
}
.canvas-menu .submenu li a {
    color: #79889e;
    font-size: 14px;
    font-weight: 400;
}
.canvas-menu .submenu li a:hover {
    color: #203656;
}

/*=================================================================*/
/*                      SECTIONS
/*=================================================================*/
.site-wrapper .main-overlay {
    opacity: 0;
    visibility: hidden;
    filter: blur(2px);
    background: #fff;
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-wrapper .main-overlay.active {
    opacity: 0.6;
    visibility: visible;
}

section {
    position: relative;
}

.main-content {
    margin: 205px 15px 60px;
}



/*=================================================================*/
/*                      FOOTER
/*=================================================================*/
footer {
    margin-top: 50px;
    background-color: #ECEFF1;
    color: #000000;
}
footer .footer-top{
    padding: 75px 0 45px;
}
footer .footer-top img.logo{
    width: 205px;
    height: 90px;
}
footer .footer-top li {
    padding: 15px 15px;
}
footer .footer-bottom{
    border-top: 1px solid #37464F;
    padding: 30px 0;
}
footer .footer-bottom li {
    padding: 15px 0 15px 50px;
}
footer .social-icons img {
    height: 24px;
    width: 24px;
}
footer .social-icons li {
    padding: 15px 0;
}
footer .social-icons li:not(:last-child) {
    margin-right: 30px;
}
footer .social-icons li:first-child {
    /*margin-left: 30px;*/
}
footer .footer-top a, footer .footer-bottom a{
    color: #1B2327;
    text-decoration: initial;
}
footer .footer-top a:hover, footer .footer-bottom a:hover{
    text-decoration: underline;
}
footer .footer-top .social-icons img { filter: brightness(0) saturate(100%) invert(64%) sepia(22%) saturate(306%) hue-rotate(155deg) brightness(83%) contrast(89%); }
footer .footer-top .social-icons img:hover { filter: brightness(0) saturate(100%) invert(10%) sepia(7%) saturate(1817%) hue-rotate(155deg) brightness(93%) contrast(91%); }

footer .list-item-b2b {
    color: #78909C;
    border: 1px solid #78909C;
}
footer .gdpr {
    margin-bottom: 0;
}

.f-logo {

}
.f-menu {
    padding-top: 15px;
}
.f-social {
    margin-top: 0;
}

/*=================================================================*/
/*                      BLOCK
/*=================================================================*/
.block {
    margin-top: 60px;
}
.block .block-header {
    display: block;
    position: relative;
}
.block .block-header h1, .like-h1, .about-title-wrapper h2 {
    text-align: left;
    font: normal normal bold 24px/28px Roboto;
    letter-spacing: -0.48px;
    color: #1B2327;
    opacity: 1;
}
.block .block-header::after
{
    content: '';
    height: 2px;
    width: 100px;
    position: absolute;
    left: 0;
    /*bottom: -5px;*/
    background: #ebebeb; /* Old browsers */
    background: -moz-linear-gradient(left,  #ebebeb 0%, #ebebeb 33%, #ebebeb 33%, #0275dc 33%, #0275dc 66%, #ff1e25 66%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ebebeb 0%,#ebebeb 33%,#ebebeb 33%,#0275dc 33%,#0275dc 66%,#ff1e25 66%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ebebeb 0%,#ebebeb 33%,#ebebeb 33%,#0275dc 33%,#0275dc 66%,#ff1e25 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ff1e25',GradientType=1 ); /* IE6-9 */
}
.block-header-right a {
    float: right;
    color: #78909C;
    text-align: right;
    font: normal normal 400 14px/14px Roboto;
    letter-spacing: 0.28px;
}
.block-header-right a:hover {
    color: #ED1C24;
    text-decoration-line: underline;
}
.block .block-content{
    margin-top: 50px;
}

.row-news {
    margin-left: calc(-0.2 * var(--bs-gutter-x));
    margin-right: calc(-1 * var(--bs-gutter-x));
}
.row-news.block-desc {
    margin-top: 50px;
    color: #1B2327;
}
.row-popular, .row-categories {
    margin-right: calc(-1.25 * var(--bs-gutter-x));
}
.cat-single-wrapper, .popular-single-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}
.cat-single-wrapper {
    /*height: 230px;*/
    color: #eceff1;
}
.popular-single-wrapper {
    /*height: 430px;*/
    margin-bottom: 60px;
}
.selection-single-wrapper {
    /*height: 390px;*/
    margin-bottom: 60px;
    position: relative;
    background-size: cover;
    border-radius: 12px;
}
.cat-single, .popular-single, .selection-single, .cat-single {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.cat-single, .cat-single {
    /*height: 230px;*/
}
.selection-single  {
    background-size: cover;
    /*height:180px;*/
}
.video .block-content .playlist .block-sidevideo { margin-left: 0; margin-right: 0; margin-bottom: 15px; }
.col-lg-4.playlist.order-3 { padding-top: 60px; }
.col-lg-4.playlist.order-lg-2.order-3 { padding-top: 0; }

.selection-single-wrapper.extra .selection-single {
    background-size: cover;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    min-height: 250px;
}
.selection-single-wrapper.extra .title {
    color: #ffffff;
    text-align: center;
    font: normal normal 800 48px/48px ropa-mix-pro;
    letter-spacing: -0.48px;
    margin-top: 35px;
}

.selection-single-wrapper.extra .btn-prim {
    cursor: pointer;
    width: 140px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 35px;
    position: absolute;
    text-align: center;
}
.selection-single img {
    width: 100%;
}


.sidevideo-thumbnail {
    position: relative;
    background-size: cover;
    /*height: 95px;*/
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}
.cat-count, .popular-count {
    position: absolute;
    bottom: 15px;
    right: 20px;
    text-align: right;
    color: #eceff1;
}
.cat-sub-title{
    position: absolute;
    bottom: 15px;
    left: 20px;
    text-align: left;
    color: #eceff1;
}
.cat-title, .popular-title, .best-title, .selection-title, .news-title, .post-title {
    text-align: left;
    font: normal normal 800 24px/28px ropa-mix-pro;
    letter-spacing: -0.24px;
    opacity: 1;
}
.cat-title {
    position: absolute;
    bottom: 50px;
    left: 20px;
    color: #eceff1;
}
.popular-title, .post-title {
    position: relative;
    margin-top: 15px;
    color: #1B2327;
}
.post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.selection-title {
    margin-top: 15px;
    color: #1B2327;
}
.post-date{
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.14px;
    color: #78909C;
    opacity: 1;
    margin-top: 10px;
}
.sidevideo-desc {
    position: relative;
}
.sidevideo-title {
    color: #1B2327;
    font: normal normal 800 16px/20px ropa-mix-pro;
    letter-spacing: -0.16px;
    position: absolute;
    top: 1px;
}
.sidevideo-author {
    color: #78909C;
    font: normal normal 400 12px/18px Roboto;
    letter-spacing: 0.12px;
    /*position: absolute;*/
    /*bottom: 22px;*/
}
.sidevideo-info {
    color: #78909C;
    font: normal normal 400 12px/18px Roboto;
    letter-spacing: 0.12px;
    position: absolute;
    bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    bottom: -2px;
}

.popular-author{
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.14px;
    color: #78909C;
    opacity: 1;
    margin-top: 10px;
}
.popular-info{
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.14px;
    color: #78909C;
    opacity: 1;
    margin-top: 5px;
}
.popular-time{
    text-align: left;
    font: normal normal normal 12px/18px Roboto;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    opacity: 1;
    padding: 3px 5px;
    background-color: red;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.popular-cat {
    text-align: left;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 0.28px;
    color: #78909C;
    opacity: 1;
    margin-top: 25px;
}

.categories-slick, .popular-slick, .news-slick {
    margin-right: -10px;
    margin-left: -10px;
}

.best-wrapper, .news-wrapper {
    background-color: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.20);
    opacity: 1;
    overflow: hidden;
    margin: 20px 10px 20px 0;
}
.best-wrapper, .news-wrapper, .selection-single-wrapper, .popular-single-wrapper, .cat-single-wrapper, .block-sidevideo {
    cursor: pointer;
}
.best-image-wrapper, .news-image-wrapper {
    position: relative;
    /*min-height: 500px;*/
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}
/*.popular-image,*/
.best-image, .news-image, .selection-image, .sidevideo-image {
    /*.best-image, .news-image, .popular-image, .selection-image, .cat-image, .sidevideo-image {*/
    background-size:cover;
    /*width:100%;*/
    height:100%;
    transition: transform 0.5s;
    padding-bottom: 56.25%;
}
/*.popular-image, */
.selection-image, .best-image, .news-image {
    /*.best-image, .news-image, .popular-image, .selection-image, .cat-image, .sidevideo-image {*/
    padding-bottom: 56.25%;
    background-size: cover;
}
.cat-image, .popular-image-wrapper picture, .news-image-wrapper picture, .best-image-wrapper picture,
.popular-image-wrapper img, .news-image-wrapper img, .best-image-wrapper img, .selection-single img,
.post-image-wrapper img {
    /*padding-bottom: 75%;*/
    transition: transform 0.5s;

}

.cat-image-wrapper {
    aspect-ratio: 4/3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.cat-image-wrapper img, .cat-image-wrapper picture {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular-image-wrapper, .news-image-wrapper, .best-image-wrapper {
    aspect-ratio: 16/9;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.popular-image-wrapper img, .popular-image-wrapper picture,
.news-image-wrapper img, .news-image-wrapper picture,
.best-image-wrapper img, .best-image-wrapper picture {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.sidevideo-image {
    padding-bottom: 56.25%;
    background-size: cover;
}

.news-wrapper:hover .news-image, .best-wrapper:hover .best-image, .popular-single-wrapper:hover .popular-image-wrapper picture,
.selection-single-wrapper:hover .selection-image, .cat-single-wrapper:hover .cat-image, .block-sidevideo:hover .sidevideo-image {
    transform: scale(1.10);
}
.news-wrapper:hover .news-title, .best-wrapper:hover .best-title, .popular-single-wrapper:hover .popular-title,
.selection-single-wrapper:hover .selection-title, .block-sidevideo:hover .sidevideo-title,
.post-single:hover .post-title {
    color: #ED1C24;
}
.news-wrapper:hover img, .best-wrapper:hover img, .selection-single:hover img, .post-image-wrapper:hover img {
    transform: scale(1.10);
}

.best-desc, .news-desc {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
}
.best-time, .news-time, .popular-time, .selection-time, .sidevideo-time {
    text-align: left;
    font: normal normal normal 12px/18px Roboto;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    opacity: 1;
    padding: 2px 8px;
    background-color: #ED1C24;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
}
.best-time, .news-time {
    right: 30px;
    bottom: 30px;
}
.popular-time, .selection-time {
    right: 12px;
    bottom: 12px;
}
.sidevideo-time {
    right: 5px;
    bottom: 5px;
    padding: 0 6px;
}
.best-title, .news-title {
    position: relative;
    margin-bottom: 30px;
    color: #1B2327;
}
.best-author, .news-author{
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.14px;
    color: #78909C;
    opacity: 1;
    margin-bottom: 5px;
}
.best-info, .news-info {
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.14px;
    color: #78909C;
    opacity: 1;
    margin-bottom: 25px;

}
.best-cat, .news-cat {
    text-align: left;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 0.28px;
    color: #78909C;
    opacity: 1;
    margin-bottom: 25px;
}

.news-author {
    margin-top: 27px;
}
.news-description {
    color: #1B2327;
    font: normal normal 400 16px/24px Roboto;
}

.news-desc {
    margin-top: var(--bs-gutter-y);
    margin-bottom: 24px;
}
.selection-author{
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.14px;
    color: #78909C;
    opacity: 1;
    margin-top: 10px;
}
.selection-info{
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.14px;
    color: #78909C;
    opacity: 1;
    margin-top: 5px;
}

.selection-cat {
    text-align: left;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 0.28px;
    color: #78909C;
    opacity: 1;
    margin-top: 25px;
}

.supporter-single-wrapper {
    margin-bottom: 20px;
}
.supporter-single {
    height: 140px;
    line-height: 140px;
    border: 1px solid #ECEFF1;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.supporter-footer{
    margin-top: 20px;
    color: #000;
    font: normal normal 700 16px/24px Roboto;
    letter-spacing: -0.16px;
}

.about-video-wrapper{
    border-radius: 12px;
    box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.20);
}
.about-title{
    /*margin-top: 70px;*/
    text-align: left;
    font: normal normal 800 48px/52px ropa-mix-pro;
    letter-spacing: -0.48px;
    color: #000000;
    opacity: 1;
}
.about-description{
    text-align: left;
    font: normal normal normal 16px/24px Roboto;
    letter-spacing: -0.16px;
    color: #000000;
    opacity: 1;
    margin-top: 50px;
}
.about-buttons, .video-buttons, .error-buttons{
    display: flex;
    margin-top: 60px;
    margin-bottom: 100px;
}
.about-text-wrapper {
    z-index: 2;
}
.about-image-wrapper {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.block.about-head h1 {
    color: #1B2327;
    font: normal normal 800 48px/52px ropa-mix-pro;
    letter-spacing: -0.48px;
    padding-bottom: 20px;
}
.block.about h2 {
    color: #1B2327;
    font: normal normal 800 36px/36px ropa-mix-pro;
    letter-spacing: -0.36px;
}
.block.about h3 {
    color: #1B2327;
    font: normal normal 700 20px/40px Roboto;
    letter-spacing: -0.20px;
    margin-top: 0;
    margin-bottom: 0;
}

.block.joinus h1, .block.contact h1, .block.donate h1, .block.blog h1 {
    color: #1B2327;
    font: normal normal 800 48px/52px ropa-mix-pro;
    letter-spacing: -0.48px;
    padding-bottom: 20px;
}
.block.joinus h2, .block.contact h2, .block.donate h2, .block.blog h2 {
    color: #1B2327;
    font: normal normal 800 36px/36px ropa-mix-pro;
    letter-spacing: -0.36px;
}

.block.competition h1 {
    color: #1B2327;
    font: normal normal 800 48px/52px ropa-mix-pro;
    letter-spacing: -0.48px;
}

.block.competition .perex {
    color: #1B2327;
    font: normal normal 400 20px/40px Roboto;
    letter-spacing: -0.2px;
}
.block.competition .howto {
    margin-top: 60px;
}
.block.competition .howto h2 {
    color: #1B2327;
    font: normal normal 800 36px/40px ropa-mix-pro;
    letter-spacing: -0.36px;
}
.block.competition .howtodetail {
    color: #1B2327;
    font: normal normal 700 20px/40px Roboto;
    letter-spacing: -0.2px;
}
.block.competition .timeplane {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.32);
    text-align: center;
    padding: 24px 36px;

    color: #1B2327;
    font: normal normal 700 32px/40px Roboto;
    letter-spacing: -0.32px;
}
.block.competition .form-wrapper {
    margin-top: 70px;
}
.block.competition a {
    text-decoration: underline;
}
.block.competition .form-wrapper h2 {
    color: #1B2327;
    font: normal normal 800 36px/40px ropa-mix-pro;
    letter-spacing: -0.36px;
}

.block.competition .hero-image-wrapper{
    margin-top: 50px
}
.block.competition .consent-wrapper {
    width: 80%;
    color: #1B2327;
    font: normal normal 400 15px/24px Roboto;
    letter-spacing: -0.15px;
}
.block.competition .gdpr-wrapper {
    color: #1B2327;
    font: normal normal 600 16px/21px Roboto;
    letter-spacing: 0.08px;
}

.block.error h1 {
    color: #1B2327;
    font: normal normal 800 48px/52px ropa-mix-pro;
    letter-spacing: -0.48px;
}
.block.error .title {
    color: #1B2327;
    font: normal normal 700 24px/28px Roboto;
    letter-spacing: -0.48px;
    margin-top: 0;
    margin-bottom: 40px;
}
.block.error .description {
    color: #1B2327;
    font: normal normal 400 20px/40px Roboto;
    letter-spacing: -0.20px;
    margin-top: 0;
    margin-bottom: 50px;
}

.joinus-head-text-wrapper, .donate-head-text-wrapper{
    color: #1B2327;
    font: normal normal 400 20px/40px Roboto;
    letter-spacing: -0.2px;
}

.about .realization-text-wrapper {
    display: flex;
    padding: 64px 36px 36px 36px;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.20);
    width: calc(33.3333% - 30px);
    margin: 30px 15px;
    position: relative;
}
.about .realization-text-wrapper .number {
    display: flex;
    padding: 14px 24px 14px 25px;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    position: absolute;
    left: 36px;
    top: -35px;
    border-radius: 8px;
    background: #1B2327;
    color: #FFFFFF;
    text-align: center;
    font: normal normal 700 36px/36px Roboto;
    letter-spacing: -0.36px;
}

.about .mediaspace-grid-wrapper, .about .events-grid-wrapper {
    display: flex;
    padding: 36px;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.20);
    text-align: left;
    width: calc(50% - 30px);
    margin: 15px;
}
.about .mediaspace-grid-wrapper {
    width: calc(50% - 30px);
}
.about .events-grid-wrapper {
    width: calc(25% - 30px);
}
.about .events-grid-title{
    height: 80px;
}

.about .events-text-wrapper, .about .mediaspace-text-wrapper {
    margin-bottom: 20px;
}

.about.about-hero {
    display: flex;
    padding: 36px;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.20);
}

.about-hero .block-content {
    margin-top: 0;
}
.about-hero .title {
    color: #1B2327;
    font: normal normal 800 64px/64px ropa-mix-pro;
    letter-spacing: -0.64px;
}
.about-hero .subtitle {
    color: #1B2327;
    font: normal normal 800 48px/48px ropa-mix-pro;
    letter-spacing: -0.48px;
    margin-top: 40px;
}
.hero-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hero-form-wrapper {
    display: flex;
    justify-content: left;
    align-items: flex-start;
}
.hero-form-wrapper label {
    color: #1B2327;
    font: normal normal 700 16px/21px Roboto;
    letter-spacing: 0.08px;
    margin-top: 18px;
}
.hero-form-wrapper form {
    width: 100%
}
.hero-form-wrapper input[type="text"], .hero-form-wrapper input[type="email"], .hero-form-wrapper textarea{
    width: 80%;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #78909C;
    background: #FFFFFF;
    padding-left: 15px;
    /*margin-bottom: 24px;*/
}
.hero-form-wrapper textarea {
    height: 120px;
}
.hero-form-wrapper input[type="checkbox"] {
    margin-right: 19px;
    margin-bottom: 5px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.flash.info {
    font: normal normal 400 20px/40px Roboto;
    color: #0275dc;
}


.gdpr-wrapper {
    color: #1B2327;
    font: normal normal 400 16px/22px Arial;
    margin-top: 20px;
}
.gdpr-wrapper a {
    text-decoration: underline;
}

.gdpr h1, .cookies h1 {
    color: #1B2327;
    font: normal normal 700 34px/42px Roboto;
    margin: 35px 0;
    text-align: center;
}
.gdpr h2, .cookies h2 {
    font: normal normal 700 26px/35px Roboto;
    margin: 10px 0;
    text-align: center;
}
.gdpr h3, .cookies h3 {
    font: normal normal 700 26px/35px Roboto;
    margin: 35px 0;
}
.gdpr h3, .cookies h4 {
    font: normal normal 500 21px/24px Roboto;
    margin: 35px 0;
}
.gdpr .text, .cookies .text {
    font: normal normal 400 20px/30px Roboto;
    text-align: justify;
    margin: 30px 0;
}
.gdpr .list, .cookies .list {
    font: normal normal 400 20px/30px Roboto;
    text-align: justify;
    display: inline-flex;
    width: 100%;
}
li.list:last-child {
    margin-bottom: 30px;
}
.gdpr .list .ord, .cookies .list .ord { min-width: 50px; }
.gdpr .perex, .cookies .perex {
    font: normal normal 400 20px/30px Roboto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.help-block.text-danger {
    float: left;
    width: 100%;
}

.button-wrapper {
    margin-top: 43px;
    margin-bottom: 200px;
}
.hero-contact-wrapper .phone, .hero-contact-wrapper .email {
    color: #1B2327;
    font: normal normal 700 24px/28px Roboto;
    letter-spacing: -0.48px;
}
.hero-contact-wrapper .phone {
    margin-bottom: 16px;
}
.hero-contact-wrapper .email {
    margin-bottom: 50px;
}
.hero-contact-wrapper .company {
    color: #1B2327;
    font: normal normal 700 20px/40px Roboto;
    letter-spacing: -0.20px;
}
.hero-contact-wrapper .address, .hero-contact-wrapper .ico, .hero-contact-wrapper .vat, .hero-contact-wrapper .reg_no {
    color: #1B2327;
    font: normal normal 400 20px/40px Roboto;
    letter-spacing: -0.20px;
    /*margin-bottom: 16px;*/
}
.hero-contact-wrapper .address {
    margin-bottom: 50px;
}

.req:after { content: '\a0*'; color: #ED1C24; }

.hero-image-wrapper {
    /*background-image: url('/assets/hero-image.png')*/
}
.socnet-icons-wrapper {
    margin-top: 40px;
    display: flex;
    color: #1B2327;
    font: normal normal 700 20px/40px Roboto;
    letter-spacing: -0.20px;
}
.socnet-icons-text {
    padding-top: 20px;
    padding-right: 25px;
}
.about-socnet .icon-wrapper {
    width: 92px;
    height: 92px;
    display: inline-flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 55px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.20);
    margin-left: 24px;
}
.about-socnet .icon-wrapper:hover {
    background-color: #ED1C24;
}
.about-socnet img { width: 44px; height: auto; }
.about-socnet .icon-wrapper:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(0%) hue-rotate(311deg) brightness(105%) contrast(101%);
}

.block.about .block-content {
    color: #1B2327;
    font: normal normal 400 20px/40px Roboto;
    letter-spacing: -0.20px;
}
.block .about-footer-text-wrapper {
    margin-bottom: 150px;
}

.btn-vns {
    padding: 15px 24px;
    border-radius: 8px;
    text-align: left;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0.16px;
    opacity: 1;
    margin-right: 25px;
    display: inline-block;
}
.btn-prim {
    border: 2px solid #ED1C24;
    background-color: #ED1C24;
    color: #ffffff;
    transition: background-color 0.5s ease;
    cursor: pointer;
}
.btn-prim:hover {
    border: 2px solid #D51118;
    background-color: #D51118;
}
.btn-sec {
    border: 2px solid #ED1C24;
    background-color: #ffffff;
    color: #ED1C24;
    transition: background-color 0.5s ease;
    cursor: pointer;
}
.btn-sec:hover {
    background-color: #ED1C24;
    color: #ffffff;
}
.btn-empty {
    border: 2px solid #ECEFF1;
    background-color: #ECEFF1;
    color: #78909C;
    transition: background-color 0.5s ease;
    cursor: pointer;
}
.btn-empty:hover {
    color: #D51118;
}
.btn-100 {
    width: 100%;
}

.categories-list .cat-single-wrapper {
    margin-bottom: 20px;
}

.block .video-single .block-header h1 { color: #1B2327;
    font: normal normal 800 38px/48px ropa-mix-pro;
    font-style: normal;
    letter-spacing: -0.38px;
}
.block .video-single .block-header h2 { color: #1B2327; font: normal normal 700 24px/28px Roboto; font-style: normal; letter-spacing: -0.48px; }

.video-single .title { margin-top: 60px; }
.video-single .video-info { margin-top: 50px; display: flex; justify-content: space-between; }
.video-single .video-info .icons { position: relative; display: flex; line-height: 42px; color: #1B2327; }

.video-single .video-description { margin-top: 50px; }
.video-single .info-category { color: #78909C; font: normal normal 400 14px/normal Roboto; font-style: normal; letter-spacing: 0.28px; margin-bottom: 8px; }
.video-single .info-author { color: #1B2327; font: normal normal 400 16px/18px Roboto; font-style: normal; letter-spacing: 0.16px; margin-bottom: 8px; }
.video-single .info-detail { color: #1B2327; font: normal normal 400 16px/18px Roboto; font-style: normal; letter-spacing: 0.16px; margin-bottom: 60px; }
.video-single .video-description { color: #1B2327; font: normal normal 400 16px/24px Roboto; font-style: normal; margin-bottom: 63px; }
.video-single .video-general { color: #1B2327; font: normal normal 400 16px/24px Roboto; font-style: normal; margin-bottom: 63px; }
.video-single .video-after { color: #1B2327; font: normal normal 400 16px/24px Roboto; font-style: normal; }
.video-single .video-description p { margin-bottom: 30px; }

.video-js { max-width: 100%; aspect-ratio: 16 / 9; height: auto; }

.review-icon, .share-icon, .playlists-icon { width: 42px; height: 42px; padding: 11px; border-radius: 32px; background-color: #78909C;
    text-align: center; display: flex; justify-content: center;
    margin-left: 15px; margin-right: 15px; cursor: pointer; }
.playlists-icon.playlists-add { padding-left: 10px; padding-right: 8px; }
.review-icon:hover, .share-icon:hover, .playlists-icon:hover {
    background-color: #ED1C24;
}

.review-icon img, .share-icon img {
    width: 20px;
    height: 20px;
}

.share-wrapper, .playlists-wrapper {
    background-color: #ffffff;
    z-index: 999;
    position: absolute;
    width: 350px;
    height: 125px;
    right: 0;
    top: 50px;
    border: 1px solid #1B2327;
    border-radius: 10px;
    box-shadow: 0 0 4px #0056A329;
    padding: 10px;
    transition: .5s all linear;
    opacity: 1;
    overflow: hidden;
}

.share-hidden, .playlists-hidden {
    padding: 0 8px;
    opacity: 0;
    height: 0;
}

.share-wrapper.share-buttons {
    display: block;
    max-width: calc(100vw - 54px); /*(15/12/box/12/15)*/
}
.share-wrapper .share-button {
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    width: 50px;
    height: 50px;
}
.share-buttons-wrapper { width: 100%; display: flex;
    gap: 10px; }
.share-wrapper .facebook { background-color: #3b5998; }
.share-wrapper .twitter { background-color: #1da1f2; }
.share-wrapper .linkedin { background-color: #0077b5; }
.share-wrapper .pinterest { background-color: #bd081c; }
.share-wrapper .reddit { background-color: #ff4500; }
.share-wrapper .whatsapp { background-color: #25d366; }
.share-wrapper .fake-text-input {
    position: relative;
    border: 1px solid grey;
    margin-top: 10px;
    padding: 5px;
    height: 42px;
    border-radius: 5px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
}
.share-wrapper .fake-text-input .copy-btn {
    position: absolute;
    z-index: 999;
    right: 0;
    top: 0;
    padding: 5px 5px 5px 20px;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10px, rgba(255, 255, 255, 1) 100%);
    color: #ED1C24;
    cursor: pointer;
}
.playlist-wrapper {
    cursor: pointer;
}


/*=================================================================*/
/*                      SEARCH POPUP
/*=================================================================*/
.search-popup {
    background: white;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 6;
    opacity: 0;
    visibility: hidden;
}
.search-popup.visible {
    opacity: 1;
    visibility: visible;
    animation: growOut 500ms ease-in-out forwards;
}
.search-popup .search-content {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 650px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.search-popup .btn-close {
    right: 30px;
    top: 30px;
    position: absolute;
}

/*=================================================================*/
/*                      HELPER
/*=================================================================*/
.rounded {
    border-radius: 10px !important;
}

.bordered {
    border: solid 1px #EBEBEB;
}

.padding-30 {
    padding: 30px;
}

.alignleft {
    float: left;
    margin: 0.375em 1.75em 1em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1em 1.75em;
}

/*::selection {*/
/*    color: #FFF;*/
/*    background: #FE4F70;*/
/*    !* WebKit/Blink Browsers *!*/
/*}*/

/*::-moz-selection {*/
/*    color: #FFF;*/
/*    background: #FE4F70;*/
/*    !* Gecko Browsers *!*/
/*}*/

/*=================================================================*/
/*                     BUTTONS
/*=================================================================*/
button {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
button:focus {
    outline: none;
    box-shadow: none !important;
}

.btn {
    color: #FFF;
    border: 0;
    border-radius: 25px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*=================================================================*/
/*                     BOOTSTRAP ELEMENTS
/*=================================================================*/
.form-control {
    display: block;
    border-radius: 25px;
    width: 100%;
    padding: 8px 24px;
    font-size: 14px;
    line-height: 1.6;
    color: #8F9BAD;
    background-color: #FFF;
    background-image: none;
    border: solid 1px #EBEBEB;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: #FE4F70;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group {
    margin-bottom: 30px;
}

.input-group-addon {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9faabb;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #9faabb;
}

.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #9faabb;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #9faabb;
}

/* === Alert === */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: 0;
    right: 0;
    color: inherit;
}

/* === Nav Tabs === */
.nav-tabs {
    border-bottom: 0;
}

.tab-content {
    position: relative;
}

/*=================================================================*/
/*                      THEME ELEMENTS
/*=================================================================*/
/* === Go to Top === */
#return-to-top {
    color: #8F9BAD;
    font-size: 13px;
    border: solid 1px #EBEBEB;
    text-decoration: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 6px 20px;
    z-index: 4;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#return-to-top i {
    font-size: 11px;
    vertical-align: middle;
    margin-right: 10px;
}

#return-to-top:hover {
    color: #FE4F70;
    border-color: #FE4F70;
}
/*=================================================================*/
/*                      SLICK SETTINGS
/*=================================================================*/
.slick-slide {
    height: auto;
    outline: none;
}

.slick-next, .slick-prev {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: transparent;
    border-radius: 50%;
    border: solid 1px #EBEBEB;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slick-next:hover, .slick-next:focus, .slick-prev:hover, .slick-prev:focus {
    background: #FFF;
    border-color: #EBEBEB;
}
.slick-next:hover:before, .slick-next:focus:before, .slick-prev:hover:before, .slick-prev:focus:before {
    color: #FFA387;
}

.slick-prev {
    left: -30px;
}

.categories .slick-next, .categories .slick-prev, .popular .slick-next, .popular .slick-prev,
.news .slick-next, .news .slick-prev, .gallery-slick .slick-next, .gallery-slick .slick-prev {
    width: 64px;
    height: 64px;
    line-height: 64px;
    border: white;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.4;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.categories .slick-prev, .popular .slick-prev{
    left: -12px;
}
.categories .slick-next, .popular .slick-next{
    right: -12px;
}
.news .slick-prev, .gallery-slick .slick-prev{
    left: -20px;
}
.news .slick-next, .gallery-slick .slick-next{
    right: -20px;
}

.popular .slick-prev, .popular .slick-next{
    top: 50%;
    -webkit-transform: translateY(-110px);
    -moz-transform: translateY(-110px);
    -ms-transform: translateY(-110px);
    -o-transform: translateY(-110px);
    transform: translateY(-110px);
}

.news .slick-prev, .news .slick-next, .gallery-slick .slick-prev, .gallery-slick .slick-next {
    top: 50%;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
}


.slick-prev:hover {
    background: #ED1C24;
    opacity: 0.6;
}

.slick-next {
    right: -30px;
}
.slick-next:hover {
    background: #ED1C24;
    opacity: 0.6;
}

.slick-prev:before, .slick-next:before {
    color: #909090;
    font-size: 10px;
    opacity: 1;
}

.slick-prev:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background-size: 20px 25px;
    background-image: url(/assets/slick-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.slick-next:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background-size: 20px 25px;
    background-image: url(/assets/slick-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
    position: relative;
    bottom: 0;
    padding: 0;
    margin: 25px 0 0;
}

.slick-dots li {
    width: 6px;
    height: 6px;
    margin: 6px 9px;
}

.slick-dots li.slick-active {
    width: 24px;
    height: 24px;
}

/*.slick-dots li button {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    padding: 0;*/
/*}*/

.slick-dots li svg:focus{
    outline: none;
}

/*.slick-dots li.slick-active button:before {*/
/*    background: #FE4F70;*/
/*    background: -webkit-linear-gradient(left, #FE4F70 0%, #FFA387 100%);*/
/*    background: linear-gradient(to right, #FE4F70 0%, #FFA387 100%);*/
/*    border-radius: 5px;*/
/*    opacity: 1;*/
/*    width: 25px;*/
/*}*/

/*.slick-dots li button:before {*/
/*    content: "";*/
/*    background: #d4d4d4;*/
/*    border-radius: 50%;*/
/*    opacity: 1;*/
/*    top: 8px;*/
/*    left: 8px;*/
/*    height: 8px;*/
/*    width: 8px;*/
/*}*/

/*.slick-arrows-top {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 0;*/
/*    -webkit-transform: translate(0px, -50%);*/
/*    -moz-transform: translate(0px, -50%);*/
/*    -ms-transform: translate(0px, -50%);*/
/*    -o-transform: translate(0px, -50%);*/
/*    transform: translate(0px, -50%);*/
/*}*/

/*.slick-arrows-bot {*/
/*    position: relative;*/
/*    text-align: center;*/
/*    margin-top: 20px;*/
/*}*/

/*.slick-custom-buttons {*/
/*    color: #909090;*/
/*    font-size: 10px;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    line-height: 30px;*/
/*    text-align: center;*/
/*    background: #FFF;*/
/*    border-radius: 50%;*/
/*    border: solid 1px #EBEBEB;*/
/*    padding: 0;*/
/*    -webkit-transition: all 0.3s ease-in-out;*/
/*    -moz-transition: all 0.3s ease-in-out;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.slick-custom-buttons:hover {*/
/*    color: #FE4F70;*/
/*    border-color: #FE4F70;*/
/*}*/


.news-slick .slick-dots li { width: 24px; height: 24px; }
.news-slick .slick-dots li.slick-active { padding: 0; }
.news-slick .slick-dots li img {
    width: 24px;
    height: 24px;
    padding: 0;
}

.news-slick .slick-dots li path.base-timer__circle { display: none; }
.news-slick .slick-dots li.slick-active path.base-timer__circle { display: block; }

.gallery-slick .slick-dots li { width: 24px; height: 24px; }
.gallery-slick .slick-dots li.slick-active { padding: 0; }
.gallery-slick .slick-dots li img {
    width: 24px;
    height: 24px;
    padding: 0;
}

.gallery-slick .slick-dots li path.base-timer__circle { display: none; }
.gallery-slick .slick-dots li.slick-active path.base-timer__circle { display: block; }



.base-timer__svg {
    /* Flips the svg and makes the animation to move left-to-right */
    transform: scaleX(-1);
}

/*=================================================================*/
/*                      RESPONSIVE SETTINGS
/*=================================================================*/
/*@media (min-width: 1200px) {*/
/*    .container, .container-lg, .container-md, .container-sm, .container-xl {*/
/*        max-width: 1140px;*/
/*    }*/
/*}*/
/*@media (min-width: 1400px) {*/
/*    .container, .container-lg, .container-md, .container-sm, .container-xl {*/
/*        max-width: 1140px;*/
/*    }*/
/*}*/
/*@media (min-width: 1400px) {*/
/*    .container-xxl {*/
/*        max-width: 1320px;*/
/*    }*/
/*}*/

.container-xxl {
    max-width: 1320px;
}

@media only screen and (max-width: 768px) {
    .header-right .social-icons {
        display: none;
    }
}
@media only screen and (max-width: 1200px) {
    .block.about.about-hero .title {
        font: normal normal 800 48px/48px ropa-mix-pro;
        letter-spacing: -0.36px;
    }
    .block.about.about-hero .subtitle {
        font: normal normal 800 36px/36px ropa-mix-pro;
        letter-spacing: -0.48px;
    }
    .about .events-grid-wrapper {
        width: calc(50% - 30px);
    }

    .sidevideo-title{
        line-height: 18px;
        top: -1px
    }

}
@media only screen and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
        animation: growOut 300ms ease-in-out forwards;
        transform-origin: top center;
    }

    @keyframes growOut {
        0% {
            transform: scale(0);
        }
        80% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

.supporter-single {
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: 13% 19%;
    background-size: contain;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(27,35,39,0.08), 0px 6px 6px 0px rgba(27,35,39,0.07), 0px 13px 8px 0px rgba(27,35,39,0.04), 0px 23px 9px 0px rgba(27,35,39,0.01), 0px 36px 10px 0px rgba(27,35,39,0.00);
    -moz-box-shadow: 0px 1px 3px 0px rgba(27,35,39,0.08), 0px 6px 6px 0px rgba(27,35,39,0.07), 0px 13px 8px 0px rgba(27,35,39,0.04), 0px 23px 9px 0px rgba(27,35,39,0.01), 0px 36px 10px 0px rgba(27,35,39,0.00);
    box-shadow: 0px 1px 3px 0px rgba(27,35,39,0.08), 0px 6px 6px 0px rgba(27,35,39,0.07), 0px 13px 8px 0px rgba(27,35,39,0.04), 0px 23px 9px 0px rgba(27,35,39,0.01), 0px 36px 10px 0px rgba(27,35,39,0.00);
}
.supporter-single:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 991px) {
    .about .events-grid-wrapper {
        width: calc(50% - 30px);
    }
    .block.about.about-hero .title {
        font: normal normal 800 36px/36px ropa-mix-pro;
        padding-right: 50px;
    }
    .block.about.about-hero .subtitle {
        font: normal normal 800 32px/32px ropa-mix-pro;
    }
    footer .footer-top {
        padding: 45px 0 15px;
    }
    footer .copyright {
        line-height: 12px;
        padding-left: 15px;
    }
    footer .footer-bottom {
        padding: 0;
    }
    footer .footer-bottom li {
        width: 100%;
        text-align: right;
        padding: 15px;
    }
    footer .footer-bottom li:not(:first-child) {
        padding-top: 6px;
    }
    footer .footer-bottom li:not(:last-child) {
        padding-bottom: 6px;
    }
    .video .block-content .playlist .block-sidevideo { margin-top: 25px; margin-left: 0; margin-right: 0; }
    .sidevideo-title {
        font: normal normal 800 26px/28px ropa-mix-pro;
    }
    .sidevideo-author, .sidevideo-detail {
        font: normal normal 400 18px/28px Roboto;
    }
}

@media only screen and (max-width: 768px) {
    header.mobile { height: 64px; border-bottom: 2px solid #e7ebed;  }
    header.mobile .container { height: 100%;
        padding: 6px 15px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        background-color: #fff;
    }
    header.mobile .logo { height: 50px; /*height: 100%;*/ }
    header.mobile .icon.menu .burger { display: block; }
    header.mobile .icon.menu .close { display: none; }
    header.mobile .icon.menu.active .burger { display: none; }
    header.mobile .icon.menu.active .close { width: 32px; display: block; }

    .main-content { margin-top: 25px; }
    .container-xxl { padding-left: 16px; padding-right: 16px; margin-top: 90px; }
    footer .container-xxl { text-align: center; }

    footer .f-logo {
        text-align: center;
    }
    footer .pages li.list-inline-item {
        width: auto;
    }
    footer .footer-bottom li.list-inline-item {
        text-align: center;
        width: 100%;
        padding: 10px;
        margin-right: 0;
    }
    footer .copyright {
        margin-top: 35px;
    }
    footer .gdpr {
        margin-bottom: 25px;
    }

    .block { margin-top: 25px; }
    .block.news, .block.about, .block.joinus, .block.donate, .block.contact, .block.error, .block.competition, .block.blog  { margin-top: 90px; }
    .block.joinus-head .block-header h1, .block.contact-head .block-header h1,
    .block.competition .block-header h1, .block.donate-head .block-header h1 {
        text-align: left;
        font: normal normal 800 36px/40px ropa-mix-pro;
        letter-spacing: -0.36px;
        color: #1B2327;
        opacity: 1;
    }
    .block.joinus-form .block-header h2, .block.contact-form .block-header h2, .block.competition .block-header h2 {
        text-align: left;
        font: normal normal 800 28px/28px ropa-mix-pro;
        letter-spacing: -0.28px;
        color: #1B2327;
        opacity: 1;
    }

    .block.video .block-content {
        margin-top: 0;
    }
    .block.video {
        margin-top: 64px;
    }

    .block.video .video-js {
        position: fixed;
        z-index: 9999;
        margin-left: -31px;
        width:100vw;
    }

    .video-single .title {
        margin-top: calc(52px + (100vw * 9 / 16));
    }

    .about.about-hero {
        padding: 12px;
    }
    .hero-text-wrapper{
        padding: 10px 20px;
    }
    .block.about.about-hero .title {
        font: normal normal 800 26px/30px ropa-mix-pro;
        padding-right: 50px;
    }
    .block.about.about-hero .subtitle {
        font: normal normal 800 23px/32px ropa-mix-pro;
    }

    .block.popular.popular-one-line{
        margin-top: 75px;
    }
    .row-news.block-desc { margin-left: 0; margin-right: 0; }
    .about-title { font: normal normal 800 36px/40px ropa-mix-pro; }
    .about-buttons {margin-bottom: 30px;
        display: inline; }
    .about-image-wrapper { height: 300px; }

    .copyright { line-height: 12px; }

    /*.supporter-single {*/
    /*    background-position: center center;*/
    /*    background-repeat: no-repeat;*/
    /*    background-origin: content-box;*/
    /*    padding: 13% 19%;*/
    /*    background-size: contain;*/
    /*}*/

    .row-popular, .row-categories {
        margin-right: -16px; margin-left: -16px;
    }
    .categories-slick, .popular-slick  {
        padding-left: 0; padding-right: 0;
        margin-left: 0; margin-right: 0;
    }
    .news-slick {
        margin-left: -12px; margin-right: -12px;
    }

    .cat-single-wrapper, .popular-single-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }


    .categories .slick-next, .categories .slick-prev, .popular .slick-next, .popular .slick-prev {
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
    .categories .slick-prev, .popular .slick-prev {
        left: calc(50% - 50px);     top: calc(100% + 25px);
    }
    .categories .slick-next, .popular .slick-next {
        left: calc(50% + 10px);     top: calc(100% + 25px);
    }
    .slick-prev:before, .slick-next:before {
        background-size: 16px;
    }
    .best-image-wrapper, .news-image-wrapper {
        /*height: 190px; min-height: 190px;*/
    }
    .news-time { display: none; }
    .news-cat, .best-cat { margin-top: 20px;}
    .news-description, .best-description { font-size: 14px; }
    .news-author { margin-top: 20px;}
    .best-wrapper, .news-wrapper { margin: 5px 3px 20px; }
    .best-info, .news-info { margin-bottom: 20px; }
    .best-desc, .news-desc { padding: 0 20px; }
    .best-time { right: 12px; bottom: 12px; }

    .video-single .video-info {
        display: inline-block;
    }
    .video-info .info-detail { margin-bottom: 20px; }
    .video-single .video-info .icons {
        margin-bottom: 45px;
    }
    .review-icon.icon-thumb-up { margin-left: 0; }
    /*.video .block-content .playlist { padding-left: 0; padding-right: 0; }*/
    .video .block-content .playlist .block-sidevideo { margin-left: 0; margin-right: 0; }

    .hero-form-wrapper input[type="text"], .hero-form-wrapper input[type="email"], .hero-form-wrapper textarea { width: 100%; }
    .hero-contact-wrapper, .hero-form-wrapper .button-wrapper { margin-bottom: 50px; }
    .hero-contact-wrapper .phone, .hero-contact-wrapper .email { font-size: 20px; }
    .hero-contact-wrapper .company, .hero-contact-wrapper .address, .hero-contact-wrapper .ico, .hero-contact-wrapper .vat, .hero-contact-wrapper .reg_no  { font-size: 18px; }

    .about .realization-text-wrapper {
        width: calc(100% - 30px);
    }
    .about .mediaspace-grid-wrapper {
        width: calc(50% - 30px);
    }
}
@media only screen and (max-width: 576px) {

    .container-xxl {
        margin-top: 90px;
    }
    .block {
        margin-top: 40px;
    }
    .block .block-header h1, .like-h1, .about-title-wrapper h2 {
        color: #1B2327;
        font-family: Roboto;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.36px;
    }

    .block.category, .block.categories, .block.gdpr, .block.cookies { margin-top: 90px; }
    /*.block.signin, .block.profile { margin-top: 90px; }*/
    .categories .slick-next, .categories .slick-prev {
        top: calc(100% + 35px);
    }
    footer .pages li.list-inline-item { width: 100%; }
    footer .footer-top {
        padding: 50px 0 15px;
    }
    footer .footer-top img.logo {
        width: 150px;
    }
    footer .footer-top .f-left {
        margin: 0;
    }

    .block.popular.popular-one-line .slick-next, .block.popular.popular-one-line .slick-prev {
        top: calc(100% + 65px);
    }

    .block.video {
        margin-top: 64px;
    }
    .video-js {
        margin-left: -16px;
        margin-right: -16px;
        /*max-width: calc(100% + 32px);*/
    }

    .video-js button.vjs-theater-mode-button, .video-js button.vjs-picture-in-picture-control {
        display: none;
    }
    .video-js .vjs-control-bar, .video-js, .video-js .vjs-tech, .vjs-poster img {
        border-radius: 0;

        /*min-width: 100%;*/
        /*min-height:100%;*/
        width:100%;

    }
    .video-js .vjs-progress-control .vjs-progress-holder {
        margin: 0;
        border-radius: 0;
    }
    .vjs-has-started .vjs-control-bar {
        justify-content: space-around;
    }
    .vjs-time-control.vjs-time-divider {
        padding: 0;
        min-width: 0;
    }
    .video-js .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
        border-radius: 0;
    }
    .video-js .vjs-progress-control {
        position: absolute;
        width: 100%;
        height: 7px;
    }
    .video-single .title {
        /*margin-top: 30px;*/
        margin-top: calc(48px + (100vw * 9 / 16));
    }
    .block .video-single .block-header h1{
        text-align: left;
        font: normal normal 800 32px/32px ropa-mix-pro;
        letter-spacing: -0.32px;
        color: #1B2327;
        opacity: 1;
    }
    .block .video-single .block-header h2 {
        text-align: left;
        font: normal normal 700 18px/28px Roboto;
        letter-spacing: -0.36px;
        color: #1B2327;
        opacity: 1;
    }
    .block-header.info, .video-general {
        /*display: none;*/
    }
    .block.video .about-buttons a {
        width: 50%;
        text-align: center;
    }
    .block.video .about-buttons .btn-vns {
        text-align: center;
    }
    .block.video .about-buttons .btn-about-join {
        margin-right: 0;
        margin-left: 12px;
    }
    .block.video .about-buttons .btn-about-more {
        margin-right: 12px;
    }
    .sidevideo-author, .sidevideo-detail {
        font: normal normal 400 12px/16px Roboto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .sidevideo-title {
        font: normal normal 800 16px/18px  ropa-mix-pro;
    }

    .block.about {
        margin-top: 55px;
    }
    .block.about-head h1 {
        font: normal normal 800 36px/40px ropa-mix-pro;
        letter-spacing: -0.36px;
    }
    .block.about-head h2 {
        font: normal normal 800 28px/28px ropa-mix-pro;
        letter-spacing: -0.28px;
    }
    .block.about-head h3 {
        font: normal normal 700 16px/32px Roboto;
    }
    .block.about .block-content {
        font: normal normal 400 16px/32px Roboto;
    }
    .about .realization-text-wrapper {
        padding: 52px 24px 24px 24px;
    }
    .about .realization-text-wrapper .number {
        padding: 12px 20px 12px 20px;
    }
    .block.about.about-hero .title {
        font: normal normal 800 36px/36px ropa-mix-pro;
        letter-spacing: -0.36px;
    }
    .block.about.about-hero .subtitle {
        font: normal normal 800 24px/24px ropa-mix-pro;
        letter-spacing: -0.24px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .block.about.about-video-wrapper, .block.about.about-video-wrapper .block-content {
        margin-top: 80px;
    }
    .block .about-footer-text-wrapper {
        margin-bottom: 50px;
    }
    .socnet-icons-wrapper {
        display: block;
    }
    .about-socnet .icon-wrapper {
        width: 56px; height: 56px;
        padding: 16px;
        margin-left: 0;
        margin-right: 24px;
        margin-top: 10px;
    }
    .about .events-grid-title {
        height: auto;
    }
    .about .mediaspace-grid-wrapper {
        width: calc(100% - 30px);
        padding: 24px;
    }
    .about .events-grid-wrapper {
        width: calc(100% - 30px);
        padding: 24px;
    }
    .block.contact .hero-contact-wrapper {
        margin-bottom: 20px;
    }
    .block.contact .btn-vns, .block.joinus .btn-vns {
        width: 100%;
        text-align: center;
    }
    .block.contact .hero-image-wrapper {
        display: none;
    }
    .block.contact .gdpr-wrapper, .block.joinus .gdpr-wrapper {
        color: #1B2327;
        font: normal normal 400 16px/22px Arial;
        margin-top: 20px;
    }

    .share-wrapper {
        right: auto;
    }
    .playlists-wrapper {
        right: auto;
    }

    .gdpr-wrapper {
        color: #1B2327;
        font: normal normal 400 16px/22px Arial;
        margin-top: 20px;
    }
    .gdpr-wrapper a {
        text-decoration: underline;
    }

    .gdpr h1{
        font: normal normal 700 24px/30px Roboto;
    }
    .gdpr h2{
        font: normal normal 700 18px/22px Roboto;
    }
    .gdpr h3{
        font: normal normal 700 18px/22px Roboto;
    }
    .gdpr .text{
        font: normal normal 400 16px/22px Roboto;
    }
    .gdpr .list{
        font: normal normal 400 16px/22px Roboto;
    }
    .gdpr .list .ord { min-width: 35px; }
    .gdpr .perex{
        font: normal normal 400 16px/22px Roboto;
    }
}

#ct-ultimate-gdpr-cookie-age-popup { display: none; }
/*# sourceMappingURL=style.css.map */


.statute-wrapper {margin-top:90px;}
.winner-wrapper {margin-bottom:24px;}
.winner {text-align: center;border-radius: 8px;background: #ffffff;box-shadow: 0 0 8px 0 rgba(120, 144, 156, 0.32);padding: 36px;height:100%;}
.winner .logo { max-width: 220px; margin: 0 auto 20px; height: 110px; }
.winner .logo img { max-height: 100%;max-width: 100%;margin:auto;}
.winner .contact{margin-bottom: 36px;color: #1B2327;font: normal normal 400 20px/40px Roboto;letter-spacing: -0.2px;}
.winner .contact::after {content: '';height: 2px;width: 90px;display: block;margin: 0 auto;background: #ebebeb; background: -moz-linear-gradient(left,  #ebebeb 0%, #ebebeb 33%, #ebebeb 33%, #0275dc 33%, #0275dc 66%, #ff1e25 66%); background: -webkit-linear-gradient(left,  #ebebeb 0%,#ebebeb 33%,#ebebeb 33%,#0275dc 33%,#0275dc 66%,#ff1e25 66%); background: linear-gradient(to right,  #ebebeb 0%,#ebebeb 33%,#ebebeb 33%,#0275dc 33%,#0275dc 66%,#ff1e25 66%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ff1e25',GradientType=1 );}
.winner .contact p{margin-bottom: 24px;}
.winner .contact p::first-line{font-weight: 700;}
.winner .info{color: #1B2327;font: normal normal 400 20px/40px Roboto;}
.like-h1 {float: left;}


.blog-list .post-single-wrapper {
    margin-bottom: 35px;
}
.blog-list .post-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
}

.post-text-2col .text-wrapper {
    column-count: 2;
    column-gap: 20px;
}
.block.post .block-header h1 {
    text-align: left;
    opacity: 1;
    color: #1B2327;
    font: normal normal 800 48px/52px ropa-mix-pro;
    letter-spacing: -0.48px;
    padding-bottom: 20px;
}
.block.post .block-header h2 {
    text-align: left;
    opacity: 1;
    color: #1B2327;
    font: normal normal 800 36px/36px ropa-mix-pro;
    letter-spacing: -0.36px;
}
.block.post .block-header.no-rainbow::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    background: none;
}
.block.post .block-header h3 {
    text-align: left;
    opacity: 1;
    color: #1B2327;
    font: normal normal 800 32px/40px ropa-mix-pro;
    letter-spacing: -0.36px;
}

.block.post .block-header { margin-top: 50px; margin-bottom: 30px; }

.block.post .block-perex { font-style: italic; margin-top: 0; margin-bottom: 30px; }
.block.post .block-text-1 { margin-top: 0; margin-bottom: 30px; }
.block.post .block-text-2 { margin-top: 0; margin-bottom: 30px; }
.block.post .block-image-1, .block.post .block-image-2, .block.post .block-image-3 { margin-top: 0; margin-bottom: 30px; }
.block.post .block-video-yt, .block.post .block-video-internal { margin-top: 0; margin-bottom: 30px; }

.block.post .image-wrapper { display: flex; justify-content: center; align-items: center; overflow: hidden; aspect-ratio: 16/9; }
.block.post .image-wrapper a { width: 100%; height: 100%; overflow: hidden; }
.block.post .image-wrapper img { border-radius: 12px; height: 100%; width: 100%; object-fit: cover; }

.block.post .post-info { margin-top: 50px; display: flex; justify-content: space-between; margin-bottom: 50px; }
.block.post .post-info .icons { position: relative; display: flex; line-height: 42px; }
.block.post .text-wrapper, .post .perex-wrapper { color: #1B2327; }
.block.post .text-wrapper a, .post .perex-wrapper a { text-decoration: underline; }
.block.post .text-wrapper p, .post .perex-wrapper p { margin-bottom: 0; }

.block.post .gallery-wrapper { justify-content: center; align-items: center; aspect-ratio: 16/9; }

.gallery-slick .slick-list { height: 100%; width: 100%; }
.gallery-slick .slick-track { height: 100%; width: 100%; }
.gallery-slick .slick-slide { height: 100%; width: 100%; }
.gallery-slick .slick-slide div { height: 100%; width: 100%; }
.gallery-slick .slick-slide div a { height: 100%; width: 100%; }
.gallery-slick .slick-slide img { display: block; object-fit: cover; height: 100%; width: 100%; }

.video-yt-wrapper { aspect-ratio: 16/9; }

@media only screen and (max-height: 768px) and (orientation: landscape) and (hover: none) and (pointer: coarse)  {
    .video-js.video-js-player.vjs-16-9 {
        top: 0;
        z-index: 999;
    }
    header.header.mobile {
        /*display: none!important;*/
    }
    header.header.desktop, header.header.mobile {
        /*display: none!important;*/
    }
    .main-content {
        /*margin-top: 0;*/
    }
}

.modal {
    text-align: center;
}

.modal.show .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.modal.fade .modal-dialog {
    transform: scale(1);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 350px;
    max-width: 90%;
}

.header .profile-btn a.avatar {
    padding: 0;
}
.header .profile-btn a.avatar img {
    border-radius: 8px;
}


.block.profile .profile-form {
    margin-top: 60px;
}
.profile-form label {
    color: #1B2327;
    font: normal normal 700 16px/21px Roboto;
    letter-spacing: 0.08px;
    margin-top: 18px;
}
/*.profile-form .form {*/
/*    width: 100%;*/
/*    display: flex;*/
/*}*/
.profile-form input[type="text"], .profile-form input[type="email"],
.profile-form input[type="password"], .profile-form textarea,
.profile-form select
{
    width: 100%;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #bdcad1;
    background: #FFFFFF;
    padding-left: 15px;

    /*margin-bottom: 24px;*/
}
.profile-form .break {
    flex-basis: 100%;
    height: 0;
}

.profile-form select {
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right 0.75rem center/8px 10px;
}
.profile-form select option{

    padding: 15px 0;
}
.profile-form textarea {
    height: 120px;
}
.profile-form input[type="checkbox"] {
    margin-right: 19px;
    margin-bottom: 5px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.profile-form input[type="submit"] {
    margin-top: 50px;
    margin-bottom: 80px;
}

.profile-form h2 {
    color: #1B2327;
    font: normal normal 700 20px/24px Roboto;
    font-style: normal;
    font-style: normal;
    letter-spacing: -0.48px;
    margin-top: 50px;
}
.profile-form .email-info, .profile-form .pass-info, .profile-form .avatar-info { width: 80%; font-size: 14px; margin-top: 15px; }
.avatar-wrapper {
    width: 210px;
    height: 210px;
    border-radius: 8px;
}
.block.profile input[type="text"]:disabled{ background-color:#ECEFF1; border: 1px solid #ECEFF1; color: #78909C; }
.block.profile input[type="text"] { color: #1B2327; }
.block.profile select { color: #1B2327; }
.block.profile select.form-control:focus {
    border-color: #78909C;
}
.hidden { display: none; visibility: hidden; }

.help-block.text-danger {
    /*color: #ED1C24;*/
}
.profile-form input.has-error {
    border-color: #ED1C24;
}
}