/* ===== START NAVIGATION MENU ===== */

.navbar-brand {

    float: left;

    height: auto;

    padding: 0;

    font-size: 20px;

    line-height: 20px;

    margin-top: 6px;

}

.navbar-toggle {

    margin-top: 15px;

    border-radius: 60px;

    font-size: 17px;

    line-height: 1;

    padding: 10px 8px;

    color: #BBB;

    border: 2px solid #BBB;

    text-align: center;

}

.navbar-default .navbar-toggle {

    background-color: #FFF !important;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

    background-color: #FFF;

    color: #00ADE3;

    border-color: #00ADE3;

}

.navbar-nav {

    margin: 0;

}

.navbar-default {

    font-family: 'Raleway', sans-serif;

    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

    font-weight: 700;

    font-size: 12px;

    letter-spacing: 1.5px;

    background-color: #FFF;

    border: 0;

    border-bottom: 1px solid #EEE;

    border-radius: 0;

    height: 70px;

    margin: 0;

    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);

}

.navbar-default .navbar-nav > li > a,

.navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav > li.dropdown > a:focus {

    position: relative;

    padding-top: 29px;

    padding-bottom: 28px;

    padding-right: 16px;

    padding-left: 16px;

    margin-bottom: 0;

    line-height: 1;

    text-transform: uppercase;

    background-color: #FFF;

    color: #777;

    z-index: 1;

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li.active > a,

.navbar-default .navbar-nav > li:hover > a,

.navbar-default .navbar-nav > li.active > a:hover {

    color: #00ADE3;

    background-color: #FFF;

}

.navbar-default .navbar-nav > li.active > a:focus {

    color: #00ADE3;

    background-color: #FFF;

}

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

    color: #00ADE3;

    background-color: #FFF;

}

.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

    overflow-x: visible;

    border-top: medium none;

    box-shadow: none;

}

.navbar-static-top,

.navbar-fixed-top,

.navbar-fixed-bottom {

    border-radius: 0;

    top: 0;

    position: fixed;

}

.dropdown-menu {

    box-shadow: none;

    font-size: 10px;

    text-transform: uppercase;

    border-radius: 0;

    background-color: #FFF !important;

    color: #777;

    border-top: none;

    z-index: 1;

    padding: 0;

    margin: 0;

    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);

}

.dropdown-menu > li > a {

    padding: 7px 20px;

    color: #777;

    font-weight: 400;

    background-color: #FFF;

    border-top: 1px solid #EEE;

}

.dropdown-menu > li:first-child > a {

    border-top: none;

}

.dropdown-menu > li:last-child > a {} .dropdown-menu > li:hover > a,

.dropdown-menu > li > a:hover,

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:focus,

.dropdown-menu > .active > a:hover {

    color: #00ADE3 !important;

    background-color: #FFF;

}

/* Navbar Social Icons */

.navbar .social-icons {

    background-color: #FFF;

}

.navbar .social-icons a i {

    margin-top: 22px;

}

.navbar .social-icons a:first-child i {

    margin-left: 20px;

}

.navbar .social-icons i {

    border-radius: 500px;

    font-size: 14px;

    margin-right: 4px;

    padding: 6px;

    text-align: center;

    color: #777;

    border: none !important;

    cursor: pointer;

    position: relative;

    z-index: 1;

}

.navbar .social-icons i:hover {

    background-color: #FFF;

    color: #00ADE3;

}

/* ========== MENU WILL DROP ON HOVER FOR LARGE SCREENS ========== */

@media (min-width: 991px) {

    .dropdown .dropdown-menu {

        display: block;

        visibility: hidden;

        opacity: 0;

        height: 0;

        overflow: visible;

        transition-property: opacity;

        transition-duration: .25s;

        transition-delay: .25s;

        /* Safari */

        -webkit-transition-property: opacity;

        -webkit-transition-duration: .25s;

        -webkit-transition-delay: .25s;

    }

    .dropdown:hover .dropdown-menu {

        opacity: 1;

        visibility: visible;

        height: auto;

        color: #777;

    }

    .dropdown-backdrop {

        visibility: hidden;

    }

    .third-level {

        list-style: none;

        padding: 0;

        margin: 0;

        display: none;

        z-index: 1000000;

        background-color: #FFF;

    }

    .dropdown-menu li:hover .third-level {

        position: absolute;

        left: 100%;

        top: 0;

        display: block;

        border: 1px solid #EEE;

    }

    .third-level li {

        display: block;

        width: 100%;

        white-space: nowrap;

        clear: both;

    }

    .third-level li a {

        background-color: #FFF;

        padding: 6px 20px;

        border-bottom: 1px solid #EEE;

        font-size: 10px;

        line-height: 1.5;

        font-weight: 400;

        display: block;

        width: 100%;

        white-space: nowrap;

        clear: both;

    }

}

/* =====*/

/* ===== END NAVIGATION MENU ===== */

/* ==================================================  */

/* === POINT IN WHICH MENU GOES RESPONSIVE - COLLAPSE POINT ===  */

/* ==================================================  */

@media (min-width: 991px) {

    .navbar-toggle {

        display: none;

    }

    .dropdown i {

        display: none;

    }

    .navbar > .container .navbar-brand,

    .navbar > .container-fluid .navbar-brand {

        margin-left: -15px;

    }

    .container > .navbar-header,

    .container-fluid > .navbar-header,

    .container > .navbar-collapse,

    .container-fluid > .navbar-collapse {

        margin-right: 0;

        margin-left: 0;

    }

    .navbar-collapse {

        width: auto;

        border-top: 0;

        box-shadow: none;

    }

    .navbar-collapse.collapse {

        display: block !important;

        height: auto !important;

        padding-bottom: 0;

        overflow: visible !important;

    }

    .navbar-collapse.in {

        overflow-y: visible;

    }

    .navbar-fixed-top .navbar-collapse,

    .navbar-static-top .navbar-collapse,

    .navbar-fixed-bottom .navbar-collapse {

        padding-right: 0;

        padding-left: 0;

    }

    .navbar {

        border-radius: 0;

    }

    .navbar-header {

        float: left;

    }

    .navbar-right .dropdown-menu {

        right: 0;

        left: auto;

    }

    .navbar-right .dropdown-menu-left {

        right: auto;

        left: 0;

    }

    .navbar-left {

        float: left !important;

    }

    .navbar-right {

        float: right !important;

    }

    .navbar-nav {

        float: left;

        margin: 0;

    }

    .navbar-nav > li {

        float: left;

    }

    .navbar-nav > li > a {

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .navbar-nav.navbar-right:last-child {

        margin-right: -15px;

    }

}

@media (max-width: 991px) {

    .navbar-default .navbar-nav > li > a,

    .navbar-default .navbar-nav > li > a:focus,

    .navbar-default .navbar-nav > li.dropdown > a:focus {

        margin-right: 0;

        margin-left: 0;

        padding-left: 20px;

        padding-right: 20px;

        border-bottom: 1px solid #BBB;

    }

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        box-shadow: none;

    }

    .navbar .social-icons {

        background-color: #FFF;

        padding-bottom: 20px;

    }

}

@media (min-width: 768px) {

    .navbar .container {

        width: 100%;

    }

}

@media (min-width: 992px) {

    .navbar .container {

        width: 970px;

    }

}

@media (min-width: 1200px) {

    .navbar .container {

        width: 1170px;

    }

}