.tab .nav-tabs{
    border:none;
    padding: 0 0 1px;
}
.tab .nav-tabs li a{
    padding:5px 10px;
    background:#fff; font-size:16px; font-weight:bold;
    color:#808080;
    position: relative;
    border:1px solid transparent;
    z-index: 0;
    transition: all 0.3s ease 0s;
}
.nav-tabs li a:hover{
    color:#000;
}
.tab .nav-tabs li a:before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    z-index: -1;
    transform: scale(0,0);
    transition:all 0.5s ease 0s;
}
.tab .nav-tabs li a:hover:before{
    background: #ffa74a;
    opacity: 1;
    transform: scale(1,1);
}
.tab .nav-tabs li a i{
    display: block;
    font-size: 15px;
    text-align:center;
    margin-bottom:5px;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
    color:#000;
    background: #ffa74a;
    border-bottom:1px solid #fff;
}
.nav-tabs li.active a:hover:before{
    background: none;
}
.tab .tab-content{
    padding:30px 0px;
   
}
.tab .tab-content h3{
    margin:0 0 10px 0;
    color:#000;
    font-weight: bold;
    text-transform:uppercase;
}
.tab .tab-content p{
    
   
}
@media only screen and (max-width: 600px){
    .tab .nav-tabs li{
        width:100%;
        margin-bottom:0;
        text-align:center;
    }
}