/*
color theme First track
*/


.ftw .mainbanner,
.ftw .workbanner,
.ftw .statistics:before{
    background: #3480a1;
}

.ftw .btn,
.ftw .btn--reverse{
    color: #ffffff;
    border: solid 1px #ff6d4a;
    background-color: #ff6d4a;
    box-shadow: 0 12px 40px 0 rgba(255, 109, 74, 0.63);
}

.ftw .lang-item.active a,
.ftw .lang-item a:hover{
    color: #F50082;
}

/*.ftw .mainbanner-name{
    font-size: 60px;
}*/

.ftw .workbanner-name{
    font-size: 34px;
}

.ftw .fastmenu-item svg{
    fill:#ff6d4a;
}

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

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

.ftw .ph1-color{
    color: #ff6d4a;
}

.ftw .events-item-date{
    color: #ff6d4a;
}

.ftw .footer{
    background: #3480a1;
}


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

}


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

}

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


 /* tablet */
@media (min-width: 768px) and (max-width: 991px) {

    .ftw .mainbanner-name,
    .ftw .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) {
    .ftw .mainbanner-name{
        padding-right: 37px;
        font-size: 30px;
    }
}