/*
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(/public/templates/shop/guncity/fonts/OpenSans-ExtraboldItalic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(/public/templates/shop/guncity/fonts/PTSans-BoldItalic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: local('Oswald Bold'), local('Oswald-Bold'), url(/public/templates/shop/guncity/fonts/Oswald-Bold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Roboto Condensed';.menuBarNav li {
    padding-top: 5px;
}
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(/public/templates/shop/guncity/fonts/RobotoCondensed-BoldItalic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
    */
body {
    background-color: #f4f4f5;
    font-family:  Arial, sans-serif;
}


.sidebar ul {
    margin: 0;
    padding-left: 5px;
    font-size: 12px;
    border-bottom: 1px solid #999;
    padding-bottom: 4px;
    margin-bottom: 8px;
}
.sidebar a {
   color: #000;
}


.sidebar li {
    margin-top: -2px;
}

.sidebar h5 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    
    margin: 0px;
    padding: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.sidebar label {
    font-size: 12px;
}

/*set a border on the images to prevent shifting*/ 
#product-image-galley img {
    border: 2px solid white;
}
/*Change the colour*/


.fnc-stock-enquiry {
    cursor: pointer;
} 


h1 {
    font-size: 1.9em;
    font-weight: 600;
}

h2 {
    color: #004b97;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 600;
}

.logoBlock {
    width: 150px;
    padding: 5px !important;
    margin: 0 !important;
}

.logo {
    max-width: 150px;
    padding: 5px !important;
    margin: 0 !important;
    margin-left: -15px !important;
    height: 70px;
}

    .logo img {
        max-width: 100%;
        width: 100%;
    }

.navbar-header {
    margin-left: 5px !important;
    width: 100%;
}

.navbar-fixed-top .logo {
    display: none;
}
.navbar-fixed-top .locations {
    display: none;
}
.navbar-fixed-top .logo {
    display: none;
}

.navbar-collapse {
    margin-right: 5px !important;
    margin-top: 0px;
    margin-left: 0px !important;
}

.hdr {
    background-color: #024a97;
}

.navbar {
    margin-bottom: 5px;
}

.menuTop {
    padding: 5px;
}

.menuBar {
    background-color: #fff;
}

.sideNav {
    background-color: #dcddde;
    padding-bottom: 20px;
}

.mainBody {
    background-color: #fff;
    padding: 10px;
    min-height: 800px;
}

.sidebarBody {
    background-color: #fff;
    padding: 10px;
    min-height: 800px;
} 

.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
}

.filter-reset {
    margin-top: -5px;
    margin-right: -16px;
    background-color: red;
    height: 30px;
    width: 53px;
    padding: 5px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 12px;
}

.menuBar > .nav-pills > li > a {
    border-radius: 0px;
    color: #000;
    font-weight: 600;
}

    .menuBar > .nav-pills > li > a:hover, .menuBar > .nav-pills > .active > a {
        background-color: red;
        color: #fff;
    }

/* product listing */
.productListing {
    margin-top: 1em;
}

.plSalePrice {
}

.plImg {
    height: 12em;
    line-height: 10em;
    text-align: center;
}

    .plImg img {
        max-width: 99%;
        margin: 0 auto;
        vertical-align: middle;
    }


    .plImg img {
        vertical-align: middle;
        display: inline-block;
    }

.plTitle {
   /* height: 4em;*/
    overflow: hidden;
}

.discount-badge small {
    display:none;
}

    .plTitle h2 {
        margin: 0;
        font-size: 15px !important;
        font-weight: bold;
        color: #333;
    }

.plSpecialAlert {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    background-color: #ed1c24;
    text-align: center;
    padding: 3px 0;
    margin-top: -50px;
    padding-top: 13px;
}

.plSkuBar {
    height: 35px;
}

.plSku {
    font-size: 9px;
}

.plSpecialAlert small {
    max-width: 45px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    line-height: 8px;
}

.plSpecialAlert small {
    font-size: 9px;
}

.plSpecialAlert div {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 18px;
    margin-bottom: -5px;
}

.salePrice {
    color: red;
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
}

.salePriceLg {
    font-size: 2.5em !important;
    font-weight: 700 !important;
    margin-bottom: 5px;
}

