﻿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;
    width: 214px;
    height: 192px;
    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: #3968B3;
    background-size: 100%;
    border: none;
}

.hookTlvMarathon .footerBottomLine {
    background: #3968B3;
    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 .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 50px 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: 60px;
    right: 80px;
}

.hookTlvMarathon .jqtimer-hours-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 86px;
    right: 83px;
}

.hookTlvMarathon .jqtimer-minutes {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 60px;
    right: 49px;
}

.hookTlvMarathon .jqtimer-minutes-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 86px;
    right: 53px;
}

.hookTlvMarathon .jqtimer-seconds {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 60px;
    right: 18px;
}

.hookTlvMarathon .jqtimer-seconds-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 86px;
    right: 20px;
}

.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 .appsLinksContainer .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;
}
@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) {
    .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;
    }
    .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 .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: 150px;
        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: 10px;
        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: " >";
}