@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,200,400,500,600,700,800,900&dispaly=swap');
@import url('https://fonts.googleapis.com/css2?family=B612&display=swap');

/*======== Main ========*/

.amenaskizb {
    height: 0.1rem;
}

.hcontainer {
    max-width: 98rem;
    margin: 0 auto;
    padding: 0 2.2rem;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*======== Web Header ========*/
header {
    font-family: 'SF Pro Display', sans-serif;
    position: fixed;
    top: 0;
    left: 0; /*added 09.05.2022*/
    width: 100%;
    z-index: 1400;
    height: 4.4rem;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
}

header a {
    display: block;
    text-decoration: none;
}

.nav-list {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -1rem;
}

.nav-list-mobile {
    display: none;
}

.nav-link {
    font-size: 1.5rem; /* 1.4rem */
    color: #fff;
    padding: 0 1rem;
    transition: opacity 0.5s;
}

.mil-link {
    font-size: 1.5rem; /* 1.4rem */
    color: #fff;
    padding: 0 1rem;
    transition: opacity 0.5s;
}

.nav-link:hover {
    opacity: 0.7;
}

.mil-link .logo:hover {
    text-transform: uppercase; 
    /* background-image: linear-gradient(to right, #8400ff, #fff, rgb(255, 62, 88), gold, rgb(255, 64, 64), #00c3ff); */
    background-image: linear-gradient(to right, #3ABBA3, #fff, #fff, #09c6f9, #2075fd);
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent;
  
    background-size: 400%;
    background-position: -100%;  
  
    animation: animatedText 4s infinite alternate-reverse;
}

@keyframes animatedText
{
    to{
        background-position: 100%; 
    }
}

.nav-link-mil .backbtn {
    font-family: 'Poppins' sans-serif;
    width: 1.6rem;
    height: 4.4rem;
    white-space: nowrap;
    text-decoration: none;
    font-size: 1.1em;
    letter-spacing: 0.5px;
    padding-left: 32px; /*46px*/
}

@supports (-webkit-touch-callout: none) { /*Added 31.01.2022*/
    .nav-link-mil .backbtn {
        position: relative;
        top: -3px; /*-2px*/
    }
}

.nav-link-mil .backbtn .fa-angle-left {
    font-size: 2rem;
}

.gobackbtn a span {
    font-size: 1.8rem;
}

.gobackbtn a .fa {
    font-size: 1.8rem;
}

.mil-link .logo {
    display: inline-flex; /*added*/
    font-family: 'Krona One', sans-serif;
    white-space: nowrap;
    color: #cacaca;
    text-decoration: none;
    font-weight: 900;
    /*background: url("https://Mil-House.github.io/Mil-House/img/apple.svg") center no-repeat;*/
    font-size: 1.6em;
    align-items: center;
    column-gap: .15rem;

    background: #00c3ff;
    background: -webkit-linear-gradient(-45deg, #d2d8e2, #b8c6db); 
    background: linear-gradient(-45deg, #d2d8e2, #b8c6db);

    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    transition: 0.4s;
}

.pkgic{
    padding-bottom: 4px;
    font-size: 1.1em;

    background: #00c3ff;
    background: -webkit-linear-gradient(-145deg, #09c6f9, #045de9); 
    background: linear-gradient(-145deg, #09c6f9, #045de9);

    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.decor {
    padding-right: 1px;
}

/* Cool Line Effect (start) */
.logo:hover::after {
    width: 100%;
    left: 0;
}
.logo::after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    right: 0;
    position: absolute;
    background: linear-gradient(to right, #3ABBA3, #09c6f9, #2075fd 100%);
    transition: width .9s ease 0s, right .5s ease 0s;
    width: 0;
}
/* Cool Line Effect (end) */

.nav-link-lang {
    width: 1.6rem;
    height: 4.4rem;
    margin-right: 4px;
    /*background: url("https://Mil-House.github.io/Mil-House/img/search.svg") center no-repeat;*/
    background: url("/assets/img/headerImg/translate2.png") center no-repeat;
    cursor: pointer;
}

.nav-link-bag {
    width: 1.4rem;
    height: 4.4rem;
    background: url("/assets/img/headerImg/apartlist.png") center no-repeat;
    cursor: pointer;
}

/* https://Mil-House.github.io/Mil-House/img/... */


/* Text Under Line Hover */
@media (min-width: 768px)
{
    .effect-one {
        position: relative;
    }
    .effect-one:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        margin: -5px 0; /*-7px 0*/
        background-color: #0792F1; /*rgb(129, 94, 255)*/
        border-radius: 6px 6px 6px 6px;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
    }
    .effect-one:hover:before {
        visibility: visible;
        transform: scaleX(1);
    }

    .mob_messenger{
        display: none;
    }

    .mob_lang {
        display: none;
    }

    .nullpool {
        display: none;
    }
}

@media screen and (max-width: 767px)
{
    header {
        height: 4.8rem;
        transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), 
            height .56s cubic-bezier(0.32, 0.08, 0.24, 1);
    }

    header .hcontainer {
        padding: 0;
    }

    .nav-list {
        margin-top: 0;
    }

    .nav-list-mobile {
        display: flex;
        padding: 0px 1rem;
    }

    .nav-item {
        width: 4.8rem;
        height: 4.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    @supports (-webkit-touch-callout: none) {
        .chrlog {
            display: none;
        }

        .ioslog {
            margin-left: 9px
        }
    }
     
    @supports not (-webkit-touch-callout: none) {
        .ioslog {
            display: none;
        }
    }

    .nav-item .logo-mobile {
        font-family: 'Krona One', sans-serif;
        white-space: nowrap;
        text-decoration: none;
        font-weight: 800;

        letter-spacing: 1px;
        text-transform: uppercase;
        background-image: linear-gradient(to right, #3ABBA3, #fff, #fff, #09c6f9, #2075fd);
        /*background-image: linear-gradient(to right, rgb(132, 0, 255), #fff, #fff, gold, rgb(255, 0, 0));*/
        -webkit-background-clip: text; 
        background-clip: text; 
        color: transparent;
  
        background-size: 400%;
        background-position: -100%;
  
        animation: animatedText 12s infinite alternate-reverse;
    }

    @keyframes animatedText{
        to{
          background-position: 100%; 
        }
    }
    

    .nav-item-hidden {
        display: none;
    }

    .mobile-menu {
        position: relative;
        z-index: 1500;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .line {
        position: absolute;
        width: 1.7rem;
        height: 1px;
        background-color: #fff;
        transition: margin-top .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    }

    /* .line-top {
        margin-top: 3px;
    }

    .line-bottom {
        margin-top: -.4rem;
    } */

    .active .line-top {
        margin-top: 0;
        transform: rotate(45deg);
        transition: transform .3192s 0.01s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    }

    .active .line-bottom {
        margin-top: 0;
        transform: rotate(-45deg);
        transition: transform .3192s 0.01s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    }

    header.active { /* for 100% menu hight */
        height: 100%;
        background-color: #000;
        /*overflow-y: scroll;
        overflow-x: hidden;*/
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch; /*added 4me*/
    }

    .nav-link-mil {
        /*width: 1.8rem;*/
        /*height: 4.8rem;*/
        position: relative;
        z-index: 1500;
    }

    .nav-link-bag {
        width: 1.6rem;
        height: 4.8rem;
        transition: opacity 3s;
    }

    .nav {
        position: relative;
    }

    .nav-link {
        font-size: 1.7em;
        padding: 0;
        margin: auto 0;
    }

    .nav-list-larger {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        display: block;
        padding: 8.5rem 3rem 10.5rem 5rem; /*padding: 10.5rem 5rem; arji kargavorel */
        z-index: 1000;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s;
    }

    .active .nav-list-larger {
        width: 100%;
        height: 100vh;
        opacity: 1;
        visibility: visible;
    }

    .active .nav-link-bag {
        opacity: 0;
        transition: opacity .3s;
    }

    .nav-list-larger .nav-item {
        width: 100%;
        justify-content: flex-start;
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .nav-list-larger .nav-item:nth-child(9) {
        /*border-bottom: none;*/
        border-bottom: 2px solid #414141;
    }

    .active .nav-list-larger .nav-item {
        animation: fadeIn 1s ease-in;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    /*============ Mobile Messenger (Start) ============*/

    .mob_messenger {
        font-family: 'B612', sans-serif;
        cursor: pointer;
        /*background: #111;*/
        background: #000428;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


        border-radius: 10px; /*15px;*/
        margin-top: 8px; /*6px;*/
        border-top: 3px solid #0792F1; /*rgb(129, 94, 255)*/
        border-left: 2px solid #414141;
        border-right: 2px solid #414141;
        height: 42px; /*36px;*/
        white-space: nowrap;
        overflow: hidden;
    }

    .mob_messenger a {
        margin: 0 auto;
    }

    /*============ Mobile Translate Lang (Start) ============*/

    .mob_lang {
        cursor: pointer;
        background: #111;
        border-radius: 10px; /*15px;*/
        margin-top: 8px; /*6px;*/
        border-top: 3px solid #0792F1; /*rgb(129, 94, 255)*/
        border-left: 2px solid #414141;
        border-right: 2px solid #414141;
        height: 42px; /*36px;*/
        white-space: nowrap;
        overflow: hidden;
    }

    .langcenter {
        font-family: 'B612', sans-serif;
        margin: 0 auto;
    }

    .mob_lang .moblangmenu {
        position: absolute;
        top: 540px; /*510px*/
        left: 70px; /*50*/
        right: 50px; /*50*/
        /*padding: 0px 20px;*/
        background: #1b1b1b;
        /*width: 100%;*/
        /*box-sizing: 0 5px 25px rgba(0, 0, 0, 0.1);*/
        border-radius: 10px;
        border-bottom: 3px solid #0792F1; /*rgb(129, 94, 255)*/
        border-top: 2px solid #414141;
        border-left: 2px solid #414141;
        border-right: 2px solid #414141;

        box-shadow: rgba(129, 94, 255, 0.2) 0px 5px, rgba(129, 94, 255, 0.1) 0px 10px, rgba(129, 94, 255, 0.05) 0px 15px;

        transition: 0.4s;
        visibility: hidden;
        opacity: 0;
    }

    .nav-list .moblangmenu {
        padding: 0 16%;
    }
    
    .mob_lang .moblangmenu.active {
        top: 525px; /*495px*/
        visibility: visible;
        opacity: 1;
    }
    
    .mob_lang .moblangmenu ul li {
        list-style: none;
        padding: 6px 0px;
        /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .mob_lang .moblangmenu ul .gictop {
        height: 36px; /*8px*/
        border: 2px solid rgba(255, 255, 255, 0.2);
        /*margin: 0;*/
    }
    
    .mob_lang .moblangmenu img {
        max-width: 16px;
        margin-left: 6px;
    }
    
    .mob_lang .moblangmenu ul li img {
        max-width: 24px;
        opacity: 0.8;
        transition: 0.3s;
    }
    
    .mob_lang .moblangmenu ul li:hover img {
        opacity: 1;
    }
    
    .mob_lang .moblangmenu ul li a {
        display: inline-block;
        text-decoration: none;
        color: #f8f8f8;
        font-weight: 500;
        transition: 0.3s;
        font-size: 1.8em;
    }
    
    .mob_lang .moblangmenu ul li:hover a {
        color: cyan;
    }
    

    /*============ Mobile bag Menu (Start) ============*/

    .nav-link-bag {
        background: url("/assets/img/headerImg/mobaplist.svg") center no-repeat;
        filter: brightness(0) invert(1);
        width: 19px;
        height: 19px;
    }

    .operation .minibagmenu {
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        /*padding: 0 20px;*/
        /*background: #e0e0e0;*/
        background: rgba( 255, 255, 255);
        box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );

        box-shadow: rgba(7, 148, 242, 0.3) 0px 5px, rgba(7, 148, 242, 0.2) 0px 10px, rgba(7, 148, 242, 0.1) 0px 15px, rgba(7, 148, 242, 0.05) 0px 20px;
        /*box-shadow: rgba(129, 94, 255, 0.3) 0px 5px, rgba(129, 94, 255, 0.2) 0px 10px, rgba(129, 94, 255, 0.1) 0px 15px, rgba(129, 94, 255, 0.05) 0px 20px;*/
        width: 100%;
        /*box-sizing: 0 5px 25px rgba(0, 0, 0, 0.1);*/
        border-radius: 0 0 7% 7%;
        border-bottom: 5px solid #0792F1; /*rgb(129, 94, 255)*/
        transition: 0.5s;
        visibility: hidden;
        opacity: 0;
    }
    
    .operation .minibagmenu.active {
        top: 48px;
        visibility: visible;
        opacity: 1;
    }
    
    .operation .minibagmenu::before {
        content: '';
        position: absolute;
        top: -6px;
        right: 21px;
        width: 10px;
        height: 16px;
        /*background: #e0e0e0;*/
        background: rgba( 255, 255, 255);
        box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );

        transform: rotate(45deg);
        z-index: -1;
    }
    
    .operation .minibagmenu h3 {
        width: 100%;
        text-align: center;
        font-size: 18px;
        padding: 10px 0;
        font-weight: 500;
        color: #1b1b1b;
        line-height: 1.2em;
        box-shadow: rgb(204 219 232) 0px 0px 6px 0px inset, rgb(255 255 255 / 50%) -3px -3px 6px 1px inset; /*Added for Mobile (Added 28.10.2021)*/
    }
    
    .operation .minibagmenu h3 span {
        font-size: 14px;
        color: rgb(121, 121, 121);
        font-weight: 400;
    }

    .operation .minibagmenu ul div { /*Added for Mobile (Added 28.10.2021)*/
        padding: 0 10px 0px;
        border-radius: 20px;
        box-shadow: rgb(204 219 232) 0px 0px 6px 0px inset, rgb(255 255 255 / 50%) -3px -3px 6px 1px inset;

        height: 100%;
    }

    /*--=== responsive phone width*/
    @media (orientation: portrait) and (max-height: 700px) {
        .operation .minibagmenu ul div { /*Added for Mobile (Added 15.05.2022)*/
            height: 367px;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (orientation: portrait) and (max-width: 300px) and (max-height: 700px) { /*Galaxy Fold*/
        .operation .minibagmenu ul div {
            height: 330px;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 767px) and (max-height: 560px) {
        .operation .minibagmenu ul div { /*Added for Mobile (Added 30.10.2021)*/
            height: 350px;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 736px) and (max-height: 414px) {
        .operation .minibagmenu ul div { /*Added for Mobile (Added 30.10.2021)*/
            height: 224px;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 570px) and (max-height: 320px) {
        .operation .minibagmenu ul div { /*Added for Mobile (Added 30.10.2021)*/
            height: 179px;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
    }
    /*responsive phone width ===--*/
    
    
    .operation .minibagmenu ul li {
        list-style: none;
        padding: 8px 0; /*10px 0*/
        border-top: 1px solid #1b1b1b50;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .operation .minibagmenu ul li:first-child { /*Added for Mobile (Added 28.10.2021)*/
        border-top: none;
    }


    /*-==== Added for Mobile (Added 28.10.2021)*/
    .selectedmobline {
        text-align: center;
        background: rgba(0, 0, 0, 0.03);
        width: 100%;
        padding: 8px 0 8px 0; /*10px 0 10px 0*/
        border: 2px solid rgb(230, 230, 230);
        border-radius: 6px;
        box-shadow: rgb(204 219 232) 3px 3px 6px 0px inset, rgb(255 255 255 / 50%) -3px -3px 6px 1px inset;
    }
    
    .selectedmobline .fa-chevron-right, .fa-chevron-left { 
        font-size: 1.6rem;
        color: #0792F1; /*rgb(129, 94, 255)*/
    }
    
    .selectedmobline .fa-chevron-right { 
        padding-right: 16px;
    }
    
    .selectedmobline .fa-chevron-left {
        padding-left: 16px;
    }
    
    .selectedmobline img {
        position: relative;
        top: 5px;
        bottom: 0;
    }

    @media (max-width: 350px)
    {
        .selectedmobline .fa-chevron-right, .fa-chevron-left { 
            display: none;
        }
    }
    /*Added for Mobile (Added 28.10.2021) ====-*/


    .operation .minibagmenu ul {
        padding: 10px 10px 10px; /*0px 12px 12px*/
    }
    
    .operation .minibagmenu span {
        margin-right: 22px;
    }
    
    .operation .minibagmenu span img {
        max-width: 16px;
        margin-left: 6px;
    }
    
    .imgmap {
        position: absolute;
        padding-top: 3px;
    }
    
    .operation .minibagmenu ul li img  {
        max-width: 24px;
        margin-right: 20px;
        padding-left: 10px;
        opacity: 0.8;
        transition: 0.3s;
    }
    
    .operation .minibagmenu ul li:hover img {
        opacity: 1;
    }
    
    .operation .minibagmenu ul li a {
        display: inline-block;
        text-decoration: none;
        /*color: #1b1b1b;*/
        color: #4f546c;
        font-weight: 500;
        transition: 0.3s;
        font-size: 1.8rem;
    }

    .operation .minibagmenu ul li a b {
        display: inline-block;
        border: 1.5px solid #47474740;
        background: rgba( 255, 255, 255, 0.25 );
        border-radius: 0.6rem;
        margin-left: 8px;
        padding: 4px 6px;
        box-shadow: inset 3px 3px 7px rgb(136 165 191 / 48%), inset -3px -3px 7px #fff;
    }

    @media (max-width: 400px)
    {
        .operation .minibagmenu ul li a {
            font-size: 1.6rem;
        }
    
        .operation .minibagmenu ul li a b {
            font-size: 1.46rem;
            margin-left: 2px;
        }
    }

    @media (max-width: 336px)
    {
        .operation .minibagmenu ul li a {
            font-size: 1.46rem;
        }
    
        .operation .minibagmenu ul li a b {
            font-size: 1.36rem;
            margin-left: 2px;
        }
    }

    @media (max-width: 300px)
    {
        .operation .minibagmenu ul li a {
            font-size: 1.5rem; 
        }
    
        .operation .minibagmenu ul li a b {
            font-size: 1.4rem;
            margin-top: 4px;
        }
    }
    
    .operation .minibagmenu ul li:hover a {
        color: #0792F1; /*rgb(129, 94, 255)*/
    }

    
    .minibagbr {
        display: none;
    }

    @media (max-width: 420px) and (max-height: 820px)
    {
        .minibagbr {
            display: block;
        }
    }
    /*============ Mobile bag Menu (end) ============*/


    .action .langmenu {
        display: none;
    }
}

/* My CSS Code Redesign */

@media (min-width: 1069px) 
{
    .lang {
        display: none;
    }
}

@media screen and (max-width: 1068px)
{
    .fa-angle-right {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 2rem;
    }

    .lang {
        color: #fff;
        font-size: 1.7rem;
    }
}

@media (max-width: 1300px)
{
    .action .langmenu {
        right: 10px;
        position: fixed;
    }

    .action .langmenu::before {
        display: none;
    }

    .activity .bagmenu {
        right: 10px;
        position: fixed;
    }

    .activity .bagmenu::before {
        display: none;
    }
}

/*======== Translate Menu ========*/

.action .langmenu {
    position: absolute;
    top: 80px;
    /*right: -10px;*/
    padding: 0px 20px;
    background: #1b1b1b;
    width: 140px;
    box-sizing: 0 5px 25px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    border-bottom: 3px solid #0792F1; /*rgb(129, 94, 255)*/
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
}

.action .langmenu.active {
    top: 60px;
    visibility: visible;
    opacity: 1;
}

.action .langmenu::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 16px;
    width: 12px;
    height: 12px;
    background: #1b1b1b;
    border-top: 2px solid #0792F1; /*rgb(129, 94, 255)*/
    border-left: 2px solid #0792F1; /*rgb(129, 94, 255)*/
    transform: rotate(45deg);
    z-index: -1;
}

.action .langmenu h3 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    font-weight: 500;
    color: #fff;
    line-height: 1.2em;
}


.action .langmenu h3 span {
    font-size: 14px;
    color: #bbbbbb;
    font-weight: 400;
}

.action .langmenu ul li {
    list-style: none;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.action .langmenu span {
    margin-right: 22px;
}

.action .langmenu span img {
    max-width: 16px;
    margin-left: 6px;
}

.imgam {
    position: absolute;
    padding-top: 3px;
}

.action .langmenu ul li img {
    max-width: 24px;
    margin-left: 20px;
    opacity: 0.8;
    transition: 0.3s;
}

.action .langmenu ul li .imgru {
    margin-left: 13px;
}

.action .langmenu ul li:hover img {
    opacity: 1;
}

.action .langmenu ul li a {
    display: inline-block;
    text-decoration: none;
    color: #f8f8f8;
    font-weight: 500;
    transition: 0.3s;
    font-size: 1.8em;
}

.action .langmenu ul li:hover a {
    color: cyan;
}

@media (max-width: 1300px)
{
    .activity .bagmenu {
        right: -118px; /*2px*/
    }
}

/*======== Shop Menu ========*/
.activity .bagmenu {
    position: absolute;
    top: 80px;
    transform: translate(-338px); /* -198px | -318px */
    padding: 0 20px;
    background: #1b1b1b;
    width: 340px;
    box-sizing: 0 5px 25px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    border-bottom: 3px solid #0792F1; /*rgb(129, 94, 255)*/
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
}

.activity .bagmenu.active {
    top: 60px;
    visibility: visible;
    opacity: 1;
}

.activity .bagmenu::before {
    content: '';
    position: absolute;
    top: -7px;
    right: 19px;
    width: 12px;
    height: 12px;
    background: #1b1b1b;
    border-top: 2px solid #0792F1; /*rgb(129, 94, 255)*/
    border-left: 2px solid #0792F1; /*rgb(129, 94, 255)*/
    transform: rotate(45deg);
    z-index: -1;
}

.activity .bagmenu h3 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    font-weight: 500;
    color: #fff;
    line-height: 1.2em;
}

.activity .bagmenu h3 span {
    font-size: 14px;
    color: #bbbbbb;
    font-weight: 400;
}

.activity .bagmenu ul li {
    list-style: none;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    cursor: pointer;
}


.selectedline { /*-==== Added for Noute (Added 28.10.2021)*/
    text-align: center;
    background: rgba(0, 0, 0, 0.03);
    width: 100%;
    padding: 10px 0 10px 0;
    border: 2px solid rgb(230, 230, 230);
    border-radius: 6px;
    box-shadow: rgb(204 219 232) 1px 1px 2px 0px inset, rgb(255 255 255 / 50%) -1px -1px 2px 0px inset;
}

.selectedline .fa-chevron-right, .fa-chevron-left { 
    font-size: 1.6rem;
    color: #0792F1; /*rgb(129, 94, 255)*/
}

.selectedline .fa-chevron-right { 
    padding-right: 10px;
}

.selectedline .fa-chevron-left {
    padding-left: 10px;
}

.selectedline img {
    position: relative;
    top: 5px;
    bottom: 0;
} /*Added for Noute (Added 28.10.2021) ====-*/


.activity .bagmenu span {
    margin-right: 22px;
}

.activity .bagmenu span img {
    max-width: 16px;
    margin-left: 6px;
}

.imgmap {
    position: absolute;
    padding-top: 3px;
}

.activity .bagmenu ul li img  {
    max-width: 24px;
    margin-right: 20px;
    opacity: 0.8;
    transition: 0.3s;
}

.activity .bagmenu ul li:hover img {
    opacity: 1;
}

.activity .bagmenu ul li a {
    display: inline-block;
    text-decoration: none;
    color: #f8f8f8;
    font-weight: 500;
    transition: 0.3s;
    font-size: 1.75rem;
}

.activity .bagmenu ul li a b {
    display: inline-block;
    color: #4f546c;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #a5a5a540;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 0.6rem;
    margin-left: 8px;
    padding: 4px 6px;
    box-shadow: inset 3px 3px 7px rgb(136 165 191 / 48%), inset -3px -3px 7px #fff;
}

.activity .bagmenu ul li:hover a {
    color: cyan;
}

.activity .bagmenu ul li:hover b {
    color: #008080;
}

/*------- moblangmenui hamar ------*/

@media (max-width: 450px)
{
    .nav-list .moblangmenu {
        padding: 0 12%;
    }
}

@media (max-width: 300px)
{
    .nav-list .moblangmenu {
        padding: 0 8%;
    }

    .logo-mobile {padding-left: 25px;}
}

@media (max-width: 246px)
{
    .mblg_txt_hide {
        display: none;
    }
    .nav-list .moblangmenu {
        padding: 0 12%;
    }
}

.nullpool {
    height: 200px
}