@charset "UTF-8";
@font-face {
  font-family: 'Raleway ExtraBold';
  src: url("../fonts/Raleway-ExtraBold.eot");
  src: local("Γÿ║"), url("../fonts/Raleway-ExtraBold.woff") format("woff"), url("../fonts/Raleway-ExtraBold.ttf") format("truetype"), url("../fonts/Raleway-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway Thin.eot");
  src: local("Γÿ║"), url("../fonts/Raleway Thin.woff") format("woff"), url("../fonts/Raleway Thin.ttf") format("truetype"), url("../fonts/Raleway Thin.svg") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Light.eot");
  src: local("Γÿ║"), url("../fonts/Raleway-Light.woff") format("woff"), url("../fonts/Raleway-Light.ttf") format("truetype"), url("../fonts/Raleway-Light.svg") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Regular.eot");
  src: local("Γÿ║"), url("../fonts/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway-Regular.ttf") format("truetype"), url("../fonts/Raleway-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Medium.eot");
  src: local("Γÿ║"), url("../fonts/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway-Medium.ttf") format("truetype"), url("../fonts/Raleway-Medium.svg") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Bold.eot");
  src: local("Γÿ║"), url("../fonts/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway-Bold.ttf") format("truetype"), url("../fonts/Raleway-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'NotoNaskhArabic';
  src: url("../fonts/NotoNaskhArabic-Regular.eot");
  src: local("Γÿ║"), url("../fonts/NotoNaskhArabic-Regular.woff") format("woff"), url("../fonts/NotoNaskhArabic-Regular.ttf") format("truetype"), url("../fonts/NotoNaskhArabic-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'NotoNaskhArabic';
  src: url("../fonts/NotoNaskhArabic-Bold.eot");
  src: local("Γÿ║"), url("../fonts/NotoNaskhArabic-Bold.woff") format("woff"), url("../fonts/NotoNaskhArabic-Bold.ttf") format("truetype"), url("../fonts/NotoNaskhArabic-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
/*Body*/
body {
  font-family: 'Raleway', 'Arial', sans-serif;
  font-size: 14px;
  background: #fff;
  overflow-x: hidden; }

img {
  max-width: 100%; }

 .content-inner li {
    padding: 10px 0;
}

a {
  cursor: pointer; }

a:hover {
  text-decoration: none; }

.no-style {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.btn {
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-size: 14px;
  text-transform: initial; }

h5 {
  position: relative;
  font-size: 12px; }
  h5:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    border-bottom: 1px solid #322f2f;
    position: absolute;
    top: -10px;
    right: 0; }
  h5:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    border-top: 1px solid #322f2f;
    border-bottom: 1px solid #322f2f;
    position: absolute;
    bottom: -10px;
    right: 0; }

h6 {
  position: relative;
  font-size: 12px;
  font-weight: bold; }
  h6:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    border-bottom: 1px solid #322f2f;
    position: absolute;
    top: -10px;
    right: 0; }
  h6:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    border-top: 1px solid #322f2f;
    border-bottom: 1px solid #322f2f;
    position: absolute;
    bottom: -10px;
    right: 0; }

@media (min-width: 1700px) {
  .container {
    width: 100%;
    max-width: 1580px; } }
@media (max-width: 1700px) and (min-width: 1200px) {
  .container {
    max-width: 1170px; } }
/*Header*/
#header {
  height: calc(100vh + 130px);
  min-height: 730px;
  position: relative; }
  #header.inner {
    height: 170px;
    min-height: auto; }
    #header.inner .top {
      padding: 42px 0 30px; }
      #header.inner .top .logo {
        display: block;
        height: 98px;
        float: left;
        width: auto;
        margin-right: 60px; }
        #header.inner .top .logo img {
          max-height: 100%; }
      #header.inner .top .annual {
        float: left;
        width: 220px; }
  #header .contest {
    padding-top: 100px; }
    #header .contest .box-img img {
      position: absolute;
      right: 60px;
      bottom: 170px; }
    #header .contest .bold-text {
      position: relative; }
      #header .contest .bold-text h1 {
        font-family: 'Raleway ExtraBold', 'Arial';
        font-size: 131px;
        color: #004269;
        text-transform: uppercase;
        line-height: 119px;
        float: left;
        position: relative; }
        #header .contest .bold-text h1 b {
          position: relative;
          z-index: 2; }
        #header .contest .bold-text h1 span {
          font-size: 528px;
          color: #009bda;
          font-weight: bold;
          position: absolute;
          opacity: 0.43;
          left: 430px;
          bottom: 140px; }
    #header .contest .box-bottom {
      position: absolute;
      bottom: 185px; }
      #header .contest .box-bottom .button {
        display: block;
        float: left;
        width: auto;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        padding: 2px 25px 0;
        line-height: 50px;
        border: 2px solid #fff;
        border-radius: 25px;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        text-decoration: none;
        margin-bottom: 36px; }
        #header .contest .box-bottom .button:hover {
          background: #fff;
          color: #013859; }
      #header .contest .box-bottom a {
        display: block;
        float: left;
        width: 100%; }
  #header .menu-hambuger {
    position: absolute;
    top: 70px;
    right: 50px;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
    #header .menu-hambuger img {
      padding: 6.5px 0; }
    #header .menu-hambuger img:hover {
      opacity: 0.4;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
    #header .menu-hambuger .fr-language {
      float: left;
      background: transparent;
      border: 1px solid #fff;
      color: #fff;
      width: 33px;
      height: 33px;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      line-height: 33px;
      margin-right: 12px;
      padding: 0;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
      #header .menu-hambuger .fr-language:hover {
        opacity: 0.4; }
      #header .menu-hambuger .fr-language li {
        list-style-type: none; }
        #header .menu-hambuger .fr-language li a {
          display: block;
          color: #fff; }
  #header .menu-left {
    position: fixed;
    z-index: 9;
    width: 410px;
    background: url(../images/bg-menu.png) no-repeat center top/cover;
    top: 0;
    right: -410px;
    padding: 70px 50px 50px 30px;
    height: 100vh;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
    #header .menu-left.active {
      right: 0; }
    #header .menu-left .fr-language {
      float: left;
      background: transparent;
      border: 1px solid #223e4e;
      color: #223e4e;
      width: 33px;
      height: 33px;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      line-height: 33px;
      margin-right: 12px;
      padding: 0;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
      #header .menu-left .fr-language:hover {
        opacity: 0.4; }
      #header .menu-left .fr-language li {
        list-style-type: none; }
        #header .menu-left .fr-language li a {
          display: block;
          color: #223e4e; }
    #header .menu-left .hambuger {
      float: right;
      cursor: pointer;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
      #header .menu-left .hambuger img {
        padding: 6.5px 0; }
      #header .menu-left .hambuger img:hover {
        opacity: 0.4;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
    #header .menu-left .menu {
      height: 100%; }
      #header .menu-left .menu b {
        font-size: 38px;
        color: #009bda;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 34px;
        padding-left: 5px; }
      #header .menu-left .menu ul {
        display: block;
        float: left;
        width: 100%;
        margin-top: 80px;
        height: calc(100% - 80px);
        overflow: auto;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        #header .menu-left .menu ul li {
          float: left;
          width: 100%;
          padding: 5px 0; }
          #header .menu-left .menu ul li.active a, #header .menu-left .menu ul li.current_page_item a {
            background: #009bda;
            color: #fff; }
          #header .menu-left .menu ul li a {
            display: block;
            float: left;
            color: #002033;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: bold;
            padding: 11px 30px 9px 20px;
            background: transparent;
            border-radius: 30px;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            #header .menu-left .menu ul li a:hover {
              background: #009bda;
              color: #fff; }
  #header .top {
    display: block;
    float: left;
    width: 100%;
    padding-top: 82px; }
    #header .top .logo {
      display: block;
      width: 161px; }

