/* @font-face {*/
/*    font-family: byekan;*/
/*    src: url('../font/Beykan.eot'),*/
/*        url('../font/Byekan.ttf'), */
/*        url('../font/Byekan.woff');*/
/*}*/

/*@font-face {*/
/*    font-family: 'Yekan'; */
/*    src: url('../font/Yekan.woff') format('woff'),*/
/*         url('../font/Yekan.ttf') format('truetype'); */
         
/*    }*/

@font-face {
    font-family: 'IRANSansWeb';
    src: url('../font/IRANSansWeb(FaNum).eot') format('eot'),
    url('../font/IRANSansWeb(FaNum).woff') format('woff'),
    url('../font/IRANSansWeb(FaNum).ttf') format('truetype');  
}
.title-main p {
    text-align: justify;
}
::selection {
  color:   white;                                  
  background: #5374a24d;
}
html,body{
    direction: rtl;
    font-family: 'IRANSansWeb';
    background-color: #f9f9f9;
    background-size: cover;
    overflow-x: hidden;font-size: 13px;
}
body {
    background-image: url(https://imico.org/frontend/images/pattern3.png);
    background-size: initial;
    background-position: center;
}
*{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none !important;
}
.eng--font{
     font-family: sans-serif;
 }
.no-padding{
       padding: 0;
   }
 i.far.fa-lightbulb {
     color: #88c82e;
     margin: 0 0 0 5px;
 }
 .row{
     margin: 0;
 }
 

.items-each-box::-webkit-scrollbar-track{
	border: 0.5px solid #ffcc01;
	background-color: #fff;
	
}
.items-each-box::-webkit-scrollbar{
	width: 3px;
	background-color: #ffcc01;
}
.items-each-box::-webkit-scrollbar-thumb{
	background-color: #ffcc01;border-radius: 30px;
}
p.see-a-continue {
    text-align: left !important;
    font-size: 12px;
    margin: 8px 0 0;
}
#part--advance-search {
    padding: 18px 0;
    position: relative;
    background: linear-gradient(0deg, #e7e7e7, transparent);
    margin: 18px 0 30px ;
}
#part--news-article .archive-news-link {
    float: left;
    border: 1px solid #fecb00;
    padding: 2px 32px;
    border-radius: 30px;
    font-size: 14px;
    color: #383838;
    background: white;
    margin: 16px -4px -17px;transition:all 0.3s;
}
#part--news-article .archive-news-link:hover {
    color: #ffffff;
    background: #fecc00;transition:all 0.3s;
}
.logo.coompany {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 3px solid #fecc00;
    box-shadow: 0 0 10px -2px #bfbfbf;
    border-radius: 50%;
    overflow: hidden;
    padding: 10px;
    left: 19px;
    top: 170px;
    background: white;
}
.logo .logo-img-front img {
    width: 100%;
    height: 100%;
}

.box-03 {margin: 8px;border-radius: 4px;text-align: center;padding: 7px;box-shadow: 0 0 7px -2px #c7c7c7;}
.box-03 .see-detl {line-height: 30px;text-align: center;border: 1px solid #fecc0063;border-radius: 2px;margin: 0 0 0px;transition:all 0.3s;}
.box-03:hover .see-detl {background: #fecc00;color:white;transition:all 0.3s;}
.box-03 .box-img {height: 142px;display: flex;align-items: center;justify-content: center;}
.box-03 .main-name {border: 0;color: #3e3e3e;font-size: 15px;height: 66px;padding: 0;margin: 0;}

/*================================== *  --- part--scroll-page---  * ===================================== */
#scrollTop {
    position: fixed;
    bottom: 1px;
    right: 12px;
    cursor: pointer;
    display: none;
    color: #ffffff;
    border-radius: 50%;
    font-size: 29px;
    border: 0;
    background: #69060600;
    z-index: 99;
    transition: 0.5s;
}
#scrollTop:hover {
     transition: 0.5s;
     color: #1a3f73;
 }
#scrollTop i.fas.fa-angle-double-up {
    margin: 8px 0 0;
}
#scrollTop .circle {
    transform: translate(-4%,0%);
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px #7cc1ec;
    border-radius: 50%;
    overflow: hidden;
}
#scrollTop .wave {
    position: relative;
    width: 100%;
    height: 100%;
    background: #7cc1ec;
    border-radius: 50%;
    box-shadow: inset 0 0 14px rgb(0, 135, 228);
}
#scrollTop .wave:before, #scrollTop .wave:after {
    content: '';
    position: absolute;
    width: 219%;
    height: 131%;
    top: 0;
    left: 50%;
    transform: translate(-50%,-75%);
    background: #000;
}
#scrollTop .wave:before {
    border-radius: 45%;
    background: rgba(0, 0, 0, 0);
    animation: animate 5s linear infinite;
}
#scrollTop .wave:after {
    border-radius: 40%;
    background: rgba(255, 255, 255, 0.52);
    animation: animate 10s linear infinite;
}
@keyframes animate {
    0%{
        transform: translate(-50%,-75%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-75%) rotate(360deg);
    }
}
/*==================================== *  --- part--scroll-header ---  * ================================= */
 .fixed---mob .left-part-logo-img .bg-white-logo img.logo {
    padding: 0 0 0 1px !important;
}
 .fixed---mob .left-part-logo-img .bg-white-logo {
    width: 65px !important;
    height: 71px !important;
    top: 1px !important;
}
 .fixed---mob .bottom-header{
     top: 0;
     transition: all 0.3s;
     padding: 3px 0;
 }

 .fixed---mob .col5-menu-scroll-hidden #cssmenu{
     display: block;
     transition: all 0.3s;
 }
 .fixed---mob .right-part-logo-name {
         left: -18px;
     height: 44px;
     transition: all 0.3s;
 }
 .fixed---mob .right-part-logo-name .text-logo-top {
     margin: 13px 0 0 87px;
     transition: all 0.3s;
 }
