/*background-color: rgba(0, 0, 0, 0.65);*/



@font-face {
    font-family: UMTHelve;
    src: url('../fonts/UTM Helve.ttf');
}
@font-face {
    font-family: UMTHelveB;
    src: url('../fonts/UTM HelveBold.ttf');
}
*,

*:before,

*:after {

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



html {

    font-size: 100%;

}



.menu_main {

    background-size: 100% 100%;

}



/* Content wrapper */



.wrapper {

    /*width: 94%;*/

    /*max-width: 75%;*/

    margin: 0 auto;

}

.wrapper-small {

    max-width: 728px;

}

.wrapper-flush {

    width: 100%;

}

.nav.is-fixed {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

    background-color: transparent;

}

.nav-container {

    position: fixed;

    top: 62px;

    left: 0;

    z-index: 9999;

    overflow-y: auto;

    visibility: hidden;

    width: 300px;

    max-width: 70%;

    height: 100%;

    min-height: 100%;

    margin: 0;

    padding: 0;

    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

    /*background-color: #c0c0c0;*/

    -webkit-overflow-scrolling: touch;

}

.nav-container.is-visible {

    visibility: visible;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

}

.nav-toggle {
    line-height: 6;
    display: inline-block;
    /* padding: 1.25rem 1rem; */
    border: 0;
    background-color: #ffffff;
    /* float: left; */
    /* width: 60px; */
    /* position: fixed; */
    z-index: 99;
}

.nav-toggle .icon-menu {

    position: relative;

    display: inline-block;

    width: 28px;

    height: 20px;

    vertical-align: middle;

    fill: none;

}

.icon-menu .line {

    position: absolute;

    left: 0;

    display: block;

    width: 100%;

    height: 4px;

    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);

    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);

    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);

    background-color: #005baa;

}

.icon-menu .line-1 {

    top: 0;

}

.is-active .icon-menu .line-1 {

    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);

    -ms-transform: translateY(8px) translateX(0) rotate(45deg);

    transform: translateY(8px) translateX(0) rotate(45deg);

}

.icon-menu .line-2 {

    top: 50%;

    margin-top: -2px;

}

.is-active .icon-menu .line-2 {

    opacity: 0;

}

.icon-menu .line-3 {

    bottom: 0;

}

.is-active .icon-menu .line-3 {

    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);

    -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);

    transform: translateY(-8px) translateX(0) rotate(-45deg);

}

.menu {

    list-style: none;

    margin: 0;

    padding: 0;

}

.nav-menu {

    background-color: #005aab; /* 1 */

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; /* 2 */

}

.nav-menu .menu-item .menu-link{

    /* border-top: 1px solid #ffffff; */
    font-family: UMTHelve;

}

.nav-menu > .menu-item .active {



}

.nav-menu > .menu-item>.menu-link:hover {

    background: none;
    color: #005bab
    font-family: UMTHelveB; 

}

.nav-menu > .menu-item.is-active.has-dropdown:after,

.nav-menu > .menu-item:hover.has-dropdown:after {

    color: #005aab;

}

.nav-menu > .menu-item.is-active, .nav-menu > .menu-item:hover {
    background: orange;
}

.nav-dropdown > .menu-item {

    padding-left: 0px;

}

