/*
color theme ArmoryHalfMarathon
*/

.os .mainbanner,
.os .workbanner,
.os .statistics:before{
    background: #b5bdc8;
    background: linear-gradient(45deg, #292663  0%, #88288F  10%, #EE403D  66%, #F89C1C  100%);
}

.os .mainbanner:before{
    content: "";
    position: absolute;
    left:0;
    top:0;
    width: 65%;
    height: 100%;
    background: #b5bdc8;
    background: linear-gradient(45deg, #292663  0%, #88288F  10%, #EE403D  50%, #F89C1C  100%);
}

.os .mainbanner-name{
    font-size: 50px;
}

.os .btn{
    color: #ffffff;
    border: solid 1px #ee403d;
    background-color: #ee403d;
    box-shadow: 0 12px 18px 0 rgba(238, 64, 61, 0.52);
}


.os .btn--reverse{
    color: #5f277c;
    border: solid 1px #ffffff;
    background-color: #ffffff;
    box-shadow: 0 12px 18px 0 rgba(95, 39, 124, 0.52);
}

.os .fastmenu-item svg{
    fill:#EE403D;
}

.os .fastmenu-item:hover{
    color: #ffffff;
    background: #EE403D;
    border: 1px solid #EE403D;
}

.os .fastmenu-item:hover svg{
    fill: #ffffff;
}

.os .ph1-color{
    color: #EE403D;
}

.os .events-item-date{
    color: #EE403D;
}


.os .footer{
    background: #292663;
}


.os .elm1{
    fill: #88288F;
}

.os .elm2,
.os .elm3{
    background: #a93074;
}

.os .elm4{
    fill: #a93074;
}

.os .elm5{
    fill: #88288F;
}

.os .elm6{
    fill: #f89c1c;
}

.os .elm7{
    fill: #bf3563;
}

.os .elm8{
    fill: #88288F;
}

.os .elm9{
    fill: #88288F;
}

.os .elm10{
    fill: #88288F;
}

.os .elm11{
    fill: #f89c1c;
}

.os .elm12,
.os .elm13{
    fill: #88288F;
}


 /* above mobile and tablet*/
@media (min-width: 992px) {

}


 /* large desktop */
@media (min-width: 1200px) {

}

 /* desktop */
@media (min-width: 992px) and (max-width: 1199px) {
    .os .mainbanner-name {
        font-size: 43px;
    }

    .os .timer {
        margin-top: 50px;
    }
    .os .workbanner .timer{
        margin-top: 0;
    }

    .os .btn.btn--head{
        margin-top:40px;
    }
}



 /* tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .os .mainbanner{
        background: #b5bdc8;
        background: linear-gradient(45deg, #292663  0%, #88288F  40%, #EE403D  73%, #F89C1C  100%);
    }

    .os .mainbanner:before{
        display: none;
    }

    .os .mainbanner-name,
    .os .workbanner-name{
        font-size: 36px;
    }
}

 /* above mobile */
@media (min-width: 768px) {

}

 /* big mobile */
@media (min-width: 500px) and (max-width: 767px) {

}

 /* mobile */
@media (max-width: 767px) {
    .os .mainbanner{
        background: #b5bdc8;
        background: linear-gradient(45deg, #292663  0%, #88288F  40%, #EE403D  73%, #F89C1C  100%);
    }

    .os .mainbanner:before{
        display: none;
    }

    .os .mainbanner-name{
        padding-right: 37px;
        font-size: 32px;
    }
}