/*@import url(https://fonts.googleapis.com/css?family=Lato:400);*/

* {
    box-sizing: border-box;
}


/*html {
  font-size: 62.5%;
}*/

body {
    /*background: url(https://images.unsplash.com/photo-1444927714506-8492d94b4e3d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=067f0b097deff88a789e125210406ffe) center center no-repeat;
  background-size: cover;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 2.4rem;
  height: 100vh;*/
}

.navigation-menu__bars,
.navigation-menu__bars::before,
.navigation-menu__bars::after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 25px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    transition: all .3s;
}

/*
.navigation-menu {
    background-color: transparent;
    height: 100%;
    position: fixed;
    z-index: 999999;
    width: 550px;
    transform: translateX(-100%);
    transition: transform .3s .3s;
}
*/

/*
.navigation-menu::before {
    background: #e1e1e1;
    content: '';
    height: 400%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%) rotate(40deg);
    width: 100%;
    z-index: 0;
}
*/


.navigation-menu {
    background-color: transparent;
    height: 100%;
    position: fixed;
    z-index: 999999;
    /* width: 600px; */
    width: 500px;
    transform: translateX(100%);
    transition: transform .3s .3s;
    top: 0;
    right: 0;
}

.navigation-menu::before {
    background: #e1e1e1;
    content: '';
    height: 400%;
    /* left: 50%; */
    right: 50%;
    position: absolute;
    top: 0;
    transform: translate(50%, -50%) rotate(-40deg);
    width: 100%;
    z-index: 0;
/*    border: 1px solid #002060;*/
}


.navigation-menu--open {
    transform: translateX(0);
}

.navigation-menu--open .navigation-menu__bars {
    background-color: transparent;
}

.navigation-menu--open .navigation-menu__bars::before,
.navigation-menu--open .navigation-menu__bars::after {
    top: 0;
}

.navigation-menu--open .navigation-menu__bars::before {
    transform: rotate(45deg);
}

.navigation-menu--open .navigation-menu__bars::after {
    transform: rotate(-45deg);
}

.navigation-menu--open .menu-list__item {
    opacity: 1;
}

.navigation-menu--open .menu-list__item:nth-child(1) {
/*    transition-delay: 1s;*/
}

.navigation-menu--open .menu-list__item:nth-child(2) {
/*    transition-delay: 1s;  1.25s*/
}

.navigation-menu--open .menu-list__item:nth-child(3) {
/*    transition-delay: 1s; 1.5s*/
}

.navigation-menu--open .menu-list__item:nth-child(4) {
/*    transition-delay: 1s; 1.75s*/
}

.navigation-menu--open .menu-list__item:nth-child(5) {
/*    transition-delay: 1s; 2s*/
}

.navigation-menu--open .menu-list__item:nth-child(6) {
/*    transition-delay: 1s; 2.25s*/
}

.navigation-menu--open .menu-list__item:nth-child(7) {
/*    transition-delay: 1s;  2.5s*/
}

.navigation-menu--open .menu-list__item:nth-child(8) {
/*    transition-delay: 1s;  2.75s*/
}

.navigation-menu--open .menu-list__item:nth-child(9) {
/*    transition-delay: 1s; 3s*/
}

.navigation-menu--open .menu-list__item:nth-child(10) {
/*    transition-delay: 1s;  3.25s*/
}

.navigation-menu--open .menu-list__item:nth-child(11) {
/*    transition-delay: 1s;  3.5s*/
}

.navigation-menu--open .menu-list__item:nth-child(12) {
/*    transition-delay: 1s; 3.75s*/
}

.navigation-menu__toggle {
    cursor: pointer;
    height: 25px;
    position: absolute;
    top: 15px;
    left: -30px;
    width: 25px;
    transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

.navigation-menu__toggle:hover {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
} 






.navigation-menu__bars::before,
.navigation-menu__bars::after {
    content: '';
}

.navigation-menu__bars::before {
    left: 0;
    top: -8px;
}

.navigation-menu__bars::after {
    left: 0;
    top: 8px;
}

/*
.menu-list {
    
    padding: 10px 25px 60px 45px;
    position: relative;
    z-index: 10;
}
*/

.menu-list {
    /* padding: 10px 25px 60px; */
    padding: 30px 40px 30px 10px;
    position: relative;
    z-index: 10;
    text-align: right;
}

.menu-list__item {
    margin: 10px 0;
    opacity: 0;
    transition: opacity .5s .5s;
    list-style: none;
}

.menu-list__item a {
   color: #002060;
    letter-spacing: 1px;
    font-weight: 500;
}

/*menu items on hover animations*/
.menu-list__item a {
    display: inline-block;
    /*padding: 10px 2% 10px 2%;*/
}

.menu-list__item a::after {
  display: block;
  content: '';
  border-bottom: solid 3px #06c9f4; /*#019fb6*/  
  transform: scaleX(0);  
  transition: transform .25s ease-in-out;
}

.menu-list__item a:hover:after {
    transform: scaleX(1);
    color: #fff;
}

.menu-list__item a.active-menu {
    border-bottom: solid 3px #06c9f4;
    color: #002060;
}

.menu-list__item a.active-menu:hover:after {
    transform: scaleX(0);
    border-bottom: solid 3px transparent;
}


/*sub-menu 25-Nov*/
.services-sub-menu, .login-sub-menu{
    padding-right: 25px;
}
.services-sub-menu li, .login-sub-menu li {
    list-style: none;
}
.services-sub-menu li a, .login-sub-menu li a{
   font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 400 !important;
}
#__services .rotate_ico, #__login .rotate_ico {
    transform: rotate(180deg);
    transition: all .2s;
}



@media only screen and (max-width: 700px) {
    .navigation-menu {
        min-width: 240px;
        width: 80%;
    }
    .navigation-menu::before {
        width: 110%;
    }
}

@media only screen and (max-width: 480px) {
    .navigation-menu {
        background-color: #4E567E;
        min-width: 240px;
        width: 80%;
    }
    .navigation-menu::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }
}