/*! -------------------- */ /*! BadAssTheme.com: FreshTone Version 1.0.1
* 11 February 2014
* Copyright 2013-2014 Christina Arasmo Beymer 
* License available for purchase at WrapBootstrap.com 
*/ /*! -------------------- */

.header {
    clear: both;
    position: relative;
    background: black;
}

.no-boxshadow .header {
    border-bottom: 1px solid #eee;
}

.header .container {
    max-width: 1000px;
    width: 95%;
}

.logo-svg {
    overflow: hidden;
    background: transparent !important;
    margin: 0 auto;
}

#logo a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.svg #logo img.fallbacklogo {
    display: none;
}

.no-svg #logo .logo-svg, .no-js #logo .logo-svg {
    display: none;
}

.no-svg #logo .fallbacklogo {
    display: block;
}

#logo {
    width: 100%;
    padding: 0 5%;
    position: relative;
    text-align: center;
}

#logo {
    opacity: 0;
}

.logo-svg, .no-svg #logo .fallbacklogo, .no-js #logo .fallbacklogo {
    width: 100%;
    max-width: 180px;
    margin: 15px auto;
    opacity: 1;
}

.no-js #logo {
    opacity: 1;
}

@media (min-width:48em) {
    #logo {
        padding: 0;
    }

    .logo-svg, .no-js #logo .fallbacklogo, .no-svg #logo .fallbacklogo {
        max-width: 180px;
        margin: 20px auto;
    }
}

@media (min-width:62em) {
    #logo {
        width: 20%;
        float: left;
        text-align: left;
        margin: 0;
    }

    .logo-svg, .no-svg #logo .fallbacklogo, .no-js #logo .fallbacklogo {
        max-width: 225px;
        margin: 0 0 0 0;
    }
}

.primary-nav li a, .mobile-menu li a {
    text-decoration: none;
}

.primary-nav i:before, .mobile-menu i:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    display: inline-block;
    width: 1em;
    margin-right: .2em;
    text-align: center;
}

.primary-nav li i:before {
    content: "\e760";
}

.primary-nav li .active i:before {
    content: "\e763";
}

.mobile-menu ul li i:before {
    content: "\e762";
}

.primary-nav > .active > i:before, .primary-nav li > .active i:before {
    content: "\e763";
}

.primary-nav li ul li i:before {
    content: "\e800";
}

.primary-nav li ul .active i:before {
    content: "\e80e";
}

.primary-nav li ul .active.parent i:before {
    content: "\e800";
}

.primary-nav li ul .active.parent .active i:before {
    content: "\e80e";
}

