body.layout2020.hookKapaimActive {
    background: #3393F9 !important;
}
.container
{
    width:100%;
    margin-top:-70px;
}
.headerBackground {
    position: absolute;
    #map_canvas, #map_canvas-wide top: 0;
    left: 0;
    width: 100%;
    height: 89px;
    background: #253A80;
    clip-path: polygon(100% 0%, 100% 50%, 0 100%, 0 0);
    z-index: 1000;
}
.headerImgContainer
{
    display:none;
}
header {
    position: relative;
    z-index: 100000;
    overflow: visible;
    margin-bottom:40px;
}

.menuContainer ul.slimmenu
{
    margin-top:10px;
    margin-left:10px;
    text-align:left;
    width:calc(100% - 220px);
}
.menuContainer ul.slimmenu li a {
    text-align: right;
}
    .menuContainer ul.slimmenu li ul li a {
        font-size: 18px !important;
        padding:4px 10px;
    }
    @media (min-width: 818px) {
        .menuContainer ul.slimmenu li > ul {
        width: 275px !important;
    }

    .menuContainer ul.slimmenu > li > ul li {
        width: 100% !important;
    }
}

div.main-Page-header {
    width: 100%;
    height: 89px;
    text-align: center;
    color: #ffffff;
    background: #ED6B35;
    clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 50%);
    margin-top: -70px;
    box-sizing: border-box;
    padding-top: 35px;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    z-index: 10000;
}
.footerContainer
{
    padding-top:0;
}
.double-arrow {
    display: inline-block;
    transform: rotate(270deg) scaleY(2.3);
    font-weight: 100;
    font-size: 22px;
    position: relative;
    right: 10px;
}
.headerIconsContainer {
    border: none;
    vertical-align: top;
}
.hookKapaimActive .box-3 h2 {
    background: #f36a10;
}

.hookKapaimActive header .menuContainer {
   /* height: 66px;*/
    padding:10px;
    position: relative;
    z-index: 111;
    width: 100%;
    box-sizing: border-box;
}

.hookKapaimActive #ContentWrapper .menuContainer {
    position: relative;
    z-index: 100;
    margin-top: 20px;
}
.hookKapaimActive .categories-nav {
    max-width: unset;
}
.hookKapaimActive .categories-nav a {
    display: inline-block;
    margin-bottom: 0;
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 0 20px;
}
    /*    border-left: solid 2px #101b56;
    border-bottom: solid 2px #101b56;*/
}

    .hookKapaimActive .categories-nav a:hover {
        background: #f36a10 !important;
    }

.hookKapaimActive .searchBtn {
    background: #f36a10;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    height: 40px;
}

.hookKapaimActive .searchTb {
    padding: 5px;
    color: #000000;
    border: solid #f36a10 1px;
}

.hookKapaimActive .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;
}

    .hookKapaimActive .logo img.logoImg {
        width: 150px;
        margin-top: 30px;
        margin-left: 20px;
        padding-right: 10px;
        border-right: solid 1px #ffffff;
        margin-right: 10px;
    }

.hookKapaimActive .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: relative;
    z-index: 100;
    color: #20409a;
    padding-right: 40px;
    box-sizing: border-box;
}

.hookKapaimActive .cycle-slideshow {
    margin-top: 0;
}

.hookKapaimActive img.digitalIcon {
    position: absolute;
    top: 200px;
    left: 7%;
    z-index: 1000;
    bottom: 10px;
}

.hookKapaimActive .topLayer {
    width: 100%;
}

.hookKapaimActive img.main_txt {
    position: relative;
    z-index: 100;
    top: -280px;
    right: 50px;
    width: 250px;
}

.hookKapaimActive .topLayer img.event-logo {
    width: auto;
    top: -10px;
}

.hookKapaimActive .topLayer img.tlvLogo {
    position: absolute;
    top: 60px;
    left: 120px;
    z-index: 200;
    width: 130px;
}

.hookKapaimActive .regIcons {
    display: block;
    width: 92%;
    max-width: 862px;
    margin: 0 auto;
    margin-top: 0;
    position: relative;
    z-index: 1000;
    top: -260px;
}

