@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(../fonts/OpenSans.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/OpenSans-Bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #343638;
  background-color: #eef3f6; }

h1 {
  margin: 0;
  padding: 9px 0 20px;
  font-size: 31px;
  line-height: 1;
  font-weight: 700;
  color: #fff; }

h2 {
  margin: 0;
  padding: 14px 0;
  font-size: 23px;
  color: #0070b7;
  line-height: 1.2; }
  h2 .thinner {
    font-size: 22px;
    font-weight: 400; }

h3 {
  margin: 20px 0 13px;
  font-size: 24px;
  font-weight: 400;
  color: #13689f; }

p {
  margin: 15px 0;
  line-height: 1.3;
  font-size: 15px; }

a {
  text-decoration: none;
  color: #0070b7; }
  a:hover {
    text-decoration: underline; }

img {
  max-width: 100%;
  max-height: 100%; }

.text-center {
  text-align: center; }

.container {
  margin: auto;
  width: 960px;
  max-width: 100%; }

.link {
  padding: 7px 0; }
  .link a {
    text-decoration: none;
    color: #0070b7; }
    .link a:after {
      content: "";
      display: inline-block;
      padding-left: 2px;
      width: 12px;
      height: 10px;
      vertical-align: middle;
      background: url(../images/arrow-right.svg) no-repeat 50% 100%;
      background-size: contain; }
    .link a:hover {
      text-decoration: underline; }

.table {
  display: table;
  width: 100%; }

.table > * {
  display: table-cell; }

header {
  background-color: #7bb6de; }
  header .tip {
    border-top: 5px solid #008ae1;
    background-color: #0070b7; }
    header .tip .log {
      display: block;
      width: 280px;
      max-width: 100%;
      height: 41px;
      background: url(../images/gll-logo-landing.svg) no-repeat center;
      background-size: contain; }
  header .container {
    padding: 0 21px; }

.body {
  margin-top: -10px; }
  .body .container {
    margin-bottom: 18px;
    border: 1px solid #e9f0f4;
    border-top-color: #fff;
    background-color: #fff; }
    .body .container .title {
      display: table;
      position: relative;
      padding: 0 16px 0 21px;
      width: 100%;
      background-color: #ddedf8; }
      .body .container .title > * {
        display: table-cell; }
        @media (max-width: 525px) {
          .body .container .title > * {
            display: block; } }
      .body .container .title h2 {
        padding-right: 5px; }
        .body .container .title h2 + div {
          position: relative;
          top: -16px;
          vertical-align: top; }
          @media (max-width: 525px) {
            .body .container .title h2 + div {
              top: 0;
              max-width: 200px; } }
      .body .container .title .ratest-link {
        display: block;
        text-decoration: none; }
        .body .container .title .ratest-link + a {
          display: inline-block;
          position: relative;
          top: 6px; }
      .body .container .title .rates-cont {
        border-radius: 5px;
        color: #fff;
        background-color: #ed5454;
        overflow: hidden; }
        .body .container .title .rates-cont > div {
          padding: 6px 9px; }
        .body .container .title .rates-cont .top-cont {
          font-size: 15px;
          background-color: #dc3636; }
        .body .container .title .rates-cont .bottom-cont {
          font-size: 17px;
          font-weight: 700; }
      @media (max-width: 525px) {
        .body .container .title {
          display: block;
          margin-bottom: 120px; }
          .body .container .title h2 + div {
            position: absolute;
            top: 100%;
            margin-top: 17px; } }
    .body .container .content {
      padding: 0 16px 15px; }
      .body .container .content .table .col {
        border: 1px solid #fff;
        width: 50%;
        background-color: #fcefbb; }
        .body .container .content .table .col > div {
          padding: 7px 8px; }
        .body .container .content .table .col .head {
          font-size: 24px;
          color: #4b4938;
          background-color: #f7e085; }
        .body .container .content .table .col .description {
          min-height: 110px;
          color: #3c3a31; }
        @media (max-width: 580px) {
          .body .container .content .table .col {
            display: block;
            border-right: none;
            border-left: none;
            width: 100%; } }
      .body .container .content .table.soft-dev {
        display: table; }
        .body .container .content .table.soft-dev .col {
          display: table-cell;
          border: none;
          padding: 12px 10px 12px 14px;
          width: auto;
          background-color: #f7e0d0; }
          .body .container .content .table.soft-dev .col:first-child {
            width: 20%;
            font-weight: 700; }
      @media (max-width: 580px) {
        .body .container .content .table {
          display: block; } }
      .body .container .content .list-type-1 {
        margin: 16px 0;
        padding: 0 0 0 8px;
        list-style-type: none; }
        .body .container .content .list-type-1 li {
          line-height: 1.5; }
          .body .container .content .list-type-1 li:before {
            content: '';
            display: inline-block;
            margin-right: 10px;
            width: 15px;
            height: 15px;
            vertical-align: middle;
            background: url(../images/arrow-list.svg) no-repeat center;
            background-size: contain; }
  .body .featured-works {
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
    background: url(../images/featured-works-bg.jpg); }
    .body .featured-works .container {
      margin-bottom: 6px;
      border: none;
      padding: 0 15px;
      background: none; }
      .body .featured-works .container .table .col {
        border: 2px solid transparent;
        width: 33.33%;
        font-size: 1px; }
        .body .featured-works .container .table .col a {
          color: transparent; }
        .body .featured-works .container .table .col img {
          height: auto !important; }
        @media (max-width: 767px) {
          .body .featured-works .container .table .col {
            display: block;
            width: 100%;
            max-width: 366px; }
            .body .featured-works .container .table .col img {
              width: 378px !important; } }
      @media (max-width: 767px) {
        .body .featured-works .container .table {
          display: block; } }
  .body .contact-us {
    padding: 32px 20px;
    font-size: 20px;
    color: #0070b7;
    background-color: #ecf4f8; }
    .body .contact-us .container {
      border: none;
      background: none; }
      .body .contact-us .container a {
        color: inherit;
        text-decoration: none;
        white-space: nowrap; }
        .body .contact-us .container a:hover {
          text-decoration: underline; }

/*# sourceMappingURL=styles.css.map */