#part--header .btn-register-cpmpany button.btn-register-company a.btn-register-company {
    color: white;
}
     /*=================================== *  --- part--header ---  * ======================================== */
 #part--header .top-header {
     border-top: 3px solid #ffcc01;
     padding: 3px 0px;
 }
 #part--header {
     height: 98px;    position: relative;
    z-index: 1212;
 }
 /*| _MENU-*-*-*-*-*-*-*-*-*-*-*/
 #cssmenu {
     position: relative;
     z-index: 9999;
 }
 #cssmenu .first-ul-list a.frst-li-a {
     color: #545454;
     font-size: 15px;
     margin: 0 1px;
     padding: 2px 8px;
 }
 #cssmenu ul li a,
 #cssmenu #head-mobile {
     display: block;
 }
 #cssmenu #head-mobile {
     display: none
 }
 #cssmenu ul.first-ul-list{
     display: flex;
     margin: 0;
 }
 #cssmenu ul ul {
     position: absolute;
     left: -9999px;
     width: 40%;
     box-shadow: 0px 4px 6px 0px #d0d0d0;
     border-top: 2px solid #fecc00;
 }
 #cssmenu ul ul li {
     height: 0;
     -webkit-transition: all .25s ease;
     -ms-transition: all .25s ease;
     background: #fdfdfc;
     transition: all .25s ease
 }
 #cssmenu li:hover > ul {
     left: auto
 }
 #cssmenu li:hover > ul > li {
     height: 35px
 }
 #cssmenu ul ul li a {
     padding: 5px 15px;
     width: 100%;
     font-size: 15px;
     text-decoration: none;
     color: #717171;
     text-align: right;
     position: relative;
     font-weight: 400;
 }
 #cssmenu ul ul li a:hover {
     border-right: 1px solid #fecc00;
 }
 #cssmenu ul ul li a:hover::before {
     content: "";
     position: absolute;
     top: 0px;
     opacity: 1;
     z-index: 999;
     right: 1px;
     width: 0;
     height: 0;
     border-top: 17px solid transparent;
     border-right: 7Px solid #fecc00;
     border-bottom: 17px solid transparent;
 }
 @media screen and (max-width:1026px) {
     .btn-register-cpmpany {
        margin: 0 19px 0 0;
    }
    .img--enamad span {
    margin: 0 0 10px -30px !important;
    display: block;
}
#part--footer .col1-ft-e-namad-prt img.e-namad2 {
    margin: 11px 10px 0 0;
}

     nav {
         width: 100%;
     }
     #cssmenu {
         width: 100%
     }
     #cssmenu ul {
         width: 100%;
         display: none
     }
     #cssmenu ul li {
         width: 100%;
        line-height: 34px;
            border-top: 1px solid #f7f7f7;
     }
     #cssmenu ul ul li,
     #cssmenu li:hover > ul > li {
         height: auto
     }
     #cssmenu ul li a,
     #cssmenu ul ul li a {
         width: 100%;
         border-bottom: 0
     }
     #cssmenu > ul > li {
         float: none
     }
     #cssmenu ul ul li a {
         padding-left: 25px
     }
     #cssmenu ul ul li {
        background: #fdfdfd!important;
        width: 90%;
        margin: 0 auto;
    }
     #cssmenu ul ul ul li a {
         padding-left: 35px
     }
     #cssmenu ul ul li a {
         color: #ddd;
         background: none
     }
     #cssmenu ul ul li:hover > a,
     #cssmenu ul ul li.active > a {
         color: #737373
     }
     #cssmenu ul ul,
     #cssmenu ul ul ul {
         position: relative;
         left: 0;
         width: 100%;
         margin: 0;
         text-align: left
     }
     #cssmenu > ul > li.has-sub > a:after,
     #cssmenu > ul > li.has-sub > a:before,
     #cssmenu ul ul > li.has-sub > a:after,
     #cssmenu ul ul > li.has-sub > a:before {
         display: none
     }
     .button:after {
         position: absolute;
         top: 13px;
         right: 20px;
         display: block;
         height: 8px;
         width: 20px;
         border-top: 2px solid #dddddd;
         border-bottom: 2px solid #dddddd;
         content: ''
     }
     .button:before {
         -webkit-transition: all .3s ease;
         -ms-transition: all .3s ease;
         transition: all .3s ease;
         position: absolute;
         top: 7px;
         right: 20px;
         display: block;
         height: 2px;
         width: 20px;
         background: #ddd;
         content: ''
     }
     .button.menu-opened:after {
         -webkit-transition: all .3s ease;
         -ms-transition: all .3s ease;
         transition: all .3s ease;
         top:11px;
         border: 0;
         height: 2px;
         width: 19px;
         background: #ffcc01;
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         transform: rotate(45deg)
     }
     .button.menu-opened:before {
         top: 11px;
         background: #ffcc01;
         width: 19px;
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg)
     }
     #cssmenu .submenu-button {
    position: relative;
    z-index: 99;
    display: block;
    border-left: 1px solid #ffffff;
    width: 37px;
    height: 38px;
    float: right;
    cursor: pointer;
}
     #cssmenu .submenu-button.submenu-opened {
         background: #fecc00
     }
     #cssmenu ul ul .submenu-button {
         height: 34px;
         width: 34px
     }
     #cssmenu .submenu-button:after {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}
     #cssmenu ul ul .submenu-button:after {
         top: 15px;
         right: 13px
     }
     #cssmenu .submenu-button.submenu-opened:after {
         background: #fff
     }
     #cssmenu .submenu-button:before {
    position: absolute;
    top: 15px;
    right: 18px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
}
     #cssmenu ul ul .submenu-button:before {
         top: 12px;
         right: 16px
     }
     #cssmenu .submenu-button.submenu-opened:before {
         display: none
     }
     #cssmenu ul ul ul li.active a {
         border-left: none
     }
     #cssmenu > ul > li.has-sub > ul > li.active > a,
     #cssmenu > ul ul > li.has-sub > ul > li.active > a {
         border-top: none
     }
 }
 /*| END_MENU-*-*-*-*-*-*-*-*-*-*/
 #part--header .pannel i.fas.fa-user-alt {
     background: white;
     color: #616161;
     border-radius: 50%;
     padding: 3px;
     border: 1px solid;
 }
 #part--header .col3-body-login-pannel .pannel {
     float: left;
     margin: 0 0 0 -7px;
 }
 /*| _BOTTOM-HEADER-*-*-*-*-*-*-*/
 .bottom-header {
     transition: all 0.3s;
     padding: 9px 0;
     background: white;
     box-shadow: 0px 3px 4px 1px #e9e9e9;
     position: fixed;
     width: 100%;
     z-index: 999;
 }
 #part--header .bottom-header .col2-logos.d-flex img.left-logo-header {
     margin: 0 7px 0 0;
 }
 .col5-menu-scroll-hidden ,.btn-register-cpmpany{
    display: inline-block;
}
.pannel.in-scrol{
    display: none;
}
span.explain a.email {
    color: #9a9a9a;
    font-size: 13px;
}
.fixed---mob .pannel.in-scrol{
    display: inline-block;
    float: left;
    margin: 11px 0 0 20px;
}
.pannel.in-scrol a {
    color: #616161;
}

