Anastasia / energyforum

  
  .section-first-home {
    color: #fff;
    min-height: 480px;
    background: url("../images/slider-home/bg-1.jpg") 50% 0 no-repeat;
  }
  
  .first-home-title {
    text-align: center;
    padding-top: 160px;
    span {
      font-size: 48px;
      font-weight: 700;
      line-height: 58px;
      text-shadow: 0px 0px 12px rgba(8, 71, 142, 0.65);
    }
  }
  
  .first-home-links {
    margin-top: 77px;
    a{
      margin-top: 15px;
      display: block;
      width: 100%;
      height: 80px;
      position: relative;
      text-align: center;
      text-decoration: none !important;
      background: #77ca3b;
      span {
        padding-left: 53px;
        color: #fff;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 700;
        position: relative;
        line-height: 80px;
        &:before {
          @include svgIcon;
          color: #fff;
          content: '\e900';
          font-size: 30px;
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -15px;
        }
      }
      &.first-home-reg {
        background: $blue-color;
        span {
          &:before {
            content: '\e901';
          }
        }
        &:hover {
          background: $blue-color-hover;
        }
      }
      &:hover {
        @include Transition(0.3);
        background: #63a831;
      }
    }
  }
  
  .section-second {
    padding-top: 76px;
    padding-bottom: 60px;
  }
  
  .section-speakers {
    background: #f3f4f5;
    padding-top: 36px;
    padding-bottom: 28px;
  }
  
  .speakers-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
  }
  
  
  .items-home-col {
    text-align: center;
    margin-top: 20px;
  }
  .items-home {
    width: 100%;
    max-width: 262px;
    display: inline-block;
    text-align: left;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(153, 164, 172, 0.35);
    border-bottom: 2px solid #cbcdcf;
    padding-bottom: 24px;
  }
  
  .items-home-img {

    a, span {

      display: block;
      img {
        max-width: 100%;
      }
    }
  }
  
  .items-home-name {
    text-transform: uppercase;
    color: #0288d1;
    font-size: 14px;
    font-weight: 700;
    margin-top: 16px;
    padding-left: 20px;
  }
  
  .items-home-job {
    padding-left: 20px;
    margin-top: 9px;
    line-height: 17px;

    //height: 34px;
    height: 51px;

    overflow: hidden;

  }
  .items-home-country-wr {
    width: 100%;
    display: table;
    padding-left: 15px;
  }
  .items-home-country {
    display: table-cell;
    width: 100%;
    height: 63px;
    vertical-align: bottom;
  

    a, span {

      font-size: 14px;
      color: $main-color;
      font-weight: 700;
      line-height: 15px;
      padding-right: 36px;
      display: block;
      position: relative;
      &:before {
        @include svgIcon;
        content: '\e902';
        color: $blue-color;
        position: absolute;
        bottom: 4px;
        right: 20px;
        font-size: 10px;
        width: 6px;
        height: 10px;
      }
    }

    span {
      &:before {
        display: none;
      }
    }

  }
  

  .section-second-img {
    float: left;
    max-width: 100%;

    //width: 300px;

    width: 185px;

    margin-right: 30px;
    margin-top: 25px;
    margin-bottom: 3px;

  }

  @media (min-width: 768px) and (max-width: 991px){
    .first-home-links-col {
      height: 80px;
      .first-home-program {
        width: 300px;
        position: absolute;
        left: 50%;
        margin-left: -150px;
        top: 0;
      }
    }
  }

  @media (max-width: 991px) {
    .first-home-title {
      padding-top: 120px;
      span {
        font-size: 36px;
        line-height: 46px;
      }
    }
  }
  
  

  @media (max-width: 580px) {
    .section-second-img {
      float: none;

      margin: 25px auto 3px auto !important;

    }
  }

  @media (max-width: 767px) {
    .speakers-title {
      text-align: center;
    }
    .first-home-title {
      span {
        font-size: 26px;
        line-height: 32px;
      }
    }

    .section-second-img{

    width: 185px;
    display: block;

      margin-right: 10px;

  }

  }
  
  @media (max-width: 580px) {
    .first-home-links-col {
      width: 100% !important;
      &.col-xs-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }
    .first-home-links a {
      margin-top: 1px;
    }
    .first-home-links {
      position: absolute;
      left: 10px;

      //bottom: -162px;
      bottom: -81px;

      width: 100%;
      margin-top: 0;
    }
    .section-first-home {
      min-height: 334px;
      height: 334px;

      //margin-bottom: 162px;
      margin-bottom: 81px;

    }
    .section-second {
      padding-top: 25px;
      padding-bottom: 18px;
    }
  }