.bigtabs .links{ position:relative}
.bigtabs .links ul { list-style:none;margin:0 }
.bigtabs .links .link-item{ vertical-align:top; padding:0 20px 0 25px; margin:0 0 50px 0; position:relative; width:32%; display:inline-block}
.bigtabs .links .link-item:before{font-size:20px;top:20%;content:'\f101'; font-family:"Font Awesome 5 Free", FontAwesome; position:absolute;display:flex;font-weight:bold }
.bigtabs .links .link-link {text-decoration:none;text-transform:uppercase;display:inline-block;width:100%;padding:10px;transition: all .3s ease; letter-spacing:.2em; font-size:18px; font-weight:400;text-decoration:none; position:relative; margin-left:30px}
/*.bigtabs .links .link-item a:hover{ background-color:#333; color:#fff }*/

.bigtabs .desktop .tabs{ justify-content:center; padding:0 35px; /*background-color:#808080;*/ margin:0; text-align:center;}
.bigtabs .desktop .tabs .tab-item a{ text-decoration:none; padding:48px 0px 42px 0px; display:flex; flex-direction:column; position:relative; align-items:center; border:none; flex-basis:100%}
.bigtabs .desktop .tabs .tab-item a img {height:50px;}
.bigtabs .desktop .tabs .tab-item{display:flex; justify-content:center;position:relative }
.bigtabs .desktop .tabs .tab-item h4{font-size:30px;line-height:36px; text-transform:uppercase; padding:10px 5px 0 0;letter-spacing:1px; max-width:100%}
.bigtabs .desktop .tab-pane{ padding:100px 0 42px 0 !important}
.bigtabs .desktop .tabs .tab-item a.active:after,
.bigtabs .desktop .tabs .tab-item.active a:after /*bs3*/ {
    content: "";
    position: absolute;
    z-index: 99;
    right: auto;
    border-width: 40px 40px 0;
    border-style: solid;
    border-color: transparent;
    /*border-color: #808080 transparent;*/
    display: block;
    width: 0;
    bottom: -35px;
    animation: slide-down 1s ease;
}

.bigtabs .desktop .tab-item a:focus {
    outline: none !important;
}

.bigtabs .desktop .tab-item a:focus-visible {
    outline: 3px solid #212121 !important;
}

@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-30%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

/* mobile */
/*.bigtabs .mobile .menu{ background-color:#808080;}*/
.bigtabs .mobile a.tab-link img{ margin-top:40px; height: 50px;}
.bigtabs .mobile a.tab-link {
    border-bottom-width: 1px;
    border-bottom-style:solid;
    /*border-color:#a0a0a0;*/
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: all .3s ease;
    text-align:center
}
   /* .bigtabs .mobile a.tab-link:hover {
        background: #a0a0a0;
        border-radius: 0;
        box-shadow: none !important;
        border-color: #a0a0a0;
    }*/
.bigtabs .mobile a.tab-link h4 {
    padding: 20px 0;
    margin: 0;
}

.bigtabs a.tab-link:before {
    font-family: "Font Awesome 5 Free", FontAwesome;
    font-weight: bold;
/*    color: #fff !important;*/
    content: '\f055';
    font-size: 24px !important;
    position: absolute;
    top: 20px;
    right: 20px;
}
/*.bigtabs a.tab-link[aria-expanded="true"] {background-color:#a0a0a0;}*/
.bigtabs a.tab-link[aria-expanded="true"]:before {content: "\f056";}

.bigtabs .mobile .links:before {
    content: "";
    position: absolute;
    left: calc(50% - 40px);
    border-width: 40px 40px 0;
    border-style: solid;
    border-color:transparent;
/*    border-color: #a0a0a0 transparent;*/
    display: block;
    width: 0;
    top: -1px;
    animation: slide-down 1s ease;
    z-index:0;
}
.bigtabs .mobile .tab-link:hover{ text-decoration:none}

.bigtabs .mobile .links {padding-top:60px;}
.bigtabs .mobile .links .link-item{ width:100%; margin-bottom:25px}

/* bs3 override*/
.bigtabs .nav-tabs > li.active > a {
    background-color: transparent;
    border: none;
    margin: 0;
    align-items: center
}
.bigtabs .nav-tabs{ display:flex}
.bigtabs .nav > li > a:hover { background-color:transparent; border:none;cursor:pointer}