﻿body.layout2020.hookTlvMarathon {
    background: #ffffff !important;
}

.hookTlvMarathon .box-3 h2 {
    background: #f36a10;
}

.hookTlvMarathon header .menuContainer {
    background: #10069A;
    /*height: 56px;*/
    position: relative;
    z-index: 111;
    width: 100%;
    padding: 0 4%;
    padding-bottom:5px;
    box-sizing: border-box;
}

.hookTlvMarathon #ContentWrapper .menuContainer {
    position: relative;
    z-index: 100;
    max-width: 1450px;
    margin-top: 20px;
}

.hookTlvMarathon .menuContainer .categories-nav a {
    display: inline-block;
    margin-bottom: 0;
    color: #ffffff !important;
    background:#10069A !important;
    /*    border-left: solid 2px #101b56;
    border-bottom: solid 2px #101b56;*/
}

    .hookTlvMarathon .menuContainer .categories-nav a:hover {
        background: #10069A !important;
    }
footer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #10069A;
    opacity: 1; /* Firefox */
}

.hookTlvMarathon .searchBtn {
    background: #f36a10;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    height: 40px;
}

.hookTlvMarathon .searchTb {
    padding: 5px;
    color: #000000;
    border: solid #f36a10 1px;
}

.hookTlvMarathon .logo {
    width: 536px;
    height: 280px;
    top: 65px;
    left: 0;
    max-width: unset;
    background: url(../images/layout2020/tlvmaraton/logoBg.png) no-repeat;
    text-align: left;
    background-size: 100% 280px;
    direction: ltr;
    display: none;
}

    .hookTlvMarathon .logo img.logoImg {
        width: 150px;
        margin-top: 30px;
        margin-left: 20px;
        padding-right: 10px;
        border-right: solid 1px #ffffff;
        margin-right: 10px;
    }

.hookTlvMarathon .timer {
    background: url(../images/layout2020/tlvmaraton/timerBg.png) no-repeat;
    background-position-y:-20px;
    width: 154px;
    height: 152px;
    top: 0;
    right: 0;
    max-width: unset;
    text-align: right;
    position: absolute;
    z-index: 100;
    color: #10069A;
    padding-right: 40px;
    box-sizing: border-box;
}

.hookTlvMarathon .cycle-slideshow {
    margin-top: 0;
}

.hookTlvMarathon img.digitalIcon {
    position: absolute;
    top: 200px;
    left: 7%;
    z-index: 1000;
    bottom: 10px;
}

.hookTlvMarathon .topLayer {
    width: 100%;
}

.hookTlvMarathon img.main_txt {
    position: relative;
    z-index: 100;
    top: -280px;
    right: 50px;
    width: 250px;
}

.hookTlvMarathon .topLayer img.event-logo {
    width: auto;
    top: -10px;
}

.hookTlvMarathon .topLayer img.tlvLogo {
    position: absolute;
    top: 60px;
    left: 120px;
    z-index: 200;
    width: 130px;
}

.hookTlvMarathon .regIcons {
    display: block;
    width: 92%;
    max-width: 862px;
    margin: 0 auto;
    margin-top: 0;
    position: relative;
    z-index: 1000;
    top: -85px;
}

.hookTlvMarathon .homePageTxt {
    display: block;
    width: 92%;
    max-width: 1083px;
    margin: 40px auto;
    margin-bottom: 100px;
}

.hookTlvMarathon .homePageTxtB {
    width: 1083px;
    height: 480px;
    margin: 20px auto;
    background: url(../images/layout2020/tlvmaraton/homePageTxtBg.png) no-repeat;
    box-sizing: border-box;
    padding-right: 180px;
    color: #ffffff;
    margin-bottom: 40px;
}

    .hookTlvMarathon .homePageTxtB h2 {
        text-align: center;
        padding-left: 100px;
        padding-top: 7px;
        box-sizing: border-box;
    }