.hookKapaimActive .homePageTxt {
    display: block;
    width: 92%;
    max-width: 1083px;
    margin: 40px auto;
    margin-bottom: 100px;
}

.hookKapaimActive .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;
}

    .hookKapaimActive .homePageTxtB h2 {
        text-align: center;
        padding-left: 100px;
        padding-top: 7px;
        box-sizing: border-box;
    }

.hookKapaimActive .homePageTxtContainer {
    margin-top: 20px;
    padding-left: 100px;
    font-size: 16px;
    box-sizing: border-box;
}

    .hookKapaimActive .homePageTxtContainer ul.top {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .hookKapaimActive .homePageTxtContainer ul.top li {
            display: inline-block;
            vertical-align: top;
            width: 49%;
            height: 188px;
        }

            .hookKapaimActive .homePageTxtContainer ul.top li:first-child, .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(2) {
                border-bottom: solid 1px #2DBEF3;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(2) {
                margin-right: -5px;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(3), .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(4) {
                padding-top: 30px;
            }

            .hookKapaimActive .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;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li:last-child span {
                border-left: none;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li:first-child span {
                padding-right: 0;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li img {
                width: 130px;
                margin: 0 auto 10px auto;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(2) img, .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(4) img {
                border-right: solid 1px #2DBEF3;
                padding-right: 10px;
            }

    .hookKapaimActive .homePageTxtContainer ul.bottom {
        padding-right: 0;
        padding-top: 10px;
        list-style-image: url(../images/layout2020/tlvmaraton/homePageulBullet.png);
        border-top: solid 1px #2DBEF3;
    }

.hookKapaimActive a.regBtn {
    background: #00A3E2;
    border-radius: 40px;
    margin-top: -200px;
    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;
}

.hookKapaimActive.layout2020 footer {
    background: #3393F9;
    border: none;
}

.hookKapaimActive .footerBottomLine {
    background: #3393F9;
    color: #ffffff;
}

.hookKapaimActive footer section {
    color: #ffffff;
}

    .hookKapaimActive footer section button {
        background-color: #f36a10;
        height: 30px;
        width:120px;
        border-radius: 10px;
        position: absolute;
        left: 18px;
        bottom: -20px;
    }

    .hookKapaimActive footer section input[type="text"] {
        border: solid 1px #ffffff;
        border-radius: 10px;
    }
.hookKapaimActive .socialContainer
{
    margin-top:40px;
    height:auto;
}

.hookKapaimActive footer h3, .hookKapaimActive .page-content h3 {
    background-image: url('../images/layout2020/kapaimActive/footer-header.png');
    padding: 10px 0 10px 5px;
    width: 100%;
    text-align: right;
    display: block;
    border-bottom: none;
    position: relative;
    height: 14px;
    float: left;
}
.hookKapaimActive .page-content h3 {
    margin-bottom: 20px;
    font: normal 15px Open Sans, sans-serif, arial;
}
    .hookKapaimActive footer h3 span, .hookKapaimActive .page-content h3 span {
        background: #ED6B35;
        padding: 5px;
        position: absolute;
        top: 0;
        right: 0;
    }

.hookKapaimActive footer .siteMap h3 {
    border-bottom: solid 1px #2c609b;
    background: no-repeat;
}

.hookKapaimActive .newsletter {
    border-bottom: solid 1px #253A80;
    border-left: solid 1px #253A80;
    margin-left: 40px;
    position: relative;
    min-height: 180px;
}

.hookKapaimActive .social {
    border-bottom: solid 1px #253A80;
    border-left: solid 1px #253A80;
    padding-bottom: 20px;
    min-height: 180px;
    width: 310px;
}

.footerbg_6 {
    display: block;
}

.hookKapaimActive .footerbg_6 {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.footerbg_7 {
    display: block;
}

.hookKapaimActive .footerbg_7 {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.hookKapaimActive .page-content {
    background: none;
    padding: 0;
    width:100%;
}

.hookKapaimActive .page-content h1, div.h1Style {
    color: #ffffff !important;
    background: #f36a10;
    padding: 0;
    margin-right: 0;
    padding-top: 55px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    height: 100px;
    box-sizing: border-box;
    margin-top: -45px;
}
.kapaim-logo {
    height: 50px;
    display: inline-block;
}
.sponsorships
{
    display:none;
}
.hookKapaimActive .timerLine {
    position: absolute;
    top: 60px;
    width: 140px;
    height: 2px;
    background-color: #ffffff;
    display: none;
}

.hookKapaimActive .jqtimer-container {
    position: relative;
    width: 200px;
    text-align: right;
}

.hookKapaimActive .jqtimer-days {
    font: bold 50px Open Sans, sans-serif, arial;
    display: inline-block;
    margin-right: 18px;
}

.hookKapaimActive .jqtimer-days-text {
    font: normal 12px Open Sans, sans-serif, arial;
    display: inline-block;
}

.hookKapaimActive .jqtimer-hours {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 60px;
    right: 80px;
}

.hookKapaimActive .jqtimer-hours-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 86px;
    right: 83px;
}

.hookKapaimActive .jqtimer-minutes {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 60px;
    right: 49px;
}

.hookKapaimActive .jqtimer-minutes-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 86px;
    right: 53px;
}

.hookKapaimActive .jqtimer-seconds {
    font: normal 22px Open Sans, sans-serif, arial;
    position: absolute;
    top: 60px;
    right: 18px;
}

.hookKapaimActive .jqtimer-seconds-text {
    font: normal 10px Open Sans, sans-serif, arial;
    position: absolute;
    top: 86px;
    right: 20px;
}

.hookKapaimActive .lr-form .tb, .hookKapaimActive .lr-form .ta {
    border: solid 1px #ffffff !important;
    background: none;
    color: #ffffff !important;
    margin-bottom:16px;
}
.hookKapaimActive .tb::placeholder, .hookKapaimActive .ta::placeholder {
    color: #ffffff;
}
.fieldName lable
{
    color:#ffffff;
    display:none;

}
.hookKapaimActive .contact-btn {
    background-color: #f36a10 !important;
    height: 30px;
    width: 120px;
    border-radius: 10px;
    box-sizing:border-box;
    padding:5px;
}
.hookKapaimActive .content_page {
    background: none;
    color: #ffffff;
    max-width:80%;
    margin:0 auto;   
}
#ContentWrapper {
    margin-bottom: 40px;
    margin-top:-20px;
}
.txt {
    width: 70%;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
    .txt.txtEvents {
        display: block;
        max-width: 1055px;
        text-align:center;
    }
.lr-form {
    width: 460px;
    color: #ffffff;
    margin: 0 2%;
}
.lr-contact-info {
    max-width: 460px;
    color: #ffffff;
    background: url('../images/layout2020/kapaimActive/footer-info-bg.png') no-repeat;
    background-position: 0 257px;
    font: 18px 'OpenSans', sans-serif, arial;
    margin: 0 2%;
    margin-bottom: 50px;
}
.hookKapaimActive .appsLinksContainer {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.hookKapaimActive .appsLinksContainer .appsLinksButton {
    width: 239px;
    padding: 5px;
    background-color: #00A3E2;
    border-radius: 25px;
    text-align: center;
    margin: 10px;
    color: #ffffff;
    font: 20px 'OpenSans', sans-serif, arial;
    display: block;
}

.hookKapaimActive .appsLinksContainer .appsLinksButton img {
    height: 100%;
}

.hookKapaimActive .regCompleteTextImage {
    margin: 0 auto;
    display: block;
    margin-top: -100px;
    position: relative;
    z-index: 99;
}

.hookKapaimActive .ta {
    border: solid 1px #101b56;
}

.hookKapaimActive .stepRegPanelStepFillDetails .register-container [type="radio"]:checked + label, .hookKapaimActive .stepRegPanelStepFillDetails .register-container [type="radio"]:not(:checked) + label {
    font-size: 18px;
    font-weight: normal;
}

.hookKapaimActive .stepRegPanelStepFillDetails .register-container ul li::before {
    color: #f36a10;
}

.hookKapaimActive ul.slimmenu > li, .hookKapaimActive ul.slimmenu > li:first-child {
    border-left: none;
}
.hookKapaimActive ul.slimmenu > li {
    margin-right: 0;
}
.hookKapaimActive .Fullarticle {
    width: 85%;
}

#TlvMaratonVideo {
    position: relative;
    z-index: -10;
    top: -15px;
    width: 100%;
}

#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;
}
.resEvent {
    background: #ffffff;
    width: 260px;
    height: 230px;
    display: inline-block;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
    font: bold 14px Open Sans, sans-serif, arial;
    box-sizing: border-box;
    padding-right:2%;
    text-align:center;
    position:relative;
    margin:15px 0;
}
.resEvent img {
    display: block;
    margin: 10px auto;
    width: 65%;
    margin-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.resEventName {
    position: absolute;
    bottom: 20px;
    width: 70%;
    right:15%;
}
/*#region new style  2025*/
.event-container {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    margin-bottom: 20px;
    height: 490px;
}

.event {
    position: relative;
    width: calc(14% + 79px);
    overflow: hidden;
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
    margin-left: -3.5%; /* Creates the overlap */
    transition: transform 0.3s ease;
}

    .event .main-event-img {
        width: 100%;
        height: 100%;
        display: block;
        clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
        transition: transform 0.3s ease;
    }

    .event:nth-child(odd) {
        z-index: 2; /* Ensure odd-numbered events are on top */
    }

    .event:nth-child(even) {
        z-index: 1; /* Ensure even-numbered events are behind */
    }

    .event:first-child {
        clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
        margin-right: 0; /* Ensure no margin on the right side */
        z-index: 3; /* Bring the last event on top of the stack if needed */
    }

        .event:first-child .main-event-img {
            clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
        }

    .event:last-child {
        clip-path: polygon(0% 0%, 100% 0%, 75% 50%, 100% 100%, 0% 100%); /* Adjusted clip-path for the last event */
        margin-right: 0; /* Ensure no margin on the right side */
        z-index: 3; /* Bring the last event on top of the stack if needed */
    }

        .event:last-child .main-event-img {
            clip-path: polygon(0% 0%, 100% 0%, 75% 50%, 100% 100%, 0% 100%); /* Adjusted clip-path for the last event */
        }

.hover-overlay {
    display: none;
    transition: transform 0.3s ease;
}

.event.activ:hover {
    transform: scale(2.1);
    z-index: 10;
    background: #ffffff;
    right: 4.5%;
}

.event.activ.last:hover {
    right: -9.5%;
}

.event.activ:hover .main-event-img,
.event.activ:hover .event-logo {
    display: none;
}

.event.activ:hover .overlay {
    background: none;
}

.event.activ:hover .hover-overlay {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1% 10% 1% 1%;
    transition: transform 0.3s ease;
}

.hover-overlay h3 {
    font-size: 0.6em;
    margin-top: 5px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: solid 1px #000000;
}

.hover-overlay ul {
    margin: 0;
    padding: 0;
    display: flex; /* Make list items in the same row */
    list-style-type: none; /* Remove bullet points */
    margin-top:10px;
}

    .hover-overlay ul li {
        flex: 1; /* All items take equal width */
        display: flex; /* Flexbox for content alignment within each item */
        justify-content: center; /* Center content horizontally */
        align-items: center; /* Center content vertically */
        font-size: 0.4em;
        text-align: center;
       /* width: 25px;*/
        border-left: solid 1px #000000;
        bx-sizing: border-box;
        padding: 0 2px;
    }

    .hover-overlay ul li:last-child {
        border: none;
    }

.overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding: 10px 30px 10px 50px;
    transition: transform 0.3s ease;
}

.event.no-event .overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

.event-logo {
    width: 80%;
    max-width: 170px;
    padding-left:110px;
}

nav {
    color: #ffffff;
}

.main-img {
    width: 100%;
    margin-top: -60px;
}

.main-Page-header {
    width: 100%;
    height: 89px;
    text-align: center;
    color: #ffffff;
    background: #ED6B35;
    clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 50%);
    margin-top: -60px;
    box-sizing: border-box;
    padding-top: 35px;
}

.event-logo-hover {
    max-width: 40%;
}

.btn-new {
    background: #ED6B35;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 0.6em;
    padding: 3px 10px;
    cursor: pointer;
    margin-top: 10px;
}

.main-img-m, .header-mobile-mask-img {
    display: none;
}
@media all and (max-width: 1300px) {
    .event-container
    {
        height:340px;
    }
    .event-logo
    {
        max-width:110px;
    }
}
@media all and (max-width: 1100px) {
    .cycle-slideshow {
        position: relative;
        margin-bottom: 18px;
        overflow: hidden;
        display: block;
    }
    .cycle-slideshow-mobile {
        display: none;
    }
    header {
        clip-path:none;
        height:70px;
    }
    .headerInnerPages
    {
        display:none !important;
    }
    .event-container
    {
        height:280px;
    }
    .event-logo {
        max-width: 80px;
        padding-left:75px;
    }
}
    @media all and (max-width: 1050px) {
        .event-logo-hover {
            max-width: 30%;
        }

       /* .hover-overlay h3, .hover-overlay ul li {
            font-size: 0.4em;
        }

        .hover-overlay ul li {
            width: 15px;
        }*/
    }

@media all and (max-width: 650px) {

    header {
        height: 79px;
        clip-path: none;
    }

    .main-Page-header {
        width: 100%;
        height: 89px;
        text-align: center;
        background: none;
        clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 0);
        padding-top: 0;
    }

    .header-mobile-mask {
        position: relative;
        z-index:1000;
        box-sizing:border-box;
    }

    .header-mobile-mask-img {
        width: 100%;
        display: block;
        margin-top: -45%;
    }
    div.main-Page-header {
        margin-top: -140px;
        font-size: 25px;
        clip-path:none;
    }
    .double-arrow
    {
        display:block;
    }
    .main-Page-header {
        position: absolute;
        top: 80%;
    }

    .event-container {
        display: block;
        justify-content: unset;
        overflow: hidden;
        margin-bottom: 20px;
        margin-top:-35px;
    }

    .event, .event .main-event-img, .overlay,
    .event:first-child, .event:first-child .main-event-img, .event:first-child .overlay,
    .event:last-child, .event:last-child .main-event-img, .event:last-child .overlay {
        width: 100%;
        clip-path: unset;
        clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0, 50% 15%);
        margin-right: 0;
    }
   

    .event.no-event {
        display: none;
    }

    .event {
        height: 300px;
        margin-top:-30px;
    }
        .event:nth-child(2) {
            height:365px;
        }
            .event:nth-child(2) .hover-overlay h3
            {
                margin-top:80px;
            }
           /* .overlay {
                display: none;
            }*/
    .event-logo {
        max-width: 200px;
        margin-bottom: 10px;
        padding-left: 10%;
    }
    .event.activ:hover {
        transform: none;
        z-index: 10;
        right: 0;
    }

    footer h3 {
        font: bold 14px Open Sans, sans-serif, arial !important;
        color: #ffffff;
    }
    .hookKapaimActive .newsletter
    {
        height:auto;
    }
    .event.activ {
        background-color:transparent;
        transition:all ease-in 0.5s;
    }
    .event.activ:hover .hover-overlay {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
        background-color: #253A80;
    }
    .event-logo-hover
    {
        display:none;
    }
    .hover-overlay h3, .hover-overlay ul li
    {
        font-size:18px;
    }
    .hover-overlay ul li {
        border: solid 1px #ffffff !important;
    }
   /* .hover-overlay ul li {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #3393F9;
        color:#ffffff;
        border:none;
        text-align:center;
        padding-top:5px;
        box-sizing:border-box;
    }
        .hover-overlay ul li:hover {
            background: #f36a10;
        }
            .hover-overlay ul li:hover span {
                border:none;
                font-weight: normal;
            }*/
    .btn-new
    {
        font-size:18px;
        padding:5px;
        border-radius:20px;
    }
    .event.activ:hover .main-event-img {
        display: block;
    }
    .hover-overlay h3
    {
        border:none;
    }
    div.main-Page-header
    {
        background:none;
    }
}

    /*#endregion*/

    @media all and (max-width: 1500px) {
        .hookKapaimActive .regCompleteTextImage {
            margin-top: -20px;
        }
    }

    @media all and (max-width: 1100px) {
        .cancelLayer {
            top: 45%;
            font-size: 20px;
            left: calc(50% - 300px);
        }       
        .hookKapaimActive main {
            overflow-x: hidden;
        }

        .hookKapaimActive .regIcons {
            top: -240px;
        }

        #TlvMaratonVideo {
            position: relative;
            z-index: -10;
            top: -15px;
            left: 50%;
            width: 200%;
        }

        .hookKapaimActive img.main_txt {
            top: -290px;
            width: 200px;
        }

        .hookKapaimActive a.regBtn {
            margin-top: -200px;
        }

        .hookKapaimActive img.main_txt {
            top: -220px;
        }

        .hookKapaimActive .homePageTxtB {
            width: 800px;
            /*height: 355px;*/
            background-size: 800px 100%;
            padding-right: 130px;
        }

        .hookKapaimActive .homePageTxtContainer ul.top li img {
            width: 80px;
        }

        .hookKapaimActive .homePageTxtContainer {
            font-size: 12px;
            padding-left: 50px;
        }

            .hookKapaimActive .homePageTxtContainer ul.top li {
                width: 47%;
            }

                .hookKapaimActive .homePageTxtContainer ul.top li span {
                    height: 85px;
                    font-size: 14px;
                    width: calc(100% - 100px);
                }

            .hookKapaimActive .homePageTxtContainer ul.top {
                margin-top: 30px;
            }

                .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(3), .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(4) {
                    padding-top: 10px;
                }

            .hookKapaimActive .homePageTxtContainer ul.bottom {
                padding-right: 30px;
                width: 550px;
            }
        .txt
        {
            display:block;
        }
        .lr-contact-info
        {
            margin-bottom:0;
            padding-bottom:0;
        }
        .lr-contact-info, .lr-form {
            width: 100%;
            max-width: none;
            height: auto;
        }
    }

    @media all and (max-width: 817px) {
        #ContentWrapper {
            margin-top: 0;
        }
        .headerBackground {
            clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 0);
            height:79px;
        }
        .menuContainer ul.slimmenu li ul li {
            background: none;
        }

        .menuContainer ul.slimmenu li a {
            padding: 0 50px !important;
        }

        .menuContainer ul.slimmenu li .sub-collapser {
            background: none;
        }
        .page-content
        {
            width:100% !important;
        }
        .hookKapaimActive .newsletter {
            width: 100%;
            padding-bottom: 30px;
        }
        .hookKapaimActive .social {
            width: 100%;
            border: none;
        }
        .hookKapaimActive .social h3
        {
            display:none;
        }
        .hookKapaimActive header .collapse-button {
            top: 35px;
            right: 20px;
        }
        .hookKapaimActive header .collapse-button .icon-bar
        {
            background:#ED6B35;
        }
        .hookKapaimActive .menuContainer ul.slimmenu {
            margin-top: 27px;
            padding: 30px;
        }
        .hookKapaimActive ul.slimmenu > li
        {
            border:none !important;
            padding:5px 0;
        }
        .hookKapaimActive ul.slimmenu.collapsed li a {
            border: none !important;
            font-weight:normal;
        }
        .hookKapaimActive .kapaim-logo {
            padding-top: 10px;
            box-sizing: border-box;
            position:absolute;
            left:10px;
        }
        .hookKapaimActive header .menuContainer {
            padding: 0;
        }
        header .menuContainer ul.slimmenu {
            width: 100% !important;
            background: #ED6B35;
            box-sizing: border-box;
            text-align: right;
        }

        ul.slimmenu li .sub-collapser {
            display: block;
        }

        .menuContainer .sub-collapser {
            display: block;
        }

        .page-content {
            width: 100%;
        }
        .cycle-slideshow {
            display: none;
        }

        .cycle-slideshow-mobile {
            display: block;
            margin-top:-90px;
        }
        .event-container {
            height: auto;
        }

        .hookKapaimActive .regIcons {
            display: none;
        }

        .hookKapaimActive .regIconsM {
            display: block;
            margin: 50px auto 0 auto;
        }

        .hookKapaimActive .topLayer img.event-logo {
            width: 400px;
        }

        .innerpageHook.hookKapaimActive .lang {
            right: 20px !important;
            left: auto !important;
            top: 80px !important;
        }

            .innerpageHook.hookKapaimActive .lang a {
                color: #00a3e2 !important;
                font-size: 18px;
            }

        .innerpageHook.hookKapaimActive .categories-nav {
            margin-top: 80px;
        }

        .hookKapaimActive .homePageTxtB {
            background: #0061ae url(../images/layout2020/tlvmaraton/homePageTxtMB.png) no-repeat top center;
            max-width: 533px;
            width: 100%;
        }

        .hookKapaimActive .homePageTxtB {
            padding: 20px;
            height: auto;
        }

            .hookKapaimActive .homePageTxtB h2 {
                padding: 0;
                font-size: 40px;
                margin-bottom: 200px;
            }

                .hookKapaimActive .homePageTxtB h2 .mbr {
                    display: block;
                }

        .hookKapaimActive .homePageTxtContainer ul.top li {
            display: block;
            width: 100%;
            font-size: 16px;
            margin-bottom: 10px;
        }

            .hookKapaimActive .homePageTxtContainer ul.top li img {
                width: 140px;
                display: inline-block;
                vertical-align: top;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li span {
                border: none;
                padding: 0;
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 160px);
                margin-right: 10px;
                height: auto;
            }

        .hookKapaimActive .homePageTxtContainer ul.bottom {
            width: 100%;
            padding-top: 40px;
            font-size: 16px;
            box-sizing: border-box;
        }

        .hookKapaimActive .homePageTxtContainer {
            padding-left: 0;
        }

            .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(2) img, .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(4) img {
                border: none;
                padding: 0;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li:first-child, .hookKapaimActive .homePageTxtContainer ul.top li:nth-child(2) {
                border: none;
            }

            .hookKapaimActive .homePageTxtContainer ul.top li {
                height: auto;
            }
    }

    @media all and (max-width: 600px) {
        .cancelLayer {
            left: calc(50% - 175px);
            width: 350px;
            top: 30%;
            font-size: 18px;
        }

            .cancelLayer a.regBtn {
                top: auto;
            }

        .hookKapaimActive .regIconsM {
            max-width: 400px;
            margin-top: -180px;
            width: 90%;
        }

        .hookKapaimActive a.regBtn {
            margin-top: 30px;
        }

        .hookKapaimActive .topLayer img.event-logo {
            width: 300px;
        }

        .hookKapaimActive .topLayer img.tlvLogo {
            max-width: 100px;
            left: 22%;
        }

        .hookKapaimActive .shopTtlMobile {
            margin-right: -25px;
            text-align: center;
            width: 100%;
        }

        .hookKapaimActive .cartTable .ddl {
            width: 60px;
        }

        .hookKapaimActive .timer {
            width: 150px;
            padding-right: 5px;
        }

        .hookKapaimActive .Fullarticle {
            width: 100%;
        }

        #TlvMaratonVideo {
            display: none;
        }

        #TlvMaratonVideoM {
            display: block;
            width: 100%;
        }

        .hookKapaimActive .jqtimer-seconds {
            right: 8px;
        }

        .hookKapaimActive .jqtimer-hours {
            right: 70px;
        }

        .hookKapaimActive .jqtimer-minutes {
            right: 40px;
        }

        .jqtimer-colon-hm {
            right: 64px;
        }

        .jqtimer-colon-ms {
            right: 35px;
        }

        .hookKapaimActive .jqtimer-seconds-text {
            right: 10px;
        }

        .hookKapaimActive .jqtimer-minutes-text {
            right: 40px;
        }

        .hookKapaimActive .jqtimer-hours-text {
            right: 70px;
        }

        .hookKapaimActive .jqtimer-days {
            font-size: 35px;
            margin-right: 10px;
            margin-top: 20px;
        }
    }

    @media all and (max-width: 400px) {
        .hookKapaimActive .homePageTxtB h2 {
            font-size: 35px;
        }

        .hookKapaimActive .homePageTxtContainer ul.top li img {
            width: 100px;
        }

        .hookKapaimActive .homePageTxtContainer ul.top li span {
            width: calc(100% - 120px);
        }

        .hookKapaimActive .topLayer img.event-logo {
            width: 270px;
        }
    }

    @media all and (max-width: 540px) {
        .hookKapaimActive .appsLinksContainer .appsLinksButton {
            float: none !important;
            width: calc(100% - 30px);
            box-sizing: content-box;
        }

        ol {
            margin-right: 18px;
            padding-right: 0;
            word-wrap: anywhere;
        }
    }

    @media all and (max-width: 480px) {
        .hookKapaimActive .regCompleteTextImage {
            width: 100%;
        }
    }