/*Banner*/
/*Content*/
#content {
  position: relative; }
  #content.home {
    margin-top: -130px;
    z-index: 2; }
  #content .section-1 {
    position: relative; }
    #content .section-1.ver-2:before {
      content: '';
      display: block;
      position: absolute;
      top: 130px;
      left: 0;
      right: 0;
      bottom: 0;
      background: url(../images/FH-chairman-BG.jpg) no-repeat center/cover; }
    #content .section-1.ver-2 .signature {
      float: left;
      margin-right: 50px;
      position: relative;
      margin-top: -50px; }
      #content .section-1.ver-2 .signature img {
        max-width: 175px; }
    #content .section-1.ver-2 .box .text {
      margin-bottom: 90px; }
    #content .section-1 .box {
      background: #f7f7f7 url(../images/people-1-latest.png) no-repeat right bottom;
      padding: 70px 60px 50px;
      display: block;
      float: left;
      width: 100%;
      position: relative; }
      #content .section-1 .box h2 {
        font-size: 57px;
        color: #00436a;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 0.9;
        margin-bottom: 20px; }
      #content .section-1 .box .blockquote {
        margin: 0 0 20px; }
        #content .section-1 .box .blockquote span {
          width: 50px;
          height: 24px;
          display: block;
          font-size: 100px;
          color: rgba(61, 61, 61, 0.3);
          font-weight: bold;
          line-height: 75px; }
      #content .section-1 .box strong {
        display: block;
        float: left;
        font-size: 25px;
        color: #009bda;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1.3;
        max-width: 800px;
        width: 100%;
        margin-bottom: 20px; }
      #content .section-1 .box .text {
        max-width: 800px;
        width: 100%;
        font-size: 20px;
        color: #474747;
        line-height: 1.3;
        margin-bottom: 50px; }
      #content .section-1 .box .read-more {
        display: block;
        float: left;
        font-size: 14px;
        color: #013859;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        padding: 0 45px;
        line-height: 56px;
        border: 2px solid #013859;
        border-radius: 25px;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        text-decoration: none; }
        #content .section-1 .box .read-more:hover {
          background: #013859;
          color: #fff; }
  #content .section-2 {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    background: url(../images/FH-watch-black-BG.jpg) no-repeat center/cover; }
    #content .section-2 .top {
      background: url(../images/FH-watch-video-BG.jpg) no-repeat center/cover;
      padding: 65px 90px 65px 60px;
      float: left;
      width: 100%;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      #content .section-2 .top img {
        cursor: pointer;
        float: right;
        opacity: 0.7;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        #content .section-2 .top img:hover {
          opacity: 1; }
      #content .section-2 .top h3 {
        font-size: 47px;
        color: #fff;
        text-transform: uppercase;
        float: left;
        line-height: 1.1;
        font-weight: bold;
        margin: 0; }
      #content .section-2 .top .left {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: left;
        -webkit-justify-content: left;
        justify-content: left;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        flex: 1; }
      #content .section-2 .top .right {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: right;
        -webkit-justify-content: right;
        justify-content: right;
        -ms-flex-align: right;
        -webkit-align-items: right;
        align-items: right; }
    #content .section-2 .bottom {
      display: block;
      float: left;
      width: 100%;
      padding: 0;
      margin: 0;
      position: relative;
      padding-bottom: 143px;
      position: relative; }
      #content .section-2 .bottom .blockquote {
        display: block;
        margin: 70px 0 20px; }
        #content .section-2 .bottom .blockquote span {
          display: block;
          width: 70px;
          height: 40px;
          font-weight: bold;
          font-size: 168px;
          color: rgba(255, 255, 255, 0.3);
          line-height: 128px; }
      #content .section-2 .bottom .text {
        padding-left: 90px;
        font-size: 25px;
        color: #fff;
        text-transform: uppercase;
        line-height: 1.6;
        font-weight: bold;
        float: left;
        width: 100%;
        max-width: 710px; }
      #content .section-2 .bottom h2 {
        font-size: 190px;
        font-family: 'Raleway ExtraBold';
        position: absolute;
        color: white;
        bottom: 62px;
        right: 50px;
        line-height: 0.8;
        margin: 0;
        opacity: 0.26; }
  #content .section-3 {
    background-image: url(../images/bg-1.png);
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 110px;
    background-size: cover; }
    #content .section-3 h2 {
      font-size: 38px;
      color: #009bda;
      font-weight: bold;
      text-transform: uppercase;
      margin: 60px 0 100px; }
    #content .section-3 .slider {
      padding: 0 50px; }
      #content .section-3 .slider li .avatar {
        width: 100%;
        text-align: center;
        margin-bottom: 15px; }
      #content .section-3 .slider li .name, #content .section-3 .slider li .position {
        font-size: 20px;
        color: #002033;
        line-height: 0.9;
        /*font-weight: bold;*/
        width: 100%;
        text-align: center;
        float: left; }
      #content .section-3 .slider li .position {
        color: #1a93cc;
        margin-top: 15px; }
      #content .section-3 .slider .slider-prev, #content .section-3 .slider .slider-next {
        width: 40px;
        height: 41px;
        opacity: 0.4;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
      #content .section-3 .slider .slider-prev {
        background: url(../images/slider-prev.png) no-repeat center/cover; }
      #content .section-3 .slider .owl-prev:hover {
        background: url(../images/slider-prev-active.png) no-repeat center/cover;
        opacity: 1; }
      #content .section-3 .slider .slider-next {
        background: url(../images/slider-next.png) no-repeat center/cover; }
      #content .section-3 .slider .owl-next:hover {
        background: url(../images/slider-next-active.png) no-repeat center/cover;
        opacity: 1; }
      #content .section-3 .slider .owl-prev, #content .section-3 .slider .owl-next {
        width: 40px;
        height: 41px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
      #content .section-3 .slider .owl-prev {
        left: -20px; }
      #content .section-3 .slider .owl-next {
        right: -20px; }
  #content .section-4 {
    position: relative; }
    #content .section-4:after {
      content: '';
      display: block;
      background: url(../images/bg-3.png) no-repeat right bottom;
      width: 803px;
      height: 1032px;
      position: absolute;
      bottom: 0;
      right: 0; }
    #content .section-4 h3 {
      font-size: 36px;
      font-weight: bold;
      color: #009bda;
      text-transform: uppercase;
      margin: 45px 0 30px; }
    #content .section-4 h4 {
      color: #024b70;
      font-size: 24px;
      font-weight: bold;
      margin: 25px 0 20px 40px; }
    #content .section-4 .text {
      font-size: 20px;
      color: #3e3e3e;
      line-height: 1.4; }
    #content .section-4 .bar-1 {
      padding: 172px 0 40px;
      position: relative; }
      #content .section-4 .bar-1 h2 {
        font-size: 152px;
        font-family: 'Raleway ExtraBold', 'Arial';
        text-transform: uppercase;
        color: #00436a;
        line-height: 0.76;
        margin: 0 0 40px -14px;
        opacity: 0.3; }
    #content .section-4 .bar-2 {
      background: #f2f2f2;
      padding: 20px 0 50px;
      position: relative; }
      #content .section-4 .bar-2 .canvas {
        display: table;
        margin: 80px auto 0; }
        #content .section-4 .bar-2 .canvas li {
          display: inline-block;
          width: 148px;
          position: relative;
          text-align: center; }
          #content .section-4 .bar-2 .canvas li + li {
            margin-left: 70px; }
          #content .section-4 .bar-2 .canvas li canvas {
            position: relative;
            z-index: 2; }
          #content .section-4 .bar-2 .canvas li .number {
            width: 148px;
            height: 148px;
            position: absolute;
            top: 0; }
            #content .section-4 .bar-2 .canvas li .number:after {
              content: '';
              display: block;
              width: 176px;
              height: 24px;
              background: url(../images/box-shadow.png) no-repeat center/contain;
              position: absolute;
              z-index: 1;
              bottom: -7px;
              left: -15px; }
          #content .section-4 .bar-2 .canvas li strong {
            position: absolute;
            top: 15px;
            bottom: 15px;
            left: 15px;
            right: 15px;
            width: 118px;
            height: 118px;
            line-height: 118px;
            text-align: center;
            font-size: 30px;
            color: #013859; }
          #content .section-4 .bar-2 .canvas li .value {
            margin-top: 30px;
            font-size: 24px;
            color: #013859;
            font-weight: 500; }
    #content .section-4 .bar-3 {
      background: #fafafa;
      padding: 20px 0 100px;
      position: relative; }
      #content .section-4 .bar-3 .chart-3 {
        margin-top: 70px; }
  #content .section-5 {
    padding: 105px 0 80px;
    background: url(../images/people-2.png) no-repeat right bottom/contain; }
    #content .section-5.ver-2 {
      background: url(../images/bg-4.png) no-repeat center bottom/cover;
      padding-bottom: 265px; }
    #content .section-5 h2 {
      font-size: 152px;
      font-family: 'Raleway ExtraBold', 'Arial';
      text-transform: uppercase;
      color: #011a29;
      line-height: 0.76;
      margin: 0 0 40px -14px;
      opacity: 0.2;
      width: 100%;
      max-width: 800px;
      float: left; }
    #content .section-5 .text {
      display: block;
      width: 100%;
      background: white;
      float: left;
      max-width: 800px;
      font-size: 20px;
      color: #474747; }
      #content .section-5 .text ul {
        list-style-type: none;
        padding: 0; }
        #content .section-5 .text ul li {
          padding: 5px 0; }
          #content .section-5 .text ul li:before {
            content: '';
            height: 5px;
            width: 5px;
            display: inline-block;
            border-radius: 50%;
            background: #000;
            margin-bottom: 2px;
            margin-right: 5px; }
    #content .section-5 .read-more {
      display: block;
      float: left;
      margin-top: 140px;
      margin-left: 6px;
      font-size: 14px;
      color: #013859;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      padding: 0 45px;
      line-height: 56px;
      border: 2px solid #013859;
      border-radius: 25px;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s;
      text-decoration: none; }
      #content .section-5 .read-more:hover {
        background: #013859;
        color: #fff; }
  #content .section-6 {
    height: 246px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    #content .section-6 .left {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: 100%;
      width: 50%;
      float: left;
      text-align: center;
      position: relative;
      background: #009bda; }
      #content .section-6 .left h3 {
        color: #fff;
        font-size: 52px;
        line-height: 1;
        text-transform: uppercase;
        text-align: left; }
        #content .section-6 .left h3 a {
          color: #fff; }
      #content .section-6 .left img {
        position: absolute;
        top: 35px;
        right: 55px; }
    #content .section-6 .right {
      width: 50%;
      float: right;
      height: 100%;
      background: url(../images/img-1.jpg) no-repeat center left/cover;
      position: relative; }
      #content .section-6 .right .read-more {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        padding: 0 45px;
        line-height: 56px;
        border: 2px solid #fff;
        border-radius: 25px;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 100px;
        margin: auto;
        width: 185px;
        height: 56px;
        text-decoration: none;
        background: rgba(0, 155, 218, 0.9); }
        #content .section-6 .right .read-more:hover {
          background: #fff;
          color: #009bda; }
  #content .section-7 {
    padding: 80px 0 70px;
    background: #dfe1e2 url(../images/bg-2.png) no-repeat center right/cover; }
    #content .section-7.ver-2 {
      background: #dfe1e2 url(../images/bg-50.jpg) no-repeat center/cover; }
    #content .section-7 .box {
      width: 800px;
      float: left;
      padding: 60px; }
      #content .section-7 .box h2 {
        font-size: 101px;
        font-family: 'Raleway ExtraBold', 'Arial';
        text-transform: uppercase;
        color: #004368;
        line-height: 0.76;
        margin: 0 0 40px 0;
        letter-spacing: -4px; }
      #content .section-7 .box .text {
        font-size: 20px;
        color: #474747; }
        #content .section-7 .box .text ul {
          list-style-type: none;
          padding: 0; }
          #content .section-7 .box .text ul li {
            padding: 5px 0; }
            #content .section-7 .box .text ul li:before {
              content: '';
              height: 5px;
              width: 5px;
              display: inline-block;
              border-radius: 50%;
              background: #000;
              margin-bottom: 2px;
              margin-right: 5px; }
      #content .section-7 .box .read-more {
        display: block;
        float: left;
        margin-top: 50px;
        font-size: 14px;
        color: #013859;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        padding: 0 45px;
        line-height: 56px;
        border: 2px solid #013859;
        border-radius: 25px;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        text-decoration: none; }
        #content .section-7 .box .read-more:hover {
          background: #013859;
          color: #fff; }
  #content .section-8 {
    padding: 85px 0 75px; }
    #content .section-8 ul {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      #content .section-8 ul li {
        width: calc((100% - 60px)/3);
        margin-right: 30px;
        position: relative;
        float: left; }
        #content .section-8 ul li:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(0, 43, 113, 0.8);
          opacity: 0;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
        #content .section-8 ul li:last-child {
          margin-right: 0; }
        #content .section-8 ul li:hover:after {
          opacity: 1; }
        #content .section-8 ul li:hover strong {
          color: #fff; }
        #content .section-8 ul li a {
          display: block;
          float: left;
          width: 100%;
          height: 100%;
          padding: 65px 50px;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-pack: left;
          -webkit-justify-content: left;
          justify-content: left;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
        #content .section-8 ul li strong {
          width: 100%;
          font-size: 52px;
          color: #004568;
          text-transform: uppercase;
          line-height: 0.9;
          font-family: 'Raleway ExtraBold', 'Arial';
          cursor: default;
          position: relative;
          z-index: 2;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }

