/*
  Version: 1.0
  Author: Alireza Roshanaie
  Author URI: https://mihanjs.com/

*/
/*----------> fonts start <----------*/
 @font-face {
     font-family: 'shabnam';
     font-style: normal;
     font-weight: normal;
     src: url('../fonts/shabnam-fa-num/Shabnam-Light-FD.eot');
     src: url('../fonts/shabnam-fa-num/Shabnam-Light-FD.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
     url('../fonts/shabnam-fa-num/Shabnam-Light-FD.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
     url('../fonts/shabnam-fa-num/Shabnam-Light-FD.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
     url('../fonts/shabnam-fa-num/Shabnam-Light-FD.ttf') format('truetype');
}
/*----------> fonts end <----------*/
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

 a, a:hover {
     text-decoration: none;
     -webkit-transition: all .2s ease;
     transition: all .2s ease;
}
 p {
     margin-bottom: 0;
}
 input, input:focus, button, button:focus {
     border: 0;
     outline: none;
}
 ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .container{
     max-width: 1366px;
}
 header.page-header{
     background: #fff;
     position:relative;
     top: 0;
     left: 0;
     right: 0;
     z-index: 100;
     box-shadow: 0 4px 8px rgba(0,0,0,0.05);
     direction: rtl;
}
 header.page-header .nav-wrapper{
     position: absolute;
     background: #fff;
     left: 0;
     top: 100%;
     right: 0;
     z-index: 99;
     padding: 0 15px;
     box-shadow: 0 4px 8px rgba(0,0,0,0.05);
     transition: all 0.2s ease-in-out;
}
 header.page-header .nav-wrapper > ul{
     display: flex;
     position: relative;
     max-width: 1366px;
     float: right;
     margin: auto;
     padding: 0 15px;
}
 header.page-header .nav-wrapper > ul > li{
     margin-right: 20px;
}
 header.page-header .nav-wrapper > ul > li > a{
     display: flex;
     align-items: center;
     font-weight: 600;
}
 header.page-header .nav-wrapper > ul > li > a:hover{
     color: #007bff;
}
 header.page-header .nav-wrapper > ul > li > a i{
     font-size: 16px;
     font-weight: bold;
     margin-left: 5px;
}
 header.page-header .nav-wrapper > ul > li a{
     display: block;
     color: #000;
     line-height: 55px;
}
 header.page-header .nav-wrapper > ul > li.category-list::before{
     content: '';
     background: #fff;
     box-shadow: 0 8px 16px rgba(0,0,0,0.05);
     min-width: 1100px;
     min-height: 455px;
     position: absolute;
     top: 100%;
     right: 0;
     border-radius: 0 0 5px 5px;
     display: none;
     transition: all 0.2s ease-in-out;
}
 header.page-header .nav-wrapper > ul > li.category-list:hover:before{
     display: block;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul{
     position: absolute;
     background: #fff;
     min-height: 455px;
     right: 0;
     width: 220px;
     top: 100%;
     border-left: 1px solid #e0e0e0;
     display: none;
}
 header.page-header .nav-wrapper > ul > li.category-list:hover > ul{
     display: block;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > a{
     border-top: 1px solid transparent;
     border-bottom: 1px solid transparent;
     padding-right: 10px;
     line-height: 45px;
     font-weight: bold;
     text-align: right;
     direction: rtl;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li.active > a{
     background-color: #f5f5f5;
     border-top: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul{
     background: #fff;
     position: absolute;
     width: 870px;
     height:auto !important; /*450px*/
     overflow: hidden;
     top: 0;
     right: 220px;
     padding: 0 15px;
     margin-right: 1px;
     display: none;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li.active > ul{
     display: flex;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li{
     padding: 0 10px;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > a{
     display: flex;
     align-items: center;
     font-weight: bold;
     line-height: 35px;
     white-space: normal;
     overflow: hidden;
     text-overflow: ellipsis;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > a:hover{
     color: #007bff;
     padding-right: 5px;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > a::after{
     content: "\f104";
     font-family: "Font Awesome 5 Pro";
     position: relative;
     left: -3px;
     top: 0;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > ul li a{
     color:#202020;
     font-size: 13px;
     line-height: 27px;
}
 header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li .list-item-image:hover{
     padding-right: 0;
}


ul#sub3menu {
    text-align: right;
    direction: rtl;
}