/*#region Kapaim Maps*/

.Content {
    width: 970px;
    /*height: 742px;*/
    margin: 0px auto;
    text-align: left;
    background-color: #FFF;
    padding: 0px;
    position: relative;
}

/*.search_text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFF;
    text-decoration: none;
}*/

#mainContentArea {
    position: relative;
    direction: ltr;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

#map_canvas, #map_canvas-wide {
    position: relative;
    width: 90%;
    height: 1050px;
    float: right;
}

#elevation_area {
    display: none;
}

#elevation_chart {
    display: inline-block;
    width: 700px;
    height: 200px;
}

#elevation_table {
    direction: rtl;
    display: inline-block;
    color: black;
    width: 166px;
    height: 150px;
    margin-bottom: 24px;
    white-space: nowrap;
    text-align: right;
}

.elevationDataCell {
    direction: rtl;
}

/*#header2
{
    width: 950px;
    min-height: 25px;
    margin-left: auto;
    margin-right: auto;
}*/

#lblName {
    text-align: right;
    font-size: 20px;
    color: white;
    position: absolute;
    top: 10px;
    right: 10px;
}

#routeDetails {
    position: absolute;
    top: 10px;
    left: 10px;
}

    #routeDetails div {
        float: right;
        color: #ffffff;
        margin-left: 5px;
        padding-left: 5px;
        border-left: solid 1px #ffffff;
    }

        #routeDetails div:last-child {
            border-left: 0;
        }