/*Inner*/
#content .inner {
  min-height: 100vh;
  background: url(../images/bg-inner.png) repeat-y left top/contain;
  padding: 100px 0; }
  #content .inner .top {
    float: left;
    width: 100%;
    border-bottom: 2px solid #85a0b0;
    margin-bottom: 50px; }
    #content .inner .top h1 {
      color: #009bda;
      font-size: 30px;
      font-weight: bold;
      text-transform: uppercase;
      float: left;
      margin: 0 0 15px; }
    #content .inner .top .button {
      float: right;
      position: relative;
      top: -3px; }
      #content .inner .top .button a {
        line-height: 32px;
        display: block;
        float: left;
        padding: 1px 20px 0;
        border: 2px solid #013859;
        border-radius: 20px;
        text-transform: uppercase;
        font-weight: normal;
        text-decoration: none;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        #content .inner .top .button a.back {
          color: #013859; }
          #content .inner .top .button a.back:hover {
            background: #013859;
            color: #fff; }
        #content .inner .top .button a.download {
          background: #013859;
          color: #fff;
          margin-left: 15px; }
          #content .inner .top .button a.download:hover {
            color: #013859;
            background: #aaa;
            border-color: #aaa; }
  #content .inner .box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    #content .inner .box .sidebar-menu {
      width: 360px;
      margin-right: 30px; }
      #content .inner .box .sidebar-menu .title-menu {
        display: none;
        text-transform: uppercase;
        background-color: #009bda;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        color: #fff;
        margin: 0;
        padding: 16px 0 14px;
        cursor: pointer;
        pointer-events: visible; }
      #content .inner .box .sidebar-menu ul li {
        border-bottom: 2px solid #85a0b0;
        padding: 13px 0; }
        #content .inner .box .sidebar-menu ul li.active a, #content .inner .box .sidebar-menu ul li.current_page_item a {
          color: #009bda; }
        #content .inner .box .sidebar-menu ul li a {
          display: block;
          line-height: 1.6;
          font-weight: bold;
          color: #00436a;
          text-transform: uppercase;
          text-decoration: none;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          #content .inner .box .sidebar-menu ul li a:hover {
            color: #009bda; }
    #content .inner .box .content-inner {
      width: calc(100% - 620px);
      font-weight: 300;
      color: #474747; }
      #content .inner .box .content-inner h2 {
        font-size: 25px;
        color: #009bda;
        text-transform: uppercase;
        font-weight: bold;
        margin: 15px 0 20px; }
      #content .inner .box .content-inner p {
        font-size: 15px;
        font-weight: 300;
        color: #474747;
        line-height: 1.7;
        text-align: justify; }
      #content .inner .box .content-inner ul {
        display: inline-block;
        padding-inline-start: 15px;
        margin-bottom: 20px;
        font-size: 15px;
        text-align: justify; }
      #content .inner .box .content-inner .latin {
        list-style-type: lower-alpha;
        padding-left: 20px; }
      #content .inner .box .content-inner .box-lr .box-left {
        float: left;
        width: 100%; }
        #content .inner .box .content-inner .box-lr .box-left.full {
          width: 100%; }
      #content .inner .box .content-inner .box-lr .box-right {
        float: right;
        width: 100%; }
        #content .inner .box .content-inner .box-lr .box-right h4 {
          color: #024b70;
          font-size: 16px;
          font-weight: bold;
          margin: 0px 0 10px 40px; }
      #content .inner .box .content-inner .box-table {
        padding: 0 30px 0 10px; }
        #content .inner .box .content-inner .box-table h3 {
          font-size: 14px;
          font-weight: bold;
          padding-left: 6px; }
        #content .inner .box .content-inner .box-table h4 {
          font-size: 13px;
          font-weight: bold;
          padding-left: 6px;
          margin-top: 0; }
      #content .inner .box .content-inner table {
        width: 100%; }
        #content .inner .box .content-inner table tr:first-child td {
          border: 0; }
        #content .inner .box .content-inner table tr.sum-total-1 td {
          border: 0;
          position: relative; }
          #content .inner .box .content-inner table tr.sum-total-1 td:nth-child(3):before, #content .inner .box .content-inner table tr.sum-total-1 td:nth-child(4):before {
            content: '';
            display: block;
            width: 90%;
            max-width: 65px;
            height: 2px;
            background: #322f2f;
            position: absolute;
            top: 0px;
            right: 0; }
        #content .inner .box .content-inner table tr.tax td {
          border: 0;
          padding-top: 0; }
        #content .inner .box .content-inner table tr.sum-total-2.one-border td:after {
          display: none !important; }
        #content .inner .box .content-inner table tr.sum-total-2 td {
          border: 0;
          position: relative; }
          #content .inner .box .content-inner table tr.sum-total-2 td b {
            font-weight: 900; }
          #content .inner .box .content-inner table tr.sum-total-2 td:not(:first-child):not(:nth-child(2)):before {
            content: '';
            display: block;
            width: 90%;
            max-width: 65px;
            height: 2px;
            background: #322f2f;
            position: absolute;
            top: 0px;
            right: 0; }
          #content .inner .box .content-inner table tr.sum-total-2 td:not(:first-child):not(:nth-child(2)):after {
            content: '';
            display: block;
            width: 90%;
            max-width: 65px;
            height: 2px;
            background: #322f2f;
            position: absolute;
            bottom: 0px;
            right: 0; }
        #content .inner .box .content-inner table tr td {
          color: #666;
          font-size: 12px;
          border-top: 2px solid #f6f6f6;
          text-align: right;
          padding: 8px 5px;
          vertical-align: bottom; }
          #content .inner .box .content-inner table tr td:first-child {
            text-align: left; }
          #content .inner .box .content-inner table tr td:nth-child(2) {
            width: 10%; }
          #content .inner .box .content-inner table tr td:nth-child(3) {
            width: 15%; }
          #content .inner .box .content-inner table tr td:nth-child(4) {
            width: 14%; }
    #content .inner .box .sidebar-info {
      width: 260px;
      margin-left: 30px;
      padding-top: 40px;
      padding-bottom: 45px;
      position: relative; }
      #content .inner .box .sidebar-info .box-info {
        height: 100%;
        background: #f8f8f8;
        position: relative;
        padding: 45px 20px 20px; }
        #content .inner .box .sidebar-info .box-info p {
          color: #888888;
          font-size: 12px;
          font-weight: normal;
          font-style: italic;
          line-height: 1.5;
          margin-bottom: 20px;
          word-break: keep-all; }
      #content .inner .box .sidebar-info .back-to-top {
        height: 44px;
        line-height: 42px;
        padding: 2px 20px 0 25px;
        position: absolute;
        bottom: 0;
        background: #c2c2c2;
        left: 0;
        right: 0;
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        #content .inner .box .sidebar-info .back-to-top:hover {
          background: #013859; }
        #content .inner .box .sidebar-info .back-to-top:after {
          content: '';
          display: block;
          width: 23px;
          height: 14px;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 20px;
          margin: auto;
          background: url(../images/icon-arrow-top.png) no-repeat center/cover; }

/*Footer*/
#footer {
  background: #f1f1f1; }
  #footer .footer-top {
    background: url(../images/footer.png) no-repeat bottom right;
    padding: 120px 0 100px; }
    #footer .footer-top h3 {
      font-size: 26px;
      color: #009bda;
      text-transform: uppercase;
      font-weight: bold;
      margin: 0 0 30px; }
    #footer .footer-top .menu {
      list-style-type: none;
      padding: 0 70px 0 0;
      margin: 0; }
      #footer .footer-top .menu li {
        font-size: 19.5px;
        padding: 11.5px 0; }
        #footer .footer-top .menu li a {
          color: #02629a;
          font-weight: 500;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          #footer .footer-top .menu li a:hover {
            text-decoration: underline;
            opacity: 0.7; }
    #footer .footer-top .social {
      padding-left: 12px;
      list-style-type: none;
      margin: 110px 0 0;
      float: left; }
      #footer .footer-top .social li {
        float: left;
        margin-right: 10px; }
        #footer .footer-top .social li a {
          display: block;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
          position: relative; }
          #footer .footer-top .social li a:hover {
            top: -3px; }
    #footer .footer-top .menu-1 {
      float: left;
      width: calc((57% - 50px)/2);
      margin-bottom: 30px; }
    #footer .footer-top .menu-2 {
      float: left;
      width: calc(50% / 2);
      padding-left: 35px; }
    #footer .footer-top .menu-3 {
      width: 19%;
      float: left; }
      #footer .footer-top .menu-3 .menu {
        padding: 0; }
        #footer .footer-top .menu-3 .menu li {
          padding-left: 35px;
          position: relative; }
          #footer .footer-top .menu-3 .menu li.location:after {
            content: '';
            display: block;
            background: url(../images/icon-location.png) no-repeat center/cover;
            width: 22px;
            height: 22px;
            position: absolute;
            left: 0;
            top: 13px; }
          #footer .footer-top .menu-3 .menu li.hotline:after {
            content: '';
            display: block;
            background: url(../images/icon-phone.png) no-repeat center/cover;
            width: 22px;
            height: 22px;
            position: absolute;
            left: 0;
            top: 13px; }
  #footer .footer-bottom {
    background: #00436a;
    height: 110px;
    line-height: 100px;
    padding-top: 10px; }
    #footer .footer-bottom .quick-menu li {
      display: inline-block;
      float: left;
      margin-right: 10px; }
      #footer .footer-bottom .quick-menu li a {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        border-right: 2px solid #fff;
        padding-right: 10px; }
        #footer .footer-bottom .quick-menu li a:hover {
          opacity: 0.6; }
      #footer .footer-bottom .quick-menu li:last-child a {
        border: 0; }
    #footer .footer-bottom .copyright {
      float: right;
      color: #009bda;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase; }

/*HEADER RESPONSIVE*/
#header-responsive {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  display: none;
  position: fixed;
  top: -1px;
  left: 0;
  height: 76px;
  padding-top: 1px;
  background: #fff;
  z-index: 999;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2); }
  #header-responsive .language {
    position: absolute;
    width: 21px;
    height: 21px;
    background: transparent;
    border: 1px solid #004269;
    left: 62px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 9px;
    padding: 0;
    font-weight: bold;
    outline: none; }
    #header-responsive .language li {
      list-style-type: none;
      line-height: 22px; }
      #header-responsive .language li a {
        display: block;
        color: #004269; }
  #header-responsive .logo {
    display: table;
    margin: auto;
    padding: 7px 0 7px 0;
    text-align: center; }
    #header-responsive .logo a {
      display: table;
      margin: auto; }
      #header-responsive .logo a img {
        max-height: 64px; }
  #header-responsive h1 {
    display: table;
    margin: auto;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    padding-left: 35px;
    background: url(../images/HP_logo_mobile.png) no-repeat left center; }
  #header-responsive .icon {
    display: block;
    width: 80px;
    height: 76px;
    position: absolute; }
    #header-responsive .icon.icon-menu {
      background: url(../images/hambuger.png) no-repeat center;
      left: 0;
      top: 0;
      background-size: 24px; }

