@media screen and (max-width: 599px) {
  .row > .col-xs-hidden, .row > .col-hidden, .column > .col-xs-hidden,
  .column > .col-hidden, .flex > .col-xs-hidden, .flex > .col-hidden {
    display: none;   }
    body {
      overflow-x: auto;   }
}

@media screen and (max-width: 1023px) {
  .row > .col-sm-hidden, .column > .col-sm-hidden, .flex > .col-sm-hidden,
  .sm-hide {
    display: none;   }
}

@media screen and (max-width: 1439px) {
  .row > .col-md-hidden, .column > .col-md-hidden, .flex > .col-md-hidden,
  .md-hide {
    display: none;   }
}

@media screen and (max-width: 1023px) {
  .sm-show {
    display: block !important;   }
}

@media screen and (max-width: 1439px) {
  .md-show {
    display: block !important;   }
}

@font-face {
  font-family: PTRootUI;
  src: url("../../fonts/PT Root UI_Regular/PT Root UI_Regular.ttf"),
    url("../../fonts/PT Root UI_Regular/PT Root UI_Regular.woff"),
    url("../../fonts/PT Root UI_Regular/PT Root UI_Regular.eot"); }

  .subtitle {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1.6px;
    text-transform: uppercase; }

    html {
      height: 100%; }

      body {
        font-size: 18px;
        font-family: PTRootUI;
        overflow-x: hidden;
        background: #eeeeee;
        height: 100%; }

        .decor-block-gray {
          position: absolute;
          top: 0;
          left: 0;
          background: #eeeeee;
          height: 15px;
          width: 100%;
          z-index: 10; }

          .master-nav {
            font-size: 16px;
            max-width: 1920px;
            height: 100px;
            margin: 0 auto; }
            .master-nav .decor-block-green {
              background: #fff;
              height: 85px;
              position: absolute;
              left: 0;
              width: 50%;
              z-index: 2;
              border-left: 1rem solid #00c853;
              margin-top: 15px; }
              .master-nav .menu-row {
                height: 100%;
                z-index: 10;
                position: relative;
                border-top: 15px solid #eee;
                border-right: 1px solid #eeeeee; }
                .master-nav .menu-col {
                  background: #fff; }
                  .master-nav .bg-color {
                    background: #eeeeee; }
                    .master-nav .logo-wrap {
                      height: 100%;
                      display: flex;
                      flex-wrap: nowrap;
                      align-items: center; }
                      .master-nav .logo-wrap .menu-logo {
                        max-width: 12.5rem;
                        width: 100%; }
            .master-nav .header-menu {
              height: 100%;
              text-transform: uppercase;
              font-weight: bold;
              display: flex;
              flex-wrap: nowrap;
              align-items: center;
              justify-content: flex-end;
              margin-right: 2rem; }
              .master-nav .header-menu div {
                min-width: 2rem;
                text-align: center;
                line-height: 75px;
                margin-left: 1.5rem; }
                .master-nav .header-menu div a {
                  color: #666666;
                  text-decoration: none;
                  padding: 1rem 0.8rem;
                  transition: 0.5s; }
                  .master-nav .header-menu div a:hover {
                    background: #d7f5e4; }
              .master-nav .header-menu i {
                font-size: 1.4rem;
                vertical-align: sub; }
                .master-nav .header-menu .selected {
                  border-top: 4px solid #666666;
                  margin-top: -4px; }
            .master-nav .header-menu-mob {
              text-align: right; }

.item-a {
  color: #000;
  text-decoration: none;
  font-size: 1.25rem; }