﻿        .loginUl a:hover,a:focus{
            background:none!important;
        }

article {
    color: #d5d5d5;
    text-align: right;
    direction: rtl;
    margin: 20px 8%;
    text-align:justify;
    line-height: 32px;
    text-indent: 5px;
}

article ol{ margin:0px 4%}

#pageWrapper h5{
    margin-top: 30px;
color: rgb(229, 230, 0);
font-size:22px;
font-family:FarTitrBold;
}
        .searchBtn{
              padding-right:4px!important;
              padding-left:4px!important;
               cursor:pointer;
        }
        .loginUl {
           border-radius:6px!important;
           box-shadow: 1px 1px 12px 1px #0090E0!important;
          background: rgba(0,0,0,0.7)!important
        }
        .loginDropdown ul{
            width: 232px !important;
            height: 154px;
            text-align:center!important; 
       
             }
        .loginDropdown input{
            width: 70%;
            text-align:center;
            margin: 10px auto 10px auto;
        }
     
        @media (min-width:992px) 
        {
            .serviceUl > div {
                width: 23% ;
            }

        .serviceUl > div:first-child{width:auto;margin-left:5%!important }
        }
        #Product a,#Facility a,#AboutUs a,#Service a{color:white;line-height:40px;transition:color 0.7s;}
        .row{z-index:2}
        #Product a:hover,#Facility a:hover,#AboutUs a:hover,#Service a:hover{color:#00d8ff}
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu {  text-align: right;}
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {text-align: right;}
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {margin: 0 -10px;}
        nav.navbar.bootsnav .navbar-nav > li > a {text-align: center;}
        .col-sm-6,.col-sm-12,.col-sm-3{z-index:1;}
        nav.navbar.bootsnav {  background-color: rgb(32, 32, 32);  }
        nav.navbar.bootsnav .navbar-toggle {   background: none !important;   }
        .fa-bars {   color: #EBEBEB;  }
        .attr-nav > ul > li > a {  color: #EBEBEB; }
        .vpagescroll_navigation ul li span {
            font-family: FarTitrDF;
            font-size: x-large;
            background-color: rgba(0, 0, 0, 0.5);
        }
        footer {
            position: relative;
            bottom: 0;
        }

        @media (max-height:800px) {
            footer {
                position: static;
            }
        }

            @media (max-width:769px) {
                #nav {
                    bottom: 0;
                    top: auto;
                    background: black;
                    width: 100%;
                    text-align:center
                }

                    #nav li {
                        display: inline-block;
                        width: 17%;
                    }
            }
            #turbine{position: absolute;
left: 405px;
opacity: .1;
width: 206px;
bottom: 0;
}
 #dakal{position: absolute;left:20px;opacity: 0.3;bottom:0;}
 #tajhizat1,#tajhizat2,#tajhizat3,#tajhizat4,#tajhizat5{position: absolute;opacity: .17;top: 89%;left: 8%;z-index:-1}
 #tajhizat2{;top: 14%;left:72%}
 #tajhizat3{width:40%;left: -20%;top: 33%;}
  #tajhizat4{left: 85%;top: 25%;width:30%} 
   #tajhizat5{top: 47%;left: -84%;width:60%}

  @media (max-width: 992px) {
         ol{background:none!important}        
      #nav li span{display:none!important}
  .megamenu-fw h5{font-size:14px;}
  .serviceUl > div{margin-left:0!important;width:100%;}
  }

@media (min-width: 1024px) and (max-width:1200px) {
  nav.navbar .navbar-brand img.logo{width:50px;  }
 #tajhizat2{left:65%}

}
@media (min-width:992px) and (max-width: 1024px) {
    nav.navbar.bootsnav.navbar-fixed .logo-display{  display: none ; }
}


@media (max-width: 767px) {
  .attr-nav > ul > li.dropdown ul.dropdown-menu{left:-72px;}
  .loginUl{left: -163px!important;}
  .row > div {padding-bottom:50px;padding-top:20px;}
  nav .row > div{padding-top:0;}
  #navi_shadow {display:none}
 #tajhizat1{top: 48%;}
 #tajhizat2{left:8%;top:-22%}
 #tajhizat3{left: 4%;top: 90%;}
  #tajhizat4{left: 66%;top: 25%;width:30%}
    #tajhizat5{top: 47%;left: 4%;width: 41%;}
   #turbine{left:59%;width: 180px;bottom:-20px;}
   #dakal{bottom:-25px;}
  }

        @media (max-width: 519px) {
         #dakal{width: 279px;left: 7px;}
         #turbine{width: 176px;} 
        }

        @media (max-width: 470px) {
         #dakal,{width: 235px;}

        }
   @media (min-width:403px) and (max-width: 437px) {
   #turbine {width: 160px;}
   #dakal {width: 241px;}
}
      @media (min-width:337px) and (max-width: 402px) {
   #turbine {left: 49%;width: 169px;}
   #dakal {width: 192px;left: -11px;}
}

        @media (max-width: 336px) {
          #dakal{width: 180px;}
            #turbine{left: 47%;}
        }

       @media (max-width: 300px) {
           #dakal{width: 170px;left: -14px;}
           #turbine{width: 160px;}
        }

        @media (max-width: 295px) {
           #turbine{width: 150px;}
        }

                @media (max-width: 250px) {
           #turbine{width: 130px;}

        }