/*.priceBlock {
    height: 3em;
}*/

.addToCart {
    border: 1px solid transparent !important;
    color: #000;
    padding: 4px;
    font-size: 11px;
    font-weight: 600;
}

.addLg {
    font-size: 1.2em;
}
/*helpers*/
.guttert {
    margin-top: 8px;
}

.guttertb {
    margin: 8px 0;
}

.gutter {
    margin: 8px;
}

.gutterb {
    margin-bottom: 8px;
}

.mt1 {
    margin-top: 1em;
}

.mt2 {
    margin-top: 2em;
}

.p05 {
    padding: 0.5em !important;
}

.mt05 {
    margin-top: 0.8em;
}

.mb05 {
    margin-bottom: 0.5em;
}

.mtb05 {
    margin: 0.5em 0;
    line-height: 1em;
}

.mt3em {
    margin-top: 3em;
}

.mt2em {
    margin-top: 2em;
}

.ptb0 {
    padding-top: 0.8em !important;
    padding-bottom: 0.8em !important;
    margin-top: 0.25em;
}

.img100 {
    max-width: 100%;
    width: 100%;
}

.whiteLink {
    color: #fff;
}

    .whiteLink:hover {
        text-decoration: underline;
        color: #fff;
    }

.w600 {
    font-weight: 600;
}

.bgGrey {
    background-color: #dcddde;
}

.bgBlue {
    background-color: #024892;
}

.strike {
    text-decoration: line-through;
}

.filterGroup {
    padding: 0 3px 0px 10px;
}

.rounded3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.roundedt3 {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.sml-gutter > [class*='col-'] {
    padding-right: 5px;
    padding-left: 5px;
}

.btn-med {
    font-size: 1.1em;
}

.btn-grey {
    background-color: #f1f1f1;
}

    .btn-grey:hover {
        background-color: #f3f3f3;
    }

.btn-orange {
    background: #ffdc00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJjMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffdc00 0%, #febc11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdc00), color-stop(100%,#febc11));
    background: -webkit-linear-gradient(top, #ffdc00 0%,#febc11 100%);
    background: -o-linear-gradient(top, #ffdc00 0%,#febc11 100%);
    background: -ms-linear-gradient(top, #ffdc00 0%,#febc11 100%);
    background: linear-gradient(to bottom, #ffdc00 0%,#febc11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc00', endColorstr='#febc11',GradientType=0 );
    color: #000;
    font-weight: 600;
}

.gradOrange {
    background: #ffdc00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJjMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffdc00 0%, #febc11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdc00), color-stop(100%,#febc11));
    background: -webkit-linear-gradient(top, #ffdc00 0%,#febc11 100%);
    background: -o-linear-gradient(top, #ffdc00 0%,#febc11 100%);
    background: -ms-linear-gradient(top, #ffdc00 0%,#febc11 100%);
    background: linear-gradient(to bottom, #ffdc00 0%,#febc11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc00', endColorstr='#febc11',GradientType=0 );
}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}

/* menu accordian */
#accordian {
    margin-top: 0;
    border-top: 1px solid transparent;
}

    #accordian h2 {
        margin-left: 10px;
    }

    #accordian ul {
        margin-left: 0;
        padding-left: 0;
    }
    /*heading styles*/
    #accordian h3 {
        font-size: 12px;
        line-height: 24px;
        padding: 0 10px;
        cursor: pointer;
        margin: 0;
        font-weight: 600;
        border-bottom: 1px solid #c1c1c1;
    }
        /*heading hover effect*/
        #accordian h3:hover {
        }
        /*iconfont styles*/
        #accordian h3 span {
            font-size: 15px;
            line-height: 24px;
            color: #c1c1c1;
            margin-left: 10px;
            float: right;
        }
    /*list items*/
    #accordian li {
        list-style-type: none;
    }
    /*links*/
    #accordian ul ul li a {
        color: #333;
        display: block;
    }

    #accordian ul ul li {
        color: #333;
        text-decoration: none;
        font-size: 12px;
        line-height: 27px;
        display: block;
        padding: 0 15px;
        /*transition for smooth hover animation*/
        transition: all 0.15s;
    }
        /*hover effect on links*/
        #accordian ul ul li:hover {
            border-left: 5px solid #c1c1c1;
        }
    /*Lets hide the non active LIs by default*/
    #accordian ul ul {
        display: none;
    }

    #accordian li.active ul {
        display: block;
    }