/*MENU RESPONSIVE*/
#menu-responsive {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  position: fixed;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100%;
  padding-top: 75px;
  background: #013859;
  color: #fff;
  z-index: 998;
  overflow: auto;
  overflow-x: hidden;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  #menu-responsive.active {
    left: 0; }
    #menu-responsive.active ~ #dark-shadow {
      visibility: visible;
      opacity: 1; }
  #menu-responsive h1 {
    padding: 15px 20px;
    margin: 0;
    font-weight: 400; }
  #menu-responsive .input-search {
    margin: 20px 10px;
    margin-bottom: 0;
    padding: 0 30px;
    padding-right: 50px;
    width: calc(100% - 20px);
    border: 0 !important;
    height: 46px;
    border-radius: 25px;
    background: #fff url(../images/icon-search.png) no-repeat center;
    background-position-x: calc(100% - 20px);
    color: #000;
    opacity: 0.2;
    outline: none;
    font-size: 16px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
    #menu-responsive .input-search:hover {
      opacity: 1; }
  #menu-responsive a {
    color: #fff; }
  #menu-responsive > ul {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    #menu-responsive > ul > li {
      display: block;
      float: left;
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, 0.5); }
      #menu-responsive > ul > li a, #menu-responsive > ul > li label {
        display: block;
        padding: 15px 20px;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        text-decoration: none !important;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        #menu-responsive > ul > li a .fa, #menu-responsive > ul > li label .fa {
          width: 14px;
          margin-right: 15px; }
      #menu-responsive > ul > li > label {
        background: url(../images/icon-arrow-next-responsive.png) no-repeat center;
        background-position-x: calc(100% - 15px); }
      #menu-responsive > ul > li .box-hide {
        opacity: 0;
        overflow: hidden;
        height: 0; }
        #menu-responsive > ul > li .box-hide > ul {
          list-style-type: none;
          padding: 0;
          margin: 0;
          background: #076832;
          border-top: 1px solid rgba(0, 155, 218, 0.53);
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          #menu-responsive > ul > li .box-hide > ul > li {
            border-bottom: 1px solid rgba(0, 155, 218, 0.53); }
            #menu-responsive > ul > li .box-hide > ul > li .has-child {
              background: url(../images/icon-arrow-next-responsive.png) no-repeat center;
              background-position-x: calc(100% - 15px); }
            #menu-responsive > ul > li .box-hide > ul > li.active .has-child {
              background-image: url(../images/icon-arrow-down-responsive.png); }
            #menu-responsive > ul > li .box-hide > ul > li.active .box-child {
              opacity: 1;
              height: auto; }
            #menu-responsive > ul > li .box-hide > ul > li .box-child {
              opacity: 0;
              overflow: hidden;
              height: 0; }
              #menu-responsive > ul > li .box-hide > ul > li .box-child > ul {
                list-style-type: none;
                padding: 0;
                margin: 0;
                background: #004a21;
                border-top: 1px solid rgba(0, 155, 218, 0.5);
                transition: all 0.2s ease-out 0s;
                -webkit-transition: all 0.2s ease-out 0s; }
                #menu-responsive > ul > li .box-hide > ul > li .box-child > ul > li {
                  border-bottom: 1px solid rgba(0, 155, 218, 0.5); }
                  #menu-responsive > ul > li .box-hide > ul > li .box-child > ul > li .has-child {
                    background: url(../images/icon-arrow-next-responsive.png) no-repeat center;
                    background-position-x: calc(100% - 15px); }
      #menu-responsive > ul > li.active > label {
        background-image: url(../images/icon-arrow-down-responsive.png); }
      #menu-responsive > ul > li.active .box-hide {
        opacity: 1;
        height: auto; }
  #menu-responsive .social {
    display: table;
    margin: 20px auto;
    font-size: 18px; }
    #menu-responsive .social .fa {
      margin: 0 10px; }

#dark-shadow {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

#dark-night {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

/*POPUP*/
.popup {
  width: 100%;
  max-width: 900px;
  height: auto;
  position: fixed;
  top: 52%;
  left: 50%;
  margin: auto;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  .popup.show {
    opacity: 1;
    visibility: visible;
    top: 50%; }
  .popup.show ~ #dark-night {
    opacity: 1;
    visibility: visible; }
  .popup .close-popup {
    position: absolute;
    top: -30px;
    right: -30px;
    font-weight: 700;
    width: 30px;
    cursor: pointer; }
  .popup .box {
    padding-top: 60%;
    position: relative; }
    .popup .box iframe {
      border: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }

.rtl {
  direction: rtl;
  font-family: 'NotoNaskhArabic', 'Arial';
  font-weight: 400;
  font-size: 18px; }
  .rtl canvas {
    direction: ltr; }
  .rtl #header-responsive .language {
    right: 62px;
    left: auto; }
  .rtl #content .inner .box .content-inner ul {
    font-size: 18px; }
  .rtl #header.inner .top .logo {
    float: right;
    margin: 0 0 0 60px; }
  .rtl #header.inner .top .annual {
    float: right; }
  .rtl #header .menu-hambuger {
    left: 50px;
    right: auto; }
    .rtl #header .menu-hambuger .fr-language {
      margin: 0 0 0 12px;
      float: right; }
  .rtl #header .menu-left {
    right: auto;
    left: -410px;
    background: url(../images/bg-menu-rtl.png) no-repeat center top/cover; }
    .rtl #header .menu-left.active {
      left: 0; }
    .rtl #header .menu-left .fr-language {
      margin: 0 0 0 12px;
      float: right; }
    .rtl #header .menu-left .hambuger {
      float: left; }
    .rtl #header .menu-left .menu ul li a {
      float: right; }
  .rtl #header .contest .box-bottom .button {
    padding: 2px 40px 0;
    font-size: 18px;
    float: right; }
  .rtl #header .contest .box-img img {
    right: auto;
    left: 60px; }
  .rtl #content .inner {
    background: url(../images/bg-inner-rtl.png) repeat-y right top/contain; }
    .rtl #content .inner .top h1 {
      float: right;
      font-size: 42px; }
    .rtl #content .inner .top .button {
      float: left; }
    .rtl #content .inner .box .sidebar-menu {
      margin: 0 0 0 30px; }
    .rtl #content .inner .box .sidebar-info {
      margin: 0 30px 0 0; }
      .rtl #content .inner .box .sidebar-info .back-to-top {
        font-size: 15px; }
        .rtl #content .inner .box .sidebar-info .back-to-top:after {
          right: auto;
          left: 20px; }
      .rtl #content .inner .box .sidebar-info .box-info p {
        font-size: 16px; }
    .rtl #content .inner .box .content-inner .box-lr .box-right {
      float: left; }
      .rtl #content .inner .box .content-inner .box-lr .box-right h4 {
        font-size: 20px;
        margin: 0 20px 10px 0; }
    .rtl #content .inner .box .content-inner .box-lr .box-left {
      float: right; }
    .rtl #content .inner .box .content-inner h2 {
      font-size: 36px; }
    .rtl #content .inner .box .content-inner p {
      font-size: 18px; }
    .rtl #content .inner .box .content-inner .box-table {
      padding: 0 10px 0 30px; }
      .rtl #content .inner .box .content-inner .box-table h3 {
        font-size: 20px; }
      .rtl #content .inner .box .content-inner .box-table h4 {
        font-size: 18px; }
      .rtl #content .inner .box .content-inner .box-table table tr td {
        font-size: 14px; }
        .rtl #content .inner .box .content-inner .box-table table tr td:first-child {
          text-align: right; }
  .rtl #content .section-1.ver-2 .signature {
    float: right;
    margin: -50px 0 0 50px; }
  .rtl #content .section-1 .box {
    background: #f7f7f7 url(../images/people-1-rtl.png) no-repeat left bottom; }
    .rtl #content .section-1 .box .blockquote span {
      font-family: 'Raleway', 'Arial';
      transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg); }
    .rtl #content .section-1 .box strong {
      float: right; }
    .rtl #content .section-1 .box .read-more {
      font-size: 20px;
      float: right;
      padding: 2px 60px 0;
      line-height: 50px; }
  .rtl #content .section-2 .bottom {
    padding-top: 30px; }
    .rtl #content .section-2 .bottom .blockquote span {
      font-family: 'Raleway', 'Arial';
      transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg); }
    .rtl #content .section-2 .bottom h2 {
      font-family: 'NotoNaskhArabic', 'Arial';
      font-weight: bold;
      right: 40%;
      top: 120px; }
    .rtl #content .section-2 .bottom .text {
      float: right;
      padding: 0 90px 0 0;
      font-size: 32px; }
  .rtl #content .section-3 h2 {
    font-size: 46px; }
  .rtl #content .section-3 .slider li .name, .rtl #content .section-3 .slider li .position {
    font-size: 24px; }
  .rtl #content .section-4 .text {
    font-size: 22px; }
  .rtl #content .section-4 .bar-1 h2 {
    font-family: 'NotoNaskhArabic', 'Arial';
    font-weight: bold;
    line-height: 1; }
  .rtl #content .section-4 .bar-1 .box .rtl-right {
    float: right; }
  .rtl #content .section-4 .bar-2 .canvas li {
    margin: 0 70px 0 0;
    font-family: 'Raleway', 'Arial'; }
    .rtl #content .section-4 .bar-2 .canvas li:first-child {
      margin: 0; }
  .rtl #content .section-4 .bar-3 .box .rtl-right {
    float: right; }
  .rtl #content .section-5 {
    background: url(../images/people-2-rtl.png) no-repeat left bottom/contain; }
    .rtl #content .section-5.ver-2 {
      background: url(../images/bg-4-rtl.png) no-repeat center bottom/cover;
      padding-bottom: 265px; }
    .rtl #content .section-5 h2 {
      font-family: 'NotoNaskhArabic', 'Arial';
      font-weight: bold;
      line-height: 1;
      float: right; }
    .rtl #content .section-5 .text {
      float: right;
      font-size: 22px; }
    .rtl #content .section-5 .read-more {
      float: right;
      padding: 2px 60px 0;
      line-height: 50px;
      font-size: 20px; }
  .rtl #content .section-6 .left h3 {
    text-align: right; }
  .rtl #content .section-6 .left img {
    left: 55px;
    right: auto;
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg); }
  .rtl #content .section-6 .right .read-more {
    left: 100px;
    right: 0; }
  .rtl #content .section-7 {
    background: #dfe1e2 url(../images/bg-50-rtl.jpg) no-repeat center/cover; }
    .rtl #content .section-7 .box {
      float: right; }
      .rtl #content .section-7 .box h2 {
        font-family: 'NotoNaskhArabic', 'Arial';
        font-weight: bold;
        line-height: 1; }
      .rtl #content .section-7 .box .text {
        font-size: 22px; }
      .rtl #content .section-7 .box .read-more {
        float: right;
        padding: 2px 60px 0;
        line-height: 50px;
        font-size: 20px; }
  .rtl #content .section-8 ul li {
    margin: 0 0 0 30px; }
    .rtl #content .section-8 ul li:last-child {
      margin: 0; }
    .rtl #content .section-8 ul li strong {
      font-family: 'NotoNaskhArabic', 'Arial', sans-serif; }
  .rtl #footer .footer-top h3 {
    font-size: 24px; }
  .rtl #footer .footer-top .menu {
    padding: 0 0 0 70px; }
    .rtl #footer .footer-top .menu li {
      font-size: 20px; }
  .rtl #footer .footer-top .menu-1 {
    float: right; }
  .rtl #footer .footer-top .menu-2 {
    float: right; }
  .rtl #footer .footer-top .menu-3 {
    float: right; }
    .rtl #footer .footer-top .menu-3 .menu {
      padding: 0; }
      .rtl #footer .footer-top .menu-3 .menu li {
        padding: 0 35px 0 0;
        margin-bottom: 15px; }
        .rtl #footer .footer-top .menu-3 .menu li.location:after, .rtl #footer .footer-top .menu-3 .menu li.hotline:after {
          left: auto;
          right: 0;
          top: 3px; }
  .rtl #footer .footer-top .social {
    float: right;
    padding: 0;
    margin: 70px 0 0 0; }
    .rtl #footer .footer-top .social li {
      float: right; }
  .rtl #footer .footer-bottom .copyright {
    font-size: 18px;
    float: left; }
  .rtl #footer .footer-bottom .quick-menu {
    float: right; }
    .rtl #footer .footer-bottom .quick-menu li a {
      font-size: 18px; }
  .rtl #header-responsive .icon.icon-menu {
    left: auto;
    right: 0; }
  .rtl #menu-responsive {
    left: auto;
    right: -300px; }
    .rtl #menu-responsive.active {
      right: 0; }
  @media (max-width: 1700px) {
    .rtl #content .section-1 .box {
      background-size: 420px; } }
  @media (max-width: 992px) {
    .rtl #content .inner .top .button a {
      float: right; }
    .rtl #content .inner .box .content-inner {
      margin: 30px 0; }
    .rtl #content .inner .box .sidebar-info {
      margin: 0 0 30px 0; } }

