html {
    margin: 0 !important;
    padding: 0;
}

@font-face {
    font-family: ClanPro;
    src: url('../fonts/ClanPro-NarrowBook.otf');
    font-weight: 400;
}

@font-face {
    font-family: ClanPro;
    src: url('../fonts/ClanPro-NarrowNews.otf');
    font-weight: 500;
}

@font-face {
    font-family: ClanPro;
    src: url('../fonts/ClanPro-NarrowMedium.otf');
    font-weight: 600;
}

@font-face {
    font-family: ClanPro;
    src: url('../fonts/ClanPro-NarrowBold.otf');
    font-weight: 700;
}

body {
    font-family: ClanPro;
}


.inner_header {
    position: relative;
}

.top_title {
    padding-top: 80px;
}

.text_wrapper {
    float: right;
}

.text_wrapper p {
    color: #fff;
    max-width: 550px;
    font-size: 18px;
}

.column .image {
    position: relative;
}

.column .image:hover img {
    cursor: pointer;
    filter: url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

.column .image .infoBox {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.column .image .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.column .image:hover .layer {
    /* background-color: rgba(206, 2, 62, 0.7); */
    blend mode: hard light; 
    display: block;
    opacity: 1;
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;

}


.column .image:hover .infoBox {
    background-color: rgba(206, 2, 62, 0.7);
    blend mode: hard light; 
    cursor: pointer;
    text-align: center;
    display: block;
    opacity: 1;
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;

    padding-top: 100px;
    /* background-color: rgba(212, 3, 68, 0.45); */

    color: #fff;
}

.column .image .infoBox .place {
    font-size: 30px;
    font-weight: 600;
}

.column .image .infoBox .name {
    font-size: 28px;
    margin-top: 17px;

}

.column .image .infoBox i {
    font-size: 22px;
    color: #fff;
    margin-top: 20px;
}

.columns.is-vcentered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.winners .column {
    max-height: 363px;
}

.inner_header,
.inner_header .container {
    height: 100%;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
footer {
    color:#6f6f6f;
}
footer span.contact_label {
    color:#f5f5f5;
}
footer a,
footer a:hover {
    color:#ffffff;
    font-weight:600;
}
@media screen and (min-width:1460px) {
    footer {
        padding-top:40px;
    }
    footer .logos_holder img {
        padding-top:10px;
    }
    footer .logos_holder .orbico {
        display:inline-block;
        margin-right:45px;
    }
    footer .container,
    .inner_container.container,
    .inner_header>.container {
        width: 1450px;
        max-width: 1450px !important;
    }
    footer .footer_block {
        margin-top:15px;
    }
    footer .youknow {
        display:block;
    }
}

@media screen and (min-width:768px) {
    footer {
        padding-top:40px;
        padding-bottom:30px;
    }
    .logo {
        margin-top: 16px;
        display: inline-block;
        width: 68px;
    }

    .upper_header {
        height: 600px;
        position: relative;
        background: url('/wp-content/uploads/2021/06/tv2021_1-1.jpg') center center no-repeat;
        background-size: cover;
    }

    .middle_container {
        height: 100%;
        padding-bottom: 180px;
        background: url('../images/background_layer.jpg') center center no-repeat;
        background-size: cover;
    }

    .top_title {
        margin-bottom: 150px !important;
    }

    .context_header {
        position: absolute;
        left: 0;
        top: 59%;
        transform: translateY(-50%);
    }

    .inner_header img {
        max-width: 504px;
        margin-bottom: 35px;
    }

    .context_header_text .light {
        color: #fff;
        display: block;
        text-transform: uppercase;
        font-size: 101px;
        line-height: 111px;
        font-weight: 400;
    }

    .context_header_text .bold {
        color: #fff;
        display: block;
        text-transform: uppercase;
        font-size: 101px;
        font-weight: 700;
        line-height: 91px;
    }

    footer {
       
        background: #444;
        padding-bottom:30px;
    }
}

@media screen and (max-width:1407px) {
   
    footer .logos_holder img {
        padding-top:10px;
    }
    footer .logos_holder .orbico {
        display:inline-block;
        margin-right:45px;
    }
   
    footer .footer_block {
        margin-top:15px;
    }
    footer .youknow {
        display:block;
    }
    .container {
        max-width: 98% !important;
    }

    .context_header_text .light {
        color: #fff;
        text-transform: uppercase;
        font-size: 81px;
        line-height: 91px;
        font-weight: 400;

    }

    .context_header_text .bold {
        color: #fff;
        text-transform: uppercase;
        font-size: 81px;
        font-weight: 700;
        line-height: 91px;
    }
}
@media screen and (max-width:1407px) and (min-width:1370px) {
    footer .container,
    .inner_container.container,
    .inner_header>.container {
        width: 1366px;
        max-width: 1366px !important;
    }
}
@media screen and (max-width:1279px) {
    .upper_header {
        height: 1000px;
    }
    .footer_block {
        font-size:13px;
    }
    .container {
        max-width: 728px!important;
    }

    .inner_header img {
        margin-bottom: 15px;
    }

    .context_header {
        position: absolute;
        left: 0;
        top: auto;
        transform: none;
        bottom: 130px;
    }
    .text_wrapper {
        float:left;
    }
    .text_wrapper p {
        margin-top:40px;
        max-width:100%;
    }
    .top_title {
        margin-bottom:50px!important;
    }
    .top_title img {
        max-width:380px;
    }
    .winners .column {
        max-width:363px;
        max-height:363px;
    }

    
}
@media screen and (min-width:1280px) {
    .logos_holder {
        float:right;
    }
    .top_title >div {
        width:50%!important;
    }
    .winners > div {
        width:25%!important; 
    }
    .desktop-only {
        display:block;
    }
    .tablet-only,
    .mobile-only {
        display:none;
    }
}
@media screen and (min-width:769px) and (max-width:1279px) {
    .winners > div {
        width:50%!important; 
    }
    .tablet-only {
        display:block;
    }
    .desktop-only,
    .mobile-only {
        display:none;
    }
    .special {
        order:1;
    }
    /* .swap .column:first-child {
        order:4;
    } */

    .swap .column:nth-child(1) {
        order:2;
    }
    .swap .column:nth-child(2) {
        order:3;
    }
    .swap .column:nth-child(3) {
        order:4;
    } 
    .swap .column:nth-child(4) {
        order:1;
    } 
}


@media screen and (max-width:900px) {
    .container {
        max-width: 98% !important;
    }
    .winners .column {
        max-width:100%;
        max-height:100%;
    }
}
@media screen and (min-width:769px) {
    .mobile_slider {
        display:none!important;
    }
}
@media screen and (max-width:768px) {
  
    .not_mobile_slider {
        display:none!important;
    }
    .reverse-columns {
        flex-direction: column-reverse;
        display: flex;
      }
    footer {
        padding-top:40px;
        background: #444;
        padding-bottom:30px;
    }

    .mobile-only img { 
        border-bottom:1px solid #fff;
    }
    .mobile-spacing {
        height:180px;
    } 
    .mobile-only {
        display:block;
    }
    .desktop-only,
    .tablet-only {
        display:none;
    }
    .container {
        max-width: auto!important;
        padding:0 10px;
    }
    .special {
        order:1;
        /* display:none; */
    }
    .mobile_slider  .owl-item:first-child {
        position:relative;
    }
    .mobile_slider  .owl-item:first-child  img {
        /* padding-top:100px; */
    }
    .mobile_slider .owl-item {
        text-align:center;
    }
    .mobile_slider .owl-item img {
        /* max-height:259px; */
        margin:0 auto;
        width:auto!important;
    }
    .top_title img {
        max-width:none;
        width:100%;
    }
    .context_header {
        padding:0 10px;
    }
  

    .mobile_slider  .owl-item:first-child .mobile-only {
        /* position:absolute;
        top:50%;
        left:50%;
      
        transform:translate(-50%); */
    }
    .clearfix {
        clear: both;
        float:none;
    }
    .text_wrapper {
        padding-bottom:40px;
    }
    .mobile-only {
        /* padding-top:30%; */
    }
    /* .column .image .infoBox {
        display:block!important;
        opacity:1!important;
        color:#fff;
        background-color: rgba(206, 2, 62, 0.7);
        blend mode: hard light; 
        padding-top:30%;
        
    } */
    /* .swap .column:first-child {
        order:4;
    } */

    .swap .column:nth-child(1) {
        order:2;
    }
    .swap .column:nth-child(2) {
        order:3;
    }
    .swap .column:nth-child(3) {
        order:4;
    } 
    .swap .column:nth-child(4) {
        order:1;
    } 
    .upper_header {
        height: 540px; 
        position: relative;
        background: url('/wp-content/uploads/2021/06/tv2021_1-1.jpg') center center no-repeat;
        background-size: cover;
    }

    .logo img {
        width: auto; 
        margin-top: 15px;
    }

    .inner_header {
        max-width: 508px;
        position: relative;
        margin: 0 auto;
        height: 100%;
    }

    .inner_header>.container {
        height: 100%;
    }

    .middle_container {
        height: 100%;
        background: url('../images/background_layer.jpg') center center no-repeat;
        background-size: cover;
    }

    .context_header {
        position: absolute;
        bottom: 100px;
        left: 0;
    }

    .context_header_text .bold {
        color: #fff;
        text-transform: uppercase;
        font-size: 32px;
        font-weight: 600;
        line-height: 31px;
    }
    .context_header_text .light {
        color: #fff;
        text-transform: uppercase;
        font-size: 32px;
        line-height: 31px;
        font-weight: 400;
    }
    .winners .column {
        max-width:100%;
        max-height:100%;
        text-align:center;
    }
}
@media screen and (max-width:590px) {
    .inner_header {
        max-width:100%;
        padding:0 10px;
    }

}

@media screen and (max-width:468px) {
    .mobile_slider .owl-item img {
        max-height:100%!important;
    }
    .mobile-spacing {
        display:none;
    }
    .column .image .infoBox {
        padding-top:20px;
    }
}