/*

Hydro Template 

http://www.templatemo.com/tm-509-hydro

*/  
  @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600');

  @font-face {
    font-family: iransans;
    src: url('../fonts/iransans.ttf');
  }
  body {
    background: #efefef;
    font-family:'iransans';
    overflow-x: hidden;
    text-align: right;
    direction: rtl;
  }


  /*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
    line-height: inherit;
    letter-spacing: -1px;
  }

  h1 {
    color: #292929;
    font-size: 3em;
    margin-bottom: 30px;
  }

  h2 {
    color: #393939;
    font-size: 2em;
  }

  h3 {
    color: #505050;
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 0;
  }

  h4 {
    color: #696969;
    font-size: 18px;
    line-height: normal;
  }

  p {
    color: #757575;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
  }

  strong {
    font-weight: 500;
  }


  /*---------------------------------------
      ABOUT              
  -----------------------------------------*/

  #about {
    text-align: right;
    padding-bottom: 0;
  }

  #about .about-info:first-child {
    margin-right: 40px;
  }

  .about-info .section-title {
    margin: 40px 0 40px 0;
  }

  .about-info {
    margin-top: 60px;
  }

  .skill-thumb strong {
    display: inline-block;
    margin-top: 100px;
  }

  .skill-thumb .progress {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: none;
    height: 3px;
    margin-bottom: 25px;
  }

  .skill-thumb .progress-bar {
    background: #1f1f1f;
    box-shadow: none;
  }
  
  
  /*---------------------------------------
      Customization              
  -----------------------------------------*/
  
  .contact-us{
    background:#efefef;
    position: fixed;
    right: 64px;
    bottom: 64px;
  }