#part--header .btn-register-cpmpany button.btn-register-company {
    width: 104px;
    margin: 7px 11px 0 0;
    border-radius: 30px;
    border: 0;
    padding: 2px 4px;
    color: white;
    background: #ffcc01;
    font-size: 15px;
}
 #part--header .btn-register-cpmpany button.btn-register-company i {
     margin: 0 0 0 4px;
     font-size: 13px;
 }
 #part--header .col6-part-logo {
     display: flex;
     float: left;
 }
 .right-part-logo-name {
     background: #ffffff;
     position: absolute;
     left: -4px;
     z-index: 12;
     height: 50px;
 }
 .right-part-logo-name .text-logo-top {
     margin: 20px 0 0 87px;
     display: flex;
 }
 .right-part-logo-name .text-logo-top:after {
     content: "";
     height: 5px;
     width: 59%;
     background: #ffcc01;
     position: absolute;
     bottom: -5px;
     left: 88px;
     border-radius: 0 0 30px 30px;
     box-shadow: 0px 3px 4px 1px #e9e9e9;
 }
 .right-part-logo-name .text-logo-top .eng--font {
     color: #969495;
     font-weight: bold;
     font-size: 20px;
 }
 .right-part-logo-name .text-logo-top .fa-text {
     font-size: 26px;
     letter-spacing: 1px;
     color: #000000;
     margin: -6px 3px 0;
 }
 .left-part-logo-img .bg-white-logo {
     background: #ffffff;
     border-radius: 50%;
     padding: 0 7px;
     width: 80px;
     box-shadow: 0px 3px 4px 1px #e9e9e9;
     height: 89px;
     position: absolute;
     left: 0;
     top: -5px;
 }
 .left-part-logo-img .bg-white-logo img.logo {
     position: absolute;
     z-index: 15;
    width: 83%;
 }
 .col5-menu-scroll-hidden #cssmenu {
     transition: all 0.3s;
     margin: 8px 0 0;
     display: none;
 }
 /*=================================== *  --- part--Requirements ---  * =================================- */
 #part--requirements {
     padding: 0px 0 6px;    position: relative;
 }

 #part--requirements .row-of-title h5,
 #part--requirements .row-of-title a{
    color: #4c4c4c;font-weight: bold;
    font-size: 30px;
 }
 #part--requirements .row-of-title {
    text-align: center;    padding: 16px 0 0;
}

 /*=================================== *  --- part--search ---  * =======================================- */
 #part--advance-search .box-search-bg {
     background: white;
     padding: 10px;
     box-shadow: 0 0 9px 0px #d4d4d4;
     border-radius: 7px;
 }
 #part--advance-search .row.row-of-into-search {
     margin: 0;
     border: 1px solid #eaeaea;
     border-radius: 6px;
     background: linear-gradient(180deg, #f7f7f7ba, transparent,#f7f7f7ba);
 }
 #part--advance-search .box-input input.company-name {
     width: 100%;
     border: 0;
     border-left: 1px solid #eaeaea;
     padding: 9px 14px;
     background: #ff000000;
 }
 #part--advance-search .box-select select.field-activity,
 #part--advance-search .box-select select.ranking {
     width: 100%;
     border: 0;
     background: #ff000000;
     border-left: 1px solid #eaeaea;
     padding: 7px 6px;
     color: #6c6c6c;
 }
 #part--advance-search .box-search button.search {
     font-size: 17px;
     background: #eff0f2;
     border: 0;
     padding: 8px 0;
     width: 100%;
     text-align: center;
     color: #6c6c6c;
     border-radius: 6px 0 0 6px;
     transition:all 0.3s;
 }
 #part--advance-search .box-search:hover button.search {
    background: #fecc00;
    color: #ffffff;
    transition:all 0.3s;
 }
 #part--advance-search .box-search button.search i {
     margin: 0 0 0 6px;
     font-size: 13px;
 }
 /*=================================== *  --- part--boxes ---  * ========================================- */
 #part-boxes- {
     padding: 40px 0;
 }
 #part-boxes- .col-sm-3 {
     padding: 0 8px;
 }
 #part-boxes- .each-box {
     background: white;
     box-shadow: 0 0 6px 0px #eaeaea;
     border-radius: 6px;
     padding: 10px 12px;
 }
 #part-boxes- .each-box .part-image-icon:hover img.icon-box{
     color: #000;
     transform: rotate(360deg) scale(1.5);
 }
 #part-boxes- .each-box img.icon-box {
     object-fit: none;
     transition: all 1s cubic-bezier(.99,.82,.11,1.41);
 }
 #part-boxes- .above-box.row {
     margin: 0 0 12px;
     border-bottom: 1px solid #eaeaea;
     padding: 0 0 6px;
 }
 #part-boxes- .row.row-title-box h5 {
     color: #6c6c6c;
     margin: 0 0 13px;width: 100%;
 }
 #part-boxes- .col-6.no-padding p.eng--font {
     font-size: 11px;
     color: #6c6c6c;
     font-weight: bold;
     margin: 0;
 }
 #part-boxes- .href-see-all {
     text-align: left;
     margin: -5px 0 0;
 }
 #part-boxes- .href-see-all a.see-all {
     color: red;
     font-size: 14px;
 }
 #part-boxes- .items-each-box p {
     margin: 0 0 4px;
 }
 #part-boxes- .items-each-box .each-item {
     color: #949494;
     border: 1px dotted;
     border-radius: 14px;
     padding: 0 15px;
     font-size: 14px;
     margin: 0 0px 0 2px;cursor: pointer;
     transition: all 0.3s;
     display: block;
 }
 #part-boxes- .items-each-box .each-item:hover {
     transition: all 0.3s;
     border-radius: 2px;
     color: white;
 }
 #part-boxes- .each-box.bx-1 .items-each-box .each-item:hover {
     border: 1px solid #ea1e63;
     background: linear-gradient(17deg, #ea1e63, #ea1e6373,#ea1e63);
 }
 #part-boxes- .each-box.bx-2 .items-each-box .each-item:hover {
     border: 1px solid #009589;
     background: linear-gradient(17deg, #009589, #0095895e,#009589);
 }
 #part-boxes- .each-box.bx-3 .items-each-box .each-item:hover {
     border: 1px solid #fe5722;
     background: linear-gradient(17deg, #fe5722, #fe57227a,#fe5722);
 }
 #part-boxes- .each-box.bx-4 .items-each-box .each-item:hover {
     border: 1px solid #00bbd4;
     background: linear-gradient(17deg, #00bbd4, #00bbd46b,#00bbd4);
 }
 /*=================================== *  --- part--newest ---  * =======================================- */
 #part--newest-advertise {
     padding: 0 0 42px;
 }
 #part--newest-advertise .row.row-of-subject {
     margin: 0 0 17px;
 }
 #part--newest-advertise .col7-line {
     border-bottom: 1px solid gainsboro;
     margin: 19px 0 0;
 }
 #part--newest-advertise .col2-title {
     color: #6f6f6f;
 }
 #part--newest-advertise .btn {
     position: relative;
     display: inline-block;
     letter-spacing: 1.2px;
     padding: 12px 25px;
     text-align: center;
     text-transform: uppercase;
     overflow: hidden;
     z-index: 1;
     cursor: pointer;
 }
 #part--newest-advertise .btn:focus {
     outline: none;
 }
 #part--newest-advertise .btn--primary {
     color: lightslategray;
 }
 #part--newest-advertise .btn--border {
     border-width: 1px;
     border-style: solid;
     border-radius: 10px;
     box-sizing: border-box;
 }
 #part--newest-advertise .btn--animated {
     transition-property: color;
     transition-duration: 0.5s;
 }
 #part--newest-advertise .btn--animated.btn--border.btn--primary {
     text-decoration: none;
     background: #fff;
     border: 1px solid #ffcc01;
     border-radius: 50px;
     padding: 1px 0;
     width: 100%;

 }
 #part--newest-advertise .btn--animated:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     box-shadow: inset 0 0 10px 10px #ffcc01;
     background: #ffcc01;
     transform: scaleX(0);
     transform-origin: 0 -50%;
     transition-property: transform;
     transition-duration: 0.5s;
     transition-timing-function: ease-out;
     z-index: -1;
 }
 #part--newest-advertise .btn.btn--border.btn--primary.btn--animated:hover a.see-all-pro{
     color: #fff !important;
 }
 #part--newest-advertise .btn--animated:hover:after {
     transform: scaleX(1);
 }
 #part--newest-advertise .col3-link-see-all a.see-all-pro {
     color: #ffcc01;
     font-size: 16px;
 }
 #part--newest-advertise a.title-each-prt h4 {
     text-align: center;
     color: #ee1c25;
 }
 .bottom-prt-title {
     text-align: center;
     direction: rtl;
     padding: 13px 0 3px;
 }
 label.item-each-part {
     margin: 0;word-break: break-word;    color: #797979;
 }
 label.item-each-part .title {
     color: #000;
 }
 label.item-each-part .explain {
     color: #777777;
     font-size: 14px;margin: 0;
    display: inline-block;    direction: ltr;
 }
 label.item-each-part .explain a.email.eng--font {
     color: #868686;
     font-size: 11px;
     letter-spacing: 1px;
     text-decoration: underline !important;
 }
 #demos {
     direction: ltr;
 }
 .col-5-prt {
     background: white;
     box-shadow: 0 0 6px 0px #eaeaea;
     border-radius: 6px;
     padding: 10px 12px;
     height: 390px;
 }
 #part--newest-advertise .owl-nav {
     display: none;
 }
 #part--newest-advertise .owl-dots {
     margin: 10px 0 0;
 }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
     background: #ffcc01;
     width: 30px;
 }
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #fecc00;
    color: #ffffff;
    text-decoration: none;
}
 .section-box-eleven{
     position: relative;
     overflow:hidden;
     text-align: center;
     height: 189px;
    padding: 25px 0 0;
 }
 .section-box-eleven .name-product {
     text-align: center;
     color: #ee1c25;
     font-size: 15px;
     margin:0;
 }
 .section-box-eleven .see--product {
     border: 1px solid #ee1c25;
     padding: 0 8px;
     font-size: 16px;
     border-radius: 20px;
     color: #5d5d5d;
     background: white;
     position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 53%;
}
.section-box-eleven figure {
    position: absolute;
    padding: 0 15px 16px;
    width: 100%;
    bottom: -85px;
    transition: ease-in-out .5s;
    background: #f7f7f7cc;
    border-top: 3px solid #f9f9f9;
    height: 100px;
}
 .section-box-eleven:hover figure {
     bottom: -15px;
 }
 /*=================================== *  --- part--banners ---  * =======================================- */
 #part--banners {
     padding: 0 0 23px;
 }
 /*| TAK-BANNER-*-*-*-*-*-*-*-*-*/
 #part--banners .col4-box-banner img.banner {
     background: black;
     width: 100%;
 }
 /*********************** Demo - 3 *******************/
 #part--banners .box3{
     margin: 0 0 22px;
     overflow: hidden;
     box-shadow:0 0 3px rgba(0,0,0,.3);
     position:relative;
 }
 #part--banners .box3 .box-content,
 #part--banners .box3:after,
 #part--banners .box3:before{
     content: "";
     position:absolute;
     left:7%;
     right:7%;
     transition:all .3s;
     display:block;
     background:rgba(0,0,0,.3);
     top:10%;
     bottom:10%;
     z-index:1;
     transform:scale(0,1);
 }
 #part--banners .box3:after{
     top:10.8%;
     bottom:10.8%;
     transform:scale(1,0);
 }
 #part--banners .box3:hover:after,
 #part--banners .box3:hover:before{
     content: "";
     transform:scale(1);
     animation:animate 1.5s;
 }
 #part--banners .box3:hover:before{
     content: "";
     border-top:3px solid #fff;
     border-bottom:3px solid #fff;
 }
 #part--banners .box:hover:after{
     content: "";
     border-left:3px solid #fff;
     border-right:3px solid #fff;
 }
 #part--banners .box img{
     width:100%;
     height:auto;
     transition:all .3s;
 }
 #part--banners .box3:hover img{
     transform:scale(1.2);
     filter:blur(5px);
     -moz-filter:blur(5px);
     -webkit-filter:blur(5px);
 }
 #part--banners .box3 .box-content{
     padding:5px 10px 0;
     top:10%;
     bottom:10%;
     opacity:0;
     z-index:2;
 }
 #part--banners .box3:hover .box-content{
     box-shadow:0 0 0 35px rgba(255,255,255,.3);
     opacity:1;
     transition:all .3s;
     transform: scale(1,1);
 }
 #part--banners .box3 .title{
     font-size:15px;
     font-weight:600;
     color:#ffcc01;
     margin:0 0 5px;
 }
 .more-about a {
    color: #ffffff !important;
    border: 1px solid #fecc00;
    background: #fecc00 !important;
}
 #part--banners .box3 .post{
     display:block;
     margin:0 0 5px;
     font-size:13px;
     color:rgba(255,255,255,.8);
 }
 #part--banners .box3 .description{
     font-size:13px;
     color:#fff;
     margin:0 0 20px;    line-height: normal !important;
 }
 #part--banners .box3 .icon{
     padding:0;
     margin:0;
     list-style:none;    position: absolute;
    left: 8px;
    bottom: 9px;
     text-align: left;
 }
 .col2-title a {
    color: #6f6f6f;
    font-size: 1.5rem;
}
.col7-line {
    border-bottom: 1px solid gainsboro;
    margin: 19px 0 0;
}
.top-box-logo {
    text-align: center;
    background: white;
    box-shadow: 0 0 6px -3px #d4d4d4;
    border-radius: 4px;
    padding: 12px 0;
}
.title-page {
    color: black;
    font-size: 26px;
    text-shadow: 0px -2px 5px #ffffff;
    text-align: center;
    margin: 0 0 24px;
}

 #part--banners .box3 .icon li{
     display:inline-block;
 }
