

.logo-01{
	position:relative;
	margin: 18px 0px 0px 0px !important;
	floaT: left;
}


/*--menu dark--*/
.darken .cd-popup-menu-3::-webkit-scrollbar-track{background:#ddd;}

.darken .cd-popup-menu-3 {
  background: #ffffff;
}

.darken .cd-popupp {
  background-color: rgb(187 187 187 / 30%);
}

body.darken .accordion li .submenu li:hover a {
color: var(--foni-2) !important;
}

.darken .accordion li:hover .submenu li a{
	color:var(--foni-4) !important;
	}

.darken .submenu{display:none;background: #ffffff;font-size:14px;}
.darken .submenu li{border-bottom:1px solid var(--foni-5); }
.darken .submenu a{ color: var(--foni-6) !important; background:#ffffff;
}

.darken .cd-popup-menu-3{
 box-shadow: 0px -1px 0px 0px var(--foni-5);
}


.darken .link svg path{
	fill: var(--foni-6);
}


.darken .cd-popup-menu-3 a, .darken .accordion .link{
	color: var(--foni-6);
}

.darken .accordion .link{
	   background: #fff;
	   border-bottom: 1px #eee solid;
}

.darken .cd-popup-menu-1, .darken .cd-popup-menu-3{
   background: #fff;
}

/*--menu dark--*/

.accordion{
	width: 100%;
	floaT: left;
	position:relative;
	padding-bottom: 73px;
}

.accordion li.open .link, .accordion li.open .link svg path{
	color: var(--foni-2);
	fill: var(--foni-2);
	}

.accordion li svg path{
-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;
}


.accordion li:hover svg path{
fill: var(--foni-2);
-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;
}

    .fa-men-05 {
        margin: 2px 7px 0px 0px;
        width: 16px;
        height: 16px;
        background-size: 100%;
        position: relative;
        z-index: 1;
        float: left;
    }


    .fa-men-04 {
        margin: 1px 4px 0px 0px;
        width: 16px;
        height: 16px;
        background-size: 100%;
        position: relative;
        z-index: 1;
        float: left;
    }


    .fa-men-03 {
        margin: 2px 7px 0px 0px;
        width: 16px;
        height: 16px;
        background-size: 100%;
        position: relative;
        z-index: 1;
        float: left;
    }


    .fa-men-01 {
        margin: 1px 7px 0px 0px;
        width: 16px;
        height: 16px;
        position: relative;
        z-index: 1;
        float: left;
    }


.link svg{
	width: 100%;
}


.cd-popup-menu-3 a{
	color: #C0C1C3;
	text-align: left;
}


.accordion li a,.accordion .link{-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.accordion .link { text-align: left;line-height: 20px;background: #0F1113;font-family:font-1;cursor:pointer;display:block;padding:15px 15px 15px 15px;color: #C0C1C3;font-size: 14px;font-weight: 100;border-bottom: 1px solid #202428;position:relative;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}


.accordion li:hover .submenu li a{
	color:#d9d9d9 !important;
	}


.accordion li:hover a, .accordion li .link:hover{
color: #fff;
}

.accordion li:last-child .link{border-bottom:0}
.accordion li .fa-chevron-down{font-size:12px!important; margin-top:5px; margin-left: 0px; floaT: right; }
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background: #0F1113;font-size:14px;}
.submenu li{border-bottom: 1px solid #2c2d32;}
.submenu a{color: #a5a7b2 !important;background: #191c1e;font-family:font-2;display:block;text-decoration:none;padding: 10px 15px;line-height: 20px;padding-left: 15px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.submenu a:hover{color:var(--foni-2) !important}

.cd-popup-menu-2{
   margin: 0px 20px;
   text-align: left;
}

.cd-popup-menu-3::-webkit-scrollbar{width:3px}

.cd-popup-menu-3 {
  position: fixed;
  top: 70px;
  height: 100%;
  floaT: right;
  width: 270px;
  height: 100%!important;
  overflow-y:auto;
  color:#fff;
  background: #0F1113;
}

.cd-popup-menu-1{
	border-bottom: 1px solid #202428;
   line-height: 80px;
   height: 69px;
   width: 100%;
   position:relative;
   overflow:hidden;
   floaT: left;
   background: #0F1113;
}



.cd-popup-triggerr {
  border: 0;
  background:rgb(255 255 255 / 0%);
}

.cd-popupp {
	z-index:99999;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(0 0 0 / 75%);
	opacity: 0;
	visibility: hidden;
	transition:all 1.3s ease-in-out;
	-moz-transition:all 1.3s ease-in-out;
	-webkit-transition:all 1.3s ease-in-out;
}
.cd-popupp.is-visiblee {
  opacity: 1;
  visibility: visible;
 transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	
}

.cd-popup-containerr {
  position: fixed;
  height: 100%;
  floaT: right;
  width: 270px;
  height:100%!important;
  color:#fff;
  background: #16171B;
  text-align: center;
  right: -270px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-popup-containerr .cd-popup-closee::before, .cd-popup-containerr .cd-popup-closee::after {
  content: '';
  position: absolute;
  top: 14px;
  width: 14px;
  height: 2px;
  background-color: #fff;
}
.cd-popup-containerr .cd-popup-closee::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-containerr .cd-popup-closee::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.is-visiblee .cd-popup-containerr {
  transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out;
  right: 0px;
}
.cd-popup-containerr {
  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.img-replacee {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.cd-popup-containerr .cd-popup-closee {
	background:var(--foni-2);
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

/*-- menu --*/