@media (max-width:47.938em) {
    .mobile-menu li a {
        color: #333;
        -webkit-tap-highlight-color: rgba(0,0,0,0.2);
        border-bottom: 1px solid #eee;
    }

    .primary-nav-mobile > li > a:hover, .primary-nav-mobile > li > a:focus, .primary-nav-mobile > .active > a {
        background: #929497;
        font-weight: bold;
    }

    .primary-nav-mobile ul li a:hover, .primary-nav-mobile ul li a:focus, .primary-nav-mobile ul .active > a {
        background: #929497;
        font-weight: bold;
    }

    div.l_ddbc {
        color: #525252;
    }

    a.goHome, a.goUp {
        color: #222;
    }

    .mobile-trigger-wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 0 2.5%;
        background: #fff;
    }

    .mobile-nav-trigger, .mobile-toolbar-trigger {
        position: relative;
        line-height: 35px;
        font-size: 11px;
        font-size: 0.6875rem;
        color: #222;
        cursor: pointer;
        float: left;
        width: 30%;
        z-index: 10;
        text-transform: uppercase;
    }

        .mobile-nav-trigger:hover, .mobile-toolbar-trigger:hover {
            color: #525252;
        }

    .mobile-toolbar-trigger {
        width: 70%;
        float: right;
    }

        .mobile-nav-trigger span, .mobile-toolbar-trigger span {
            position: relative;
            top: -2px;
        }

        .mobile-nav-trigger i, .mobile-toolbar-trigger i {
            position: relative;
            font-size: 20px;
            font-size: 1.25rem;
            cursor: pointer;
            text-align: left;
            top: 1px;
            left: -2px;
        }

    .mobile-nav-trigger.active i:before {
        content: "\2716";
    }

    .mobile-toolbar-trigger {
        float: right;
        text-align: right;
    }

        .mobile-toolbar-trigger i {
            text-align: right;
        }

        .mobile-toolbar-trigger.active i:before {
            content: "\2716";
        }

    .mobile-trigger-wrapper {
        position: relative;
        z-index: 100;
    }

    .search-mobile {
        padding: 10px;
    }

        .search-mobile label {
            font-weight: normal;
        }

        .search-mobile input {
            text-align: center;
        }

        .search-mobile form {
            margin: 0;
        }

    #nav {
        display: none;
    }

    .mobile-menu {
        display: none;
        clear: both;
        padding: 0;
        background: #fff;
    }

    .mobile-nav-trigger {
        display: block;
    }

    .mobile-menu ul {
        margin: 1px 0 0 0;
        padding: 0;
        list-style: none;
    }

        .mobile-menu ul ul {
            background: #fff;
        }

    .mobile-menu li a {
        display: block;
        padding: 8px 10px;
    }

    .mobile-menu li:last-child a {
        border-bottom: none;
    }

    .l_drillDownWrapper {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .l_drillDown {
        position: relative;
        overflow: visible;
        margin: 0;
    }

        .l_drillDown ul {
            display: none;
            left: 100%;
            position: absolute;
            top: 0;
            width: 100%;
            margin: 0;
        }

        .l_drillDown li {
            cursor: pointer;
            display: block;
            padding: 0;
        }

        .l_drillDown a {
            display: block;
        }

    .l_ddbc {
        display: none;
    }

    .l_drillDown ul.dd-active, .l_drillDown ul.displayed {
        display: block;
    }

    div.l_ddbc {
        padding: 8px 10px;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        clear: both;
    }

    a.goHome, a.goUp {
        display: block;
        margin-bottom: 10px;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 400;
        text-decoration: none;
    }

    div.l_ddbc i {
        position: relative;
        left: -5px;
    }
}

@media (min-width:48em) {
    .header > .container {
        max-width: none;
        width: 100%;
    }

    .primary-nav li a {
        color: white;
    }

    .primary-nav > li > a:hover, .primary-nav > .active > a, .primary-nav > li > .dcjq-parent.active {
        background: #929497;
        font-weight: bold;
        color: #fff;
    }

    .primary-nav ul li a:hover, .primary-nav ul .active > a, .primary-nav ul li .dcjq-parent.active {
        background: #929497;
        font-weight: bold;
        color: #fff;
    }

    #nav {
        margin: 0;
        padding: 0;
        z-index: 100;
        height: 40px;
        background: #929497;
        float: left;
        width: 100%;
        position: relative;
        top: -1px;
        border-top: 1px solid #7ab217;
    }

        #nav ul {
            list-style: none;
        }

    .primary-nav li a {
        border: none;
        font-size: 14px;
        font-size: 0.875rem;
        display: block;
        height: 40px;
        line-height: 40px;
        -webkit-font-smoothing: subpixel-antialiased;
        padding: 0 10px;
        text-decoration: none;
    }

    .primary-nav li ul a {
        height: auto;
        display: block;
        line-height: 1.5;
        padding: 7px 10px;
        margin: 0;
        width: auto;
    }

    .primary-nav i {
        position: relative;
        right: -3px;
        top: 0;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .primary-nav ul i {
        position: absolute;
        left: auto;
        right: 10px;
        top: 7px;
    }

    .primary-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        float: right;
        position: relative;
        right: 50%;
    }

        .primary-nav ul {
            width: 225px;
            display: none;
            margin: 0;
            left: 0;
            top: 40px;
            background: #929497;
            position: absolute;
            z-index: 10000;
            border-radius: 0 0 5px 5px;
            padding: 15px 0;
        }

    .no-boxshadow .primary-nav ul {
        border: 1px solid #ddd;
        border-top-width: 0;
    }

    .no-js .primary-nav li:hover > ul {
        display: block;
    }

    .primary-nav ul ul {
        margin: 0;
        position: absolute;
        right: auto;
        border-top-width: 1px;
        top: -1px !important;
        left: 100%;
        border-radius: 5px;
    }

    .primary-nav li ul li ul {
        top: 5px !important;
    }

    .primary-nav li {
        float: left;
        padding: 0;
        margin: 0 0 0 2px;
        position: relative;
        left: 50%;
    }

        .primary-nav li ul li {
            left: auto;
            margin: 0;
            width: 100%;
        }

        .primary-nav li.edge ul {
            left: auto;
            right: 0 !important;
        }

    .primary-nav ul li.edge ul {
        right: auto;
        left: -225px !important;
    }

    .primary-nav li.parent.edge > ul > li.parent > ul {
        right: auto;
        left: -225px !important;
    }

    .mobile-trigger-wrapper, .l_drillDownWrapper, .mobile-menu, .mobile-menu .search-mobile {
        display: none;
    }
}