#part--banners .box3 .icon li a {
    display: block;cursor: pointer;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 26px;
    color: #ffcc01;
    background: #88c42500;
    transition: all .5s;
    text-align: center;
    border: 1px solid #ffcc01;
    border-radius: 50%;
}
 #part--banners .box3 .icon a:hover{
     text-decoration:none;
     animation:animate-hover .5s;
     transition:all .3s;
 }
 @keyframes animate{0%,100%{opacity:1}
 }
 @keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
     50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
     100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
 }
 /*| _SLIDE-BANNER-*-*-*-*-*--*-*/
 #part--banners .full-banner-part {
     /*background-image: url(../images/banners/banner.png);*/
     background-position: center;
     background-size: cover;
     height: auto;
     position: relative;transition:all 0.3s;
 }
 #part--banners .full-banner-part:hover{
    transform: scale(1.09);transition:all 0.3s;
 }
 #part--banners .text-background-front {
     color: #ffffff26;
     font-size: 99px;
     position: absolute;
     font-family: fantasy;
     letter-spacing: 55px;
     left: 0;
     right: 0;
     font-weight: bold;
 }
 #part--banners .part-text-pstion-abs {
     float: left;
     color: white;
     text-align: center;
     margin: 17px 0 0 95px;
 }
 #part--banners .part-text-pstion-abs h4.eng--font {
     letter-spacing: 2px;
     font-weight: bold;
 }
 #part--banners .part-text-pstion-abs a.view-all {
     color: white;
     font-size: 16px;
     border-radius: 30px;
     border: 1px solid white;
     padding: 0 30px;
 }
 #part--banners .owl-nav {
     display: none;
 }
 #part--banners .owl-dots {
     margin: 9px 0 0;
 }
 #part--banners .btn {
     position: relative;
     display: inline-block;
     letter-spacing: 1.2px;
     padding: 12px 25px;
     text-align: center;
     text-transform: uppercase;
     overflow: hidden;
     z-index: 1;
     cursor: pointer;
 }
 #part--banners .btn:focus {
     outline: none;
 }
 #part--banners .btn--primary {
     color: lightslategray;
 }
 #part--banners .btn--border {
     border-width: 1px;
     border-style: solid;
     border-radius: 10px;
     box-sizing: border-box;
 }
 #part--banners .btn--animated {
     transition-property: color;
     transition-duration: 0.5s;
 }
 #part--banners .btn--animated.btn--border.btn--primary {
     text-decoration: none;
     background: #ff000000;
     border: 1px solid #fff;
     border-radius: 50px;
     padding: 1px 0;
     width: 59%;
 }
 #part--banners .btn--animated:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     box-shadow: inset 0 0 10px 10px #ffcc01;
     background: #ffcc01;
     transform: scaleX(0);
     transform-origin: 0 -50%;
     transition-property: transform;
     transition-duration: 0.5s;
     transition-timing-function: ease-out;
     z-index: -1;
 }
 #part--banners .btn.btn--border.btn--primary.btn--animated:hover a.view-all{
     color: #fff !important;
 }
 #part--banners .btn--animated:hover:after {
     transform: scaleX(1);
 }
 /*======================================================= *  --- part--news-article---  * =============================================== */
 #part--news-article {
     background: white;
     padding: 30px 0;
 }
 #part--news-article .body-newe-article {
     display: flex;
 }
 #part--news-article .body-newe-article .part-images-news {
     position: relative;
 }
 #part--news-article .body-newe-article .title-article-news {
     position: absolute;
     text-align: center;
     right: 24px;
     top: 217px;
 }
 #part--news-article .body-newe-article .part-images-news p.per--font {
     color: white;
     margin: 0;
     font-size: 40px;
 }
 #part--news-article .body-newe-article .part-images-news p.eng--font {
     color: #ffffff99;
     font-weight: bold;
     font-size: 29px;
     line-height: 3px;
 }
 #part--news-article .part-images-news img.news {
     height: 100%;
 }
 #part--news-article .btm-line-of-titles {
     border-bottom: 1px solid #e4e4e4;
     margin: 0 0 26px;
 }
 #part--news-article h4.title-this-prt {
     float: right;
     border-bottom: 2px solid #ffcc01;
     margin: 0 0 -2px;
     padding: 0 0 3px;
 }
 #part--news-article .col4-img-nws img.nws-img {
     width: 100%;
 }
 #part--news-article .col8-txt-nws .title-news p {
     margin: 0;
     font-size: 16px;
     color: #616161;
 }
 #part--news-article .col8-txt-nws .date-news.eng--font p {
     font-size: 10px;
     letter-spacing: 1px;
     color: #ffcc01;
     margin: 0 0 6px;
 }
 #part--news-article .col8-txt-nws .descript-news p {
        margin: 0;
    font-size: 13px;
    color: #777777;
    line-height: 16px;display:none;
 }
 #part--news-article .col8-txt-nws .lnk-continue {
     float: left;    position: absolute;
    bottom: 7px;
    left: 0;
 }
 #part--news-article .col8-txt-nws .lnk-continue a {
     color: #989898;
 }
 #part--news-article .col8-txt-nws .lnk-continue a:hover {
     color: #278fb5;
 }
 #part--news-article .col8-txt-nws .lnk-continue i {
     font-size: 8px;
 }
 #part--news-article .row.tp-row-nws {
     border-bottom: 1px solid whitesmoke;
     margin: 0 0 14px;
     padding: 0 0 4px;
 }
 #part--news-article .row.btm-row-nws {
     margin: 0;
 }
 #part--news-article .col4-img-nws {
     padding: 0 0 10px;
 }
 #part--news-article .slider-for-event img.env {
     width: 100%;
     height: 278px;
 }
 /*    --part-slider--    */

 #part--news-article #demos .item.col {
     padding: 0;
 }
 #part--news-article #demos .owl-nav {
     display: none;
 }
 #part--news-article #demos .owl-theme .owl-dots .owl-dot span {
     margin: 14px 5px;
     background: #d8d8d8;
     border: 2px solid #d8d8d8;
 }
 #part--news-article #demos .owl-theme .owl-dots .owl-dot.active span,
 #part--news-article #demos .owl-theme .owl-dots .owl-dot:hover span {
     background: #777777;
     border: 2px solid #777777;
     box-shadow: 0 0 5px 5px #ffffff61;
 }
 #part--news-article .col6-slide-events .slider-for-event {
     position: relative;
 }
 #part--news-article .col6-slide-events .slider-for-event .background-abs-on- {
     position: absolute;
     background: linear-gradient(180deg, transparent, transparent,transparent,#00000061,#000000);
     z-index: 2;
     width: 100%;
     height: 100%;
     bottom: 0;
     border-radius: 8px;
 }
 #part--news-article .col6-slide-events .icon-play-movie-on {
     position: absolute;
     top: 97px;
     left: 0;
     right: 0;
     width: 10%;
     margin: 0 auto;
 }
 #part--news-article .col6-slide-events .icon-play-movie-on .bg-icon-play i {
     color: white;
     background: #ffffff6b;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     text-align: center;
     padding: 9px 0 0 5px;
     font-size: 22px;
 }
 #part--news-article .slider-for-event .date-for0-each-events {
     position: absolute;
     top: 17px;
     right: 15px;
     background: #6b6b6b80;
     color: white;
     width: 169px;
     height: 27px;
     text-align: center;
     line-height: 18px;
     padding: 4px 0 0;
     border-radius: 3px;
     font-size: 13px;
 }
 #part--news-article .slider-for-event .date-for0-each-events i {
     margin: 0 7px 0 0;
 }
 #part--news-article .slider-for-event .date-for0-each-events .part-date span.date-in-number {
     font-size: 22px;
     font-weight: bold;
 }
 #part--news-article .slider-for-event .sample-title-events {
     position: absolute;
     bottom: 34px;
     right: 9px;
     color: white;
     font-size: 14px;
     z-index: 5;
    direction: rtl;
}
 #part--news-article .slider-for-event .sample-title-events p{
     margin: 0;
 }
 #part--news-article .slider-for-event .read-more-events {
     position: absolute;
     bottom: 4px;
     left: 8px;
     z-index: 5;

 }
 #part--news-article .slider-for-event .read-more-events a {
     color: white;
 }
 #part--news-article .slider-for-event .read-more-events i {
     font-size: 19px;
     margin: 3px 6px 0 2px;
     float: left;
     color: red;
 }
 #part--news-article .owl-dots {
     position: absolute;
     left: 0;
     right: 0;
     bottom: -4px;    margin: auto;
    width: 30%;
 }
 /*======================================================= *  --- part--desc-logo---  * ===================================== */
 #part--desct-for-logos {
     margin: 22px 0;
 }
 #part--desct-for-logos .body-logos-in-desc.row .col-sm-2.brdr-lft {
     border-left: 1px solid #ececec;
 }
 #part--desct-for-logos .col2-logo-desc {
     text-align: center;
     background: white;
     height: 88px;
     padding: 8px 0 0;
 }
 #part--desct-for-logos .col2-logo-desc {
      text-align: center;
      background: white;
      height: 88px;
      padding: 8px 0 0;
  }
 #part--desct-for-logos .col2-logo-desc img.logo-desc {
     -o-object-fit: none;
     object-fit: none;
     -o-object-position: center;
     object-position: center;
     min-height: 70px !important;
     min-width: auto;
     margin: 0 auto;
     max-height: 70px;
     max-width: 100%;
 }
 /*======================================================= *  --- part--mobi-logo---  * ===================================== */