/*.nav-dropdown > .menu-item:hover {*/

    /*opacity: 0.85;*/

    /*}*/

    .nav-menu .menu-link {

        color: #fff;

        font-size: 14px;

        display: block; /* 1 */

        text-decoration: none;

        padding: 8px 15px;


    }

    .has-dropdown {

        position: relative;

        cursor: pointer;

    }
    .menu-item{
    border-top: 1px solid #ffffff;

    }

    .has-dropdown > .menu-link {

        display: inline-block;

    }

    .has-dropdown:after {

        padding-top: 0px;

        font-size: 24px;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        content: "+";

        color: #fff;

        line-height: 32px;

        width: 57px;

        height: 37px;

        text-align: center;

    }

    .has-dropdown.is-active:after {

        content: "\2013"; /* 1 */

    }

    .nav-dropdown {

        display: none;

        background-color: #e4a131;

    }

    .has-dropdown.is-active > .nav-dropdown {

        display: block; /* 1 */

    }

    .nav-dropdown .nav-dropdown {

        background-color: #6baf3a;

    }

    /* .nav-dropdown .menu-item {

        border-color: #005aab;

    } */

    .nav-dropdown .nav-dropdown .menu-item {

        background-color: #caa15d;

    }

    .logo_mobile {

        text-align: center;

    }

    .logo_mobile img {

        width: 180px;

        height: auto;

    }

    .nav-menu > .menu-item > .menu-link {

        padding: 8px 15px;

    }





    /*=================================================== menu_desktop =====================================================*/





    @media (min-width: 992px) {

        .nav-dropdown .nav-dropdown .menu-item {

            background-color: #ffff;

        }
        .nav-dropdown .nav-dropdown .menu-item a{
            color: rgba(88, 89, 91) !important;
        }

        .nav {

            background-color: rgba(0, 0, 0, 0.65);

        }

        .nav,

        .nav-container,

        .nav-container.is-visible {

            position: static;

            top: auto;

            left: auto;

            z-index: auto;

            -webkit-transform: translateX(0);

            -ms-transform: translateX(0);

            transform: translateX(0);

        }

        .nav-container,

        .nav-container.is-visible {

            visibility: visible;

            height: auto;

            min-height: 0;

            overflow-y: visible;

            width: 100%;

            max-width: 100%;

        }

        .nav-toggle {

            display: none;

        }

        .nav-menu > .menu-item:hover

        {

            color: #fff !important;
            /* background: #005bab; */


        }

        .nav-menu .menu-item {

            -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;

            transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;

        }

        .nav-menu > .menu-item:hover.has-dropdown:after {

            color: #005aab !important;

        }

        .menu-item:hover.has-dropdown:after {

            color: #005aab !important;



        }

        .has-dropdown:after {

            content: "" !important;

        }

        .nav-menu > .has-dropdown:after {

            position: absolute;

            top: 50%;

            width: 0;

            height: 15px;

            right: 20px;

            margin-top: -10px;

            margin-left: 0px;

            content: "\f0d7" !important;

            font: normal normal normal 12px/1 fontawesome;

            color: #ffffff;

            border-width: 5px 5px 0 5px;

            border-style: solid;

            border-color: transparent transparent transparent transparent;

            display: none;

        }

        .has-dropdown > .menu-link {

            padding-right: 2rem;

        }

        .nav-dropdown {

            left: -10.5%;

            display: block;

            opacity: 0;

            position: absolute;

            top: 100%;

            width: 230px;

            margin: 0;

            background-color: transparent;

            border-radius: 0px;

            box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);

            visibility: hidden;

            -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;

            transition: visibility 0s linear 0.25s, opacity 0.25s linear;

        }

        .has-dropdown:hover > .nav-dropdown {

            visibility: visible;

            opacity: 1;

            -webkit-transition-delay: 0s;

            transition-delay: 0s;
            background: #fff;

        }

        .nav-dropdown .menu-item {

            border: 0;

            border-bottom: 1px solid #ccc;

        }

        .nav-dropdown .menu-item:last-child {

            border: 0;

            border-bottom: none;

        }

        .nav-dropdown .menu-item:hover, .nav-dropdown .nav-dropdown .menu-item:hover {
    background: rgba(204, 204, 204, 0.36);
}

        .nav-dropdown .menu-item:hover .menu-link,

        .nav-dropdown .menu-item:hover .menu-link {

            color: #000;

        }

       /*  .nav-dropdown .nav-dropdown{

            background: transparent;

        } */

        .nav-dropdown .nav-dropdown .menu-item {


        }

        .nav-dropdown .nav-dropdown .menu-item{



            margin-top: 0px;

            opacity: 1;

            width: 50%;

            float: left;

            border-right: 1px solid #cccccc;

        }

        .nav-dropdown .nav-dropdown {

            z-index: 998;

            top: 0;

            left: 100%;

            width: 460px;

        }

        .content {

            margin-top: 0;

        }

        .nav-menu > .menu-item > .menu-link {

            display: block;

            line-height: 20px;

            padding: 19px 40px 19px 45px;

            font-size: 14px;

            color: #58595b;

            position: relative;

            text-transform: uppercase;

            -webkit-transition: all 0.15s linear;

            -moz-transition: all 0.15s linear;

            -o-transition: all 0.15s linear;

            transition: all 0.15s linear;

        }

        .nav-menu > .menu-item.active

        .nav-menu > .menu-item:hover {



        }

        .nav-menu > .menu-item {

            position: relative;

            float: left;

/*             padding: 0px 18px 0px 18px;
 */
            border-top: 0px;

        }

        .nav-menu,

        .nav {

            background: none;

        }
        li.menu-item.is-active.active{
            background: #005aab;
        }
        li.menu-item.is-active.active a{
            color: #fff !important;
        }
        .menu-item .has-dropdown .is-active .active{
            color: white;
        }
        li.menu-item.is-active.active a:hover{
            color: #ffffff !important;
        }
        /* .menu-item.is-active
        .nav-menu > .menu-item.is-active > .menu-link,

        .nav-menu > .menu-item:hover > .menu-link {

            color: #fff;
                   font-family: UMTHelveB;
            

        } */

        .nav-menu .menu-item a:hover {

            color: #005aab;

        }

        .nav-dropdown > .menu-item {

            padding: 0;

            

        }

        .nav-menu .menu-link {

            padding: 8px 15px 8px 27px;;

        }

        .nav-dropdown>.menu-item>.menu-link {



            /*font-weight: bold;*/

        }

        .nav-dropdown>.menu-item:hover>.menu-link {

         /* color: #58595b !important;*/
         color: #000 !important;

     }

     .nav-menu > .menu-item {

        position: relative;

    }

    .nav-menu > .menu-item.is-active {

        /*background:red;*/


    }

    .nav-menu > .menu-item:hover {

       /*background:#005aaa;
        color: #fff;
        font-weight: bold*/;
    }

    .nav-menu > .menu-item:not(:last-child) > .menu-link:after{

        content: '';

        width: 1px;

        height: 16px;

        background: #ccc;

        position: absolute;

        display: inline-block;

        top: 20px;

        right: 0;

    }

    .menu_main{

        border: 1px solid #ccc;

        border-bottom: none;

        background: #fff;

        border-left: none;

    }

    .nav-dropdown>.menu-item>.menu-link{

        position: relative;
        color: #58595b;
        

    }

    .nav-dropdown>.menu-item>.menu-link:before{

     content: '';

     position: absolute;

     width: 4px;

     height: 4px;

     background: #949599;

     display: inline-block;

     top: 17px;

     left: 11px;

 }

 /*.nav-container>.nav-menu>.has-dropdown>.nav-dropdown:before {*/

    /*position: absolute;*/

    /*z-index: 1;*/

    /*content: '';*/

    /*left: calc(50% - 10px);*/

    /*top: 0;*/

    /*border-style: solid;*/

    /*border-width: 0 10px 10px 10px;*/

    /*border-color: transparent transparent #e1e1e1 transparent;*/

    /*-webkit-transition-duration: 0.3s;*/

    /*transition-duration: 0.3s;*/

    /*-webkit-transition-property: transform;*/

    /*transition-property: transform;*/

    /*}*/

    .nav-menu > .menu-item > .nav-dropdown:before{

        position: absolute;

        pointer-events: none;

        z-index: -1;

        content: '';

        border-style: solid;

        -webkit-transition-duration: 0.3s;

        transition-duration: 0.3s;

        -webkit-transition-property: transform;

        transition-property: transform;

        right: 160px;

        top: -11px;

        border-width: 0px 6px 11px 6px;

        border-color: transparent transparent #cccccc transparent;

    }



}