﻿.best-responsive-tab, .best-responsive-tab * {
    box-sizing: border-box;
    font-size: 20px;
    font-weight: normal;
}

.best-responsive-tab:not(.init),
.best-responsive-tab-contents:not(.init) {
    opacity: 0;
    visibility: hidden;
}

    .best-responsive-tab.init,
    .best-responsive-tab-contents.init {
        opacity: 1;
        visibility: show;
        width: 100%;
    }

/*    desktop*/

    .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        border: 4px solid transparent;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        border-color: #D6AD2A;
        border-left: none;
        border-right: none;
        border-top: none;
    }

.best-reponsive-tab-item .best-reponsive-tab-item-trigger {
    text-align: center;
}

.best-reponsive-tab-item:first-child .best-reponsive-tab-item-trigger {
    text-align: left;
}

.best-reponsive-tab-item:last-child .best-reponsive-tab-item-trigger {
    text-align: right;
}


.best-reponsive-tab-item {
    width: 30%;
}

.best-reponsive-tab-item:first-child {
    width: 20%;
}

.best-reponsive-tab-item:last-child {
    width: 20%;
}

.best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item > .best-reponsive-tab-item-trigger {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}


    .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item > .best-reponsive-tab-item-trigger:hover,
    .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item > .best-reponsive-tab-item-trigger.lgTabToggle-tab-active {
        /*                background: red;*/
        color: #D6AD2A;
        /*                border-bottom-color: red;*/
        font-weight: 600 !important;
    }

.best-reponsive-tab-item > .best-reponsive-tab-item-trigger.lgTabToggle-tab-active {
    background-image: url("/images/down-arrow-yellow.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center right;
}

.best-reponsive-tab-item:last-child .best-reponsive-tab-item-trigger.lgTabToggle-tab-active {
    background-image: url("/images/down-arrow-yellow.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right:50px;
}


        .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item + .best-reponsive-tab-item > .best-reponsive-tab-item-trigger,
        .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item:first-of-type > .best-reponsive-tab-item-trigger {
/*            border-left-color: #ddd;*/
        }

        .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item:first-of-type > .best-reponsive-tab-item-trigger {
/*            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;*/
        }

        .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item:last-of-type > .best-reponsive-tab-item-trigger {
/*            border-right-color: #ddd;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;*/
        }

        .best-responsive-tab:not(.lgTabToggle-tab-responsive-active) > .best-reponsive-tab-item > .best-reponsive-tab-item-content-triggerer {
            display: none;
        }

.best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) {
    display: block;
}

.best-responsive-tab-contents.lgTabToggle-tab-responsive-active {
    display: none;
}

.best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) > .best-responsive-tab-content:not(.lgTabToggle-tab-content-active) {
    display: none;
}


/*mobile*/

.best-responsive-tab.lgTabToggle-tab-responsive-active > .best-reponsive-tab-item {
    display: block;
    width:100% !important;
}

    .best-responsive-tab.lgTabToggle-tab-responsive-active > .best-reponsive-tab-item > .best-reponsive-tab-item-trigger {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #ffffff;
        background-color:#666666;
        color:#ffffff;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -moz-transition: background 0.3s ease-in;
        -webkit-transition: background 0.3s ease-in;
        -o-transition: background 0.3s ease-in;
        transition: background 0.3s ease-in;
        text-align:left;
        font-weight:normal;
    }

        .best-responsive-tab.lgTabToggle-tab-responsive-active > .best-reponsive-tab-item > .best-reponsive-tab-item-trigger.lgTabToggle-tab-active,
        .best-responsive-tab.lgTabToggle-tab-responsive-active > .best-reponsive-tab-item > .best-reponsive-tab-item-trigger:hover {
            background-color: #D6AD2A;
            color: #fff;
            font-weight: 600;
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: center right;
            border-right: 20px solid transparent;
        }

.best-responsive-tab.lgTabToggle-tab-responsive-active > .best-reponsive-tab-item > .best-reponsive-tab-item-trigger.lgTabToggle-tab-active {
    background-image: url("/images/down-arrow-white.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center right;
    border-right: 20px solid transparent;
}

    .best-responsive-tab.lgTabToggle-tab-responsive-active > .best-reponsive-tab-item > .best-reponsive-tab-item-content-triggerer:not(.lgTabToggle-tab-content-active) {
        display: none;
    }

.best-responsive-tab > .best-reponsive-tab-item > .best-reponsive-tab-item-content-triggerer {
    padding: 10px 15px;
/*    border: 1px solid transparent;
    border-left-color: #ddd;
    border-right-color: #ddd;*/
}

.best-responsive-tab > .best-reponsive-tab-item:last-of-type > .best-reponsive-tab-item-content-triggerer {
/*    border-bottom-color: #ddd;*/
}