.frm-order select {
    width: 300px;
}

.ad-image-description {
    display: none;
}

.ad-controls {
    display: none;
}

.ad-image {
    cursor: pointer;
}

.ad-thumb-list img {
    width: 60px;
}

.ad-gallery .ad-thumbs li a img {
    border: 2px solid #ccc !important;
}

.ad-gallery .ad-thumbs li a.ad-active img {
    border: 2px solid #616161 !important;
}

.item-sale-price {
    font-size: 20pt;
    /*color: #2D3091;*/
    font-weight: bold;
}

.twitter-share-button {
    width: 90px !important;
}

#___plusone_0 {
    width: 75px !important;
}

.discount-star .price-cents {
    font-size: 10px;
    right: 0px;
    top: -9px;
    position: relative;
}

.discount-star .price-dollars {
    font-size: 22px;
    font-weight: bold;
    font-family: Arial;
}

.price-prefix-name {
    display: none;
}

.span-currency-prefix {
    display: none;
}

.span-cents {
    font-size: 12px;
}



.small-qty .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0px;
    font-size: 14px;
}

.small-qty input {
    text-align: center;
}

.inventory {
    margin: 0px;
    padding: 0px;
    width: 160px;
}


    .inventory span.location {
        width: 80px;
        float: left;
        display: block;
    }

    .inventory li {
        display: block;
        height: 18px;
        margin-top: 3px;
    }

    .inventory span.nostock {
        width: 80px;
        float: right;
        display: block;
        background-color: #c00;
        border-radius: 8px;
        font-size: 8pt;
        color: white;
        text-align: center;
        height: 16px;
        text-decoration: underline;
    }


        .inventory span.nostock:hover {
            background-color: #283891;
        }


    .inventory span.lowstock {
        width: 80px;
        float: right;
        display: block;
        background-color: #ffb400;
        border-radius: 8px;
        font-size: 8pt;
        color: white;
        text-align: center;
        height: 16px;
    }


    .inventory span.medstock {
        width: 80px;
        float: right;
        display: block;
        background-color: #ff7400;
        border-radius: 8px;
        font-size: 8pt;
        color: white;
        text-align: center;
        height: 16px;
    }

    .inventory span.highstock {
        width: 80px;
        float: right;
        display: block;
        background-color: #64ba00;
        border-radius: 8px;
        font-size: 8pt;
        color: white;
        text-align: center;
        height: 16px;
    }

.longdesc {
    font-family: arial !important;
    font-size: 13px;
}

    .longdesc p {
        font-family: arial !important;
        font-size: 13px;
    }

    .longdesc font {
        font-family: arial !important;
        font-size: 13px;
    }


/* overrides */
.breadcrumb {
    background-color: transparent;
    font-size: 0.8em;
}

@media (max-width: 992px) {
    .container {
        width: 95%;
    }
}

.product-thumbs {
    max-height: 120px;
    max-width: 195px;
}


/* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.
*/