/*Responsive*/
@media (max-width: 1700px) {
  #content .inner .box .sidebar-menu,
  .rtl #content .inner .box .sidebar-menu {
    width: 280px; }
  #content .inner .box .sidebar-info,
  .rtl #content .inner .box .sidebar-info {
    width: 200px; }
  #content .inner .box .content-inner,
  .rtl #content .inner .box .content-inner {
    width: calc(100% - 540px); }

  #footer .footer-top h3,
  .rtl #footer .footer-top h3 {
    font-size: 20px; }
  #footer .footer-top .menu li,
  .rtl #footer .footer-top .menu li {
    font-size: 16px; }

  #content .section-1 .box,
  .rtl #content .section-1 .box {
    background-size: 420px; }
    #content .section-1 .box strong, #content .section-1 .box .text,
    .rtl #content .section-1 .box strong,
    .rtl #content .section-1 .box .text {
      max-width: 70%; }

  #content .section-5,
  .rtl #content .section-5 {
    background-size: cover; }

  #content .section-8 ul li strong {
    font-size: 38px; }

  #content .section-4 .bar-2 .canvas li + li {
    margin-left: 30px; }

  .rtl #content .section-4 .bar-2 .canvas li + li {
    margin-right: 30px; } }
@media (max-width: 1400px) {
  #content .section-3 .slider li .name, #content .section-3 .slider li .position,
  .rtl #content .section-3 .slider li .name, .rtl #content .section-3 .slider li .position {
    line-height: 1.4; } }
@media (max-width: 1300px) {
  #header .contest .box-img img {
    max-width: 600px; }

  #footer .footer-top .menu {
    padding: 0 10px 0 0; }

  #footer .footer-top .menu-2 {
    width: calc(46% / 2);
    padding: 0; }

  #footer .footer-top .menu-3 {
    width: 24%; }

  #content .section-4 h4 {
    font-size: 20px; }

  #content .section-4 .bar-3 .chart-3 {
    margin-top: 30px; }

  #content .inner .box .content-inner .box-lr .box-left {
    width: 100%; }
  #content .inner .box .content-inner .box-lr .box-right {
    width: 100%;
    margin-top: 20px; } }