.hookTlvMarathon .homePageTxtContainer {
    margin-top: 20px;
    padding-left: 100px;
    font-size: 16px;
    box-sizing: border-box;
}

    .hookTlvMarathon .homePageTxtContainer ul.top {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .hookTlvMarathon .homePageTxtContainer ul.top li {
            display: inline-block;
            vertical-align: top;
            width: 49%;
            height: 188px;
        }

            .hookTlvMarathon .homePageTxtContainer ul.top li:first-child, .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(2) {
                border-bottom: solid 1px #2DBEF3;
            }

            .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(2) {
                margin-right: -5px;
            }

            .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(3), .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(4) {
                padding-top: 30px;
            }

            .hookTlvMarathon .homePageTxtContainer ul.top li span {
                display: inline-block;
                vertical-align: top;
                padding-left: 5px;
                padding-right: 5px;
                width: calc(100% - 150px);
                box-sizing: border-box;
                font-size: 15px;
            }

            .hookTlvMarathon .homePageTxtContainer ul.top li:last-child span {
                border-left: none;
            }

            .hookTlvMarathon .homePageTxtContainer ul.top li:first-child span {
                padding-right: 0;
            }

            .hookTlvMarathon .homePageTxtContainer ul.top li img {
                width: 130px;
                margin: 0 auto 10px auto;
            }

            .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(2) img, .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(4) img {
                border-right: solid 1px #2DBEF3;
                padding-right: 10px;
            }

    .hookTlvMarathon .homePageTxtContainer ul.bottom {
        padding-right: 0;
        padding-top: 10px;
        list-style-image: url(../images/layout2020/tlvmaraton/homePageulBullet.png);
        border-top: solid 1px #2DBEF3;
    }

.hookTlvMarathon a.regBtn {
    background: #10069A;
    border-radius: 40px;
    margin-top: -90px;
    margin-bottom: 40px;
    padding: 5px;
    font-size: 30px;
}

a.digitalRaceBtn {
    background: #BDCE30;
    color: #ffffff;
    border-radius: 40px;
    padding: 5px 10px;
    margin: 20px auto;
    display: block;
    width: 200px;
    text-align: center;
    font: bold 20px Open Sans, sans-serif, arial;
}

.hookTlvMarathon.layout2020 footer {
    background: #4D8FF7;
    background-size: 100%;
    border: none;
}

.hookTlvMarathon .footerBottomLine {
    background: #4D8FF7;
    color: #ffffff;
    height: 63px;
    padding-top: 20px;
}

.hookTlvMarathon footer section {
    color: #ffffff;
}

    .hookTlvMarathon footer section button {
        background-color: #10069A;
       /* height: 35px;*/
        border-radius: 20px;
/*        position: absolute;
        left: 10px;
        bottom: -20px;*/
    }

    .hookTlvMarathon footer section input[type="text"] {
        border: solid 1px #ffffff;
        background: #ffffff;
        border-radius: 10px;
    }

.hookTlvMarathon footer h3 {
    background: #10069A;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    display: block;
    border-bottom: none;
}

    .hookTlvMarathon footer h3 span {
    }

.hookTlvMarathon footer .siteMap h3 {
    border-bottom: solid 1px #2c609b;
    background: no-repeat;
}
.footerBottomLineContainer
{
    text-align:center;
}
.footerBottomLine {
    height: 63px;
    padding-top: 20px;
}
.hookTlvMarathon .newsletter {
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    border-radius: 0 0 0 20px;
    padding-bottom: 20px;
    margin-left: 40px;
    position: relative;
    min-height: 220px;
}

.hookTlvMarathon .social {
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    border-radius: 0 0 0 20px;
    padding-bottom: 20px;
    min-height: 220px;
}

.footerbg_6 {
    display: none;
}
.hookTlvMarathon .sponsorships
{
    margin-top:100px;
}
.hookTlvMarathon .footerbg_6 {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

.footerbg_7 {
    display: none;
}

.hookTlvMarathon .footerbg_7 {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

.hookTlvMarathon .page-content {
    background: #ffffff;
    padding: 50px;
}

    .hookTlvMarathon .page-content h1 {
        font: bold 40px Open Sans, sans-serif, arial;
        color: #000000 !important;
        background: none;
        padding: 0;
        margin-right: 0;
    }

.hookTlvMarathon .timerLine {
    position: absolute;
    top: 60px;
    width: 140px;
    height: 2px;
    background-color: #ffffff;
    display: none;
}

.hookTlvMarathon .jqtimer-container {
    position: relative;
    width: 200px;
    text-align: right;
}

.hookTlvMarathon .jqtimer-days {
    font: bold 30px Open Sans, sans-serif, arial;
    display: inline-block;
    /*margin-right: 18px;*/
}

.hookTlvMarathon .jqtimer-days-text {
    font: normal 12px Open Sans, sans-serif, arial;
    display: inline-block;
}

.hookTlvMarathon .jqtimer-hours {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 40px;
    right: 40px;
}

.hookTlvMarathon .jqtimer-hours-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 66px;
    right: 40px;
}

.hookTlvMarathon .jqtimer-minutes {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 40px;
    right: 8px;
}

.hookTlvMarathon .jqtimer-minutes-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 66px;
    right: 8px;
}

.hookTlvMarathon .jqtimer-seconds {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 40px;
    right: -24px;
}

.hookTlvMarathon .jqtimer-seconds-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 66px;
    right: -22px;
}
.hookTlvMarathon .jqtimer-colon-ms {
    right: 1px;
}
.hookTlvMarathon .jqtimer-colon-hm {
    right: 34px;
}
.hookTlvMarathon .jqtimer-colon
{
    top:40px;
}
.hookTlvMarathon .tb, .hookTlvMarathon .ta {
    border: solid 1px #101b56;
}

