html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Roboto';
  src: url(54a91b0619ccf9373d525109268219dc.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'RobotoCondensed';
  src: url(e6fd95f0cb839566476ec9b6df34849c.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'RobotoCondensedBold';
  src: url(7ff4438405bfb9fe87b606ca356ba6a0.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

html,
body {
  background-color: #061a1f;
  background-image: url(steam_bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%; }
  @media all and (max-width: 690px) {
    html,
    body {
      background-image: url(steam_bg_300.jpg); }
      html .main-content,
      body .main-content {
        width: 360px; }
        html .main-content .content,
        body .main-content .content {
          padding: 250px 20px 20px 20px;
          height: auto; }
          html .main-content .content._padding,
          body .main-content .content._padding {
            padding-top: 250px; }
          html .main-content .content__title,
          body .main-content .content__title {
            font-size: 22px; }
          html .main-content .content__regions,
          body .main-content .content__regions {
            max-width: 485px;
            -ms-flex-direction: column;
                flex-direction: column; }
            html .main-content .content__regions__list,
            body .main-content .content__regions__list {
              -ms-flex-align: center;
                  -ms-grid-row-align: center;
                  align-items: center; }
              html .main-content .content__regions__list._active,
              body .main-content .content__regions__list._active {
                border-right: 0;
                padding-right: 0; }
            html .main-content .content__regions .region,
            body .main-content .content__regions .region {
              padding-left: 0; }
            html .main-content .content__regions .languages,
            body .main-content .content__regions .languages {
              font-size: 16px;
              height: auto;
              -ms-flex-align: center;
                  -ms-grid-row-align: center;
                  align-items: center;
              padding: 0; }
        html .main-content .footer,
        body .main-content .footer {
          margin-bottom: 10px; } }
  @media all and (min-width: 691px) and (max-width: 990px) {
    html,
    body {
      background-image: url(steam_bg_600.jpg); }
      html .main-content .content,
      body .main-content .content {
        padding: 250px 30px 20px 30px; }
        html .main-content .content._padding,
        body .main-content .content._padding {
          padding-top: 250px; }
      html .main-content .footer,
      body .main-content .footer {
        margin-bottom: 20px; } }

.main-content {
  height: 100%;
  width: 690px;
  margin: auto;
  color: #fff; }
  .main-content .content {
    font-family: RobotoCondensed, "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    padding: 360px 10px 30px 10px;
    height: 100%; }
    .main-content .content__wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: 100%; }
    .main-content .content._padding {
      padding-top: 460px; }
    .main-content .content__title {
      margin-bottom: 26px;
      padding-bottom: 20px;
      position: relative;
      text-align: center;
      font-weight: bold; }
      .main-content .content__title::after {
        content: '';
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 51.36%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.3;
        bottom: 0; }
    .main-content .content__regions {
      font-family: RobotoCondensed, "Arial Narrow", Arial, sans-serif;
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: 172px;
          flex-basis: 172px;
      min-height: 190px;
      -ms-flex-pack: center;
          justify-content: center; }
      .main-content .content__regions__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        min-width: 160px;
        -ms-flex-align: start;
            align-items: flex-start;
        padding-top: 12px; }
        .main-content .content__regions__list._active {
          padding-right: 26px;
          border-right: 1px solid rgba(255, 255, 255, 0.2); }
        .main-content .content__regions__list:not(._active) {
          -ms-flex-align: center;
              -ms-grid-row-align: center;
              align-items: center; }
          .main-content .content__regions__list:not(._active)._shadow .region {
            opacity: 0.54; }
          .main-content .content__regions__list:not(._active) .region {
            opacity: 1; }
            .main-content .content__regions__list:not(._active) .region:hover::before {
              opacity: 1; }
      .main-content .content__regions .region {
        margin-bottom: 16px;
        opacity: 0.54;
        position: relative;
        transition: opacity 0.3s;
        border-bottom: 1px dashed rgba(255, 255, 255, 0); }
        .main-content .content__regions .region:hover {
          cursor: pointer;
          opacity: 1;
          border-bottom-color: rgba(255, 255, 255, 0.77); }
        .main-content .content__regions .region._shadow {
          opacity: 0.54; }
        .main-content .content__regions .region._hovered {
          opacity: 1 !important; }
        .main-content .content__regions .region._selected {
          opacity: 1;
          border-bottom-color: rgba(255, 255, 255, 0.77); }
          .main-content .content__regions .region._selected::before {
            opacity: 1; }
        .main-content .content__regions .region::before {
          content: '';
          display: block;
          position: absolute;
          left: -14px;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8SURBVHgBxZDBCQAwCANDJ+n+SziKo6QV8rRF/HggPnKoCJL7lkVHhsLAU0kTfFBaqPJd0Q8lWOXy56sPrFeu02enLUgAAAAASUVORK5CYII=);
          width: 7.4px;
          height: 100%;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          opacity: 0; }
        .main-content .content__regions .region label {
          letter-spacing: 0.03em; }
      .main-content .content__regions__languages {
        width: 0;
        opacity: 0;
        transition: all 0.5s, opacity 0.5s 0.3s; }
        .main-content .content__regions__languages._active {
          width: 100%;
          opacity: 1; }
        .main-content .content__regions__languages .languages {
          font-family: Roboto, "Arial Narrow", Arial, sans-serif;
          color: #999;
          font-size: 14px;
          height: 170px;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-align: start;
              align-items: flex-start;
          -ms-flex-direction: column;
              flex-direction: column;
          padding-left: 16px;
          padding-top: 10px;
          padding-bottom: 10px;
          padding-right: 0px; }
          .main-content .content__regions__languages .languages ._icon-en-us:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAAA4klEQVQYlY3KPU7DMBQA4PfqvyRQp4DVBcHCxlAGQAyMDJ26oB6I64AQEgfgBgw9AGLowER+UFKndls/1mbzN384nz+VRaN1xgXb7UJdNcaMCOj+92vCLOzhFGg8zofDrKpbY3LB2cFh6t3mdDa9nJz1qrVO62y99p11aSIRsbPOOd9+L0tf9qoQHBGE4EJwpaRzG5VIItquVr7a9ipjSAQEgAMMIQAAAiDCyd31+e1Fr2rFyqIe+DRPpPtrbN2mJlcIP89vi9duv2LxuYA4fPnyHlvl0Si2Ht9cRVb8eHiMrP/3A1bAfbK22QAAAABJRU5ErkJggg==); }
          .main-content .content__regions__languages .languages ._icon-pt-br:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAABC0lEQVQYlWNkmOfJQBxgwhTiZP7LyfyXsFJb8ffn/I9eCTziIvUWp1IBtt8Tza+Ff/znE5HsHp4c9PHfIrtLwuy/0ZX6yr66EnjEgkH40LU8AwNzflHN7GYvje//rwYejlN5ClHDzOCvmq35cLHdJT7WP9sPynbOFLp5+72gIIensyIv5ytrreuB8i/f/GQ7/UaAiYGBYep1eb89xk+/cehrPGVnY2ZgYLh16/3ajbd1lG6//M4ef1hv6nV5BgYGRnhgCbD9bjS8zXpZrG+hBTMTY3HiSQ6DJ4UnNd/+ZIUoYEQLV1vx97OsL7Mx/U8/prPnmTCyFLpSSLgyMDB8/8uMJs6CGdSYiiAAAFNNXyT40G06AAAAAElFTkSuQmCC); }
          .main-content .content__regions__languages .languages ._icon-es-mx:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQYlWNkyHBngIFgQ5s1aTVw7v2EvA+bdsK5TAxEA8qU/v///++f34SV/vv3Z8v8iXmuBu9fvSCg9N27V3/5BRR1DD99eokmxYLG5+RkZVPXkpSSFZaQfo1fKTe3qJe2yD8GBiZGRgJKGRgYGBgZsYYLbcIVANRoIVOayruGAAAAAElFTkSuQmCC); }
          .main-content .content__regions__languages .languages ._icon-cs:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABmJLR0QA/wD/AP+gvaeTAAAAyElEQVQokWMobdv///Xbb/9JBcwMAq4NW/fdZeDlYWfQUBZiIBYwMTAwMHz++ouha+ZJhtL2Awyv330jXiMMHDv7lCGmcCvDxt13SNPIwMDA8AVqe0nbfoZXb3HbzmgVvOQ/Lkkh5l8/ZghfPsvP/OcPuhwLLk0mn24xZD/awsH5+5P1LyzyGBq5//5gSHi6h8Hj7RmczsTQaPrpNkP2o00Mwr8/49UE18jz5ztD/LO9BG1B0Wj94RpD5uOtDPx/vhKtiYGBgQEAbJd6z82SNwcAAAAASUVORK5CYII=); }
          .main-content .content__regions__languages .languages ._icon-de:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABmJLR0QA/wD/AP+gvaeTAAAAMklEQVQokWNkZGT8z0AGYCJHE0UaWaJ5+U6To5HxrZLKEPEj49+9rBfJ0vj/OsMQ8SMAUNQJ74nT474AAAAASUVORK5CYII=); }
          .main-content .content__regions__languages .languages ._icon-en-eu:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAABiElEQVQYlW3LTSgEYRzH8f8z8zwzO2vNKGuzrAMi7CYOCuWkJK8XOTigXKh1EwcXJ2cXB8kRkVoHjmrjQFJWtIW8tmHbxoyd3Z0XZh4HEeVz+9bvhwYG5l5lTRTdmLC27aiK5vUWUKCtyat6JgvfjgKNmDrU55Py892KmvF6JYLZPI9gme8lPR21oVIA0HjPyMqFdfuIczlTFN2GYek5U3BxCCE9Z5qmpSee3kB7TGUWLz5Ge5ucriBDCEYICMGEYJ7nKKUcTziO2LrxFKh+CTYvLE3c6kz0NIFZFlEKFAAxyHEcAEAALh5X+jwVxwdVABDbCwMAABY5VpZVZAqiizNULatmfMVS/31M2onL8AdSz+O/m0ln74bG7bRWODz4dwn4YT3yE89MXkNnm53WAABmpuaXD7rbqlpD/q3V/ZhKGSKJRBJZv386WdoZUQzT/rqllOzS5knf5Hr7+JpQHmgpE7AUqrlLKOGN61jSgv+cXb6MzG7XVRbh6O7x2KFtWPa/ux/xm9QnUIyhTnmmXRkAAAAASUVORK5CYII=); }
          .main-content .content__regions__languages .languages ._icon-es:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWM8xi3HQBxgIlIdAwMDC7fqLyKVMv4/QqypJDhgwJUyXncWJVIpy/sTnNR3AAAWhAbjAumszQAAAABJRU5ErkJggg==); }
          .main-content .content__regions__languages .languages ._icon-fr:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABmJLR0QA/wD/AP+gvaeTAAAALUlEQVQokWMU1wz+z4AEIgIdT09ozTZFFrvu4HHpx8OHeshiTAxkglGNI1wjALYSCiuAF1pQAAAAAElFTkSuQmCC); }
          .main-content .content__regions__languages .languages ._icon-it:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABmJLR0QA/wD/AP+gvaeTAAAALUlEQVQokWMM2uHxnwEJiHCInp5pv8gUWex7/4RL36dM1UMWY2IgE4xqHOEaAQdtCkia78FwAAAAAElFTkSuQmCC); }
          .main-content .content__regions__languages .languages ._icon-pl:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABmJLR0QA/wD/AP+gvaeTAAAAJUlEQVQokWP8////fwYyABM5moaYRsbPObkHyNL4VkllNFRxAAChFwjOPmP+3wAAAABJRU5ErkJggg==); }
          .main-content .content__regions__languages .languages ._icon-tr:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAAAmklEQVQYlWM8p6DBQBxgIlIdaUpZ4CzhiFBuA/3Px45/3LX3348fOJXyuzoLhwbdjoz//+sXIzMzm7TUnzdv//38icUBPGYmn/Yf/P/rFwMDAyMLi3RtpUh0OHa3fj17jtfehpGFhYGB4f+fP8/aut6sWI2mlDldQISBgeHHnXvMnJzCkWFMHBw/Hzz68/bd/99/0JQyDnS4AgDqlzXa6cCaswAAAABJRU5ErkJggg==); }
          .main-content .content__regions__languages .languages ._icon-ru:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABmJLR0QA/wD/AP+gvaeTAAAAM0lEQVQokWP8////fwYyABM5mijSyLJt373T5GhktApeMkT8yHhZ0/wiWRrfKqkMET8CAPVWDZRPQatYAAAAAElFTkSuQmCC); }
          .main-content .content__regions__languages .languages ._icon-en-sg:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAABiElEQVQYlW3LTSgEYRzH8f8z8zwzO2vNKGuzrAMi7CYOCuWkJK8XOTigXKh1EwcXJ2cXB8kRkVoHjmrjQFJWtIW8tmHbxoyd3Z0XZh4HEeVz+9bvhwYG5l5lTRTdmLC27aiK5vUWUKCtyat6JgvfjgKNmDrU55Py892KmvF6JYLZPI9gme8lPR21oVIA0HjPyMqFdfuIczlTFN2GYek5U3BxCCE9Z5qmpSee3kB7TGUWLz5Ge5ucriBDCEYICMGEYJ7nKKUcTziO2LrxFKh+CTYvLE3c6kz0NIFZFlEKFAAxyHEcAEAALh5X+jwVxwdVABDbCwMAABY5VpZVZAqiizNULatmfMVS/31M2onL8AdSz+O/m0ln74bG7bRWODz4dwn4YT3yE89MXkNnm53WAABmpuaXD7rbqlpD/q3V/ZhKGSKJRBJZv386WdoZUQzT/rqllOzS5knf5Hr7+JpQHmgpE7AUqrlLKOGN61jSgv+cXb6MzG7XVRbh6O7x2KFtWPa/ux/xm9QnUIyhTnmmXRkAAAAASUVORK5CYII=); }
          .main-content .content__regions__languages .languages ._icon-ja:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAAAiUlEQVQYlWP8//8/A3GAiUh1DAwMLOgCf/78uXKVgYGBRUebgQVV9j8S+Pvq1Qc3j7dKKm+VVD64e/59/RpZFsUB3ydP+XvnDoT99/btH1Om4nQrXB3ULbdu4VTKrKqK4g91dZxKOXNz4KqZ1dQ4crKRZRnRw/XPnz9XrzFAQoCZGa9S3ICEKAAAyQ1IA8t7BEAAAAAASUVORK5CYII=); }
          .main-content .content__regions__languages .languages ._icon-ko:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAABG0lEQVQYlWP8//8/A3GACc76+vUrpvTPnz/RlV64cKGlpeX8+fPI6q5cuTJ58uQbN26gKN2yZQsLC4umpubvkyc/J6V8Tk79c/KUrKwsAwPD9u3bIWoYIW79+vXrgwcPVETEvrk4///2/TcjMwsnh9DBfdeePxcVFRUTE2NgYGCB6ODm5tbW1j695gDvH3ZGNrYytSSm//8XXL2pbWsJdw9U6ffv3x88eKBgrBapmfWbkeUPIxP7/z+Mikpnz56Vl5cXERFBuHXChAmbNm3iEuPvilbSZfuox/KhM1LxLzfbmTNnFi5cCDX2////////v3r1anV19cmTJ/8jgfPnz3d2dt65cwfCZYBLfPr06T8G+PbtG5zNSHxsAQA7Hq25ViDhKAAAAABJRU5ErkJggg==); }
          .main-content .content__regions__languages .languages ._icon-th:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAAARElEQVQYlWN8o6TOQBxgYdHRJlIp4////4k1dd+e08SaqiLrT6RSJiLVkaaUcfnSncQqJT4EGN9Z2hKplOXfy1dEKgUA1OYQsIRpvRAAAAAASUVORK5CYII=); }
          .main-content .content__regions__languages .languages ._icon-zh-tw:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAABmJLR0QA/wD/AP+gvaeTAAABMklEQVQYlWN8q6DCQBxgQrBkZdh8vJnkZJnkZBnY2Ni8PNGUssAUMnHm5vx78YJJRprh2/d/z56xBwUwqygz8vP/mDHr3+vXCKWMnJwMzEyM/HzMmhoM//79//T5z+Ur/798+X3wEEQdwgH/f/xg+Pnz/9t3/+7fZ/j27cfMWYzs7KwO9n8uXYY7gLlcQIiBgYHh////L1/9uXiJSVKSSU6OiZ//3+PHv48c48zL+XPqNMOPHyje+nPlKquVFYux0c8ly5hERf//+fv76LGvRaX/339ADwE2L08GRkYmAQGuhrq/9+6xaGnw79jK5uaKEQIMDH8uXGQPCvixeOn/Hz8YGBj+3rj5/+On/3/+YChlZGRzcfq5bsO/Z89YdHUYGBj+XL7y9/59VkdHuFJG4mMLAATvfHZjAf/0AAAAAElFTkSuQmCC); }
          .main-content .content__regions__languages .languages ._icon-zh-sg:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABmJLR0QA/wD/AP+gvaeTAAAAnElEQVQokdXOzQoBURyG8eccc2yMnSZKskVjIZvZ2rg0ezejlCgp2Vgo4QIkzI5J5uPvBtTR7Lzr51evCluBAKiyS6HZINkfIU2xTQNor4I7HpGdL5igD8b8BovDAfFyjdPtEK82mJ6Pckt2mN1CdNUjOZzQ9RqSCfJ42uF7OkeiCMdvI9c7yXZnvapek9nCWn2DIiJ5oM6D/gx+AN7rMJYJjkIdAAAAAElFTkSuQmCC); }
          .main-content .content__regions__languages .languages > li {
            padding: 6px 0;
            height: 22px; }
            .main-content .content__regions__languages .languages > li a {
              color: #999;
              text-decoration: none;
              transition: color 0.3s; }
              .main-content .content__regions__languages .languages > li a:hover {
                color: #fff;
                border-bottom: 1px solid #999; }
              .main-content .content__regions__languages .languages > li a._active {
                color: #fff;
                font-family: RobotoCondensedBold, "Arial Narrow", Arial, sans-serif;
                font-size: 15px; }
            .main-content .content__regions__languages .languages > li:before {
              content: '';
              display: inline-block;
              width: 12px;
              height: 9px;
              background-position: center;
              background-repeat: no-repeat;
              padding-right: 18px;
              background-size: contain; }
    .main-content .content .transition {
      font-family: RobotoCondensedBold, "Arial Narrow", Arial, sans-serif;
      font-size: 18px;
      color: #fff;
      text-transform: uppercase;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .main-content .content .transition__title {
        letter-spacing: 0.03em; }
      .main-content .content .transition__subtitle {
        font-size: 13px;
        text-transform: none;
        font-family: RobotoCondensed, "Arial Narrow", Arial, sans-serif;
        margin: 14px 0; }
      .main-content .content .transition__button {
        margin: 0 0 35px 0;
        padding: 11px 50px;
        color: #fff;
        background: linear-gradient(to bottom, #ffcc33, #ff6600);
        text-decoration: none;
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.56);
        letter-spacing: 0.03em; }
        .main-content .content .transition__button:hover {
          background: #ffcc33; }
  .main-content .footer {
    display: -ms-flexbox;
    display: flex;
    color: #999;
    font-family: Roboto, "Arial Narrow", Arial, sans-serif;
    font-size: 15px;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-bottom: 30px;
    text-align: center; }