.navbar.navbar-blue-dark {
    background: #024a97;
    border-color: #024a97;
    color: #fff;
}

    .navbar.navbar-blue-dark .navbar-collapse {
        background-color: #024a97;
        border-color: #01366F;
    }

    .navbar.navbar-blue-dark .navbar-text {
        color: #ffffff;
    }

    .navbar.navbar-blue-dark a.navbar-link {
        color: #ffffff;
        background-color: transparent;
    }

        .navbar.navbar-blue-dark a.navbar-link:hover,
        .navbar.navbar-blue-dark a.navbar-link:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar.navbar-blue-dark .navbar-brand {
        color: #ffffff;
        background-color: #024a97;
    }

        .navbar.navbar-blue-dark .navbar-brand:hover,
        .navbar.navbar-blue-dark .navbar-brand:focus {
            color: #ffffff;
            background-color: #024a97;
        }

    .navbar.navbar-blue-dark .navbar-toggle {
        border-color: #4a85a0 !important;
        background-color: #024a97;
    }

        .navbar.navbar-blue-dark .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

        .navbar.navbar-blue-dark .navbar-toggle:hover,
        .navbar.navbar-blue-dark .navbar-toggle:focus {
            border-color: #4a85a0 !important;
            background-color: #01366F !important;
        }

            .navbar.navbar-blue-dark .navbar-toggle:hover .icon-bar,
            .navbar.navbar-blue-dark .navbar-toggle:focus .icon-bar {
                background-color: #ffffff;
            }

    .navbar.navbar-blue-dark .navbar-nav > li.divider {
        background-color: #32596b;
    }

    .navbar.navbar-blue-dark .btn-default {
        color: #ffffff;
        background-color: #01366F;
        border-color: #4a85a0;
    }

        .navbar.navbar-blue-dark .btn-default:hover,
        .navbar.navbar-blue-dark .btn-default:focus,
        .navbar.navbar-blue-dark .btn-default:active,
        .navbar.navbar-blue-dark .btn-default.active {
            color: #ffffff;
            background-color: #01366F;
            border-color: #4a85a0;
        }

    .navbar.navbar-blue-dark .form-control {
        color: #ffffff;
        background-color: #01366F;
        border-color: #4a85a0;
    }

        .navbar.navbar-blue-dark .form-control:focus {
            -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #4a85a0;
            box-shadow: inset 0 1px 1px transparent, 0 0 5px #4a85a0;
        }

  /*  .navbar.navbar-blue-dark input::-webkit-input-placeholder,
    .navbar.navbar-blue-dark textarea::-webkit-input-placeholder {
        color: rgba(0,0,0,0.3);
    }

    .navbar.navbar-blue-dark input::-moz-placeholder,
    .navbar.navbar-blue-dark textarea::-moz-placeholder {
        color: rgba(0,0,0,0.3);
    }

    .navbar.navbar-blue-dark input:-ms-input-placeholder,
    .navbar.navbar-blue-dark textarea:-ms-input-placeholder {
        color: rgba(0,0,0,0.3);
    }

    .navbar.navbar-blue-dark input:-moz-placeholder,
    .navbar.navbar-blue-dark textarea:-moz-placeholder {
        color: rgba(,0,0.3);
    }
      */
    .navbar.navbar-blue-dark .navbar-nav > li[class*="dropdown"].dropdown-onhover:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover .navbar-nav > li:hover > a[class*="dropdown"] {
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark .navbar-nav > li > a {
        color: #ffffff;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark .navbar-nav > li:hover > a {
        color: #ffffff;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark .navbar-nav > li.active > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark .navbar-nav > li.active:hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark .navbar-nav > li.open > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark .navbar-nav > li.open:hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark .navbar-nav > li.disabled > a {
        color: #88b4c8;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark .navbar-nav > li.disabled:hover > a {
        color: #88b4c8;
        background-color: #024a97;
    }

@media (min-width: 768px) {
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix > a {
        color: #ffffff;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li:hover > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix:hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.active > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.active > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.active > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.active:hover > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.active:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.active:hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.active.open > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.active.open > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.active.open > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.open > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.open > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.open > a {
        color: #ffffff;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.open:hover > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.open:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.open:hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.disabled > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.disabled > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.disabled > a {
        color: #88b4c8;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.disabled:hover > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.disabled:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.disabled:hover > a {
        color: #88b4c8;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix) > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix) > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix) > a {
        color: #ffffff;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix):hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix):hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix):hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).active > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).active > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).active > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).active:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).active:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).active:hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).open > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).open > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).open > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).open:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).open:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).open:hover > a {
        color: #ffffff;
        background-color: #01366F;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).disabled > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).disabled > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).disabled > a {
        color: #88b4c8;
        background-color: #024a97;
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).disabled:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).disabled:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).disabled:hover > a {
        color: #88b4c8;
        background-color: #024a97;
    }
}