#part--slider-for-logos .col-5-prt {
    height: auto !important;
}
 #part--slider-for-logos #demos .item.col {
     padding: 14px 9px 0;
 }
 #part--slider-for-logos #demos .owl-theme .owl-nav {
     margin-top: 10px;
     width: 21%;
 }
 #part--slider-for-logos #demos .owl-theme .owl-nav span {
     font-size: 30px;
     color: #fff;
 }
 #part--slider-for-logos #demos button.owl-prev {
     left: -37px;
     position: absolute;
     top: 39px;
     border-radius: 0 50% 50% 0;
     width: 23px;
     height: 48px;
     border: 0;
     background: linear-gradient(-90deg, #dedede, transparent);
 }
 #part--slider-for-logos #demos button.owl-next {
    right: -37px;
    position: absolute;
    top: 39px;
    border-radius: 0 50% 50% 0;
    width: 23px;
    height: 48px;
    border: 0;
    background: linear-gradient(-90deg, transparent, #dedede);
 }
 #part--slider-for-logos .owl-dots {
     display: none;
 }

#part--slider-for-logos .btm--right-line {
     border-bottom: 1px solid #26b8e1;
     width: 9%;
     margin: 0 0 0 16px;
 }
#part--slider-for-logos .btm--left-line{
     border-bottom: 1px solid #efefef;
     width: 89%;
 }
#part--slider-for-logos .above-prt-img {
     position: relative;
     height: 216px;
 }
#part--slider-for-logos .col-5-prt {
    transition: all 0.5s;
    margin: 31px 0;
}
#part--slider-for-logos .col-5-prt:hover {
    transform: translateY(-10px);
    transition: all 0.5s;
}
#part--slider-for-logos .owl-nav {
    display: none;
}
#part--slider-for-logos .above-prt-logos-footer img {
    width: 100% !important;
    margin: 0 auto;
    height: 94px;
}
#part--slider-for-logos .rating-stars {
     position: absolute;
     bottom: 0;
     right: 9px;
 }
#part--slider-for-logos .rating-stars .checked{
     color: orange !important;
 }
#part--slider-for-logos .bottom-prt-title{
     text-align: center;
     color: #000000;
 }
#part--slider-for-logos .bottom-prt-title p.smpl--expl{
     margin: 3px 0 0px;
 }
#part--slider-for-logos .bottom-prt-title span.number-price{
     font-family: sans-serif;
     font-weight: bold;
     color: #26b8e1;
     font-size: 18px;
     margin: 0 0 0 2px;
 }
#part--slider-for-logos .bottom-prt-title label.price {
     margin: 0 0 2px;
 }
#part--slider-for-logos .image-middle-pg img.pic-midl-pg {
     width: 100%;
     margin: 27px 0 22px;
 }
/*======================================================= *  --- prt--footer ---  * ===================================================== */
.col2-ft-list-frst.like-together-icon.mi-2 {
    padding: 0 22px 0 0;
}
.col2-ft-list-frst.like-together-icon p {
    text-align: justify;
}
 #part--footer {
     background: #e3e3e3;
     border-top: 2px solid #c1c1c1;
     border-bottom: 3px solid #ffcc01;
     padding: 0px 0 10px;
 }
 #part--footer .row.row-of-back-to-top {
     background: #000000;
     text-align: center;
     border-bottom: 1px solid #3c3c3c;
 }