@media (min-width:62em) {
    .header > .container {
        max-width: 1000px;
        width: 95%;
    }

    #nav {
        height: 90px;
        float: right;
        width: auto;
        width: 80%;
        background: transparent;
        border-top: none;
    }

    .ie8 .primary-nav > li > a {
        height: 89px;
        line-height: 89px;
    }

    .ie8 #nav {
        position: relative;
        top: 1px;
    }

    .primary-nav {
        right: auto;
    }

        .primary-nav li {
            left: auto;
        }

            .primary-nav li a {
                height: 90px;
                line-height: 90px;
                font-size: 13px;
                font-size: 0.8125rem;
            }

            .primary-nav li ul a {
                font-size: 12px;
                font-size: 0.75rem;
            }

        .primary-nav ul {
            top: 90px;
        }
}

@media (min-width:75em) {
    .primary-nav li a {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .primary-nav li ul a {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media (min-width:62em) and (min-height:48em) {
    .no-touch .header.stickit {
        left: 0;
        right: 0;
        width: 100%;
        position: fixed;
        z-index: 1000;
        top: 0;
    }

    .no-touch .stripe.top-of-page.stickit {
        left: 0;
        right: 0;
        position: fixed;
        top: 0;
    }

    .content-header.open-content, .accordion-header.open-ac-content {
        padding-top: 105px !important;
    }

    .no-touch .slt-accordion .toolbar {
        -webkit-transition: all .05s ease;
        -moz-transition: all .05s ease;
        -o-transition: all .05s ease;
        -ms-transition: all .05s ease;
        transition: all .05s ease;
        -webkit-transform: translateZ(360deg);
        transform: translateZ(360deg);
    }

        .no-touch .slt-accordion .toolbar.stickit {
            padding-bottom: 155px;
            -webkit-transition: padding .75s linear;
            -moz-transition: padding .75s linear;
            -o-transition: padding .75s linear;
            -ms-transition: padding .75s linear;
            transition: padding .75s linear;
            -webkit-transform: translateZ(360deg);
            transform: translateZ(360deg);
        }

    .no-touch .toolbar {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: padding .8s ease;
        -moz-transition: padding .8s ease;
        -o-transition: padding .8s ease;
        -ms-transition: padding .8s ease;
        transition: padding .8s ease;
        -webkit-transform: translateZ(360deg);
        transform: translateZ(360deg);
    }

        .no-touch .toolbar.stickit {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: padding .05s ease;
            -moz-transition: padding .05s ease;
            -o-transition: padding .05s ease;
            -ms-transition: padding .05s ease;
            transition: padding .05s ease;
            -webkit-transform: translateZ(360deg);
            transform: translateZ(360deg);
        }

    .no-touch #page .anchor {
        padding-top: 100px;
        margin-top: -100px;
    }

    .lt-ie9 .header.stickit, .lt-ie9 .stripe.top-of-page.stickit {
        position: relative !important;
        top: auto;
    }
}

@media screen and (min-width:62em) {
    .bat-content .target {
        padding-top: 90px;
        margin-top: -80px;
    }

    .no-touch .bat-sidebar.affix-stick {
        top: 90px;
    }
}

#nav {
    border-top: none;
}

#logo {
    padding-top: 3px;
}

#nav {
    height: 80px;
}

.primary-nav li a {
    Height: 81px;
    line-height: 81px;
}

.indexContainer {
    position: relative;
}

    .indexContainer img {
        width: 100%;
        height: auto;
    }

    .indexContainer .registerBtn {
        /*background-image: url('../images/cicilink/login_button.png');*/
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%, -50%);
    }