/*CSS Ducoment By ARVAN */
  @import url("css/bootstrap.min.css");
  @import url("css/aos.css");  
  @import url("../../../tools/fonts/fontawesome/font.css");  
  @font-face {
  font-family: 'titillium_web';
  src: url('fonts/titillium/titilliumweb-regular-webfont.eot');
  src: url('fonts/titillium/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titillium/titilliumweb-regular-webfont.woff') format('woff'), url('fonts/titillium/titilliumweb-regular-webfont.ttf') format('truetype'), url('fonts/titillium/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  @font-face{
      font-family:'sans',;
      src:url('fonts/IRANSansWeb(FaNum).eot');
      src:url('fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
      url('fonts/IRANSansWeb(FaNum).woff') format('woff'),
      url('fonts/IRANSansWeb(FaNum).ttf') format('truetype');
  }
	
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1200px;
  }
  html{
    font-size: 14px;
    --ff:'arial';
    --c1:#022c7e;
    --c2:#2b5dbf;
    --c3:#45a5e3;
    --c4:#c0dbf4;
  }
  body {
      font: 1rem/1.7 var(--ff);
      direction: ltr;
      text-align: left;    
  }
  input[type=text],input[type=submit],input[type=reset],input[type=button],input[type=password],input[type=email],textarea,select,option,button {
      font: 14px/27px var(--ff),'titillium_web','sans' ;
      color: #000;
      height: 35px;
      border:1px solid #d7d7d7;
      transition:all 0.9s;
      margin-bottom:2px;
      vertical-align: top;
      border-radius:3px;
      background:#fff;
      transition:All 0.5s ease-in-out;
      padding: 1px 10px 4px;
  }
  input[type=text],input[type=password] ,input[type=email]{
      border: 1px solid #d7d7d7;
  }
  input:hover,input:focus,textarea:hover,select:hover,textarea:focus,select:focus {
      border: 1px solid #cf0667;
  }
  input[type=submit],input[type=reset],input[type=button] {
      cursor: pointer;
      -webkit-appearance: none;	
      background-color:#0270cc;
      background: linear-gradient(to bottom,#024d8c ,#0270cc);
      color: #fff;	
      border: none;
      font-size: 14.5px;
      text-align:center;
      padding: 3px 25px 3px;
      height: 40px;
      box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
      transition:All 0.5s ease-in-out;
      -webkit-transition:All 0.5s ease-in-out;
      -moz-transition:All 0.5s ease-in-out;
  }
  input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
      background: linear-gradient(to top, #024d8c ,#0270cc);
  }
  select {
      background-color: #fff;
      background-image: url(../images/arrow-down.png);
      background-repeat: no-repeat;
      background-position: 10px;
      cursor: pointer;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      padding: 0 10px 5px 35px;
  }
  option {
      border: none;
      text-align: left;
      direction: ltr;
  }
  a{text-decoration: none !important;}
  #mgmenu12 .mgmenu > li > span > a { color: #fff;}
  
  .list-style{list-style: none;}
  .t3{ 
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
  }
  .t4{ 
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
  }
  /* .font-20{ font-size: 20px;}
  .font-18{ font-size: 18px;}
  .font-16{ font-size: 16px;}
  .font-15{ font-size: 15px; line-height: 23px;}
  .font-14{ font-size: 14px; line-height: 22px;} */
  /* .font-13{ font-size: 13px;} */
  
  .font-20{ font-size: 1.4em;}
  .font-18{ font-size: 1.28em;}
  .font-16{ font-size: 1.14em;} 
  .font-15{ font-size: 1.07em;}
  .font-14{ font-size: 1em;}
  .font-13{ font-size: 0.92em;}
  
  .hoverable {
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: all 0.55s ease-in-out;
      transition: all 0.55s ease-in-out;
  }
  .hoverable:hover {
      -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
      box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
      -webkit-transition: all 0.55s ease-in-out;
      transition: all 0.55s ease-in-out;
  }
  
   #siteFacil{ position: fixed; top: 300px; z-index: 2; right:0; left: auto;}
   #siteFacil > div{ 
      background: #6bbcb4;
      margin-bottom: 6px;
      border-radius:  65px 0px 0px 65px;
      overflow: hidden;
      display: inline-block;
      width: 80px;
      transition: all 1s;
      z-index: 8888;
      position: relative;
      height: 42px;
      line-height: 22px !important;
      padding-top: 3px;
  }
  #siteFacil select {
      background-position: -5px;
      padding: 0 0px 5px 10px;
      width: 90px; 
      height: 28px; 
  }
   #siteFacil svg{ margin: 2px 20px; float: left}
   #siteFacil span{display: inline-block; direction: ltr; color: black; transition: all 1s}
   #siteFacil #sf_personalize svg{ position: absolute; left: 0;}
   #siteFacil #sf_personalize{ width: 360px; right: -300px; font-family: 'sans';}
   #siteFacil #sf_personalize span{ margin: 5px; opacity: 0; margin-left: 60px;}
   #siteFacil #sf_personalize:hover{ right: 0px}
   #siteFacil #sf_personalize:hover span{ opacity: 1}
   #siteFacil #sf_disabled{ width: 110px; right: -50px; cursor: pointer; font-family: 'arial'; position: absolute;top:45px}
   #siteFacil #sf_disabled span{ margin: 12px 5px 0px 0px; font-size: 16px; opacity: 0}
   #siteFacil #sf_disabled:hover{ right: 0px}
   #siteFacil #sf_disabled:hover span{ opacity: 1}
   .sf_disabled_pm{
      position: fixed;
      display: none;
      background: #FFF;
      color: #000;
      width: 350px;
      border-radius: 7px;
      padding: 20px 20px 5px;
      direction: ltr;
      z-index: 8888;
      right: 0;
      left: 0;
      margin-right: auto;
      margin-left: auto;
      box-shadow: 0px 0px 9px #888888;
      font-size: 17.5px;
      color: dimgrey;
      line-height: 30px;
      top: 200px;
  }
  .sf_disabled_pm a{ color: #467ab5 !important}
  .sf_disabled_pm a:hover{ color: #bf122f !important}
  .sf_disabled_pm_close{ display: block; text-align: center; font-size: 13.5px; margin-top: 20px}
  #sf_color, .sf_line{ font-size: 15px !important}
  #sf_color_modal{ text-align: center}
  #sf_color_modal input{ display: none}
  #sf_color_modal label{ width: 60px; height: 60px; display: inline-block; border-radius: 10%; margin: 15px; cursor: pointer}
  #sf_color_modal input[type="radio"]:checked+label{ border: 3px solid red}
  #sf_color_modal label[for=tem1]{ background: linear-gradient(to left,#022c7e,#2b5dbf);}
  .sf_size{ display: inline-block; width: 25px; height: 25px; background-color: azure; border-radius: 50%; text-align: center; padding-top: 3px; font-size: 15px}
  #sf_size_i{ color: dodgerblue}
  #sf_size_d{ color: firebrick}
  
  .site-header {
      z-index: 123;
      background:#fff;
      border-top: 5px solid var(--c4);
  }
  .IRAN{
      width: 50px;
      height: 60px;
      background: url(../images/iran.png) center;
      right:0px; top:0px
  }
  .shoar{
      right:60px; top:15px; color:#0075bd;font-size: 14px;
  }
  .today{
      right:460px; top:15px; color:#0075bd; font-size: 14px;
  }
  .topTools {
      height: 35px;
      color: #dde7f0;
      right: 0;
      top:85px;
      direction: rtl;
  }
  .topTools a {color: #003b87;}
  .topTools i {color: var(--c3);}
  .topTools li{
      padding-right: 0 !important;
      padding-left: 15px;
  }
  nav{
      height:50px;
      background:linear-gradient(to left,var(--c2) , var(--c1));
      z-index: 999
  }
  .navbar-toggler { 
      color:#5fbde6 !important;
      border-color:none !important;
      margin-left: 20px;
  }
  #navb{
      padding-top: 5px !important;
  }
  #sec-slider{
     position: relative;
  }
  #sec-slider::after {
      content: '';
      background: url(../images/sliderBg-3.png) no-repeat bottom;
      background-size: contain;
      position: absolute;
      bottom: 0;
      height: 255px;
      width: 100%;
      bottom: -2px;
      left: 0;
      right: 0;
      z-index: 1;
  }
  .carousel-caption {    
      z-index: 0;
      background: rgba(0, 0, 0, 0.5);
      bottom: 5%;
      right: 5%;
      left: auto;
  }
  .carousel-caption p{
      overflow: hidden;
  }
  
  #sec-srv{
      position: relative;    
      height: 270px;
  }
  .srvBox{
      width: 950px;
  }
  .srvTbl{
      position: absolute;
      top: 25px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 214px;
      height: 214px;
      background: url(../images/srvDesk-EN.png) no-repeat center;
      z-index: 2;
  }
  .srvTbl:hover{
      transform: scale(0.9);
  }
  .srvIcon{
      background: url(../images/srvIcon-FA.jpg) no-repeat;
      width: 400px;
      height: 70px;    
      position: absolute;
      transform: scale(0.9);
  }
  .srv-1{ 
      background-position: 0 0;
      top: 40px;
      left: 85px;
  }
  .srv-1:hover{ left: 95px;transform: scale(0.8);}
  .srv-2{ 
      background-position: 0 -70px;
      top: 155px;
      left: 25px;
  }
  .srv-2:hover{ left: 35px;transform: scale(0.8);}
  .srv-3{ 
      background-position: 0 -140px;
      top: 40px;
      right:85px;
  }
  .srv-3:hover{ right: 95px;transform: scale(0.8);}
  .srv-4{ 
      background-position: 0 -210px;
      top: 155px;
      right: 25px;
  }
  .srv-4:hover{ right: 35px;transform: scale(0.8);}
  
  .srvBox-m{
      display: none;
  }
  .srvIconM{
      background: url(../images/srvList-FA.png) no-repeat;
      width: 270px;
      height: 70px;    
      display: inline-block;
      /* position: absolute; */
      /* transform: scale(0.9); */
  }
  .srv-m-1{  background-position: 0 0;}
  .srv-m-1:hover{transform: scale(0.8);}
  .srv-m-2{ background-position: 0 -70px;}
  .srv-m-2:hover{ transform: scale(0.8);}
  .srv-m-3{  background-position: 0 -140px;}
  .srv-m-3:hover{ transform: scale(0.8);}
  .srv-m-4{  background-position: 0 -210px;}
  .srv-m-4:hover{transform: scale(0.8);}
  .srv-m-5{  background-position: 0 -280px; display: block; margin: 0 auto 5px;}
  .srv-m-5:hover{transform: scale(0.8);}
  
  /* -------------------------------s new-------------------------------- */
  
  .srvItem{
      width: 300px;
      height: 70px;
      border-radius: 70px;  
      position: absolute;  
      transform: scale(0.9);  
      cursor: pointer;     
  }
  .srvItem h2{
      font-size: 19px;
      line-height: 70px;
      color: #fff;
      word-spacing: -1px;
  }
  .srvItem-1{
      background:linear-gradient(to bottom,#fdcd5f ,#feba31 );
      background-repeat: no-repeat;
      background-position:left center;
      top: 40px;
      left: 50px;
  }
  .srvItem-1:hover{ left:70px}
  .srvItem-2{
      background: linear-gradient(to bottom,#d05f3d ,#cd4013 );
      background-repeat: no-repeat;
      background-position:left center;
      top: 155px;
      left: 0px;
  }
  .srvItem-2:hover{ left:20px}
  .srvItem-3{
      background: linear-gradient(to bottom,#88458c ,#582ca5 );
      background-repeat: no-repeat;
      background-position:right center;
      top: 40px;
      right:50px;
  }
  .srvItem-3:hover{ right:70px}
  .srvItem-4{
      background: linear-gradient(to bottom,#4c7ae9 ,#2752b8 );
      background-repeat: no-repeat;
      background-position:right center;
      top: 155px;
      right: 0px;
  }
  .srvItem-4:hover{ right:20px}
  .srvIcon{
      width: 71px;
      height: 71px;
      background:url(../images/click-2.png), #fff;
      background-repeat: no-repeat;
      background-position:center center;
      position: absolute;    
      border-radius: 50%;
      top: 0px;
  }
  .srvIcon-1{    right: 0;   }
  .srvIcon-2{    right: 0;}
  .srvIcon-3{    left: 0;}
  .srvIcon-4{    left: 0;}
  .line{
      width: 250px;
      height: 2px;
      position: absolute;   
  }
  .line-1{ top: 104px; left: 150px;  background: #febc37;}
  .line-2{ top: 159px; left: 140px;  background: #d05d3a;}
  .line-3{ top: 104px; right: 150px;  background: #5f30a1;}
  .line-4{ top: 159px; right: 140px;  background: #4a78e6;}
  
  .srvItemM{
      width: 280px;
      height: 70px;
      border-radius: 70px;  
      transform: scale(0.9);  
      cursor: pointer;
      display: inline-block;
  }
  .srvItemM:hover{transform: scale(0.8);}
  .srvItemM h2{
      font-size: 18px;
      line-height: 70px;
      font-weight: 600;
      color: #fff;
      letter-spacing: -1px;
      word-spacing: -1px;
  }
  .srvItem-m-1{
      background:linear-gradient(to bottom,#fdcd5f ,#feba31 );
      background-repeat: no-repeat;
      background-position:left center;
  }
  .srvItem-m-2{
      background: linear-gradient(to bottom,#d05f3d ,#cd4013 );
      background-repeat: no-repeat;
      background-position:left center;
  }
  .srvItem-m-3{
      background: linear-gradient(to bottom,#88458c ,#582ca5 );
      background-repeat: no-repeat;
      background-position:right center;
  }
  .srvItem-m-4{
      background: linear-gradient(to bottom,#4c7ae9 ,#2752b8 );
      background-repeat: no-repeat;
      background-position:right center;
  }
  .srvIcon{  
      /* width: 71px;
      height: 71px;
      background:url(../images/click-2.png), #fff;
      background-repeat: no-repeat;
      background-position:center center;
      position: absolute;    
      border-radius: 50%;
      top: 0px;
      left: 0; */
  }
  .srvIcon-m-1{    left: 0;}
  .srvIcon-m-2{    left: 0;}
  .srvIcon-m-3{    left: 0;}
  .srvIcon-m-4{    left: 0;}
  /* -------------------------------e new-------------------------------- */
  
  #sec-news{
      background: #eef3f8;
  }
  #sec-news .fa{
      font-size: 12px;
  }
  .news-box-tlt{
      position: relative;
      text-align: left;
      color: #ff8f0a;
      font-size: 22px;
      font-weight: 600;  
  }
  .otherNews-box-tlt{
      text-align: left;
      color: #6294e3;
      font-size: 20px;
      font-weight: 600;  
  }
  .otherNewsUl{
      list-style:none;
  }
  .newsItem{
      background: none;
      border: none !important;    
  }
  .newsDate{
      color: #98a4bb;
  }
  .newsHColor{
      color: #03619c;
      line-height: 25px;
  }
  .oNewsHColor{
      color: #003b7d;
      line-height: 21px;
  }
  .newsPColor{
      color: #475768;
      border-top: 1px solid #6e9bb7;
      height: 95px;
      overflow: hidden;
  }
  .news-continue{
      height: 40px;
      display: block;
      background: #eccb8c;
      background: linear-gradient(to right,#eccb8c ,#f0deba);
      border-radius: 5px;
      text-align: center;
      color:#ff6000;
      line-height: 40px;
      font-size: 13.5px;
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3) inset;
      transition: all 0.4s ease;
  }
  .news-continue:hover {
      background: linear-gradient(to left,#eccb8c ,#f0deba);
      box-shadow: -250px 0px 0 0 rgba(255, 255, 255, 0) inset;    
      color:#ff6000;
  }
  .login-box a:hover .orangeColor{color:#dd6c0f; font-size: 12px !important;}
  .orangeColor{ color:#fc9920;}
  .blueColor{ color:#015fad}
  .newsBtmLink{
      padding-right: 13px;
      font-size: 14.5px;
      font-weight: normal;
      color: #81a2b7;
  }

  #sec-tab .tab-pane.active {
      animation: slide-down 1s ease-out;
  }
  #sec-tab .tab-content{
      position: relative;
      min-height: 250px;
      overflow: hidden;    
  }
  @keyframes slide-down {
      0% { opacity: 0;
           transform: translateY(100%);
          }
      100% { opacity: 1;
           transform: translateY(0); 
          }
  }
  #sec-tab .tab-item{
      width: 200px;
      text-align:center;    
  }
  #sec-tab .nav-tabs {
      border-bottom: 1px solid #3f95db;
  }
  #sec-tab .nav-tabs .nav-link{
      transition: all ease-in-out .4s;
      -webkit-transition: all ease-in-out .4s;
      -moz-transition: all ease-in-out .4s;
  }
  #sec-tab .nav-tabs .nav-link {
      color: #fff;
      background: var(--c2);
      background: linear-gradient(to left,var(--c2) ,var(--c3));
      /* background: linear-gradient(to right,#2b5dbf ,#45a5e3); */
      border: none;
      line-height: 30px;
      font-size: 16px;
  }
  #sec-tab .nav-tabs .nav-link.active ,#sec-tab  .nav-tabs .nav-link:hover {
      color: #fff;
      background:var(--c1);
      background: linear-gradient(to left,var(--c2) ,var(--c1));
      border: none !important;
  }
.owl-carousel.owl-rtl {
    direction: ltr !important;
}
  .owl-sale{
      margin: 0 auto;
      text-align: center;
  }
  .saleItem{
      width: 360px;
      margin: 0 10px;
      text-align: center;
      direction: ltr;
  }
  .saleType{
      background: #a4c6e0;
      width: 110px;
      height: 120px;
  }
  .saleTxt a{
      color: #124b88;
  }
  .saleTxt{
      background: #f0f2f4;
      width: 250px;
      height: 120px;
      text-align: left;
  }
  
  #sec-otherSite{
      /* background: linear-gradient(60deg,#024d8c ,#0270cc); */
      background: url(../images/middleBg.jpg) no-repeat center;
      background-size: cover;
      background-attachment: fixed;
      padding: 40px 0px 50px;
  }
  .otherSite-box-tlt{
      color:#fff;
      font-size: 26px;  
  }
  .logoItem{
      width: 175px;
      margin: 0 auto;
      text-align: center;
  }
  .logoItem img{
      width: 175px;
      height: 100px;
  }
  .logoItem:hover img{
      /* filter: none; */
    }
  .logoItem{
        width: 175px !important;
        -webkit-transition:all .5s ease;
        -moz-transition:all .5s ease;
        -o-transition:all .5s ease;
        -ms-transition:all .5s ease;
        transition:all .5s ease;
        /* filter: grayscale(100%);
        -webkit-filter: grayscale(100%); */
  }
  .logoItem h3{
      background: #fff;
      padding: 12px 10px;
  }
  .brands_active {
      opacity:1;
      -webkit-transform:scale(1);
      -webkit-transition-duration:500ms;
      -webkit-transition-timing-function:ease-out;
      -moz-transform:scale(1);
      -moz-transition-duration:500ms;
      -moz-transition-timing-function:ease-out;
      -o-transform:scale(1);
      -o-transition-duration:500ms;
      -o-transition-timing-function:ease-out;
      -ms-transform:scale(1);
      -ms-transform-duration:500ms;
      -ms-transform-timing-function:ease-out;	
      filter:none!important;
      -webkit-filter: none!important;
  }
  .brands_n_active {
      opacity:.4;
      -webkit-transform:scale(0.8);
      -webkit-transition-duration:500ms;
      -webkit-transition-timing-function:ease-out;
      -moz-transform:scale(0.8);
      -moz-transition-duration:500ms;
      -moz-transition-timing-function:ease-out;
      -o-transform:scale(0.8);
      -o-transition-duration:500ms;
      -p-transition-timing-function:ease-out;
      -ms-transform:scale(0.8);
      -ms-transform-duration:500ms;
      -ms-transform-timing-function:ease-out;
      filter:none;
      -webkit-filter: none;
  }
  
  .form-mail {
      position: relative;
  }
  .form-mail input {
      display: inline-block;
      padding: 4px 6px;
      margin-bottom: 10px;
      font-size: 14px;
      color: #555555;
      vertical-align: middle;
      padding-right: 44px;
      width: auto;
      height: 36px;
      line-height: 24px;
      border: 2px solid #fff;
      border-radius: 4px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
      transition: border linear 0.2s, box-shadow linear 0.2s;
      float: right;
      width: 72%;
  }
  .form-mail button {
      position: absolute;
      top: 2px;
      right: 2px;
      margin: 0;
      padding: 2px 0 0 0;
      width: 32px;
      height: 32px;
      border: none;
      border-radius: 3px;
      background: #ca9e52;
      background-image: none;
      box-shadow: none;
      color: #fff;
      text-shadow: none;
      transition: background-color 0.25s 0s ease;
  }
  
  .btmMenu{
      display: inline-block;
      vertical-align: top;
      padding-right: 20px;
      width: 25%;
  }
  .btmMenu a{
      color:#002875
  }
  .btmMenu h3{
      color: #ff9435;
  }
  .btmMenu i{
      margin-right: 5px;
  }
  .right_toolbar {
      position: fixed;
      right:0px;
      top:50%;
      z-index: 5000;
      transition: all 0.4 ease;
  }
  .contactBox h3{  
      color:#2cacfd
  }
  /*---------------------------------------------------------------------------------------------------------------------*/
  .menu-icons-px{ background: url(../images/menu-icons-px.png);}
  .scDiv{ min-height: 400px}
  .scDiv h1:first-child{ font-size: 1.3rem; color: #17a2b8}
  .scDiv .tools > *{ font-size: 1.2rem; color: darkgray; margin: 0px 5px; display: inline-block}
  .scDiv .tools > *:hover{ color: #0056b3}
  .eventModal img{ max-width: 100%; height: auto; width: auto\9; vertical-align:middle}
  .login-box {
      position: absolute;
      right: 0px;
      top: 115px;
      z-index: 2000;
      background: linear-gradient(to top,var(--c2) ,var(--c1));
      padding: 25px 15px;
      display: none;
  }
  .login-box input {
      width: 140px;
      color: #666;
      position: relative;
      display: inline-block;
      float: left;
      margin: 0px 1px;
      border:none;
  }
  .login-box .loginButt {
      width: 40px;
      display: inline-block;
      background-image: url(../images/tik.png);
      background-repeat:no-repeat;
      background-position:center;
      background-color: #2393bf;
      height: 35px;
  }
  .login-box .loginButt:hover {
      background-image: url(../images/tik.png);
      background-repeat:no-repeat;
      background-position:center;
      background-color: #f9ba48
  }
  .login-box div {
      display: inline-block;
  }
  .login-box div.userReg {
      width: 140px;
  }
  .login-box a {    
      line-height: 25px;
      color: #fff;
  }
  
  .lang-box {
      position: absolute;
      right: 0px;
      top: 115px;
      z-index: 2000;
      background: linear-gradient(to top,var(--c2) ,var(--c1));
      display: none;
      font-family: tahoma;
  }
  .lang-box ul{
      list-style: none;
      padding: 0;
      margin: 0;
  }
  .lang-box ul li{
      color: #fff;
      padding:5px 20px;
      border-bottom:1px solid rgba(255,255,255,0.3);
      transition: all 0.4s;
      list-style: none;
  }
  .lang-box ul li a{
      color: #fff;
  }
  .lang-box ul li:hover{
      background: rgba(255,255,255,.1);
  }
  .menuHide, .resMenu{
      background: #022b7e;
      background: linear-gradient(to left,#022c7e ,#2b5dbf);
      color: #fff !important;
      font-family: var(--ff),'titillium_web','sans' ;
      font-size: 14px;
      line-height:25px;
      position:fixed;
      padding:0;
      margin:0;
      top:0;
      right:0;
      width: 100%;
      height: 100%;
      z-index: 22222222;
      display: none;
      overflow: scroll;
  }
  .menuHide ul{
      margin-top: 80px;
      padding: 0;
  }
  .menuHide ul li{
      display: block;
      color: #fff;
      transition: all 0.1s;
      text-align: center; 
      padding: 10px 20px;
      border-bottom: 1px solid rgba(255,255,255,0.4);
       cursor: pointer;
  }
  .menuHide ul li:hover{
      color: #bf8a2f;   
  }
  .menuHide ul li a{
     color: #fff;
  }
  .menuHide ul li a:hover{
      color: #bf8a2f;   
  }
  .menuHide .menu ul li{
      cursor:pointer
  }
  .menuHide .subMenuUl{
      display:none;
      margin-top:80px;
  }
  .menuHide .close{ 
      width: 25px;
      height: 25px;
      background-position: -90px 0px;
      float: right;
      position: absolute;
      top:30px;
      right: 30px;
      cursor: pointer;
  }
  .menuHide .backDiv{
      width: 25px;
      height: 25px;
      background-position: -215px 0px;
      position:absolute;
      float: left;
      position: absolute;
      top:30px;
      left: 30px;
      cursor: pointer;
  }
  @media screen and (max-width: 1200px) {
      #navb{display:none;}
      .menuHidden{display:block;}	  
      nav{ z-index: 9;} 
  }
  
  footer{
      position: relative;
      width: 100%;
      padding:20px 0px 40px;
      /* padding-bottom: 60px; */
      background: linear-gradient(to left,var(--c2) ,var(--c1));
      /* background: url(../images/btmBg.jpg) no-repeat bottom; */
      /* background-size: contain; */
      /* height: 255px; */
  }
  #goTop {
      width: 50px;  
      height: 50px; 
      background: url(../images/goTop.png);
      position: absolute;
      /* top: -7px; */
      top: 30px;
      right: 130px;
      cursor: pointer;
      transition: all 0.4 ease;
      z-index: 23;
  }
  .footerText{
      position: relative;
  }
  .footerText , .footerText a {
      color:#fff;
      font-family: 'titillium_web';     
  }
  .footerText a:hover{
      color: #eee;
  }
  .one {
      font-size: 12.5px;
      word-spacing:1px;
      letter-spacing: 0.5px;
      direction:ltr;
      text-align: left;
      display: block;
  }
  .two {      
      font-size: 12.5px;
      line-height: 33px;
      word-spacing: 1px;
      letter-spacing: 0.5px;
      direction:ltr;
      text-align: left;
      display: block;      
  }
.ftrArvan {
    position: relative;
}
.ftrArvan:hover .oneArvan,.ftrArvan:hover .twoArvan,.ftrArvan:hover .threeArvan ,.ftrArvan:hover .fourArvan ,.ftrArvan:hover .fiveArvan ,.ftrArvan:hover .sixArvan {
    opacity: 1;
    -webkit-transform: translate(0px, -2px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -2px);
}
.arvan{
    background: url(../images/menu-icons-px.png);
}
.oneArvan {
    background-position: 0px 0px;
    width: 27px;
    height: 19px;
    position: absolute;
    opacity: 0;
	right: -3px;
	top: -5px;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.twoArvan {
    background-position: -27px 0px;
    width: 12px;
    height: 9px;
    position: absolute;
    opacity: 0;
	right: -7px;
	top: -3px;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.threeArvan {
    background-position: -39px 0px;
    width: 7px;
    height: 5px;
    position: absolute;
    opacity: 0;
	right: -6px;
	top: -5px;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.fourArvan {
    background-position: -46px 0px;
    width: 10px;
    height: 17px;
    position: absolute;
    opacity: 0;
	right: -4px;
	top: -16px;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.fiveArvan {
    background-position: -56px 0px;
    width: 6px;
    height: 13px;
    position: absolute;
    opacity: 0;
	right: 28px;
	top: 4px;
	right: 5px;
	top: -12px;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.sixArvan {
    background-position: -62px 0px;
    width: 10px;
    height: 10px;
    position: absolute;
    opacity: 0;
	right: 31px;
	top: 7px;
	right: 8px;
	top: -9px;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

  /*------------------------------------start jssor---------------------------------------*/
  .jssorl-009-spin img {
      animation-name: jssorl-009-spin;
      animation-duration: 1.6s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
  }
  @keyframes jssorl-009-spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
  }
  
  .jssorArrow4 {display:block;position:absolute;cursor:pointer;}
  .jssorArrow4 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
  .jssorArrow4:hover {opacity:.8;}
  .jssorArrow4.jssora051dn {opacity:.5;}
  .jssorArrow4.jssora051ds {opacity:.3;pointer-events:none;}
  
  .jssorArrow3 {display:block;position:absolute;cursor:pointer;}
  .jssorArrow3 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
  .jssorArrow3:hover {opacity:.8;}
  .jssorArrow3.jssora051dn {opacity:.5;}
  .jssorArrow3.jssora051ds {opacity:.3;pointer-events:none;}
  
  .jssorBullet3 {display:none}
  .jssorBullet4 {display:none}
  
  @media all and (max-width:1250px){  
      .container-xl, .container{ width: 98% !important}
      .btmMenu { padding-right: 20px;  }
  }
  @media all and (max-width:1050px){
      .srvBox{
          display: none  ;
      }
      #sec-srv{  
          height: auto;
      }
      .srvBox-m{
          display: block;
      }
      .btmMenu {
          width: 48%;
          margin-bottom: 20px;
      }
      #siteFacil{
          display: none;
      }
      #sec-slider::after {
        height: 150px;
    }
  }
  @media all and (max-width:768px){     
      .newsPColor {
          height: auto;
      }
      .newsItem {
          margin-bottom: 30px;
      }
      .news-continue {
          line-height: 33px;
          height: 33px;
      }
      .newsPColor {
          margin-bottom: 5px;
      }
      .tab-item {
          display: block;
          width: 100%;
          margin-bottom: 1px !important;
      }  
      .topNav{ height: 35px;}    
      .siteMap span, .user span, .srch span, .rssLink span { display: none;}  
      .topTools {
          margin-top: 43px;
          z-index: 22;
      }
      .topTools a {
          color: #b4c5db;
      }
      #goTop {       
          top: -50px;
          right: 0px;
      }
      .login-box ,.lang-box{
          top: 165px;
      }
      #sec-slider::after {
        display: none;
      }      
  }
  @media all and (max-width:520px){     
     .shoar, .today{ display: none;}
     .IRAN {
          width: 35px;
          height: 42px;    
          right: -10px;
          background-size: contain;
      }
      .navbar-toggler { 
          margin-left: 10px;
      }
      .topTools {
          margin-right: -5px;
      }
      .srvBox-m{
          padding: 0;
      }
      .srvIconM {
          transform: scale(0.9);
      }
      .saleItem {
          width: 100%;
      }
      .saleType {
          width: 100px;
      }
      .saleTxt {
          width: auto;
      }
      .btmMenu {
          width: 100%;
          margin-bottom: 20px;
      }
      .login-box .loginButt ,.login-box input {
          width: 100%;
          margin-bottom: 3px;
      }
      .scDiv img{ max-width: 100%; height: auto; width: auto\9; vertical-align:middle}
      .scDiv .video embed,.scDiv  .video object,.scDiv  .video iframe{ width: 100%; height: auto}
  }
  
  /* Start Public CSS ---------------------------------------------  */
  .seoTag{}
  .navigator{margin:10px 0px 30px;}
  .comp_tools{text-align:right;overflow:hidden}
  #printForm{display:inline-block}
  
  .error{color:red}
  
  .pager{margin-top:10px;border:0px solid}
  
  /* ---------------- Exports CSS -------------*/
  .exMainDiv{
      direction:ltr;
      text-align:left;
      border:0px solid;
      margin:30px 20px 0px 20px
  }
  .exHeader{border:0px solid;margin:20px 10px 0px 10px}
  .exFooter{border:0px solid;margin:20px 10px 0px 10px}
  
  /* ------------------------------- Comment -----------------------------*/
  .comment-list {padding: 0;margin: 0;}
  .comment-list li {
      padding: 0;
      margin: 0 0 30px 0;
      float: right;
      width: 100%;
      clear: both;
      list-style: none;
  }
  .comment-list li .vcard {
      width: 80px;
      float: left;
  }
  .comment-list li .comment-body {
      float: left;
      width: calc(100% - 80px);
  }
  .comment-list li .comment-body h3 {
      font-size: 20px;
      color: #000;
  }
  .comment-list li .comment-body .meta {
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: .1em;
      color: #ccc;
  }
  .comment-list li .comment-body .reply {
      padding: 5px 10px;
      background: #e6e6e6;
      color: #000;
      text-transform: uppercase;
      font-size: 14px;
  }
  .comment-list li .vcard img {
      border-radius: 50%;
  }
  .comment-form-wrap {
      clear: both;
  }
  .comment-list .children {
      padding: 50px 0 0 40px;
      margin: 0;
      float: right;
      width: 100%;
  }
  
  
  .captcha{overflow:hidden;display:inline-block;margin-top:10px;width:100%}
  .captcha label{float:left}
  .captcha span{width:100px;padding:4px;display:block;	float:left}
  .captcha input{
      width:80px;
      padding:2px;
      float:left;
      font-size:14px;
      font-family:Arial;
      font-weight:bold;
      color:#4D4D4E;
      direction:ltr
  }
  .captcha .captchaCode{float:left}
  
  
  span.link a {
      font-size:150%;
      color: #000000;
      text-decoration:none;
  }
  
  
  #submit.loading {background:url("../images/spinner.gif") no-repeat center;}
  /* -------------------------- End of Comment ---------------------------*/
  
  /* -------------------------- Start Send Friend ---------------------------*/
  #frirndBox{}
  #frirndBox input[type=text]{width:90%}
  #frirndBox textarea{width:90%}
  /* -------------------------- End Send Friend ---------------------------*/
  
  
  /*  ---------------- Rating  -------------------------            */
  div.rateit div.rateit-range{
      position: relative;
      display: -moz-inline-box;
      display: inline-block;
      background: url(../../../../images/star.gif);
      height: 16px;
  }
  
  /* for IE 6 */
  * html div.rateit, * html div.rateit div.rateit-range{display: inline;}
  
  /* for IE 7 */
  * + html div.rateit, * + html div.rateit div.rateit-range{display: inline;}
  div.rateit div.rateit-hover, div.rateit div.rateit-selected{position: absolute;right: 0px;}
  div.rateit div.rateit-hover-rtl, div.rateit div.rateit-selected-rtl{right: auto;left: 0px;}
  div.rateit div.rateit-hover{background: url(../../../../images/star.gif) right -32px;}
  div.rateit div.rateit-hover-rtl{background-position: left -32px;}
  div.rateit div.rateit-selected{background: url(../../../../images/star.gif) right -16px;}
  div.rateit div.rateit-selected-rtl{background-position: left -16px;}
  div.rateit div.rateit-preset{background: url(../../../../images/star.gif) right -48px;}
  div.rateit div.rateit-preset-rtl{background: url(../../../../images/star.gif) right -48px;}
  
  /* ----------------------------- Paging ---------------------------*/
  .select_paginate{width:50px;}
  a.paginate {padding: 2px 6px 2px 6px;text-decoration: none;color: #000080;}
  a.paginate:hover {background-color: #000080;	color: #FFF;text-decoration: underline;}
  a.current {
      /*border: 1px solid #000080;*/
      padding: 2px 6px 2px 6px;
      cursor: default;
      background:#000080;
      color: #FFF;
      text-decoration: none;
  }
  span.inactive {
      /*border: 1px solid #999;*/
      font-family: Arial, Helvetica, sans-serif;
      padding: 2px 6px 2px 6px;
      color: #999;
      cursor: default;
  }
  .clear{clear:both;} 
  
  label.formError{ color:#F00; margin-left:4px}
  input.formError, select.formError, textarea.formError{ border-color:#F00; color:#F00}
  
  star{ color: red; font-family: serif; font-size:1.25rem; font-weight:bold}
  star:after{ content: " * "}
  /* star { */
      /* position: absolute; */
      /* right: 0; */
      /* top: 10px; */
      /* left: 0; */
      /* width: 5px; */
      /* height: 5px; */
  /* } */
  /* :required::after { */
    /* position: absolute; */
    /* right: -10px; */
    /* top: 0; */
    /* content: '*'; */
    /* color: red; */
  /* } */
  
  
  
  .toolsIcon input[type=button]{background:none}
  
  /* new */
  form thumb{ width:124px; height:124px; border:1px solid #d8d8d8; float:left; margin-right:4px; border-radius:4px; position: relative}
  form thumb div{ width:118px; height:118px; border-radius:4px; overflow:hidden; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 2px}
  form thumb .fileDel{bottom: 2px; right: 2px; position: absolute; width: 20px; height: 20px;
  background: url(../images/delete-a.png) no-repeat;}
  
  /* search */
  .gsc-search-box  .gsc-input{background:none !important}
  
@media print
{    
	body{background:#FFF; background-image : none;}
	.noPrint{display:none}
	.exHeader{border:0px solid;margin:0px;}
	.exFooter{border:0px solid;margin:0px;}
	h1:first-child{ font-size: 1.3rem; color: #17a2b8}
}
/* End Public CSS ---------------------------------------------  */

  /* media just FOR IE */
  
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
      Body{ font:14.5px/23px 'sans', Arial}
      nav, footer{
          background: linear-gradient(to right,#022c7e,#2b5dbf);
      }
      #sec-tab .nav-tabs .nav-link {
          background: linear-gradient(to right,#2b5dbf ,#45a5e3);
      }
      #sec-tab .nav-tabs .nav-link.active , #sec-tab .nav-tabs .nav-link:hover {
          background: linear-gradient(to left,#2b5dbf ,#022c7e);
      }
      .site-header {
          border-top: 5px solid #c0dbf4;
      }
      .topTools i {color:#45a5e3;}
  }
  
  
  /* new added by dehghani */
  .modal-header .close{margin: -1rem auto -1rem -1rem}
  
  
  /*    avatar    */
  .avatar{
      font-size: 1rem;
      display: inline-flex;
      width: 48px;
      height: 48px;
      color: #fff;
      border-radius: 50%;
      background: #adb5bd url(../images/avatar.png) center no-repeat;
      align-items: center;
      justify-content: center;
  }
  .avatar-xs{ width: 24px; height: 24px}
  .avatar-sm{ width: 36px; height: 36px}
  .avatar-lg{ width: 58px; height: 58px}
  .avatar-xl{ width: 74px; height: 74px}
  .avatar img{ width: 100%; border-radius: 50%}