#part--footer .col3-logo-in-footer {
    float: left;
    padding: 0 0 0 20px;
}
 #part--footer .row.row-img-above-footer .col-sm.border--left {
     border-left: 1px solid #a0a0a0;
 }
 #part--footer .prt--above-footer- {
     padding: 23px 64px 15px;
     position: relative;
     z-index: 9;
     background: #00000040;
 }
 #part--footer .row.row-img-above-footer p.smpl--title {
     color: white;
     margin: 0;
     font-size: 15px;
     text-align: right;
     float: right;
 }
 #part--footer .row.row-img-above-footer .col-5-prt {
     text-align: center;
 }
 #part--footer .row.top-footer {
     padding: 36px 0 12px;
     border-bottom: 1px solid #b1abab;
 }
 #part--footer .col3-ft-logo-desc {
     text-align: center;
     font-size: 13px;
 }
 #part--footer .footer-logo img.ft-logo {
     margin: 0 0 19px;
 }
 #part--footer .footer-description p.ft-description {
     text-align: justify;
     letter-spacing: 1px;
     line-height: 17px;
     color: #ababab;
 }
 #part--footer ul.lnk-footers li {
     list-style: none;
    text-align: right;
     line-height: 26px;
 }
 #part--footer ul.lnk-footers li a {
     text-decoration: none;
     color: #828282;
 }
 #part--footer ul.lnk-footers li i {
    padding: 7px 0 0 4px;
    font-size: 12px;
    float: right;
    color: #5a5a5a;
}

 #part--footer .lnk-footers .bottom-line {
     border-bottom: 1px solid #b1abab;
     width: 36%;
     margin: 1px 0;
 }
 #part--footer p.fooer-col-title {
     color: #58595b;
     font-size: 18px;
     margin: 0 0 13px;
 }
 #part--footer p.fooer-col-title i {
     color: #b1abab;
     margin: 0px 0 0 4px;
 }
 #part--footer .col4-login-register {
     padding: 0 3px;
     text-align: right;
 }
 #part--footer .col4-login-register p{
     margin:0;
 }
 #part--footer .col4-login-register  p.newest-p {
     color: white;
     font-size: 19px;
     letter-spacing: 1px;
 }
 #part--footer .col4-login-register  p.flow-p {
     color: #58595b;
     font-size: 17px;
     margin: 0 0 15px;
     text-align: right;
 }
 #part--footer .footer-login-box {
     border: 1px solid #272d4b;
     border-radius: 50px;
     background: #242a48;
     margin: 22px 0;
 }
 #part--footer .footer-login-box.row .col-sm-9,
 #part--footer .footer-login-box.row .col-sm-3{
     padding: 0;
 }
 #part--footer .footer-input-email {
     text-align: right;
 }
 #part--footer .footer-input-email i{
     color: #d6d6d6;
     font-size: 20px;
 }
 #part--footer .footer-input-email input.footer-email {
     color: white;
     font-size: 15px;
     width: 85%;
     margin: 0 0 0 0;
     padding: 6px 7px 6px 0;
     border: 0;
     background: #ff000000;
 }
 #part--footer .footer-input-email input.footer-email::placeholder{
     color: #cecece;
 }
 #part--footer .icon-e-mail {
     float: right;
     margin: 6px 10px 0 1px;
 }
 #part--footer .footer-btn-login {
     border: 0;
     width: 100%;
     background: #26b8e1;
     padding: 6px 0;
     border-radius: 60px;
     text-align: center;
 }
 #part--footer .footer-btn-login a {
     text-decoration: none;
     color: white;
 }
 #part--footer .social-link i {
     color: #a0a0a0;
     text-align: center;
     width: 40px;
     border-radius: 50%;
     height: 38px;
     margin: 0 3px 0;
     transition:all 0.3s;
     border: 1px solid #e3e3e3;
 }
 #part--footer .social-link i:hover {
     border: 1px solid #cccccc;
    transition:all 0.3s;
    border-radius: 3px;
}
 #part--footer .social-link i.fab.fa-whatsapp {
    font-size: 23px;
    padding: 5px 0 0 1px;
 }
 #part--footer .social-link i.fab.fa-instagram {
    font-size: 23px;
    padding: 4px 0 0;
 }
 #part--footer .social-link i.far.fa-paper-plane {
    font-size: 23px;
    padding: 6px 3px 0 0;
 }
 #part--footer .col1-ft-e-namad-prt {
     text-align: center;
 }
 #part--footer .col1-ft-e-namad-prt .img--enamad img.e-namad1 {
    margin: 0 0 0 10px;
    
}
 #part--footer .col1-ft-e-namad-prt img.e-namad2 {
    margin: 11px 0 0 0;
}
 #part--footer .row.top-footer .col-xs-1.col-sm-1.col-md-1.col-lg-1 {
     padding: 0;
 }
 #part--footer .btn {
     position: relative;
     display: inline-block;
     letter-spacing: 1.2px;
     padding: 12px 25px;
     text-align: center;
     text-transform: uppercase;
     overflow: hidden;
     z-index: 1;
     cursor: pointer;
 }
 #part--footer .btn:focus {
     outline: none;
 }
 #part--footer .btn--primary {
     color: lightslategray;
 }
 #part--footer .btn--border {
     border-width: 1px;
     border-style: solid;
     border-radius: 10px;
     box-sizing: border-box;
 }
 #part--footer .btn--animated {
     transition-property: color;
     transition-duration: 0.5s;
 }
 #part--footer .btn--animated.btn--border.btn--primary {
     text-decoration: none;
     background: #f80000;
     color: white;
     border: 1px solid #c8090d;
     border-radius: 50px;
     padding: 6px 15px;
     box-shadow: inset 0 0 10px 10px #ec0305;
 }
 #part--footer .btn--animated:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #161616;
     transform: scaleX(0);
     transform-origin: 0 -50%;
     transition-property: transform;
     transition-duration: 0.5s;
     transition-timing-function: ease-out;
     z-index: -1;
 }
 #part--footer .btn--animated:hover {
     color: white;
 }
 #part--footer .btn.btn--border.btn--primary.btn--animated:hover a.add-cart {
     color: #ff2e2e !important;
 }
 #part--footer .btn.btn--border.btn--primary.btn--animated:hover {
     border: 1px solid #ff2e2e !important;
 }
 #part--footer .btn--animated:hover:after {
     transform: scaleX(1);
 }
 #part--footer .copy-right {
     float: right;
     color: black;
     padding: 0;
 }
 #part--footer .npco {
     text-align: left;
     direction: ltr;
     font-family: sans-serif;
     font-size: 13px;
     padding: 6px 0 5px;
     color: black;
 }
 #part--footer .npco p.eng--font {
     margin: 0;
 }
 #part--footer .footer-login-box .col-3 {
        padding: 0;
    }
 #part--footer .copy-right p {
     margin: 6px 0 0;
     float: right;
 }
 #part--footer .copy-right p.eng--font {
     font-size: 11px;
     margin: 10px 6px 0 !important;
 }
 #part--footer .img-logo-footer{
     text-align: right ;
 }
 #part--footer .img-logo-footer img.logo-ft {
     width: 32%;
 }

p.ft-about-us-exp {
    color: #828282;
    font-size: 14px;
    text-align: justify;
        line-height: 21px;
}
.d-none-xl {display: none;}
.d-none-lg {display: block;}
 /*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_ *  --- RESPANSIVE ---  * _*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_ */
@media (max-width: 1026px){ 
    .col5-menu-scroll-hidden {
    display: none;
}
    .pannel.in-scrol{
    display:inline-block;
}
    #part--header .col3-body-login-pannel .pannel span.lg-rg {
        display: none;
    }
    #cssmenu .first-ul-list a.frst-li-a {
        font-size: 13px;
        padding: 2px 7px;
    }
    #part--header .top-header {
        padding: 0;
    }
    #part--news-article .owl-dots {
        bottom: -38px;
    }
    .left-part-logo-img .bg-white-logo {
        width: 65px !important;
        height: 71px !important;
        top: 1px !important;
    }
    .right-part-logo-name .text-logo-top {
        margin: 13px 0 0 87px;
        transition: all 0.3s;
    }
    .right-part-logo-name {
        left: -18px;
        height: 44px;
        transition: all 0.3s;
    }
    .left-part-logo-img .bg-white-logo img.logo {
        padding: 0 0 0 1px !important;
    }
    .fixed---mob .col3-body-login-pannel .pannel {
        top: 12px !important;
    }
    .bottom-header {
        top: 0;
        transition: all 0.3s;
        padding: 3px 0;
    }

    .container {
        max-width: 90%;
    }
    .col5-menu-scroll-hidden {
        display: none;
    }
    .col3-body-login-pannel {
    display: none;
}
.button {
    position: fixed;
    top: 11px;
    right: 29%;
}

    .row.row-title-box {
        margin: 0 13px 0 0;
    }
    #part-boxes- .col-6.no-padding p.eng--font {
        margin: 0 13px 0 0;
    }
    #part-boxes- .href-see-all {
        margin: 26px 0 0;
        width: 105%;
    }
    #part-boxes- .items-each-box p {
        margin: -3px 0 10px;
        /*white-space: pre-line;*/
    }
    #part-boxes- .above-box.row {
        margin: 0 0 0;
    }
}
@media (max-width: 1026px){
    .pannel.in-scrol {
    display: inline-block !important;
    float: left !important;
}
 .pannel.in-scrol {
    margin: 11px 0 0 91px !important;
}
}
@media (max-width: 1026px){
    .movie--slider--gallery .col6-slide-events {
    margin: 0 11px;
}
    #part--footer .col1-ft-e-namad-prt .img--enamad img.e-namad1 {
    margin: 0;
}

    #part--header .btn-register-cpmpany button.btn-register-company {
    margin: 7px 29px 0 0;
}

