@font-face {
    font-family: sans-01;
    font-weight: 200;
    font-style: normal;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff2'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}
@font-face {
    font-family:sans-01web;
    font-weight: 200;
    font-style: normal;
    src: url('../fonts/01web-sans.eot');
    src: url('../fonts/01web-sans.eot?#iefix') format('embedded-opentype'), url('../fonts/01web-sans.woff') format('woff2'), url('../fonts/01web-sans.woff') format('woff'), url('../fonts/01web-sans.ttf') format('truetype');
}
@font-face {
    font-family: 'Mj_Beirut_01';
    src: url('../fonts/Mj_Beirut.eot');
    src: local('Mj_Beirut_01'), local('Mj_Beirut_01'), url('../fonts/Mj_Beirut.woff') format('woff'), url('../fonts/Mj_Beirut.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0
}

body {
    /*overflow-x: hidden;*/
    line-height: 1.5;
    background: url("../img/pattern.png");
}

html, body {
    font-family: sans-01web !important;
}
.text-align{text-align: right !important}
.dir{direction: rtl !important;}
a {
    text-decoration: none !important;
    color: #171b27;
}
a:hover{color: #770205}
p,h6{font-size: .9rem}
h5{font-size:1rem }
h4{font-size: 1.2rem}
h3{font-size: 1.4rem}
.head{background: #770205;}
.title-site{font-family: Mj_Beirut_01 !important;}
.text-site{color: #770205}
.btn-danger{background: #770205;border-color: #770205}
/*menu*/
/*.menu-area {*/
/*background-color: #ffffff;border-bottom: 5px solid #ecbf6e;*/
/*}*/

@media screen and (min-width: 1200px) {
    /*.menu-area .container {*/
    /*    min-width: 1400px*/
    /*}*/
    /*.container {*/
    /*min-width: 1400px*/
    /*}*/
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

/*.mainmenu a,*/
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
    color: #111111;
    font-size: 16px;
    text-transform: capitalize;
    padding: 20px 20px 20px 20px;
    font-family: 'sans-01';
    display: block !important;

}
.mainmenu ul.dropdown-menu li a { padding: 20px 20px 20px 20px;}
.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav > .show > a,
.navbar-default .navbar-nav > .show > a:focus,
.navbar-default .navbar-nav > .show > a:hover {
    color: #770205;
    /*background: #aaa;*/
    outline: 0;
}

.navbar-light .navbar-toggler {
    padding: 0;
}

.navbar-light .navbar-toggler .fa-bars {
    color: #aaa;
    border: 1px solid #aaa;
    padding: 5px 10px;
}

.only-mobile {
    display: none;
}

.only-desktop {
    display: block;
}

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
    /*background-color: #0f3c9e;*/
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mainmenu .collapse ul ul > li > a{color: #fff;}
.mainmenu .collapse ul ul > li:hover > a /*.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover*/
{
    background-color: #770205;
}

.mainmenu .collapse ul ul ul > li:hover > a {
    background-color: #770205;color: #fff;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background-color: #770205;
}

.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
    background-color: #770205;
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
    background-color: #770205;
    overflow-y: hidden;
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}

@media only screen and (min-width: 767px) {

    /* Level 1 */
    .mainmenu .collapse ul ul {
        position: absolute;
        top: 80px;
        right: 0;
        min-width: 250px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

    .mainmenu .collapse ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    /* Level 2 */
    .mainmenu .collapse ul ul li {
        position: relative;
        text-align: right;
    }

    .mainmenu .collapse ul ul ul {
        position: absolute;
        top: 0;
        right: 100%;
        min-width: 250px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

    .mainmenu .collapse ul ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        top: 0;
        right: 100%;
    }

    .mainmenu .collapse ul ul li a .fa-angle-left {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    /* Level 3 */
    .mainmenu .collapse ul ul ul li {
        position: relative
    }

    .mainmenu .collapse ul ul ul ul {
        position: absolute;
        top: 0;
        left: -120%;
        min-width: 250px;
        display: block;
        z-index: 1;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

    .mainmenu .collapse ul ul ul li:hover ul {
        visibility: visible;
        opacity: 1;
        top: 0;
        left: -100% !important;
    }

}

@media only screen and (max-width: 767px) {
    .scroll {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 300px;
    }

    .only-mobile {
        display: inline-block;
    }

    .only-desktop {
        display: none;
    }

    .navbar-nav .show .dropdown-menu .dropdown > li > a {
        background-color: #fff;
    }

    .mainmenu .collapse ul ul > li.dropdown > a,
    .mainmenu .collapse ul ul > li.dropdown > ul.dropdown-menu > li.dropdown > a {
        background-color: #eeeeee;
        padding: 10px 15px 10px 15px;
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a,
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a,
    .navbar-nav .show .dropdown-menu > li > a {
        padding: 10px 15px 10px 35px;
        background-color:  #770205;
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a:hover,
    .navbar-nav .show .dropdown-menu > li > a:hover {
        /*background-color: #ccc;color: #aaa;*/
    }

    .mainmenu ul li a {
        text-align: right;
        padding: 15px 15px 15px 15px;
    }

    /* Level 1 mobile arrow */
    .mainmenu ul li a .fa-angle-down {
        position: absolute;
        left: 15px;
        top: 25px;
        /*width: 25px;*/
        /*height: 25px;*/
        /*background-color: #fff;*/
        color: #81b97a;
        text-align: center;
        line-height: 25px;
    }

}

/*custom css*/
.mainmenu ul li a.dropdown-toggle::after {
    display: none;
}
.menu-area .logo{width: 170px}
.f-nav{z-index:999;position:fixed;left:0;right:0;top:0;box-shadow: 0 3px 6px 3px rgba(0,0,0,.06);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;}
.f-nav .logo{width: 125px ; transition: 0.4s;}
/*slider*/
/*.text-box {text-align: left;*/
    /*position: absolute;*/
    /*top: 45%;*/
    /*left: 15%;*/
    /*right: 15%;*/
    /*color: #fff;*/
    /*transform: translateY(-50%);*/
/*}*/
/*#slider-animation-2 .carousel-item img{width:100%;}*/
/*.text-box img  {width:100%}*/
/*.text-box .text-in{font-family: Mj_Beirut_01; font-size:50px}*/
/*.carousel-indicators li{width:10px;height: 10px;background: inherit;border: 2px solid #ffffff}*/
/*.carousel-indicators li.active{background: #fff}*/
/*@media only screen and (max-width: 767px) {*/
    /*.carousel-inner .align-items-center h2 {*/
        /*font-size: 16px*/
    /*}*/
/*}*/

/*.bg-site{background:#0d8293 }*/
/*.sliderFoot {*/
/*    width: 100%;*/
/*    height: 38px;*/
/*    display: block;*/
/*    background: url(../img/btn_down.png) center bottom no-repeat;*/
/*    margin: -38px auto 0;*/
/*    z-index: 1000;*/
/*    position: relative;*/
/*    text-align: -moz-center;*/
/*    text-align: -webkit-center;*/
/*    text-align: center;*/
/*}*/

/*.sliderFoot a {*/
/*    display: inline-block;*/
/*    color: #008699;*/
/*    font-size: 20pt;*/
/*    line-height: 1.9;*/
/*    cursor: pointer;*/
/*    -webkit-transition: .5s;*/
/*    -moz-transition: .5s;*/
/*    -ms-transition: .5s;*/
/*    -o-transition: .5s;*/
/*    transition: .5s;*/
/*    margin: auto;*/
/*}*/
header {
    height: 70px;
    position: relative;
    -webkit-box-shadow: 0 10px 29px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 29px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 29px 0 rgba(0,0,0,.1);
}
header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background:#f3f7ff url(../img/pattern.png);
    top: 0;
}
.product{background: url("../img/back-pro.jpg") no-repeat ; background-size: cover;}
.product .title{transform: rotate(-90deg);color: #ffffff;position: absolute;top:35%;right:8%;}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left; }
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center;  margin:20px; color:#666;  }
.MultiCarousel .MultiCarousel-inner .item > div >img{background:#f1f1f1; }
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.MultiCarousel .details .content{background: rgba(0,0,0,.5);color: #ffffff;position: relative;bottom: 21px;padding-top: 5px;}
.MultiCarousel .details .content h5{font-size: .8em}
.about{background: url("../img/back-about.jpg") no-repeat fixed;background-size: cover}
.article{background:#ffffff url("../img/back-news.png") no-repeat fixed;background-size: cover}
.article .shadow-img{box-shadow:  15px 17px 5px rgba(0,0,0,.35);}
.article .shadow-img:hover{box-shadow:  5px 7px 5px rgba(0,0,0,.35);transition: .5s;

}
.article .title {transform: rotate(-90deg);color: #ffffff;position: absolute;top:35%;left:23%;}
.article h4:hover{color: #770205}
.footer{background: url("../img/bg-footer.jpg")}
.back-fd{background: url("../img/bg-f.jpg") fixed; background-size:cover}
.form-footer .form-control , .btn-outline-light{background: none;border-radius: 0;border-width: 2px;color: #ffffff}
.back-fd .social{font-size: 18px}
.text-box {text-align: left;
    position: absolute;
    top: 45%;
    left: 15%;
    right: 15%;
    color: #fff;
    transform: translateY(-50%);
}
#slider-animation-2 .carousel-item img{width:100%;}
.text-box img  {width:100%}

.carousel-inner .align-items-center .title { text-transform:uppercase;  }
.text-box .text-in{font-family: Mj_Beirut_01; font-size:50px}
/*.carousel-indicators li{width:10px;height: 10px;background: inherit;border: 2px solid #ffffff}*/
/*.carousel-indicators li.active{background: #fff}*/
@media only screen and (min-width: 767px) {
    .col-md-2{max-width: 13%}
}
@media only screen and (max-width: 767px) {

    .carousel-inner .carousel-item img.img-back{height: 450px !important;}
    .text-box .text-in{ font-size:30px}
    .hidden{display: none}
    .product .title{transform: rotate(0deg);margin-top: 40px ;font-size: 35px;font-family: Mj_Beirut_01;position: static;text-align: center}
    .article .title {transform: rotate(0deg);margin-top: 40px ;font-size: 35px;font-family: Mj_Beirut_01;color: #1b1e21;position: static;text-align: center}
}
.image-header {background: url("../img/bf.jpg") no-repeat;background-size: cover}
.breadcrumb-item + .breadcrumb-item::before {  color: #ffffff;}