@media (max-width: 1300px) and (min-width: 1200px) {
  .container {
    max-width: 995px; }

  #header,
  .rtl #header {
    height: calc(100vh + 85px); }

  #header.inner,
  .rtl #header.inner {
    height: 130px; }
    #header.inner .top,
    .rtl #header.inner .top {
      padding: 15px 0 17px; }

  #header .menu-hambuger {
    top: 53px;
    margin: auto;
    height: 24px;
    right: 33px; }
    #header .menu-hambuger img {
      width: 30px; }

  .rtl #header .menu-hambuger {
    top: 53px;
    margin: auto;
    height: 24px;
    left: 33px; }
    .rtl #header .menu-hambuger img {
      width: 30px; }

  #header .top,
  .rtl #header .top {
    padding-top: 53px; }

  #header .top .logo,
  .rtl #header .top .logo {
    width: 110px; }

  #header .menu-left,
  .rtl #header .menu-left {
    width: 260px;
    padding: 51px 33px 30px; }
    #header .menu-left .hambuger img,
    .rtl #header .menu-left .hambuger img {
      width: 30px; }
    #header .menu-left .menu b,
    .rtl #header .menu-left .menu b {
      font-size: 24px;
      line-height: 1.2; }
    #header .menu-left .menu ul,
    .rtl #header .menu-left .menu ul {
      margin-top: 50px; }
      #header .menu-left .menu ul li,
      .rtl #header .menu-left .menu ul li {
        padding: 3px 0; }
        #header .menu-left .menu ul li a,
        .rtl #header .menu-left .menu ul li a {
          font-size: 10.5px;
          padding: 7px 20px 5px 10px; }

  #header .contest .box-bottom,
  .rtl #header .contest .box-bottom {
    bottom: 115px; }
    #header .contest .box-bottom a img,
    .rtl #header .contest .box-bottom a img {
      width: 160px; }
    #header .contest .box-bottom .button,
    .rtl #header .contest .box-bottom .button {
      font-size: 8.5px;
      line-height: 30px;
      padding: 2px 16px 0; }

  #content .section-1.ver-2 .signature img,
  .rtl #content .section-1.ver-2 .signature img {
    max-width: 150px; }
  #content .section-1 .box,
  .rtl #content .section-1 .box {
    padding: 45px 37px 35px; }
    #content .section-1 .box h2,
    .rtl #content .section-1 .box h2 {
      margin: 0 0 20px;
      font-size: 36px; }
    #content .section-1 .box .blockquote img,
    .rtl #content .section-1 .box .blockquote img {
      width: 21px; }
    #content .section-1 .box strong,
    .rtl #content .section-1 .box strong {
      font-size: 16px; }
    #content .section-1 .box .text,
    .rtl #content .section-1 .box .text {
      font-size: 13px;
      max-width: 505px;
      margin-bottom: 30px; }
    #content .section-1 .box .read-more,
    .rtl #content .section-1 .box .read-more {
      font-size: 9.5px;
      line-height: 34px;
      padding: 0 30px; }
  #content .section-2 .top,
  .rtl #content .section-2 .top {
    padding: 45px 60px 40px 35px; }
    #content .section-2 .top h3,
    .rtl #content .section-2 .top h3 {
      font-size: 30.5px; }
    #content .section-2 .top img,
    .rtl #content .section-2 .top img {
      max-width: 80px; }
  #content .section-2 .bottom,
  .rtl #content .section-2 .bottom {
    padding-bottom: 92px; }
    #content .section-2 .bottom .blockquote,
    .rtl #content .section-2 .bottom .blockquote {
      margin: 50px 0 15px; }
      #content .section-2 .bottom .blockquote img,
      .rtl #content .section-2 .bottom .blockquote img {
        width: 38px; }
    #content .section-2 .bottom .text,
    .rtl #content .section-2 .bottom .text {
      font-size: 16px;
      padding-left: 60px; }
    #content .section-2 .bottom h2,
    .rtl #content .section-2 .bottom h2 {
      font-size: 111px;
      bottom: 50px;
      right: 44px;
      line-height: 92px; }
  #content .section-3,
  .rtl #content .section-3 {
    padding-bottom: 60px;
    background-position: center left, bottom -50px right; }
    #content .section-3 h2,
    .rtl #content .section-3 h2 {
      font-size: 24px;
      margin: 45px 0 55px; }
    #content .section-3 .slider,
    .rtl #content .section-3 .slider {
      padding: 0 33px; }
      #content .section-3 .slider .owl-prev,
      .rtl #content .section-3 .slider .owl-prev {
        left: -23px; }
      #content .section-3 .slider .owl-next,
      .rtl #content .section-3 .slider .owl-next {
        right: -23px; }
      #content .section-3 .slider .owl-prev, #content .section-3 .slider .owl-next,
      .rtl #content .section-3 .slider .owl-prev,
      .rtl #content .section-3 .slider .owl-next {
        width: 26px;
        height: 27px;
        bottom: 50px; }
      #content .section-3 .slider .slider-next, #content .section-3 .slider .slider-prev,
      .rtl #content .section-3 .slider .slider-next,
      .rtl #content .section-3 .slider .slider-prev {
        width: 26px;
        height: 27px; }
      #content .section-3 .slider li .name, #content .section-3 .slider li .position,
      .rtl #content .section-3 .slider li .name,
      .rtl #content .section-3 .slider li .position {
        font-size: 13px; }
  #content .section-4 h3,
  .rtl #content .section-4 h3 {
    font-size: 23px;
    margin: 20px 0; }
  #content .section-4 .text,
  .rtl #content .section-4 .text {
    font-size: 13.5px; }
  #content .section-4 .bar-1,
  .rtl #content .section-4 .bar-1 {
    padding: 110px 0 25px; }
    #content .section-4 .bar-1 h2,
    .rtl #content .section-4 .bar-1 h2 {
      font-size: 97px; }
  #content .section-4 .bar-2 .canvas li + li,
  .rtl #content .section-4 .bar-2 .canvas li + li {
    margin-left: 13px; }
  #content .section-4 .bar-2 .canvas li .value,
  .rtl #content .section-4 .bar-2 .canvas li .value {
    font-size: 18px;
    margin-top: 20px; }
  #content .section-4 .bar-2 .canvas li canvas,
  .rtl #content .section-4 .bar-2 .canvas li canvas {
    width: 120px !important;
    height: 120px !important; }
  #content .section-4 .bar-2 .canvas li .number,
  .rtl #content .section-4 .bar-2 .canvas li .number {
    width: 120px;
    height: 120px; }
    #content .section-4 .bar-2 .canvas li .number strong,
    .rtl #content .section-4 .bar-2 .canvas li .number strong {
      line-height: 90px;
      font-size: 24px; }
  #content .section-4 .bar-3,
  .rtl #content .section-4 .bar-3 {
    padding: 20px 0 0; }
    #content .section-4 .bar-3 .text,
    .rtl #content .section-4 .bar-3 .text {
      padding-top: 10px; }
  #content .section-5,
  .rtl #content .section-5 {
    padding: 72px 0 42px; }
    #content .section-5 h2,
    .rtl #content .section-5 h2 {
      font-size: 99px;
      margin: 0 0 35px -7px; }
    #content .section-5 .text,
    .rtl #content .section-5 .text {
      font-size: 13px;
      max-width: 510px; }
    #content .section-5 .read-more,
    .rtl #content .section-5 .read-more {
      margin-top: 55px;
      font-size: 9.5px;
      line-height: 34px;
      padding: 0 30px; }
  #content .section-6,
  .rtl #content .section-6 {
    height: 155px; }
    #content .section-6 .left h3,
    .rtl #content .section-6 .left h3 {
      font-size: 33px; }
    #content .section-6 .left img,
    .rtl #content .section-6 .left img {
      width: 48px;
      top: 22px;
      right: 33px; }
    #content .section-6 .right .read-more,
    .rtl #content .section-6 .right .read-more {
      font-size: 9.5px;
      line-height: 34px;
      padding: 0;
      height: 36px;
      width: 112px;
      right: 45px; }
  #content .section-7,
  .rtl #content .section-7 {
    padding: 50px 0 45px; }
    #content .section-7 .box,
    .rtl #content .section-7 .box {
      padding: 37px;
      width: 510px; }
      #content .section-7 .box h2,
      .rtl #content .section-7 .box h2 {
        font-size: 65px;
        margin-bottom: 25px; }
      #content .section-7 .box .text,
      .rtl #content .section-7 .box .text {
        font-size: 13px; }
      #content .section-7 .box .read-more,
      .rtl #content .section-7 .box .read-more {
        margin-top: 30px;
        font-size: 9.5px;
        line-height: 34px;
        padding: 0 30px; }
  #content .section-8,
  .rtl #content .section-8 {
    padding: 55px 0 50px; }
    #content .section-8 ul li,
    .rtl #content .section-8 ul li {
      margin-right: 20px; }
      #content .section-8 ul li strong,
      .rtl #content .section-8 ul li strong {
        font-size: 30px; }
      #content .section-8 ul li a,
      .rtl #content .section-8 ul li a {
        padding: 40px 35px; }

  .rtl #content .section-5 .read-more,
  .rtl #content .section-7 .box .read-more,
  .rtl #content .section-6 .right .read-more,
  .rtl #content .section-1 .box .read-more,
  .rtl #header .contest .box-bottom .button {
    font-size: 13px; }
  .rtl #content .section-3 .slider li .name, .rtl #content .section-3 .slider li .position {
    font-size: 16px;
    line-height: 1.4; }
  .rtl #content .section-3 h2,
  .rtl #content .section-4 h3 {
    font-size: 28px; }

  .rtl #content .section-2 .bottom h2 {
    top: 90px;
    right: 40%;
    font-size: 100px; }

  .rtl #content .section-1 .box .text,
  .rtl #content .section-2 .bottom .text,
  .rtl #content .section-4 .text,
  .rtl #content .section-5 .text,
  .rtl #content .section-7 .box .text {
    font-size: 16px; }
  .rtl #content .section-1 .box h2 {
    font-size: 42px; }
  .rtl #content .section-1 .box .text, .rtl #content .section-1 .box strong {
    max-width: 60%; }
  .rtl #content .section-1 .box strong {
    font-size: 20px; }
  .rtl #content .section-4 .bar-2 .canvas li + li {
    margin: 0 0 0 13px; }
  .rtl #content .section-6 .left img {
    right: auto;
    left: 33px; }
  .rtl #content .section-8 ul li {
    margin: 0 0 0 20px; }
    .rtl #content .section-8 ul li:last-child {
      margin: 0; }

  #footer .footer-top h3,
  .rtl #footer .footer-top h3 {
    font-size: 17px;
    margin-bottom: 20px; }
  #footer .footer-top .menu-3 .menu li,
  .rtl #footer .footer-top .menu-3 .menu li {
    padding-left: 25px; }
  #footer .footer-top .menu li,
  .rtl #footer .footer-top .menu li {
    padding: 7px 0; }
    #footer .footer-top .menu li.location:after, #footer .footer-top .menu li.hotline:after,
    .rtl #footer .footer-top .menu li.location:after,
    .rtl #footer .footer-top .menu li.hotline:after {
      width: 15px !important;
      height: 15px !important;
      background-size: cover; }
    #footer .footer-top .menu li a,
    .rtl #footer .footer-top .menu li a {
      font-size: 12.5px; }
  #footer .footer-top .social,
  .rtl #footer .footer-top .social {
    padding-left: 9px;
    margin-top: 80px; }
    #footer .footer-top .social li a img,
    .rtl #footer .footer-top .social li a img {
      width: 24px; }
  #footer .footer-bottom,
  .rtl #footer .footer-bottom {
    line-height: 65px;
    height: 70px;
    padding: 5px 0 0; }
    #footer .footer-bottom .quick-menu li a,
    .rtl #footer .footer-bottom .quick-menu li a {
      font-size: 10.5px; }
    #footer .footer-bottom .copyright,
    .rtl #footer .footer-bottom .copyright {
      font-size: 10.5px;
      padding-right: 25px; }

  #content .section-4 .bar-1 .chart-4,
  .rtl #content .section-4 .bar-1 .chart-4 {
    padding: 0; }

  #header .menu-hambuger .fr-language,
  #header .menu-left .fr-language,
  .rtl #header .menu-hambuger .fr-language,
  .rtl #header .menu-left .fr-language {
    width: 23px;
    height: 23px;
    line-height: 23px;
    margin-right: 7px;
    font-size: 9px; }

  #content .inner,
  .rtl #content .inner {
    padding: 60px 0; }
    #content .inner .top h1,
    .rtl #content .inner .top h1 {
      font-size: 22px; }
    #content .inner .top .button,
    .rtl #content .inner .top .button {
      top: -7px; }
      #content .inner .top .button a,
      .rtl #content .inner .top .button a {
        font-size: 9px; }
    #content .inner .box .sidebar-menu,
    .rtl #content .inner .box .sidebar-menu {
      width: 235px;
      margin-right: 20px; }
      #content .inner .box .sidebar-menu ul li a,
      .rtl #content .inner .box .sidebar-menu ul li a {
        font-size: 11px; }
    #content .inner .box .content-inner,
    .rtl #content .inner .box .content-inner {
      width: calc(100% - 445px); }
      #content .inner .box .content-inner h2,
      .rtl #content .inner .box .content-inner h2 {
        font-size: 18px; }
      #content .inner .box .content-inner p,
      .rtl #content .inner .box .content-inner p {
        font-size: 12px; }
    #content .inner .box .sidebar-info,
    .rtl #content .inner .box .sidebar-info {
      width: 170px;
      margin-left: 20px; }
      #content .inner .box .sidebar-info .box-info,
      .rtl #content .inner .box .sidebar-info .box-info {
        padding-top: 25px; }
        #content .inner .box .sidebar-info .box-info p,
        .rtl #content .inner .box .sidebar-info .box-info p {
          font-size: 10px; }

  #content .inner .box .content-inner .box-lr .box-right h4 {
    font-size: 12px; }

  #content .inner .box .content-inner .box-table table tr td {
    font-size: 11px; }

  #content .inner .box .content-inner .box-table h3 {
    font-size: 13px; }
  #content .inner .box .content-inner .box-table h4 {
    font-size: 12px; }

  #header.inner .top .annual {
    padding-top: 10px; }

  .rtl #content .inner .box .sidebar-menu ul li a {
    font-size: 13px; }
  .rtl #content .inner .box .content-inner p {
    font-size: 15px; }
  .rtl #content .inner .box .sidebar-info .back-to-top {
    font-size: 12px; }

  #content .inner .box .content-inner ul {
    font-size: 12px; }

  .rtl #content .inner .box .content-inner ul {
    font-size: 15px; } }