@media (min-width: 768px) {
    .navbar.navbar-blue-dark:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a,
    .navbar.navbar-blue-dark:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a,
    .navbar.navbar-blue-dark:not(.no-border) .navbar-nav li.dropdown-onhover:hover > a {
        border-color: #01366F;
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > .active > a:before {
        border-top-color: #01366F;
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > .open > a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before {
        border-bottom-color: #01366F;
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before {
        border-bottom-color: #01366F;
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
        border-top-color: #01366F;
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > .active:hover > a:after {
        border-top-color: #01366F;
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after {
        border-bottom-color: #01366F;
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        border-bottom-color: #01366F;
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav > .active > a:before {
        border-bottom-color: #01366F;
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav > .open > a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before {
        border-top-color: #01366F;
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before {
        border-top-color: #01366F;
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > .active > a:after {
        border-bottom-color: #01366F;
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > .open > a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after {
        border-top-color: #01366F;
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        border-top-color: #01366F;
    }
}

.navbar.navbar-blue-dark .dropdown-menu {
    background: #01366F;
    color: #e7eef1;
    border-color: #024a97;
    -webkit-box-shadow: 0 9px 12px #324e5b;
    box-shadow: 0 9px 12px #324e5b;
}

.navbar.navbar-blue-dark .navbar-nav > li[class*="dropdown"].dropdown-onhover:hover,
.navbar.navbar-blue-dark .navbar-nav.dropdown-onhover > li[class*="dropdown"]:hover,
.navbar.navbar-blue-dark.dropdown-onhover .navbar-nav > li[class*="dropdown"]:hover {
    background-color: #01366F;
}

.navbar.navbar-blue-dark a > span.desc {
    color: #a5c1cd;
}

.navbar.navbar-blue-dark a:hover > span.desc {
    color: #a5c1cd;
}

.navbar.navbar-blue-dark .dropdown-menu .btn-default {
    color: #e7eef1;
    background-color: #4c6d7c;
    border-color: #6393a9;
}

    .navbar.navbar-blue-dark .dropdown-menu .btn-default:hover,
    .navbar.navbar-blue-dark .dropdown-menu .btn-default:focus,
    .navbar.navbar-blue-dark .dropdown-menu .btn-default:active,
    .navbar.navbar-blue-dark .dropdown-menu .btn-default.active {
        color: #ffffff;
        background-color: #01366F;
        border-color: #6393a9;
    }

.navbar.navbar-blue-dark .dropdown-menu li.dropdown-header {
    color: #e7eef1;
}

.navbar.navbar-blue-dark *:not(li) > a {
    color: #333;
}

    .navbar.navbar-blue-dark *:not(li) > a:hover {
        color: #84c6fb;
    }

.navbar.navbar-blue-dark .dropdown-menu > li > a {
    color: #e7eef1;
}

    .navbar.navbar-blue-dark .dropdown-menu > li > a:hover {
        color: #ffffff;
    }

.navbar.navbar-blue-dark .navbar-nav > li .dropdown-menu:not([class*="collaps"]) {
    color: #e7eef1;
    border-color: #024a97;
    -webkit-box-shadow: 0 9px 12px #324e5b;
    box-shadow: 0 9px 12px #324e5b;
}

.navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > li .dropdown-menu:not([class*="collaps"]) {
    -webkit-box-shadow: 0 -9px 12px #324e5b;
    box-shadow: 0 -9px 12px #324e5b;
}

.navbar.navbar-blue-dark .dropdown-menu .form-control {
    color: #e7eef1;
    border-color: #6393a9;
}

    .navbar.navbar-blue-dark .dropdown-menu .form-control:focus {
        -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #6393a9;
        box-shadow: inset 0 1px 1px transparent, 0 0 5px #6393a9;
    }
/*
.navbar.navbar-blue-dark .dropdown-menu input::-webkit-input-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea::-webkit-input-placeholder {
  color: rgba(231,238,241,0.3);
}
.navbar.navbar-blue-dark .dropdown-menu input::-moz-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea::-moz-placeholder {
  color: rgba(231,238,241,0.3);
}
.navbar.navbar-blue-dark .dropdown-menu input:-ms-input-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea:-ms-input-placeholder {
  color: rgba(231,238,241,0.3);
}
.navbar.navbar-blue-dark .dropdown-menu input:-moz-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea:-moz-placeholder {
  color: rgba(231,238,241,0.3);
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onhover"],
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onclick"] {
  color: #e7eef1;
  background-color: #01366F;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onhover"]:hover>a,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onclick"]:hover>a {
  color: #ffffff;
  background-color: #024a97;
}
/*.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.list-group) > a {
  color: #e7eef1;
  background-color: #01366F;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.list-group) > a:hover {
  color: #ffffff;
  background-color: #024a97;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.active > a {
  color: #ffffff;
  background-color: #024a97;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.active > a:hover {
  color: #ffffff;
  background-color: #024a97;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li[class*="-onhover"]>a:hover {
  color: #ffffff;
  background-color: #024a97;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.open > a,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed) {
  color: #ffffff;
  background-color: #024a97;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.open > a:hover,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed):hover {
  color: #ffffff;
  background-color: #024a97;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a {
  color: #6393a9;
  background-color: #01366F;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a>span.desc {
  color: #6393a9;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a:hover>span.desc {
  color: #6393a9;
}
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a:hover {
  color: #6393a9;
  background-color: #01366F;
}*/
.navbar.navbar-blue-dark .navbar-nav li:not(.dropdown) > .dropdown-menu.bordered:not(.no-padding):after,
.navbar.navbar-blue-dark .navbar-nav li:not(.dropdown) > .dropdown-grid-wrapper > .dropdown-menu.bordered:not(.no-padding):after {
    outline-color: #4c6d7c;
}

.navbar.navbar-blue-dark .dropdown-menu li.divider,
.navbar.navbar-blue-dark .v-divided > *:before,
.navbar.navbar-blue-dark .v-divided > *:after,
.navbar.navbar-blue-dark .h-divided > *:after,
.navbar.navbar-blue-dark .h-divided > *:first-child:before,
.navbar.navbar-blue-dark .h-divider:after {
    background-color: #4c6d7c;
}

.navbar.navbar-blue-dark .divided > *:before {
    border-color: #4c6d7c;
}

@media (max-width: 767px) {
    .navbar.navbar-blue-dark .navbar-nav li.xs-hover > a {
        color: #ffffff;
        background-color: #024a97;
    }

        .navbar.navbar-blue-dark .navbar-nav li.xs-hover > a:hover {
            color: #ffffff;
            background-color: #01366F;
        }

    .navbar.navbar-blue-dark .navbar-nav li.xs-hover.open:not(.no-fix) > a {
        color: #ffffff;
        background-color: #01366F;
    }

        .navbar.navbar-blue-dark .navbar-nav li.xs-hover.open:not(.no-fix) > a:hover {
            color: #ffffff;
            background-color: #01366F;
        }

    .navbar.navbar-blue-dark .navbar-nav li.xs-hover.no-fix > a {
        color: #ffffff;
        background-color: #024a97;
    }

        .navbar.navbar-blue-dark .navbar-nav li.xs-hover.no-fix > a:hover {
            color: #ffffff;
            background-color: #01366F;
        }

    .navbar.navbar-blue-dark .navbar-collapse > .navbar-form,
    .navbar.navbar-blue-dark .navbar-collapse > a.navbar-link,
    .navbar.navbar-blue-dark .navbar-collapse > .navbar-text,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > .navbar-form,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > li,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > .navbar-text,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > a.navbar-link,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > .navbar-form {
        border-bottom-color: #193a49 !important;
        -webkit-box-shadow: 0 1px 0 #01366F !important;
        box-shadow: 0 1px 0 #01366F !important;
    }

    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu .divider {
        background-color: #4c6d7c;
    }

    .navbar.navbar-blue-dark .navbar-nav > li > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar.navbar-blue-dark .navbar-nav > li > .dropdown-menu {
        border-top-color: #4c6d7c !important;
        -webkit-box-shadow: 0 -1px 0 #01366F !important;
        box-shadow: 0 -1px 0 #01366F !important;
    }
}

/* menu ovverides */
.navbar .dropdown-menu li > a.dropdown-toggle {
    padding: 2px 10px !important;
}

.dropdown-left-onhover {
    position: static !important;
}

    .dropdown-left-onhover > .dropdown-menu {
        margin-right: -15px !important;
        min-height: 590px;
        z-index: 90;
    }

#themenu {
    z-index: 150;
}

.dropdown-header {
    margin-left: 5px;
}



/**
       * Fade-move animation for second dialog
       */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}