@charset "UTF-8";
/*@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap");*/
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face {
	font-family: 'ElegantIcons';
	src:url(""../../dashboard/fonts/ElegantIcons.eot"");
	src:url('../../dashboard/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
    url('../../dashboard/fonts/ElegantIcons.woff') format('woff'),
    url('../../dashboard/fonts/ElegantIcons.ttf') format('truetype'),
    url('../../dashboard/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	
	font-style: normal;
}
.primary-nav{height:400px;}
.desktop-menu {
position: relative;
width: 100%;
}
@media (max-width: 1024px) {
.desktop-menu {
display: none;
}
}
.desktop-menu .item-toggle-button {
text-indent: -9999px;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.desktop-menu .item-toggle-button:after {
content: "\43";
text-indent: 0px;
font-family: "ElegantIcons";
color: #FFF;
transition: all 200ms linear;
font-size: 16px;
}
.desktop-menu .item-toggle-button:hover:after {
color: #f8b700;
}
.desktop-menu .item-toggle-button.is-open:after {
transform: rotate(180deg);
color: #f8b700;
}
.desktop-menu nav {
background: #333333;
height: 50px;
 /* margin: 40px 30px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);*/
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
border-bottom: 1px solid black;
}
.desktop-menu nav ul {
list-style: none;
padding: 0px;
margin: 0px;
height: 100%;
}
.desktop-menu nav ul li {
float: right;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 20px;
height: 100%;
position: relative;

}
.desktop-menu nav ul li a {
color: #FFF;
height: 100%;
text-decoration: none;
display: flex;
align-items: center;
transition: all 200ms linear;
font-size: 14px;
transition: all 200ms linear;
}
.desktop-menu nav ul li a:hover {
color: #f8b700;
}
.desktop-menu nav ul li a:hover + .item-toggle-button:after {
color: #f8b700;
}
.desktop-menu nav ul li.is-open > a {
color: #f8b700;
}
.desktop-menu nav ul li .secondary-nav {
position: absolute;
top: calc(100% + 1px);
right: 0;
max-height: 0px;
opacity: 0;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
background: #333333;
min-width: 100px;
}
.desktop-menu nav ul li .secondary-nav ul li {
float: none;
padding: 10px 20px;
display: block;
}
.desktop-menu nav ul li .secondary-nav ul li a {
font-size: 14px;
display: inline-block;
}
.desktop-menu nav ul li .secondary-nav.is-open {
max-height: 100vh;
opacity: 1;
transition: max-height 0.7s ease-out, opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.desktop-menu nav ul li .tertiary-nav {
max-height: 0px;
overflow: hidden;
transition: max-height 0ms linear;
}
.desktop-menu nav ul li .tertiary-nav ul li {
float: none;
padding: 10px 20px;
}
.desktop-menu nav ul li .tertiary-nav ul li a {
font-size: 14px;
}
.desktop-menu nav ul li .tertiary-nav.is-open {
max-height: 100%;
transition: max-height 200ms linear;
}
.desktop-menu.is-sticky {
position: fixed;
top: 0px;
right: 0px;
z-index: 1000;
}
.desktop-menu.is-sticky nav {
margin: 0px;
}

/*@keyframes Sidebar-out {
from{
transform: translateX(-100%);
}
to{
transform: translateX(0);
}
}

@keyframes Sidebar-in {
from{
transform: translateX(100%);
}
to{
transform: translateX(0);
}}*/

@keyframes Sidebar-out {
from {right: 0px;}
to {right:0px;}
}

@keyframes Sidebar-in {
from {right: 0px;}
}

.mobile-menu {
display: none;
}
@media (max-width: 1024px) {
.mobile-menu {
display: block;
}
}
.mobile-menu .item-toggle-button {
text-indent: -9999px;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.mobile-menu .item-toggle-button:after {
content: "\43";
text-indent: 0px;
font-family: "ElegantIcons";
color: #FFF;
transition: all 200ms linear;
}
.mobile-menu .item-toggle-button:hover:after {
color: #f8b700;
}
.mobile-menu .item-toggle-button.is-open:after {
transform: rotate(180deg);
color: #f8b700;
}
.mobile-menu .header_bar {
background: #333333;
height: 50px;
position: fixed;
top: 0px;
right: 0px;
width: 100%;
border-bottom: 1px solid black;
}
.mobile-menu .header_bar .mobile-toggle {
height: 50px;
width: 50px;
cursor: pointer;
float:right;
}
.mobile-menu .header_bar .mobile-toggle svg g {
fill: #FFF;
transition: all 200ms linear;
}
.mobile-menu .header_bar .mobile-toggle svg g rect {
transition: all 200ms linear;
}
.mobile-menu .header_bar .mobile-toggle:hover svg g {
fill: white;
}
.mobile-menu .header_bar .mobile-toggle.is-open svg g {
fill: #FFF;
}
.mobile-menu .header_bar .mobile-toggle.is-open svg g rect {
x: 0;
y: 0;
}
.mobile-menu .header_bar .mobile-toggle.is-open svg g rect:first-child {
transform: rotate(45deg) translate(50%);
}
.mobile-menu .header_bar .mobile-toggle.is-open svg g rect:nth-child(2n) {
display: none;
}
.mobile-menu .header_bar .mobile-toggle.is-open svg g rect:last-child {
transform: rotate(-45deg) translate(-21%, 66%);
}
.mobile-menu .header_bar .mobile-toggle.is-open:hover svg g {
fill: white;
}
.mobile-menu nav {
display: block;
position: fixed;
top: 51px;
right: 0;
bottom: 0;
width: 150px;
max-width: 360px;
overflow: hidden;
animation-name: Sidebar-out;
animation-duration: 0.1s;
animation-fill-mode: forwards;
background: #333333;
}
.mobile-menu nav ul {
list-style: none;
padding: 0px;
margin: 0px;
height: 100%;
}
.mobile-menu nav ul li {
/*سایز بین زیر منو ها*/
padding: 10px;
position: relative;
}
.mobile-menu nav ul li a {
color: #FFF;

height: 100%;
text-decoration: none;
transition: all 200ms linear;
font-size: 14px;
}
.mobile-menu nav ul li a:hover {
color: #f8b700;
}
.mobile-menu nav ul li a:hover + .item-toggle-button:after {
color: #f8b700;
}
.mobile-menu nav ul li.is-open > a {
color: #f8b700;
}
.mobile-menu nav ul li .secondary-nav {
max-height: 0px;
overflow: hidden;
transition: max-height 0ms linear;
}
.mobile-menu nav ul li .secondary-nav ul li {
float: none;
padding: 10px 20px;
}
.mobile-menu nav ul li .secondary-nav ul li a {
font-size: 14px;
}
.mobile-menu nav ul li .secondary-nav.is-open {
max-height: 100%;
transition: max-height 200ms linear;
}
.mobile-menu nav ul li .tertiary-nav {
max-height: 0px;
overflow: hidden;
transition: max-height 0ms linear;
}
.mobile-menu nav ul li .tertiary-nav ul li {
float: none;
padding: 10px 20px;
}
.mobile-menu nav ul li .tertiary-nav ul li a {
font-size: 14px;
}
.mobile-menu nav ul li .tertiary-nav.is-open {
max-height: 100%;
transition: max-height 200ms linear;
}
.mobile-menu:not(.is-animating) nav {
display: none;
}
body.mobile-menu-open .mobile-menu:before {
content: "";
position: fixed;
top: 0px;
right: 0px;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
}
.mobile-menu.is-open:not(.is-animating) nav, .mobile-menu.is-animating:not(.is-open) nav {
display: block;
animation-name: Sidebar-in;
animation-duration: 0.2s;
animation-fill-mode: forwards;
}
/*# sourceMappingURL=style.css.map */