.hookTlvMarathon .contact-btn {
    background: #10069A;
    color: #ffffff;
}

    .hookTlvMarathon .contact-btn:hover {
        background: #70c8ff;
        color: #000000;
    }

.hookTlvMarathon .appsLinksContainer {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

    .hookTlvMarathon .appsLinksButton {
        min-width:250px;
        padding: 5px 10px;
        background-color: #10069A;
        border-radius: 25px;
        text-align: center;
        margin: 10px;
        color: #ffffff;
        font: 20px 'OpenSans', sans-serif, arial;
        display: block;
        box-sizing:border-box;
    }

        .hookTlvMarathon .appsLinksContainer .appsLinksButton img {
            height: 100%;
        }

.hookTlvMarathon .regCompleteTextImage {
    margin: 0 auto;
    display: block;
    margin-top: -100px;
    position: relative;
    z-index: 99;
}

.hookTlvMarathon .ta {
    border: solid 1px #101b56;
}

.hookTlvMarathon .stepRegPanelStepFillDetails .register-container [type="radio"]:checked + label, .hookTlvMarathon .stepRegPanelStepFillDetails .register-container [type="radio"]:not(:checked) + label {
    font-size: 18px;
    font-weight: normal;
}

.hookTlvMarathon .stepRegPanelStepFillDetails .register-container ul li::before {
    color: #f36a10;
}

.hookTlvMarathon ul.slimmenu > li, .hookTlvMarathon ul.slimmenu > li:first-child {
    border-left: none;
}

.hookTlvMarathon .Fullarticle {
    width: 85%;
}
#TlvMaratonVideo {
    position: relative;
    z-index: -10;
    top: -15px;
    width: 100%;
    height:600px;
}
#TlvMaratonVideoM {
    display:none;
}
.sponsorships {
    margin-top:10px;
}

.cancelLayer {
    position: absolute;
    top: 10%;
    left: calc(50% - 100px);
    width: 600px;
    text-align: center;
    z-index: 10000;
    color: #000000;
    font-size: 23px;
}
.logo-grid {
    width: 90%;
    margin:0 auto;
    text-align:center;
}

.logosPage {
    display:inline-block;
    vertical-align:middle;
    padding:20px;
    width:200px;
    height:auto;
}
.logosPage a {
    width:100%;
}
.km3_msg
{
    display:inline-block;
}
.logosPage span {
    display: block;
}
    .logosPage img {
        width: 100%;
    }
.website_shop_shirts {
    float: left;
    max-width: 500px;
    width:40%;
}
/*#region negishut master*/
.newsletter label {
    display: block;
}
footer section input[type="text"]
{
    width:100%;
}
.layout2020.hookTlvMarathon a.continue {
    background-color: #10069A;
}
@media all and (max-width: 1500px) {
    .hookTlvMarathon .regCompleteTextImage {
        margin-top: -20px;
    }
}
/*#endregion*/

a.arrow::after {
    content: " >";
}
a.back::before {
    content: " <";
}
.register-container [type="radio"]:checked + label, .register-container [type="radio"]:not(:checked) + label
{
    margin-bottom:10px;
}
.headerImgContainer
{
    position:relative;
}
.play-pause-icon.sponsorshipsPlayPause
{
    bottom:-10px;
}
a.appsLinksButtonMob
{
    display:none;
}

