/***** tab-activity  *****/
    /* activity tab */
    
    .tabs__header {
        background: #eeeeee;
        position: relative;
    }
    
    .tabs__image {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .tabs__nav {
        margin: 0 0 0 0.5em;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        z-index: 200;
    }
    
    .tabs__tab {
        float: left;
        margin: 0 0.5em 0 0;
        padding: 0;
        width: 45%;
    }

    @media (max-width: 480px) {
        .tabs__tab {
            margin: 0;
            width: 50%;
        }        
    }
    

    .tabs__link {
        float: left;
        padding: 0.25em 0.75em;
        text-decoration: none;
        /* font-size: 1em; */
        /* color: #222222; */
        width: 100%;
    }
    
    .is-selected .tabs__link {
        position: relative;
        color: #000;
    }
    
    .tabs__body {
        position: relative;
        clear: both;
        overflow: auto;
        border: 1px solid #327CCB;
        margin-bottom: 28px;
        color: #327CCB;
    }
    
    .tabs__panel {
        display: none;
    }
    
    .tabs__panel.is-selected {
        display: block;
    }
    
    .tabs--tabbed .tabs__nav {
        bottom: -1px;
    }
    
    .tabs--tabbed .tabs__link {
        color: #000;
        border-bottom: 0;
        /* font-weight: 900; */
        font-size: 16px;
        font-family: 'DINPro-Regular', DINCond-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 10px;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .tabs--tabbed .tabs__link:hover,
    .tabs--tabbed .tabs__link:focus {
        color: #000;
        text-decoration: none;
        outline: 0;
    }
    
    .tabs--tabbed .is-selected .tabs__link {
        color: #000;
    }
    
    .tabs--tabbed .tabs__link img:nth-of-type(2) {
        margin: auto;
        /* -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg); */
        -webkit-animation: animateaarrow 1.3s ease infinite;
        animation: animateaarrow 1.3s ease infinite
    }
    
    @keyframes animateaarrow {
        0% {
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            transform: translateY(0px);
            opacity: 0;
        }
        50% {
            -webkit-transform: translateY(5px);
            -moz-transform: translateY(5px);
            transform: translateY(5px);
            opacity: 1
        }
        100% {
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            transform: translateY(0px);
            opacity: 0
        }
    }
    
    @media (max-width: 767px) {
        .tabs__nav {
            flex-wrap: wrap;
            /* flex-wrap: initial; */
        }
        .tabs__tab {}
        .tabs--tabbed .tabs__nav {
            margin-top: 0px;
        }
    }
    
    .tabs--stepped .tabs__nav {
        top: 2.75em;
        left: .5em;
    }
    
    .tabs--stepped .tabs__link {
        color: #327CCB;
        background: white;
        padding: .25em 1em;
        position: relative;
    }
    
    .tabs--stepped .tabs__link:hover,
    .tabs--stepped .tabs__link:focus {
        color: white;
        background: #327CCB;
    }
    
    .tabs--stepped .is-selected .tabs__link {
        color: white;
        background: #9d9fad;
    }
    
    .tabs--stepped .tabs__body {
        padding-top: 3em;
    }
    
    .has-tick .tabs__tab {
        margin-right: 1em;
    }
    
    .has-tick .tabs__link {
        position: relative;
    }
    
    .has-tick .tabs__link:hover:after,
    .has-tick .tabs__link:focus:after {
        border-left-color: #327CCB;
    }
    
    .has-tick .tabs__link:before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-top: .5em solid transparent;
        border-bottom: .5em solid transparent;
        border-left: .5em solid #327CCB;
        right: -.5em;
        top: .35em;
    }
    
    .has-tick .tabs__link:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-top: .4em solid transparent;
        border-bottom: .4em solid transparent;
        border-left: .4em solid #ffffff;
        right: -.4em;
        top: .45em;
    }
    
    .has-tick .is-selected .tabs__link:after {
        border-left-color: #327CCB;
    }
    
    .has-tick.tabs--tabbed .tabs__link:hover:after,
    .has-tick.tabs--tabbed .tabs__link:focus:after {
        border-left-color: #FFFFFF;
    }
    
    .has-tick.tabs--tabbed .tabs__link:before {
        border-left-color: #327CCB;
    }
    
    .has-tick.tabs--tabbed .tabs__link:after {
        border-left-color: #327CCB;
    }
    
    .has-tick.tabs--tabbed .is-selected .tabs__link:after {
        border-left-color: #ffffff;
    }
    /*# sourceMappingURL=main.css.map */