﻿/* Start programs */
.programs {
  background-color: #EEE;
  padding: 20px;
  margin-bottom: 40px; }
  .programs .the-tabs {
    margin-bottom: 20px; }
    .programs .the-tabs li span {
      background-color: #3992a4;
      color: #FFF;
      display: block;
      padding: 10px;
      cursor: pointer;
      font-size: 12px; }
      @media (max-width: 991px) {
        .programs .the-tabs li span {
          margin-bottom: 20px; } }
    .programs .the-tabs li.active span {
      background-color: #ab986c; }
      .programs .the-tabs li.active span:after {
        content: '';
        border-style: solid;
        border-width: 10px;
        border-color: #ab986c transparent transparent;
        display: block;
        position: absolute;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media (max-width: 991px) {
          .programs .the-tabs li.active span:after {
            display: none; } }
  .programs .tab-content {
    border-top: 5px solid #ab986c;
    background-color: #FFF;
    padding: 20px;
    min-height: 550px; }
    .programs .tab-content:not(.main-content) {
      display: none; }
    .programs .tab-content .tab-title {
      color: #ab986c;
      font-size: 20px;
      margin: 0 0 20px;
      font-weight: bold; }
    .programs .tab-content .overview-text {
      line-height: 1.8; }
    .programs .tab-content .sidebar ul li {
      padding: 10px;
      background-color: #EEE;
      margin-bottom: 5px;
      font-weight: bold;
      position: relative;
      cursor: pointer;
      width: 90%; }
      .programs .tab-content .sidebar ul li.active {
        background-color: #ab986c;
        color: #FFF; }
        .programs .tab-content .sidebar ul li.active:after {
          content: '';
          border-style: solid;
          border-width: 10px;
          border-color: transparent transparent transparent #ab986c;
          display: block;
          position: absolute;
          top: 50%;
          left: auto;
          right: -20px;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          @media (max-width: 991px) {
            .programs .tab-content .sidebar ul li.active:after {
              display: none; } }
    .programs .tab-content .tab-container:not(:first-child) {
      display: none; }
    .programs .tab-content .program-box {
      background-color: #EEE;
      position: relative;
      margin-bottom: 20px;
      overflow: hidden; }
      .programs .tab-content .program-box .program-info {
        display: flex; }
      .programs .tab-content .program-box .program-url {
        padding: 15px;
        display: block;
        height: 70px;
        overflow: hidden;
        font-weight: bold;
        color: #000; }
      .programs .tab-content .program-box .program-info .download,
      .programs .tab-content .program-box .program-info .website {
        padding: 5px;
        background-color: #ab986c;
        color: #FFF;
        display: inline-grid;
        width: 100%;
        font-weight: bold;
        font-size: 11px;
        text-align: center; }
        .programs .tab-content .program-box .program-info .download:hover,
        .programs .tab-content .program-box .program-info .website:hover {
          background-color: #3992a4; }
        .programs .tab-content .program-box .program-info .download i,
        .programs .tab-content .program-box .program-info .website i {
          margin-left: 2px; }
      .programs .tab-content .program-box .program-info .download {
        border-left: 2px solid #FFF; }

html[dir="ltr"] .programs .tab-content .program-box .program-info .download i, .programs .tab-content .program-box .program-info .website i {
  margin-right: 2px; }

.statistics {
  min-height: 200px;
  padding: 30px 0;
  background-image: url("../img/stats.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative; }
  .statistics:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    background-color: rgba(125, 92, 15, 0.9); }
  .statistics .container {
    position: relative;
    z-index: 2;
    color: #FFF;
    text-align: center; }
    .statistics .container .section-title {
      margin-bottom: 80px;
      font-size: 40px;
      font-weight: bold;
      letter-spacing: 2px;
      display: inline-block;
      border-bottom: 2px solid #FFF;
      padding-bottom: 20px; }
    .statistics .container i {
      font-size: 60px;
      margin-bottom: 15px; }
    .statistics .container .amount {
      display: block;
      font-size: 50px;
      font-weight: bold;
      letter-spacing: 2px; }
    .statistics .container .description {
      font-size: 20px;
      margin-bottom: 30px; }

/* End programs */