@media (max-width: 1200px) {
  #content .inner .box .sidebar-menu {
    width: 220px; }
  #content .inner .box .content-inner {
    width: calc(100% - 480px); }

  #footer .footer-top .social {
    margin-top: 60px;
    padding: 0; }
    #footer .footer-top .social li {
      width: 28px; }

  #footer .footer-bottom .copyright {
    font-size: 14px; }

  #footer .footer-bottom .quick-menu li a {
    font-size: 14px; }

  #footer .footer-bottom {
    height: 80px;
    line-height: 70px; }

  #header .top {
    padding-top: 40px; }

  #header .contest .box-bottom a img {
    max-width: 80%; }

  #content .section-2 .bottom h2 {
    font-size: 120px; }

  #content .section-4 .bar-1 {
    padding: 70px 0 30px; }
    #content .section-4 .bar-1 h2 {
      font-size: 92px; }

  #content .section-5 .read-more {
    margin-top: 60px; }

  #content .section-4 .text,
  #content .section-1 .box .text,
  #content .section-5 .text,
  #content .section-7 .box .text {
    font-size: 16px; }

  #content .section-1 .box strong,
  #content .section-2 .bottom .text {
    font-size: 20px; }

  #content .section-2 .top h3 {
    font-size: 40px; }

  #content .section-2 .top img {
    width: 90px; }

  #content .section-5 {
    background: transparent; }

  #content .section-5 h2 {
    font-size: 92px; }

  #content .section-7 .box h2 {
    font-size: 72px; }

  #content .section-5 .read-more,
  #content .section-6 .right .read-more,
  #content .section-1 .box .read-more,
  #content .section-7 .box .read-more,
  #header .contest .box-bottom .button {
    line-height: 48px;
    padding: 0 30px; }

  #content .section-7 .box {
    width: 600px; }

  #content .section-8 ul li strong {
    font-size: 28px; }

  #content .section-6 .left h3 {
    font-size: 32px; }

  #content .section-6 {
    height: 200px; }

  #content .section-6 .right .read-more {
    right: 0; }

  #content .section-4 .bar-2 .canvas li {
    width: 200px; }
    #content .section-4 .bar-2 .canvas li canvas, #content .section-4 .bar-2 .canvas li .number {
      width: 200px !important;
      height: 200px !important;
      left: 0;
      right: 0;
      margin: auto; }
      #content .section-4 .bar-2 .canvas li canvas strong, #content .section-4 .bar-2 .canvas li .number strong {
        line-height: 150px;
        font-size: 38px;
        width: 150px;
        height: 150px;
        left: 25px;
        top: 25px; }
    #content .section-4 .bar-2 .canvas li .number:after {
      width: 240px;
      left: -20px;
      bottom: -10px; }
    #content .section-4 .bar-2 .canvas li .value {
      font-size: 28px;
      margin-top: 30px; }

  #content .section-8 ul li a {
    padding: 55px 30px; }

  #content .section-4 .bar-2 .canvas {
    max-width: 660px; }
    #content .section-4 .bar-2 .canvas li {
      margin-bottom: 35px; }
    #content .section-4 .bar-2 .canvas li:nth-child(4) {
      margin-left: 0; }

  #content .section-5.ver-2 {
    padding-bottom: 150px; }

  #content .section-4 .bar-3 .chart-3 {
    margin-top: 160px; }

  .rtl #content .inner .box .sidebar-menu {
    width: 220px; }
  .rtl #content .inner .box .content-inner {
    width: calc(100% - 480px); }
  .rtl #footer .footer-top .social {
    margin-top: 60px;
    padding: 0; }
    .rtl #footer .footer-top .social li {
      width: 28px; }
  .rtl #footer .footer-bottom .copyright {
    font-size: 14px; }
  .rtl #footer .footer-bottom .quick-menu li a {
    font-size: 14px; }
  .rtl #footer .footer-bottom {
    height: 80px;
    line-height: 70px; }
  .rtl #header .top {
    padding-top: 40px; }
  .rtl #header .contest .box-bottom a img {
    max-width: 80%; }
  .rtl #content .section-2 .bottom h2 {
    font-size: 120px; }
  .rtl #content .section-4 .bar-1 {
    padding: 70px 0 30px; }
    .rtl #content .section-4 .bar-1 h2 {
      font-size: 92px; }
  .rtl #content .section-5 .read-more {
    margin-top: 60px; }
  .rtl #content .section-4 .text,
  .rtl #content .section-1 .box .text,
  .rtl #content .section-5 .text,
  .rtl #content .section-7 .box .text {
    font-size: 18px; }
  .rtl #content .section-1 .box strong,
  .rtl #content .section-2 .bottom .text {
    font-size: 24px; }
  .rtl #content .section-2 .top h3 {
    font-size: 40px; }
  .rtl #content .section-2 .top img {
    width: 90px; }
  .rtl #content .section-5 {
    background: transparent; }
  .rtl #content .section-5 h2 {
    font-size: 92px; }
  .rtl #content .section-7 .box h2 {
    font-size: 72px; }
  .rtl #content .section-5 .read-more,
  .rtl #content .section-6 .right .read-more,
  .rtl #content .section-1 .box .read-more,
  .rtl #content .section-7 .box .read-more,
  .rtl #header .contest .box-bottom .button {
    line-height: 48px;
    padding: 2px 30px 0; }
  .rtl #content .section-7 .box {
    width: 600px; }
  .rtl #content .section-8 ul li strong {
    font-size: 36px; }
  .rtl #content .section-6 .left h3 {
    font-size: 32px; }
  .rtl #content .section-6 {
    height: 200px; }
  .rtl #content .section-6 .right .read-more {
    right: 0; }
  .rtl #content .section-4 .bar-2 .canvas li {
    width: 200px; }
    .rtl #content .section-4 .bar-2 .canvas li canvas, .rtl #content .section-4 .bar-2 .canvas li .number {
      width: 200px !important;
      height: 200px !important;
      left: 0;
      right: 0;
      margin: auto; }
      .rtl #content .section-4 .bar-2 .canvas li canvas strong, .rtl #content .section-4 .bar-2 .canvas li .number strong {
        line-height: 150px;
        font-size: 38px;
        width: 150px;
        height: 150px;
        left: 25px;
        top: 25px; }
    .rtl #content .section-4 .bar-2 .canvas li .number:after {
      width: 240px;
      left: -20px;
      bottom: -10px; }
    .rtl #content .section-4 .bar-2 .canvas li .value {
      font-size: 28px;
      margin-top: 30px; }
  .rtl #content .section-8 ul li a {
    padding: 55px 30px; }
  .rtl #content .section-4 .bar-2 .canvas {
    max-width: 660px; }
    .rtl #content .section-4 .bar-2 .canvas li {
      margin-bottom: 35px; }
    .rtl #content .section-4 .bar-2 .canvas li:nth-child(4) {
      margin-right: 0; }
  .rtl #content .section-5.ver-2 {
    padding-bottom: 150px; }
  .rtl #content .section-4 .bar-3 .chart-3 {
    margin-top: 160px; }
  .rtl #footer .footer-top .menu li {
    font-size: 20px; }

  .rtl #content .section-5 h2 {
    line-height: 1; } }
@media (max-width: 992px) {
  .rtl #header .contest .box-img img {
    right: auto;
    left: 30px; }

  #header .contest .box-img img {
    max-width: 300px;
    bottom: 70px;
    right: 30px; }

  #content .section-4 .bar-3 .chart-3 {
    margin-top: 60px; }

  #content .section-4 .bar-2 .canvas {
    max-width: 510px; }

  body {
    padding-top: 75px; }

  #content .inner .box {
    display: block; }
    #content .inner .box .sidebar-menu, #content .inner .box .sidebar-info, #content .inner .box .content-inner {
      width: 100%;
      margin: 0;
      margin-bottom: 30px; }

  #content .inner .top .button {
    width: 100%;
    float: left;
    margin-bottom: 10px; }

  #header .top {
    display: none; }

  #header {
    height: calc(100vh - 60px);
    background-position: right !important; }

  #header.inner {
    display: none; }

  #header-responsive {
    display: block; }

  #content .inner {
    padding: 50px 0; }

  #footer .footer-top .menu-1, #footer .footer-top .menu-2, #footer .footer-top .menu-3 {
    width: 100%;
    padding: 0;
    margin-bottom: 50px; }
  #footer .footer-top .menu-3 {
    margin-bottom: 0; }

  #footer .footer-top .menu-3 .menu li.location:after,
  #footer .footer-top .menu-3 .menu li.hotline:after {
    top: 8px; }

  #footer .footer-bottom {
    height: auto;
    line-height: 1.4;
    padding: 20px 30px; }
    #footer .footer-bottom .quick-menu {
      display: table;
      margin: auto;
      text-align: center; }
      #footer .footer-bottom .quick-menu li {
        float: none; }
    #footer .footer-bottom .copyright {
      text-align: center;
      margin-top: 5px;
      width: 100%; }

  #content .section-8 ul {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: auto; }
    #content .section-8 ul li {
      width: 100%;
      margin: 0 0 20px; }
      #content .section-8 ul li strong {
        font-size: 38px; }

  #content .section-7 .box {
    width: 100%; }

  #content .section-4 .text {
    margin-bottom: 30px; }

  #content .section-6 .left img {
    top: 15px;
    right: 15px;
    width: 50px; }

  #content.home {
    margin-top: 30px; }

  #content .section-1.ver-2:before {
    top: -30px; }

  #content .section-1 .box {
    background: #f7f7f7 url(../images/people-1.png) no-repeat right -50% bottom/420px; }

  #content .section-4 .bar-2 .canvas li {
    width: 150px; }
    #content .section-4 .bar-2 .canvas li canvas, #content .section-4 .bar-2 .canvas li .number {
      width: 150px !important;
      height: 150px !important;
      left: 0;
      right: 0;
      margin: auto; }
      #content .section-4 .bar-2 .canvas li canvas strong, #content .section-4 .bar-2 .canvas li .number strong {
        line-height: 120px;
        font-size: 32px;
        width: 120px;
        height: 120px;
        left: 15px;
        top: 15px; }
    #content .section-4 .bar-2 .canvas li .number:after {
      width: 190px;
      left: -20px;
      bottom: -10px; }
    #content .section-4 .bar-2 .canvas li .value {
      font-size: 24px;
      margin-top: 30px; }

  #content .section-8 ul li a {
    padding: 55px; }

  #content .section-8 ul li strong br {
    display: none; }

  #content .section-8 ul li strong {
    line-height: 1.2;
    word-break: normal; }

  #header .contest .box-bottom {
    bottom: 50px !important; }

  #header {
    min-height: 660px; }

  .popup .close-popup {
    width: 40px;
    top: -40px;
    right: 0; }

  .rtl #content .section-4 .bar-1 .box .rtl-right,
  .rtl #content .section-4 .bar-3 .box .rtl-right {
    float: none; }
  .rtl #content .section-4 .bar-3 .chart-3 {
    margin-top: 60px; }
  .rtl #content .section-4 .bar-2 .canvas {
    max-width: 510px; }
  .rtl body {
    padding-top: 60px; }
  .rtl #content .inner .box {
    display: block; }
    .rtl #content .inner .box .sidebar-menu, .rtl #content .inner .box .sidebar-info, .rtl #content .inner .box .content-inner {
      width: 100%;
      margin: 0;
      margin-bottom: 30px; }
  .rtl #content .inner .top .button {
    width: 100%;
    float: left;
    margin-bottom: 10px; }
  .rtl #header .top {
    display: none; }
  .rtl #header {
    height: calc(100vh - 60px);
    background-position: right !important; }
  .rtl #header.inner {
    display: none; }
  .rtl #header-responsive {
    display: block; }
  .rtl #content .inner {
    padding: 50px 0; }
  .rtl #footer .footer-top .menu-1, .rtl #footer .footer-top .menu-2, .rtl #footer .footer-top .menu-3 {
    width: 100%;
    padding: 0;
    margin-bottom: 50px; }
  .rtl #footer .footer-top .menu-3 {
    margin-bottom: 0; }
  .rtl #footer .footer-top .menu-3 .menu li.location:after,
  .rtl #footer .footer-top .menu-3 .menu li.hotline:after {
    top: 0px; }
  .rtl #footer .footer-bottom {
    height: auto;
    line-height: 1.4;
    padding: 20px 30px; }
    .rtl #footer .footer-bottom .quick-menu {
      display: table;
      margin: auto;
      float: none;
      text-align: center; }
      .rtl #footer .footer-bottom .quick-menu li {
        float: none; }
    .rtl #footer .footer-bottom .copyright {
      text-align: center;
      margin-top: 5px;
      width: 100%; }
  .rtl #content .section-8 ul {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: auto; }
    .rtl #content .section-8 ul li {
      width: 100%;
      margin: 0 0 20px; }
      .rtl #content .section-8 ul li strong {
        font-size: 38px; }
  .rtl #content .section-7 .box {
    width: 100%; }
  .rtl #content .section-4 .text {
    margin-bottom: 30px; }
  .rtl #content .section-6 .left img {
    top: 15px;
    left: 15px;
    width: 50px; }
  .rtl #content.home {
    margin-top: 30px; }
  .rtl #content .section-1 .box {
    background: #f7f7f7 url(../images/people-1-rtl-latest.png) no-repeat left -50% bottom/420px; }
  .rtl #content .section-4 .bar-2 .canvas li {
    width: 150px; }
    .rtl #content .section-4 .bar-2 .canvas li canvas, .rtl #content .section-4 .bar-2 .canvas li .number {
      width: 150px !important;
      height: 150px !important;
      left: 0;
      right: 0;
      margin: auto; }
      .rtl #content .section-4 .bar-2 .canvas li canvas strong, .rtl #content .section-4 .bar-2 .canvas li .number strong {
        line-height: 120px;
        font-size: 32px;
        width: 120px;
        height: 120px;
        left: 15px;
        top: 15px; }
    .rtl #content .section-4 .bar-2 .canvas li .number:after {
      width: 190px;
      left: -20px;
      bottom: -10px; }
    .rtl #content .section-4 .bar-2 .canvas li .value {
      font-size: 24px;
      margin-top: 30px; }
  .rtl #content .section-8 ul li a {
    padding: 55px; }
  .rtl #content .section-8 ul li strong br {
    display: none; }
  .rtl #content .section-8 ul li strong {
    line-height: 1.2;
    word-break: normal; }
  .rtl #header .contest .box-bottom {
    bottom: 50px !important; }
  .rtl #header {
    min-height: 660px; }
  .rtl .popup .close-popup {
    width: 40px;
    top: -40px;
    right: 0; }

  #content .inner .box .sidebar-menu .title-menu {
    display: block; }
  #content .inner .box .sidebar-menu ul {
    display: none;
    padding: 0 15px 15px;
    background: #64d2ff;
    text-align: center;
    color: #fff; }
    #content .inner .box .sidebar-menu ul li {
      border-bottom: 1px solid #fff; }
      #content .inner .box .sidebar-menu ul li.active a, #content .inner .box .sidebar-menu ul li.current_page_item a,
      #content .inner .box .sidebar-menu ul li a {
        color: #fff; }
        #content .inner .box .sidebar-menu ul li.active a:hover, #content .inner .box .sidebar-menu ul li.current_page_item a:hover,
        #content .inner .box .sidebar-menu ul li a:hover {
          color: #00436a; } }