#part--requirements .row-of-title {
    padding: 0 0 0;
}
#part--requirements .row-of-title h1 {
    font-size: 29px;
}
#part-boxes- .items-each-box .each-item {
    padding: 1px 15px;
    font-size: 11px;
    margin: 5px 0 !important;
}
    .col2-ft-list-frst.like-together-icon.mi-2 {
    padding: 0;
}
     .container {
         max-width: 99%;
     }

    #part--header .col3-body-login-pannel .pannel {
        position: fixed;
        right: 31%;
        z-index: 99;
        top: 23px;
    }
    ul.first-ul-list.open {
    display: block !important;
}
    #cssmenu ul.first-ul-list {
        display: none;
        position: fixed;
        margin: 0;
        top: 66px;
        background: white;
        float: right;
        width: 84%;
        box-shadow: 0px 3px 4px -1px #eaeaea;
    }
    .fixed---mob .col5-menu-scroll-hidden #cssmenu {
        display: none;
        transition: all 0.3s;
    }
    .fixed---mob .col3-body-login-pannel .pannel {
        top: 12px !important;
    }

    


 }
@media (max-width: 750px){
    .container.page-content .title-main {font-size: 21px !important;}
    .container.page-content img {width: 100%;height: auto;}
    ul.pagination {margin: 0 auto !important;width: 100%;overflow: auto;}
    ul.pagination li a, ul.pagination li span {padding: 3px 6px;}
    .item.col {padding: 0 3px !important;}
    #part--slider-for-logos .above-prt-logos-footer img {height: auto !important;}
    #part--footer .col1-ft-e-namad-prt img.e-namad2 {margin:  0;}
    .row.row-news .col-md-10 {
    margin: 16px 0 0;
}
    .items-each-box {
        height: auto !important;
        width: 100%;
        padding:14px 0 0;
    }
    .tx-t-acount{
        display:none;
    }
    .img-bck-ground {
        height: 225px !important;
    }
    .button {
        right: -13px;
    }
    .btn-register-cpmpany {
        margin: 0 35px 0 0;
    }
     .container {
         max-width: 96%;
     }
    #part--banners .box3 .title {
        font-size: 14px;
    }
    #part--banners .box3 .description {
        font-size: 12px;
        line-height: 13px;
        margin: 0 0 3px;
    }
    #part--banners .box3 .box-content {
        top: 4%;
        bottom: 3%; 
        padding: 9px 6px;
    }
    #part--banners .box3 .icon li a {
        width: 28px;
        height: 28px;
        line-height: 27px;
        font-size: 10px;
    }
    
    
    #part--news-article .owl-dots {
        bottom: -41px;
    }
    #part--footer ul.lnk-footers li a {
        font-size: 12px;
    }
    #part--banners .box3 .box-content, #part--banners .box3:after, #part--banners .box3:before {
        left: 3%;
        right: 3%;
        top: 4%;
        bottom: 3%;
    }


     #part--header .col3-body-login-pannel .pannel {
        right: 36%;
    }

    #part-boxes- .each-box {
        padding: 10px 8px;
    }
    #part-boxes- .items-each-box a.each-item {
        padding: 0 13px;
        font-size: 12px;
        margin: 0 0px 3px 0px;
    }
    
 }
@media (max-width: 690px){span.name-usser {
    display: none;
}
    #part--requirements .row-of-title a {
    font-size: 21px;
}
.col7-line {
    margin: -15px 0 0;
}

    .row.row-tak-banner .col-sm-3 {
    width: 50%;
    padding: 0 4px;
}
    .owl-carousel.product--slider .owl-theme .owl-dots .owl-dot span {
        margin: 0 2px;
        width: 7px;
    height: 7px;
    }
    #part--newest-advertise .col2-title h4{
            font-size: 19px;
    }
    #part--header .col3-body-login-pannel .pannel {
        right: 41%;
    }

    #part-boxes- .items-each-box a.each-item {
        padding: 0 5px;
        font-size: 12px;
        margin: 0 0px 0 0px;
    }
    #part-boxes- .href-see-all {
        width: 113%;
    }
    #part--banners .box3 .icon {    z-index: 999999;
    left: 3px;
    bottom: 5px;
}
}
@media (max-width: 570px){
    .d-none-xl {display: block;}
    .d-none-lg {display: none;}
    .top-box-logo .head-logo {width: 100%;}
    .top-box-logo {margin: 0 0 22px;}


    #part--header .pannel i.fas.fa-user-alt {
        font-size: 11px;
    }
    .button {
        position: fixed;
        top: 9px;    width: 44px;
    height: 30px;
        right: -12px;
    }
    .button.menu-opened:before,.button.menu-opened:after {
    top: 16px;
}

    .left-part-logo-img .bg-white-logo {
        width: 56px !important;
        height: 61px !important;
        top: -33px !important;
    }
     #part--banners .box3 .box-content{
         padding:2px 5px;
         top:10%;
         bottom:10%;
         opacity:0;
         z-index:2;
     }
     .row.row-of-second-part-header .col-sm-1.no-padding {
         display: none;
     }
     #part--header {
         height: 40px;
     }
     .bottom-header {
         top: 0;
     }
     .bottom-header .container {
         margin: 0;
         padding: 0;
     }


     .right-part-logo-name {
        left: -46px;
        top: -31px;
        height: 35px;
    }
     .right-part-logo-name .text-logo-top {
         margin: 6px 0 0 88px;
     }
     .right-part-logo-name .text-logo-top .fa-text {
         font-size: 24px;
         margin: -8px 3px 0;
     }
     .right-part-logo-name .text-logo-top .eng--font {
         font-size: 17px;
     }
     .right-part-logo-name .text-logo-top:after {
         width: 58%;
     }
     .left-part-logo-img .bg-white-logo {
         padding: 0 5px 0 0;
         left: -15px;
     }
     .left-part-logo-img .bg-white-logo img.logo {
         width: 83%;
     }
     #part--header .col3-body-login-pannel .pannel {
        top: 9px;
        right: 151px;
        z-index: 99;
     }
     #part-boxes- .each-box {
         margin: 0 0 14px;
     }
     #part-boxes- {
         padding: 40px 0 18px;
     }
     #part--newest-advertise .row.row-of-subject .col-sm-8 {
         display: none;
     }
     #part--newest-advertise .row.row-of-subject .col-sm-2 {
         width: 50%;
         padding: 0;
     }
     #part--news-article .owl-dots {
             bottom: -34px;
    width: 100%;
     }
     #part--news-article h4.title-this-prt {
         padding: 12px 0 3px;
     }
     #part--news-article .slider-for-event img.env {
        height: 205px;
    }

.header-profile {
    margin-bottom: 11px;
}
    .title-main, .title-main-top {
            margin: 5px 0 0 !important;
        font-size: 13px !important;
        padding: 12px;
    }
    .more-about {
    position: relative !important;
    bottom: 20px !important;
    left: 20px !important;
    text-align: left !important;
    margin: 15px 0 0 !important;
}
    .title-main h3 {
        font-size: 21px;
    }
    #part--news-article .slider-for-event .sample-title-events {
        bottom: 23px;
        right: 5px;
        font-size: 11px;
    }
    #part--news-article .slider-for-event .read-more-events {
        font-size: 12px;
    }
    #part--news-article .slider-for-event .read-more-events i {
        font-size: 13px;
    }
    #part--news-article #demos {
        margin: 0 0 17px;
    }
    .footer-bottom {
        font-size: 13px;
    }
     #part--news-article {
         background: white;
         padding: 0 0;
     }
     #part--desct-for-logos {
         display: none;
     }
     #part--slider-for-logos {
         display: block;
     }
     #demos .col-5-prt {
         box-shadow: none;
         border-radius: 0;
     }
     #part--slider-for-logos .col-5-prt {
         padding: 9px 0;
         margin: 14px 0 0;
     }
    #cssmenu ul.first-ul-list {
    position: fixed;
    margin: 40px -36px 0 0 !important;
    background: white;
    width: 313px;
    display: block;
    margin: 0;
    top: 0;
    box-shadow: -3px 4px 3px -2px #e4e4e4;
    right: 38px;
}
#cssmenu ul ul li a:hover::before {
    border-top: 21px solid transparent;
    border-right: 7Px solid #fecc00;
    border-bottom: 21px solid transparent;
}
#part--footer .copy-right {
    float: none;
    text-align: center;
}
#part--footer .copy-right p {
    margin: 9px 0 0;
    float: none;
}
#part--footer .npco {
    text-align: center;
}
#part--footer .col1-ft-e-namad-prt {
    text-align: center;
    margin: 17px 0px 7px;
}
#part--footer .col1-ft-e-namad-prt .img--enamad {
    margin: 0 1px 0 12px;
    display:inline-block;
}
.img--enamad span {
    margin: 0 9px 10px 0 !important;
    display: inline-block;
}
#part-boxes- .items-each-box a.each-item {
    color: #949494;
    border: 1px dotted;
    border-radius: 14px;
    padding: 0 15px;
    font-size: 13px;
    margin: 0 0px 0 2px;
    transition: all 0.3s;
}
#part-boxes- .href-see-all {
    width: 100%;
}

