﻿a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

.vertical-tab {
    font-family: 'Lato', sans-serif;
    display: table;
}

    .vertical-tab .nav-tabs {
        display: table-cell;
        width: 30%;
        min-width: 30%;
        vertical-align: top;
        border: none;
    }

        .vertical-tab .nav-tabs li {
            float: none;
            vertical-align: top;
        }

            .vertical-tab .nav-tabs li a {
                color: #333;
                background: #fff;
                font-size: 14px;
                letter-spacing: 1px;
                text-align: center;
                padding: 13px 10px 10px;
                margin: 0 9px 9px 0;
                border-radius: 0;
                border: solid 1px rgba(0,0,0,0.15);
                /*border-bottom: 2px solid rgba(0,0,0,0.15);
                box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
                display: block;
                overflow: hidden;
                position: relative;
                z-index: 1;
                /*transition: all 0.3s ease 0.1s;*/
            }

                /*.vertical-tab .nav-tabs li a:hover,*/
                .vertical-tab .nav-tabs li a.active,
                .vertical-tab .nav-tabs li a.active  {
                    color: #333;
                    background: #1fb141;

                }


    .vertical-tab .tab-content {
        color: #555;
        background: #fff;
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 25px;
        padding: 20px 20px 10px;
        margin-top: 10px;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        display: table-cell;
        position: relative;
        border: solid 10px #CCC;
    }

        .vertical-tab .tab-content h3 {
            color: #0F346C;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0 0 7px 0;
        }


#BtTabs {
    display: block;
}

#tabMobile {
    display: none;
}

@media only screen and (max-width: 479px) {
    #BtTabs {
        display: none;
    }

    #tabMobile {
        display: block;
    }
    /*.vertical-tab .nav-tabs{
        width: 100%;
        display: block;
        border: none;
    }
    .vertical-tab .nav-tabs li a{ margin: 0 0 10px; }
    .vertical-tab .tab-content{
        padding: 25px 20px;
        display: block;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }*/
}