@media all and (max-width: 1100px) {
    .cancelLayer {
        top: 45%;
        font-size: 20px;
        left: calc(50% - 300px);
    }

    /*.hookTlvMarathon main {
        overflow-x: hidden;
    }*/
    /* .hookTlvMarathon .regIcons {
        top: -240px;
    }*/
    .hookTlvMarathon header {
        height: 56px;
    }

    #TlvMaratonVideo {
        position: relative;
        z-index: -10;
        top: -15px;
        left: 50%;
        width: 200%;
    }

    .hookTlvMarathon img.main_txt {
        top: -290px;
        width:200px;
    }
    .hookTlvMarathon a.regBtn {
        /*margin-top: -200px;*/
    }
    .hookTlvMarathon img.main_txt {
        top: -220px;
    }
    .hookTlvMarathon .homePageTxtB {
        width: 800px;
        /*height: 355px;*/
        background-size: 800px 100%;
        padding-right: 130px;
    }

    .hookTlvMarathon .homePageTxtContainer ul.top li img {
        width: 80px;
    }

    .hookTlvMarathon .homePageTxtContainer {
        font-size: 12px;
        padding-left: 50px;
    }

        .hookTlvMarathon .homePageTxtContainer ul.top li {
            width: 47%;
        }

            .hookTlvMarathon .homePageTxtContainer ul.top li span {
                height: 85px;
                font-size: 14px;
                width: calc(100% - 100px);
            }

        .hookTlvMarathon .homePageTxtContainer ul.top {
            margin-top: 30px;
        }

            .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(3), .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(4) {
                padding-top: 10px;
            }

        .hookTlvMarathon .homePageTxtContainer ul.bottom {
            padding-right: 30px;
            width: 550px;
        }
}

@media all and (max-width: 800px) {
    a.appsLinksButtonMob {
        min-width: 250px;
        padding: 5px 10px;
        background-color: #10069A;
        border-radius: 25px;
        text-align: center;
        margin: 10px;
        color: #ffffff;
        font: 20px 'OpenSans', sans-serif, arial;
        display: block;
        box-sizing: border-box;
        display: block;
        max-width: 300px;
        margin: 30px auto 50px auto;
        position: relative;
        z-index: 999999;
    }

    a.appsLinksButton {
        display: none !important;
    }
    .hookTlvMarathon .headerIconsContainer {
        display: inline-block;
        margin-top: 0;
        vertical-align: bottom;
        margin-bottom: 5px;
    }
    .homepageHook.hookTlvMarathon .headerIconsContainer
    {
        display:none;
    }
    .hookTlvMarathon .page-content {
        padding: 80px 20px 20px 20px;
        width: 100% !important;
    }
    .hookTlvMarathon .regIcons {
        display: none;
    }
    .hookTlvMarathon .regIconsM {
        display: block;
        margin:50px auto 0 auto;
        width:100%;
        max-width:509px;
    }
    .txt_home
    {
        top:0 !important;
        position:static !important;
    }
    .hookTlvMarathon .topLayer img.event-logo {
        width: 400px;
    }

    .innerpageHook.hookTlvMarathon .lang {
        right: 20px !important;
        left: auto !important;
        top: 80px !important;
    }

        .innerpageHook.hookTlvMarathon .lang a {
            color: #10069A !important;
            font-size: 18px;
        }

    .innerpageHook.hookTlvMarathon .categories-nav {
        margin-top: 80px;
    }

    .hookTlvMarathon .homePageTxtB {
        background: #0061ae url(../images/layout2020/tlvmaraton/homePageTxtMB.png) no-repeat top center;
        max-width: 533px;
        width: 100%;
    }

    .hookTlvMarathon .homePageTxtB {
        padding: 20px;
        height: auto;
    }

        .hookTlvMarathon .homePageTxtB h2 {
            padding: 0;
            font-size: 40px;
            margin-bottom: 200px;
        }

            .hookTlvMarathon .homePageTxtB h2 .mbr {
                display: block;
            }

    .hookTlvMarathon .homePageTxtContainer ul.top li {
        display: block;
        width: 100%;
        font-size: 16px;
        margin-bottom: 10px;
    }

        .hookTlvMarathon .homePageTxtContainer ul.top li img {
            width: 140px;
            display: inline-block;
            vertical-align: top;
        }

        .hookTlvMarathon .homePageTxtContainer ul.top li span {
            border: none;
            padding: 0;
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 160px);
            margin-right: 10px;
            height: auto;
        }

    .hookTlvMarathon .homePageTxtContainer ul.bottom {
        width: 100%;
        padding-top: 40px;
        font-size: 16px;
        box-sizing: border-box;
    }

    .hookTlvMarathon .homePageTxtContainer {
        padding-left: 0;
    }

        .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(2) img, .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(4) img {
            border: none;
            padding: 0;
        }

        .hookTlvMarathon .homePageTxtContainer ul.top li:first-child, .hookTlvMarathon .homePageTxtContainer ul.top li:nth-child(2) {
            border: none;
        }

        .hookTlvMarathon .homePageTxtContainer ul.top li {
            height: auto;
        }
}

