a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.event-tab .nav-tabs{
    border-bottom: 1px solid #DB0102;
    border-top: 1px solid #DB0102;
}
.event-tab .nav-tabs li{
    /*margin: 0 1px 0 0;*/
    margin: 0;
    position: relative;
    height: 72px;
    width: 16%;
}
.event-tab .nav-tabs li.active:before{
    content: "";
    position: absolute;
    bottom: -28px;
    left: 51px;
    border: 14px solid transparent;
    border-top-color: #DB0102;
}
.event-tab .nav-tabs li.active:after{
    content: "";
    position: absolute;
    bottom: -24px;
    left: 53px;
    border: 12px solid transparent;
    border-top-color: #fff;
}
.event-tab .nav-tabs li a{
    border: none;
    padding: 12px 15px;
    font-size: 18px;
    color: #777;
    background: transparent;
    border-radius: 0;
    text-align: center;
}
.event-tab .nav-tabs li a:hover{
    color: #DB0102;
}
.event-tab .nav-tabs li a i{
    display: block;
    /*text-align: center;*/
    margin-bottom: 5px;
}
.event-tab .nav-tabs li.active a,
.event-tab .nav-tabs li.active a:focus,
.event-tab .nav-tabs li.active a:hover{
    border: none;
    background: transparent;
    color: #DB0102;
    transition: background 0.20s linear 0s;
}



@media only screen and (max-width: 991px) {
    .event-tab .nav-tabs li{
        height: 60px;
    }
    .event-tab .nav-tabs li a{
        padding: 5px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 768px) {
    .event-tab .nav-tabs li{
        height: 60px;
    }
    .event-tab .nav-tabs li a{
        padding: 10px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .event-tab .nav-tabs li{
        height: 60px;
    }
    .event-tab .nav-tabs li a{
        padding: 10px;
        font-size: 32px;
    }
    .event-tab .nav-tabs li.active:before{
        left: 28px;
        bottom: -24px;
        border-width: 12px;
    }
    .event-tab .nav-tabs li.active:after{
        left: 30px;
        bottom: -20px;
        border-width: 10px;
    }
}


.event-future .nav-tabs li{
    width: 25%;
}

.event-future .nav-tabs li.active:before {
    left:72px;
}

.event-future .nav-tabs li.active:after {
    left:74px;
}
/*****************************************************/
.tab .nav-tabs li a {
    background:transparent;
    border-radius:0;
    border:none;
    font-size:16px;
    color: #868686;
    padding: 16px 22px 10px;
}
.tab .nav-tabs li a:hover{
    background:transparent;
}
.tab .nav-tabs li a i{
    display:block;
    text-align:center;
    margin-bottom:4px;
    color:#DB0102;
}
.tab .nav-tabs li.active > a,
.tab .nav-tabs li.active > a:focus,
.tab .nav-tabs li.active > a:hover {
    border: none;
    border-bottom: 2px solid #DB0102;
    color:#868686 ;
}
.tab .nav-tabs li.active a:after{
    content: " ";
    position: absolute;
    bottom: 0%;
    left: 45%;
    border-width: 7px;
    border-style: solid;
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #DB0102;
}
.tab .tab-content{
    padding:12px;
    color:#5a5c5d;
    font-size: 14px;
    margin-top:0;
    border:none;
}
@media only screen and (max-width: 480px) {
    .tab .nav-tabs li{
        width:100%;
    }
    .tab .nav-tabs li a{
        border:1px solid lightgray;
        margin-bottom:10px;
    }
    .tab .nav-tabs li a i{
        display:inline-block;
        margin-right:15px;
    }
    .tab .nav-tabs li.active  a,
    .tab .nav-tabs > li.active a:focus,
    .tab .nav-tabs > li.active a:hover {
        border:1px solid #DB0102;
    }
    .tab .nav-tabs > li.active > a:after{
        border:none;
    }
}