/*
color theme OneRun
*/ 

.tpm .header {
    background-image: linear-gradient(to top, rgba(113, 135, 163, 0), rgba(29, 121, 145, 0.9));
}

.tpm .mainbanner,
.tpm .workbanner,
.tpm .statistics:before{
    background: #10aed7;
}

.tpm .btn{
    color: #ffffff;
    background: #e52e12;
    border: solid 1px #e52e12;
    box-shadow: 0 12px 18px 0 rgba(229, 46, 18, 0.63);
}

.tpm .btn--reverse{
    color: #e52e12;
    background: #ffffff;
    border: solid 1px #e52e12;
}

.tpm .btn.btn--head{
    color: #ffffff;
    background: #e52e12;
    border: solid 1px #e52e12;
    box-shadow: 0 12px 18px 0 rgba(229, 46, 18, 0.63);
}


.tpm .btn.btn--map{
    box-shadow: 2px 4px 8px 0 rgba(229, 46, 18, 0.63);
}


.tpm .workbanner-name {
    font-size: 26px;
}

.tpm .lang-item.active a,
.tpm .lang-item a:hover{
    color: #e52e12;
}

.tpm .timer {
    margin-top: 140px;
}

.tpm .workbanner .timer {
    margin-top: 0;
}

/*.tpm .mainbanner-name{
    font-size: 54px;
}*/

.tpm .fastmenu-item svg{
    fill:#e52e12;
}

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

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

.tpm .ph1-color{
    color: #e52e12;
}

.tpm .events-item-date{
    color: #e52e12;
}

.tpm .footer{
    background: #1d7991;
}



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

}


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

}

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

    .tpm .timer{
        margin-top: 60px;
    }
    .tpm .workbanner .timer{
        margin-top: 0;
    }

    .tpm .timer-time-val {
        line-height: 35px;
    }

}



 /* tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .tpm .mainbanner-name,
    .tpm .workbanner-name{
        font-size: 34px;
    }
    
    .tpm .btn, .tpm .btn--reverse {
        box-shadow: 0 8px 14px 0 rgba(242, 21, 131, 0.3);
    }
}

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

}

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

}

 /* mobile */
@media (max-width: 767px) {
    .tpm .mainbanner-name{
        padding-right: 37px;
        font-size: 32px;
    }

    .tpm .btn, .tpm .btn--reverse {
        box-shadow: 0 8px 14px 0 rgba(242, 21, 131, 0.3);
    }
}