.fixed---mob .col3-body-login-pannel .pannel {
    top: 4px !important;
    right: 34% !important;
}
 #part--banners .box3 .description{
     font-size:9px;
     color:#fff;
     margin:0 0 20px;
 }
  #part--banners .box3 .title{
     font-size: 11px;
     font-weight:600;
     color:#ffcc01;
     margin:5px 0 0px;
 }
#part--banners .box3 .box-content, #part--banners .box3:after, #part--banners .box3:before {
    content: "";
    position: absolute;
    left: 2%;
    right: 2%;
    transition: all .3s;
    display: block;
    background: rgba(0,0,0,.3);
    top: -1%;
    bottom: -1%;
    transform: scale(0,1);
}
#part--banners .box3 .icon li a {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    color: #ffcc01;
    background: #88c42500;
    transition: all .5s;
    text-align: center;
    border: 1px solid #ffcc01;
    border-radius: 50%;
}
 }
 
 
/*================================== *  --- BOX17 ---  * ===================================== */
.Sl-01 .owl-nav {display: block !important;}
.Sl-01 .owl-nav button {width: 28px;height: 43px;font-size: 28px !important;line-height: 0 !important;box-shadow: 0 0 4px 0px #e3e3e3;position: absolute;top: 30%;}
.Sl-01 .owl-nav button:focus{       outline: 0; border: 0 ;}
.Sl-01 .owl-nav .owl-next {left: -29px;}
.Sl-01 .owl-nav .owl-prev {right: -29px;}
.box17 {transition: all 0.3s;position: relative;overflow: hidden;text-align: center;border-radius: 4px;margin: 13px 11px 5px;}
.box17 img {margin: 0 0 16px;}
.box17:after {background: rgba(255,255,255,.3);border-right: 2px solid #fecc00;top: 0;left: 170%;opacity: 1;z-index: 1;transform: skewX(45deg);transition: all 1s ease 0s;content: "";width: 100%;height: 100%;    position: absolute;}
.box17:hover {box-shadow: 0 0 8px -2px #c7c7c7;transition: all 0.3s;transform: translateY(-9px);}
.box17:hover:after {left: -170%;}
.box15 {margin: 0 14px;}
 
 a.print-company {
    float: left;
    background: linear-gradient(0deg, #868686, #cacaca);
    color: white !important;
    padding: 4px 16px 6px;
    border-radius: 4px;
    display: block;
    margin: -4px 0 0;
}
 
 
 .card.crd-news img {
    width: 100% !important;
}
 
.Social-Link .Itm-Social {color: #545454;font-size: 17px;display: block;width: 33px;height: 33px;border-radius: 5px;text-align: center;margin: 0 2px;padding: 6px 0 0;box-shadow: -1px 1px 4px 1px #d6d6d6;}
.Social-Link li:first-child:hover .Itm-Social{background: linear-gradient(45deg, #469836, #3ff34d);}
.Social-Link li:nth-child(2):hover .Itm-Social{background: linear-gradient(45deg, #363e98, #3fa0f3);}
.Social-Link li:nth-child(3):hover .Itm-Social{background: linear-gradient(45deg, #5b4fc7, #dc2b71,#fdaf79,#fbff00);}
.Social-Link li:nth-child(4):hover .Itm-Social{background: linear-gradient(45deg, #365998, #3fe2f3);}
.Social-Link li:nth-child(5):hover .Itm-Social{background: linear-gradient(45deg, #ed145b, #ff6597);}
.Social-Link li:nth-child(5):hover img.ic-aparat {filter: brightness(1);}
.Social-Link .Itm-Social:hover {color: white;}
img.ic-aparat {width: 18px;filter: brightness(0.5);}

.footer-logoS li {width: 85px;height: 63px;    position: relative;    margin: 0 6px;}
.footer-logoS .border-left:before {
    content: "";
    background: #cacaca;
    position: absolute;
    height: 70px;
    width: 1px;
    left: -8px;
    margin: auto;
    top: 0;
    bottom: 0;
}
.alert.alert-warning p {
    font-size: 18px;
    color: red;
}


.pagination li {
    padding: 0 !important;
    border: 1px solid #e4e4e4;
}
.pagination li a, .pagination li span {
    padding: 5px 10px;
    display: block;
    color: #000;
}
@media screen and (max-width:1024px){
    .more-about {position: relative !important;bottom: auto !important;left: auto !important;text-align: left;margin: 0 17px 18px;}
}
@media screen and (max-width:770px){
    .top-box-logo .head-logo {width: 100%;}
    .title-page {font-size: 22px;margin: 0 0 18px;}
    .row.row-tak-banner .col-sm-3 {padding: 4px;}
    #part--banners .box3 {margin: 0;}
    #part--banners .box3 .box-content, #part--banners .box3:after, #part--banners .box3:before {left: 4% !important;right: 4% !important;top: 4% !important;bottom: 4% !important;}
    #part--banners .box3 .box-content {padding: 5px 5px 0;}
    #part--banners .box3 .title {font-size: 12px;}
    #part--banners .box3 .description {font-size: 10px;line-height: 16px !important;}
    #part--banners .box3 .icon {left: 4px;bottom: 7px;}
    #part--banners .box3 .iconli a {fon-size: 10px;width: 23px;height: 23px;line-height: 21px;}
    #part--footer .row.top-footer .col-sm-4 {width: 100% !important;max-width: 100% !important;flex: 0 0 100%;text-align: center;    padding: 0;}
    #mcetoc_1e8gh5o2n0 {text-align: center !important;}
    #part--footer .row.top-footer .col-sm-2 {flex: 0 0 28%;max-width: 28% !important;}
    #part--footer .row.top-footer .col-sm-3{flex: 0 0 36%;max-width: 36% !important;}
    .col2-title {position: relative;width: 177px;background: #f9f9f9;z-index: 1;}
    .logo.coompany {width: 129px;height: 129px;top: 160px;}
}
@media screen and (max-width:420px){
    .col2-title a {font-size: 19px;background: #f9f9f9;position: relative;z-index: 9;padding: 0;width: 100%;display: block;}
    #part--footer .row.top-footer .col-sm-2,
    #part--footer .row.top-footer .col-sm-3{flex: 0 0 100%;max-width: 100% !important;}
    .footer-logoS .border-left:before{display:none;}
    .pannel.in-scrol {margin: 10px 34px 4px 0 !important;float: right !important;}
    .btn-register-cpmpany {margin: 0 0 0 0;}
    #part--header .btn-register-cpmpany button.btn-register-company {width: 76px;margin: 9px 7px 0 0;border-radius: 30px;padding: 2px 1px;font-size: 10px;}
    #part--banners .box3 .title {font-size: 10px;}
    #part--banners .box3 .description {font-size: 8px;line-height: 12px !important;}
    #part--banners .box3 .icon {bottom: 5px;}
    #part--banners .box3 .icon li a {width: 21px;height: 21px;line-height: 19px;}
    .img-bck-ground {height: auto !important;}
    .logo.coompany {width: 82px;height: 82px;top: 35px;left: 12px;}
    .top-box-logo {width: 83%;margin: 0 auto 14px !important;}
    .title-main-top h1 {font-size: 16px !important;}
    .container.page-content .title-main {font-size: 13px !important;}
}