@media all and (max-width: 600px) {
        .hookTlvMarathon .jqtimer-hours {
           display:none;
        }

    .hookTlvMarathon .jqtimer-hours-text {
        display: none;
    }

    .hookTlvMarathon .jqtimer-minutes {
        display: none;
    }

    .hookTlvMarathon .jqtimer-minutes-text {
        display: none;
    }

    .hookTlvMarathon .jqtimer-seconds {
        display: none;
    }

    .hookTlvMarathon .jqtimer-seconds-text {
        display: none;
    }

    .hookTlvMarathon .jqtimer-colon-ms {
        display: none;
    }

    .hookTlvMarathon .jqtimer-colon-hm {
        display: none;
    }
    .hookTlvMarathon .jqtimer-days-text {
        display: block;
        margin-right:20px;
    }
    }

    @media all and (max-width: 600px) {
        .hookTlvMarathon .website_shop_shirts {
            float: none;
            width: 100%;
            display: block;
            margin-bottom: 10px;
        }

        .cancelLayer {
            left: calc(50% - 175px);
            width: 350px;
            top: 30%;
            font-size: 18px;
        }

            .cancelLayer a.regBtn {
                top: auto;
            }

        .hookTlvMarathon .regIconsM {
            max-width: 400px;
            /*margin-top: -180px;*/
            width: 90%;
        }

        .hookTlvMarathon a.regBtn {
            margin-top: 30px;
            top: -150px;
        }

        .hookTlvMarathon .topLayer img.event-logo {
            width: 300px;
        }

        .hookTlvMarathon .topLayer img.tlvLogo {
            max-width: 100px;
            left: 22%;
        }

        .hookTlvMarathon .shopTtlMobile {
            margin-right: -25px;
            text-align: center;
            width: 100%;
        }

        .hookTlvMarathon .cartTable .ddl {
            width: 60px;
        }

        .hookTlvMarathon .timer {
            width: 110px;
            padding-right: 5px;
        }

        .hookTlvMarathon .Fullarticle {
            width: 100%;
        }

        #TlvMaratonVideo {
            display: none;
        }

        #TlvMaratonVideoM {
            display: block;
            width: 100%;
        }

        .hookTlvMarathon .jqtimer-seconds {
            right: 8px;
        }

        .hookTlvMarathon .jqtimer-hours {
            right: 70px;
        }

        .hookTlvMarathon .jqtimer-minutes {
            right: 40px;
        }

        .jqtimer-colon-hm {
            right: 64px;
        }

        .jqtimer-colon-ms {
            right: 35px;
        }

        .hookTlvMarathon .jqtimer-seconds-text {
            right: 10px;
        }

        .hookTlvMarathon .jqtimer-minutes-text {
            right: 40px;
        }

        .hookTlvMarathon .jqtimer-hours-text {
            right: 70px;
        }

        .hookTlvMarathon .jqtimer-days {
            font-size: 35px;
            margin-right: 5px;
            margin-top: 20px;
        }
    }

    @media all and (max-width: 400px) {
        .hookTlvMarathon .homePageTxtB h2 {
            font-size: 35px;
        }

        .hookTlvMarathon .homePageTxtContainer ul.top li img {
            width: 100px;
        }

        .hookTlvMarathon .homePageTxtContainer ul.top li span {
            width: calc(100% - 120px);
        }

        .hookTlvMarathon .topLayer img.event-logo {
            width: 255px;
        }

        .contentPages {
            margin-top: 0;
        }
    }

    @media all and (max-width: 540px) {
        .hookTlvMarathon .appsLinksContainer .appsLinksButton {
            float: none !important;
            width: calc(100% - 60px);
            box-sizing: content-box;
        }

        ol {
            margin-right: 20px;
            padding-right: 0;
            word-wrap: anywhere;
        }
    }

    @media all and (max-width: 480px) {
        .hookTlvMarathon .regCompleteTextImage {
            width: 100%;
        }
    }

    .tbContainer {
        display: inline-block;
        vertical-align: top;
    }

    .mt15px {
        margin-top: 15px;
    }

    .newRegTb {
        width: 175px;
    }

    .helthlink.openHealthFormBtn::after, .helthlink.openTakanonBtn::after {
        content: " >";
    }