@media (max-width: 767px) {
  #header .contest .box-img {
    text-align: center; }

  #header .contest .box-img img {
    max-width: 60%;
    position: static; }

  .popup {
    max-width: 450px; }

  #content .section-1.ver-2 .box .text {
    margin-bottom: 30px; }

  #content .section-1.ver-2 .signature {
    width: 100%;
    margin: 0 0 30px; }

  .rtl #header .contest .box-img img {
    max-width: 90% !important; }
  .rtl #header .contest {
    padding-top: 100px !important; }
  .rtl .popup {
    max-width: 450px; }
  .rtl #content .section-1.ver-2 .box .text {
    margin-bottom: 30px; }
  .rtl #content .section-1.ver-2 .signature {
    width: 100%;
    margin: 0 0 30px; } }
@media (max-width: 700px) {
  #content .section-4 .bar-2 .canvas li {
    display: block;
    margin: auto auto 30px !important; } }
@media (max-width: 600px) {
  .rtl #content .section-6 .right .read-more {
    left: 0; }

  #content .section-7 .box {
    padding: 30px 20px; }

  #content .section-7 .box h2,
  #content .section-5 h2 {
    font-size: 44px;
    line-height: 1.2;
    margin: 0 0 20px 0; }

  #content .section-6,
  #content .section-2 .top {
    display: block; }
    #content .section-6 .left, #content .section-6 .right,
    #content .section-2 .top .left,
    #content .section-2 .top .right {
      width: 100%; }

  #content .section-2 .top {
    display: block;
    padding: 40px 0;
    text-align: center;
    width: calc(100% + 30px);
    margin-left: -15px; }
    #content .section-2 .top .left, #content .section-2 .top .right {
      display: block;
      float: left;
      width: 100%;
      text-align: center; }
      #content .section-2 .top .left h3, #content .section-2 .top .right h3 {
        width: 100%; }
    #content .section-2 .top img {
      float: none; }

  #content .section-2 .top .right {
    margin-top: 20px; }

  #content .section-5 {
    padding: 60px 0; }

  #content .section-4 .bar-1 h2 {
    font-size: 48px;
    line-height: 1.2;
    margin: 0; }

  #content .section-3 h2 {
    font-size: 32px;
    margin: 40px 0; }

  #content .section-2 .bottom .text {
    padding-left: 3%; }

  #content .section-2 .bottom h2 {
    font-size: 60px;
    right: 0; }

  #content .section-2 .bottom {
    padding-bottom: 100px; }

  #content .section-1 .box h2 {
    font-size: 42px; }

  #content .section-1 .box {
    padding: 30px 20px;
    background: transparent; }
    #content .section-1 .box strong, #content .section-1 .box .text {
      max-width: 100%; }

  #content .section-2 .bottom .blockquote img {
    width: 45px; }

  #content .section-4 .bar-3 .chart-3 {
    height: 220px !important;
    margin-bottom: 40px; }

  #content .section-4 .bar-3 {
    padding: 30px 0; }

  .rtl #content .section-7 .box {
    padding: 30px 20px; }
  .rtl #content .section-7 .box h2,
  .rtl #content .section-5 h2 {
    font-size: 56px;
    line-height: 1.2;
    margin: 0 0 20px 0; }
  .rtl #content .section-6,
  .rtl #content .section-2 .top {
    display: block; }
    .rtl #content .section-6 .left, .rtl #content .section-6 .right,
    .rtl #content .section-2 .top .left,
    .rtl #content .section-2 .top .right {
      width: 100%; }
  .rtl #content .section-2 .top {
    display: block;
    padding: 40px 0;
    text-align: center;
    width: calc(100% + 30px);
    margin-left: -15px; }
    .rtl #content .section-2 .top .left, .rtl #content .section-2 .top .right {
      display: block;
      float: left;
      width: 100%;
      text-align: center; }
      .rtl #content .section-2 .top .left h3, .rtl #content .section-2 .top .right h3 {
        width: 100%; }
    .rtl #content .section-2 .top img {
      float: none; }
  .rtl #content .section-2 .top .right {
    margin-top: 20px; }
  .rtl #content .section-5 {
    padding: 60px 0; }
  .rtl #content .section-4 .bar-1 h2 {
    font-size: 48px;
    line-height: 1.2;
    margin: 0; }
  .rtl #content .section-3 h2 {
    font-size: 32px;
    margin: 40px 0; }
  .rtl #content .section-2 .bottom .text {
    padding: 0; }
  .rtl #content .section-2 .bottom h2 {
    font-size: 92px;
    left: 0;
    top: 180px; }
  .rtl #content .section-2 .bottom {
    padding-bottom: 100px; }
  .rtl #content .section-1 .box h2 {
    font-size: 42px; }
  .rtl #content .section-1 .box {
    padding: 30px 20px;
    background: transparent; }
    .rtl #content .section-1 .box strong, .rtl #content .section-1 .box .text {
      max-width: 100%; }
  .rtl #content .section-2 .bottom .blockquote img {
    width: 45px; }
  .rtl #content .section-4 .bar-3 .chart-3 {
    height: 220px !important;
    margin-bottom: 40px; }
  .rtl #content .section-4 .bar-3 {
    padding: 30px 0; }

  #content .inner .box .sidebar-menu .title-menu {
    font-size: 16px; }

  #content .inner .box .sidebar-menu ul li a {
    font-size: 12px; } }
@media (max-width: 450px) {
  #content .section-8 ul li a {
    padding: 40px 30px; }

  #content .inner .top .button a {
    font-size: 12px;
    padding: 1px 10px 0; }
    #content .inner .top .button a.download {
      margin-left: 8px; }

  #footer .footer-top {
    padding: 60px 0; }

  #content .inner .top h1 {
    font-size: 26px; }

  #footer .footer-top h3 {
    font-size: 18px;
    margin-bottom: 15px; }

  #footer .footer-top .menu li {
    font-size: 14px;
    padding: 8px 0; }

  #content .section-3 .slider .owl-next {
    right: -10px; }

  #content .section-3 .slider .owl-prev {
    left: -10px; }

  .rtl #content .section-8 ul li a {
    padding: 40px 30px; }
  .rtl #content .inner .top .button a {
    font-size: 12px;
    padding: 1px 10px 0; }
    .rtl #content .inner .top .button a.download {
      margin-left: 8px; }
  .rtl #footer .footer-top {
    padding: 60px 0; }
  .rtl #content .inner .top h1 {
    font-size: 26px; }
  .rtl #footer .footer-top h3 {
    font-size: 18px;
    margin-bottom: 15px; }
  .rtl #footer .footer-top .menu li {
    font-size: 14px;
    padding: 8px 0; }
  .rtl #content .section-3 .slider .owl-next {
    right: -10px; }
  .rtl #content .section-3 .slider .owl-prev {
    left: -10px; }

  #content .section-8 ul li strong {
    font-size: 30px; }

  .rtl #content .section-8 ul li strong {
    font-size: 32px; } }
@media (max-height: 700px) {
  #header .contest {
    padding-top: 150px; }

  #header .top .logo {
    width: 100px; }

  #header .contest .box-img img {
    max-width: 50%; }

  #header .contest .box-bottom a img {
    max-width: 60%; }

  #header .contest .box-bottom {
    bottom: 160px; }

  #header .menu-left .menu ul {
    margin-top: 50px;
    height: calc(100% - 50px); }

  .rtl #header .contest {
    padding-top: 150px; }
  .rtl #header .top .logo {
    width: 100px; }
  .rtl #header .contest .box-img img {
    max-width: 50%; }
  .rtl #header .contest .box-bottom a img {
    max-width: 60%; }
  .rtl #header .contest .box-bottom {
    bottom: 160px; }
  .rtl #header .menu-left .menu ul {
    margin-top: 50px;
    height: calc(100% - 50px); } }

/*# sourceMappingURL=style.css.map */