@font-face {
  font-family: proxima;
  src: url("../fonts/proxima.eot");
  src: url("../fonts/proxima.eot#iefix") format("embedded-opentype"), url("../fonts/proxima.woff2") format("woff2"), url("../fonts/proxima.woff") format("woff"), url("../fonts/proxima.ttf") format("truetype"), url("../fonts/proxima.svg#proxima") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima-bold';
  src: url("../fonts/proxima-bold.eot");
  src: url("../fonts/proxima-bold.eot#iefix") format("embedded-opentype"), url("../fonts/proxima-bold.woff2") format("woff2"), url("../fonts/proxima-bold.woff") format("woff"), url("../fonts/proxima-bold.ttf") format("truetype"), url("../fonts/proxima-bold.svg#proxima-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

body,
html {
  font-family: proxima, serif;
  background: #fff;
  margin: 0;
  padding: 0;
  height: 100%; }

*,
*:before,
*:after {
  box-sizing: border-box; }

.cf:before,
.cf:after {
  content: '';
  display: table; }

.cf:after {
  clear: both; }

h1, h2,
h3, h4,
h5, h6,
ul,
p {
  margin: 0;
  padding: 0; }

ul li {
  list-style: none; }

a {
  text-decoration: none;
  color: black; }

pre {
  background: #f8f8f8;
  padding: 20px;
  text-align: left;
  margin: 20px 0; }

img {
  display: block; }

.container,
.container-small,
.container-xsmall {
  margin: 0 auto;
  width: 96%; }

.container {
  max-width: 1100px; }

.container-small {
  max-width: 1000px; }

.container-xsmall {
  max-width: 800px; }

.btn {
  display: inline-block;
  border-radius: 2px;
  padding: 10px 20px;
  font-size: 15px;
  color: #fff;
  background: #009aae;
  -webkit-transition: background .3s;
  transition: background .3s; }
  .btn.outline {
    background: none;
    border: 1px solid #009aae;
    color: #006d7b; }
    .btn.outline:hover {
      color: #fff; }
  .btn:hover {
    background: #008395; }

.top-menu {
  background: #fff;
  padding: 20px 0; }
  .top-menu .logo {
    float: left; }
  .top-menu ul {
    float: right;
    margin: 10px 0; }
  .top-menu li {
    display: inline-block; }
    .top-menu li:not(:last-child) {
      margin-right: 20px; }
  .top-menu a {
    font-size: 15px;
    color: #707070; }
  .top-menu .btn {
    color: #fff; }

header {
  background: url("../img/header-bg.png") no-repeat bottom center #f8f8f8;
  min-height: 700px;
  text-align: center; }
  header h1 {
    padding: 70px 0 40px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 45px;
    font-weight: normal;
    color: #707070; }
  header .btn {
    margin-bottom: 70px;
    font-size: 18px;
    padding: 15px 30px; }
    header .btn + .btn {
      margin-left: 5px; }

.section-menu {
  border-bottom: 2px solid #eaeaea;
  text-align: center; }
  .section-menu li {
    display: inline-block; }
  .section-menu a {
    position: relative;
    display: inline-block;
    padding: 30px 20px; }
    .section-menu a.active {
      font-family: 'proxima-bold'; }
      .section-menu a.active:before {
        content: '';
        width: 100%;
        background: #47bbb3;
        height: 2px;
        position: absolute;
        bottom: -2px;
        left: 50%;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%); }

section {
  padding: 60px 0 30px; }
  section + section {
    padding-top: 30px; }
  section h2 {
    font-family: 'proxima-bold';
    margin-bottom: 40px; }
  section h3 {
    font-family: 'proxima-bold';
    margin-bottom: 25px; }
  section p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 10px; }
  section ul {
    margin-left: 40px; }
  section li {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 20px;
    position: relative; }
    section li:before {
      content: '';
      color: #47bbb3;
      position: absolute;
      margin-left: 3px;
      margin-top: 4px;
      width: 14px;
      height: 8px;
      border-bottom: solid 3px currentColor;
      border-left: solid 3px currentColor;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      left: -40px; }

[class^='split-content-'] {
  float: left; }

.split-content-left {
  margin-right: 3%;
  width: 42%; }

.split-content-right {
  margin-left: 3%;
  width: 42%; }

.testimonials {
  background: #2c3e51;
  padding: 70px 0;
  text-align: center; }
  .testimonials h2 {
    color: #fff; }
  .testimonials p {
    position: relative;
    color: #eaeaea;
    text-align: left; }
    .testimonials p:before, .testimonials p:after {
      content: '';
      width: 31px;
      height: 23px;
      position: absolute; }
    .testimonials p:before {
      background: url("../img/quote-open.png") no-repeat;
      left: -50px;
      top: -20px; }
    .testimonials p:after {
      background: url("../img/quote-close.png") no-repeat;
      right: -50px;
      bottom: -20px; }
  .testimonials .avatar {
    margin: 50px 0 10px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    border: 5px solid #40bbb4;
    background: #fff; }
  .testimonials span,
  .testimonials em {
    display: block; }
  .testimonials span {
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px; }
  .testimonials em {
    font-style: normal;
    color: #999; }

footer p {
  float: left;
  padding: 20px; }

footer ul {
  float: right; }

footer li {
  display: inline-block; }
  footer li a {
    color: #999;
    padding: 20px;
    display: inline-block; }