@media (min-width: 767px) {

  .attr-nav > ul > li.dropdown ul.dropdown-menu{left:-55px;}
  }

        ::-webkit-scrollbar {  width: 8px;}
        ::-webkit-scrollbar-track {
            -webkit-box-shadow:none;
            background-color:black;
            border-radius:35px;
        }
        ::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 1px 1px 6px #333; 
            background-color:#666;
            border-radius:35px;
        }
        body{
         margin:0;
        background:#0A273D;
        padding:0;
        scrollbar-face-color: #000000;
        scrollbar-shadow-color: #2D2C4D;
        scrollbar-highlight-color:#7D7E94;
        scrollbar-3dlight-color: #7D7E94;
        scrollbar-darkshadow-color: #2D2C4D;
        scrollbar-track-color: #7D7E94;
        scrollbar-arrow-color: #C1C1D1;
        font-size:16px;
        }

        #waiting {
        background:#0A273D;
        position:absolute;
        top:0;left:0;
        display:inline-block;
        height:100%;
        width:100%;
        margin:0;
        padding:0;
        text-align:center;
        z-index:999;
        }
     
       .Hometitle {
            display:none; 
            color:white;
            font-size:30pt;
            position: relative;
            top: 40%;
            transform: translateY(-45%);
            text-align:center;
             z-index:646464664; 
        }
       .Hometitle div{font-family:Blacksword;margin-bottom:50px;font-weight:normal;}
       .Hometitle div span{font-family:Blacksword!important;color:#0090E0}
       .Hometitle > span{font-family:FarTitrDF!important}
       
       #Service .row:last-child{margin-top:50px;padding-bottom:50px;}
       #Product .row:last-child{padding-bottom:30px;}

@media (max-width: 500px) {
    .Hometitle {
        font-size: 24px;
    }
       .Hometitle > span{font-size:32px;}
}
       
                
        @font-face {
            font-family: 'FarTitrDF';
            src: url('/font/Far_TitrDF.eot') format('eot'),    
                 url('/font/Far.TitrDF.woff') format('woff'),     
                 url('/font/Far.TitrDF.ttf') format('truetype');  
        }

            @font-face {
            font-family: 'Samim';
            src: url('/font/Samim-Bold.eot') format('eot'),    
                 url('/font/Samim-Bold.woff') format('woff'),     
                 url('/font/Samim-Bold.ttf') format('truetype');  
        }
             @font-face {
            font-family: 'Ubuntu';
            src: url('/font/Ubuntu.eot') format('eot'),    
                 url('/font/Ubuntu.woff') format('woff'),     
                 url('/font/Ubuntu.ttf') format('truetype');  
        }
             
           @font-face {
            font-family: 'Harabara';
            src: url('/font/Harabara.eot') format('eot'),    
                 url('/font/Harabara.woff') format('woff'),     
                 url('/font/Harabara.ttf') format('truetype');  
        }

       @font-face {
            
          font-family : 'Sahel';
            src: url('/font/Sahel-Bold.eot') format('eot'),    
                 url('/font/Sahel-Bold.woff') format('woff'),     
                 url('/font/Sahel-Bold.ttf') format('truetype');  
        }
       
               @font-face {
            
          font-family : 'Blacksword';
            src: url('/font/Blacksword.eot') format('eot'),    
                 url('/font/Blacksword.woff') format('woff'),     
                 url('/font/Blacksword.ttf') format('truetype');  
        } 

             @font-face {
            font-family: 'FarTitrBold';
            src: url('/font/FarTitrBold.eot') format('eot'),    
                 url('/font/FarTitrBold.woff') format('woff'),     
                 url('/font/FarTitrBold.ttf') format('truetype');  
        }

            *{font-family:'Samim'}

            .footer-distributed h3,.footer-distributed h3 span{font-family:Blacksword!important}

