﻿


.ap-tabs {
    position: relative;
}

    .ap-tabs > ul {
        top: 0;
        margin: 0;
        width: 100%;
        height: auto;
        z-index: 250;
        position: fixed;
        overflow: hidden;
        list-style: none;
        padding: 10px 0 0 0;
        background: #f5f5f5;
        border-bottom: 1px solid #ece1e1;
    }

        .ap-tabs > ul li {
            float: left;
            margin: 0 1%;
            list-style: none;
            position: relative;
        }

            .ap-tabs > ul li.first, .ap-tabs > ul li:first-child {
                margin-left: 0;
            }

            .ap-tabs > ul li.last {
                height: 0;
                float: none;
                clear: both;
            }

            .ap-tabs > ul li a {
                display: block;
                color: #9ca4ab;
                padding: 10px 0;
                font-size: 14px;
                position: relative;
                text-transform: uppercase;
                transition: all 0.4s ease-in 0s;
            }

                .ap-tabs > ul li a.current, .ap-tabs > ul li a:hover {
                    border-bottom: 6px solid #002641 !important;
                }

    .ap-tabs .tab-data {
        padding: 10px;
        position: relative;
        margin: 65px 0 0 0;
        background: #ffffff;
    }

        .ap-tabs .tab-data .da-tab {
            position: relative;
        }

/* ************* MOBILE MENU ************** */
.mobile-menu {
    top: 0;
    right: 0;
    height: 40px;
    z-index: 20000;
    cursor: pointer;
    margin: 0 !important;
    position: absolute !important;
}

    .mobile-menu i {
        font-size: 18px;
    }

    .mobile-menu .mobile-menu-items {
        top: -10px;
        right: 12px;
        width: 170px;
        padding: 10px;
        display: none;
        position: absolute !important;
        background: url("../images/arrow-right.png") no-repeat 99% 28px;
    }

        .mobile-menu .mobile-menu-items ul {
            border-radius: 4px;
            background: #eeeeee;
            border: 1px solid #000000;
            padding: 10px 20px 10px 10px;
        }

            .mobile-menu .mobile-menu-items ul li {
                float: none;
                height: auto;
                display: block;
                margin: 0 0 5px 0;
            }

                .mobile-menu .mobile-menu-items ul li:last-child {
                    margin-bottom: 0;
                }

                .mobile-menu .mobile-menu-items ul li a {
                    padding: 0;
                    display: block;
                    border-bottom: 6px solid #eeeeee;
                }

    .mobile-menu:hover .mobile-menu-items {
        z-index: 200;
        display: block;
    }
