#footer #footer-form {
  display: none; }

#platform {
  padding-bottom: 120px; }
  #platform #items::before {
    content: "";
    width: 100%;
    height: 50px;
    background: url("../../images/main/intro_bottom.svg") center no-repeat;
    background-size: cover;
    display: block;
    background-position: bottom;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      #platform #items::before {
        height: 80px;
        margin-top: -80px; } }
    @media screen and (min-width: 992px) {
      #platform #items::before {
        height: 115px;
        margin-top: -115px; } }
    @media screen and (min-width: 1200px) {
      #platform #items::before {
        height: 133px;
        margin-top: -133px; } }
  #platform #items li .item-inner {
    background-color: #1C3E58;
    list-style-type: none;
    height: 190px;
    border-radius: 31px;
    margin-bottom: 16px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #platform #items li:hover {
    opacity: 0.8; }
  #platform #items li .item-title {
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px; }
  #platform #items li img {
    max-width: 60px;
    margin-bottom: 30px; }
  #platform #intro {
    margin-top: 50px; }
    @media screen and (min-width: 1200px) {
      #platform #intro {
        margin-top: 72px; } }
    #platform #intro .bg-red {
      overflow: hidden; }
    #platform #intro .wrap {
      padding-top: 70px; }
      @media screen and (min-width: 768px) {
        #platform #intro .wrap {
          padding-top: 120px; } }
      @media screen and (min-width: 992px) {
        #platform #intro .wrap {
          padding-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        #platform #intro .wrap {
          padding-top: 180px;
          padding-bottom: 290px; } }
      #platform #intro .wrap h1 {
        color: #ffffff;
        margin-bottom: 36px;
        text-shadow: 0px 3px 6px #00000029; }
      #platform #intro .wrap p {
        color: #ffffff; }
      #platform #intro .wrap .background-image {
        background: url("../../images/platforms/intro_background.png") bottom right no-repeat;
        background-size: contain;
        width: 100%;
        height: 240px;
        margin-top: 25px;
        right: -240px; }
        @media screen and (min-width: 768px) {
          #platform #intro .wrap .background-image {
            background-position: center;
            margin-top: 60px;
            height: 400px; } }
        @media screen and (min-width: 1200px) {
          #platform #intro .wrap .background-image {
            background-position: bottom right;
            margin-top: 0px;
            top: 55px;
            height: 100%;
            position: absolute; } }