@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");
/*body {
padding: 0px;
margin: 0px;
min-height: calc(100vh + 300px);
}
@media (max-width: 1024px) {
body.mobile-menu-open {
overflow: hidden;
}
}*/
header{background-color: #FFFDEE;}
.primary-nav{/**/}
.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: "";
text-indent: 0px;
font-family: "FontAwesome";
color: #333333;
transition: all 200ms linear;
}
.desktop-menu .item-toggle-button:hover:after {
color: #919191;
}
.desktop-menu .item-toggle-button.is-open:after {
transform: rotate(180deg);
color: #919191;
}
.desktop-menu nav {
/*background:url("../../images/pattern_02.jpg") no-repeat center left;*/
background-color: #FFFDEE;
height: 80px;
 /* 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: #080808;
height: 100%;
	
text-decoration: none;
display: flex;
align-items: center;
transition: all 200ms linear;
font-size: 13px;
font-weight: 400;
transition: all 200ms linear;
}
.desktop-menu nav ul li a:hover {
color: #919191;
}
.desktop-menu nav ul li a:hover + .item-toggle-button:after {
color: #080808;
}
.desktop-menu nav ul li.is-open > a {
color: #919191;
}
.desktop-menu nav ul li .secondary-nav {
position: absolute;
top: 55px;
left: -30px;
max-height: 0px;
opacity: 0;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
background-color:inherit;
min-width: 150px;
text-align: left;
color: #FFFFFF;

}
.desktop-menu nav ul li .secondary-nav ul li {
float: none;
display: block;
background-color: #6E6B6B;
color: #FFFFFF;
}
.desktop-menu nav ul li .secondary-nav ul li a {
font-size: 13px;
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: 13px;
}
.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-left: 10px;
}
.mobile-menu .item-toggle-button:after {
content: "";
text-indent: 0px;
font-family: "FontAwesome";
color: #FFF;
transition: all 200ms linear;
}
.mobile-menu .item-toggle-button:hover:after {
color: #919191;
}
.mobile-menu .item-toggle-button.is-open:after {
transform: rotate(180deg);
color: #919191;
}
.mobile-menu .header_bar {
background: #080808;
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: 2px;
bottom: 0;
width: 120px;
height: 350px;
overflow: hidden;
animation-name: Sidebar-out;
animation-duration: 0.1s;
animation-fill-mode: forwards;
background: #080808;

}
.mobile-menu nav ul {
list-style: none;
padding: 0px;
margin: 0px;
height: 100%;

}
.mobile-menu nav ul li {
/*سایز بین زیر منو ها*/
padding: 5px;
position: relative;
text-align: right;
}
.mobile-menu nav ul li a {
color: #FFF;
font-weight: 500;
height: 100%;
text-decoration: none;
transition: all 200ms linear;
font-size: 13px;
	
}
.mobile-menu nav ul li a:hover {
color: #919191;
}
.mobile-menu nav ul li a:hover + .item-toggle-button:after {
color: #919191;
}
.mobile-menu nav ul li.is-open > a {
color: #919191;
}
.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: 13px;
}
.mobile-menu nav ul li .secondary-nav.is-open {
max-height: 100%;
transition: max-height 200ms linear;
margin-left: 15px;
}
.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: 13px;

}
.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: auto;
height: auto;
background: #080808;

}
.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 */