#tools {
    text-align: center;
    width: 10%;
    float: right;
}

    #tools table {
        width: 100%;
    }

.mapsPanellContainer {
    background: #253A80;
    padding: 10px;
    position: relative;
    height: 25px;
}

#search {
    height: 25px;
    padding: 0 5px;
    color: #000000;
    position: absolute;
    top: 10px;
    right: 40%;
    width: 20%;
}

@media all and (max-width: 800px) {
    .mapsPanellContainer {
        height: 50px;
    }

    #search {
        position: static;
        float: left;
        width: 50%;
    }

    #lblName {
        position: static;
        float: right;
    }

    #routeDetails {
        position: static;
        float: left;
        margin-top: 10px;
    }
}

@media all and (max-width: 600px) {
    #tools {
        text-align: center;
        width: 20%;
        float: right;
    }

    #map_canvas, #map_canvas-wide {
        position: relative;
        width: 80%;
        height: 750px;
        float: right;
    }
}

/*#endregion*/

/*#region logos*/

.logos {
    float: right;
    height: 80px;
}

    .logos a {
        display: block;
        max-height: 100%;
    }

    .logos img {
        display: block;
        max-height: 100%;
        margin-right: 0 !important;
        margin-left: 10px;
    }

.logosPage {
    float: right;
    margin-left: 10px;
}

    .logosPage a {
        display: block;
        max-height: 100%;
        text-align: center;
    }

    .logosPage img {
        display: block;
        max-height: 100%;
        margin: 0 auto;
    }

/*#endregion*/