body {
  background-color: #374245;
  font-family: 'Raleway', sans-serif; }
  body.no-scroll {
    overflow: hidden; }

h1, h2, h3, h4, h5 {
  margin: 0; }

h1 {
  font-size: 90px;
  font-weight: 800;
  line-height: 120px;
  letter-spacing: -1.3px;
  text-transform: uppercase; }

h2 {
  font-size: 80px;
  font-weight: 800;
  line-height: 72px;
  letter-spacing: -2.3px;
  text-transform: uppercase; }

h3 {
  font-size: 48px;
  font-weight: 800;
  line-height: 52px; }

h4 {
  font-size: 38px;
  font-weight: 800;
  line-height: 40px; }

h5 {
  font-size: 22px;
  font-weight: 400;
  line-height: 35px; }

p {
  font-size: 17px;
  font-weight: 800;
  line-height: 30px;
  margin: 0; }

a {
  color: inherit;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }

.col-white {
  color: #ffffff; }

.col-grey {
  color: #525F62; }

.w-1200 {
  width: 1200px; }

.w-1120 {
  width: 1120px; }

.w-700 {
  width: 700px; }

#header {
  background-image: url("../../img/header-bg.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 744px; }
  #header .content {
    margin: 0 auto;
    padding-top: 30px;
    position: relative; }
    #header .content .logo {
      margin: 0 auto;
      width: 200px; }
      #header .content .logo img {
        width: 100%;
        height: 100%; }
    #header .content .details {
      overflow: hidden;
      width: 100%;
      position: absolute;
      top: 40px;
      left: 0; }
      #header .content .details .left {
        float: left;
        text-align: left;
        width: 50%; }
      #header .content .details .right {
        float: right;
        text-align: right;
        width: 50%; }
        #header .content .details .right img {
          margin-left: 8px;
          width: 30px;
          height: 30px; }
    #header .content .title {
      float: left;
      margin-top: 62px;
      width: 100%; }
      #header .content .title .line {
        background-color: #ffffff;
        float: left;
        width: 160px;
        height: 1px; }
      #header .content .title .text {
        float: left;
        margin-top: 20px;
        text-align: left;
        width: 100%; }

#about {
  background-color: #ffffff;
  width: 100%;
  transform: skew(0, -10deg);
  -ms-transform: skew(0, -10deg);
  -webkit-transform: skew(0, -10deg);
  position: relative;
  margin-top: -9vw; }
  #about .content {
    padding: 9vw 0;
    transform: skew(0, 10deg);
    -ms-transform: skew(0, 10deg);
    -webkit-transform: skew(0, 10deg); }
  #about .content {
    margin: 0 auto; }
    #about .content .title {
      text-align: center;
      margin-bottom: 20px;
      opacity: 0.15; }
    #about .content .subtitle {
      margin-bottom: 46px; }
    #about .content .description {
      overflow: hidden;
      transition: all 0.5s; }
      #about .content .description.more {
        max-height: 0px; }
      #about .content .description.toggled {
        max-height: 500px;
        transition: all 0.5s; }
    #about .content .button {
      float: left;
      background-color: rgba(82, 95, 98, 0.1);
      border-radius: 3px;
      color: rgba(82, 95, 98, 0.8);
      font-size: 17px;
      font-weight: 700;
      line-height: 40px;
      text-align: center;
      margin-top: 20px;
      width: 120px;
      height: 40px; }
      #about .content .button:before {
        content: "See More"; }
      #about .content .button:hover {
        cursor: pointer;
        background-color: #525F62;
        color: #ffffff; }
      #about .content .button.toggled:before {
        content: "See Less"; }
      #about .content .button.hidden {
        display: none; }

#contact {
  background-color: #ffffff;
  width: 100%;
  transform: skew(0, -10deg);
  -ms-transform: skew(0, -10deg);
  -webkit-transform: skew(0, -10deg);
  position: relative;
  text-align: center;
  height: 100px;
  top: -1px;
  position: relative; }
  #contact .content {
    padding: 9vw 0;
    transform: skew(0, 10deg);
    -ms-transform: skew(0, 10deg);
    -webkit-transform: skew(0, 10deg); }
  #contact .content {
    text-align: center;
    padding-bottom: 0 !important;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    bottom: -30px; }
    #contact .content .button {
      background-color: #ffffff;
      border-radius: 3px;
      box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.08);
      color: #525F62;
      font-size: 22px;
      font-weight: 700;
      line-height: 80px;
      text-align: center;
      margin: 0 auto;
      width: 320px;
      height: 80px;
      transition: all 0.2s; }
      #contact .content .button:hover {
        cursor: pointer;
        box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2);
        transition: all 0.2s; }
      #contact .content .button a {
        display: block;
        text-decoration: none; }

#footer {
  margin-top: 140px;
  margin-bottom: 80px; }
  #footer .content {
    margin: 0 auto;
    position: relative; }
    #footer .content .logo {
      opacity: 0.3;
      margin: 0 auto;
      width: 100px;
      height: 101px; }
      #footer .content .logo img {
        width: 100%;
        height: 100%; }
    #footer .content .details {
      font-size: 13px;
      line-height: 25px;
      opacity: 0.7;
      width: 100%;
      position: absolute;
      top: 25px;
      left: 0; }
      #footer .content .details .left {
        float: left;
        box-sizing: border-box;
        text-align: right;
        padding-right: 100px;
        width: 50%; }
      #footer .content .details .right {
        float: left;
        box-sizing: border-box;
        text-align: left;
        padding-left: 100px;
        width: 50%; }
    #footer .content .social {
      margin: 0 auto;
      margin-top: 50px;
      overflow: hidden;
      width: 70px; }
      #footer .content .social img {
        opacity: 0.3;
        width: 30px;
        height: 30px;
        transition: all 0.2s; }
        #footer .content .social img.left {
          float: left; }
        #footer .content .social img.right {
          float: right; }
        #footer .content .social img:hover {
          opacity: 1;
          transition: all 0.2s; }

@media screen and (min-width: 2800px) {
  #header {
    height: 850px; }

  #about .content {
    padding: 4vw 0; }

  #contact {
    top: -3px; } }
@media screen and (max-width: 1300px) {
  #header {
    background-size: 1524px auto;
    background-position: left top; } }
@media screen and (max-width: 1280px) {
  .w-1200 {
    width: 93%; }

  .w-1120 {
    width: 87%; } }
@media screen and (max-width: 750px) {
  .w-1200, .w-1120, .w-700 {
    width: 88%; } }
@media screen and (max-width: 600px) {
  h1 {
    font-size: 45px;
    line-height: 56px; }

  h2 {
    font-size: 40px;
    line-height: 36px; }

  h3 {
    font-size: 24px;
    line-height: 32px; }

  h4 {
    font-size: 16px;
    line-height: 24px; }

  h5 {
    font-size: 15px;
    line-height: 30px; }

  p {
    font-size: 13px;
    line-height: 22px; }

  a:hover {
    text-decoration: underline; }

  #header {
    height: 635px;
    background-size: 1100px;
    background-position: 40% top; }
    #header .content {
      padding-top: 20px; }
      #header .content .logo {
        margin: 0 auto;
        width: 149px; }
      #header .content .details {
        margin-top: 40px;
        position: initial; }
        #header .content .details .left {
          width: 100%; }
          #header .content .details .left p {
            font-size: 17px;
            line-height: 30px; }
        #header .content .details .right {
          float: left;
          text-align: left;
          margin-top: 30px;
          width: 100%; }
          #header .content .details .right img {
            margin-left: 0;
            margin-right: 8px; }
      #header .content .title {
        margin-top: 44px; }

  #about {
    background-color: #ffffff;
    width: 100%;
    transform: skew(0, -18deg);
    -ms-transform: skew(0, -18deg);
    -webkit-transform: skew(0, -18deg);
    position: relative;
    padding-top: 40px;
    margin-top: -17vw; }
    #about .content {
      padding: 17vw 0;
      transform: skew(0, 18deg);
      -ms-transform: skew(0, 18deg);
      -webkit-transform: skew(0, 18deg); }
    #about .content .subtitle {
      margin-bottom: 20px; }
    #about .content .button {
      font-size: 13px;
      margin-top: 30px; }
      #about .content .button:hover {
        background-color: rgba(82, 95, 98, 0.1);
        color: #525F62; }

  #contact {
    background-color: #ffffff;
    width: 100%;
    transform: skew(0, -18deg);
    -ms-transform: skew(0, -18deg);
    -webkit-transform: skew(0, -18deg);
    position: relative;
    height: auto; }
    #contact .content {
      padding: 17vw 0;
      transform: skew(0, 18deg);
      -ms-transform: skew(0, 18deg);
      -webkit-transform: skew(0, 18deg); }
    #contact .content .subtitle {
      margin-top: 0;
      margin-bottom: 30px; }
    #contact .content .button {
      font-size: 13px;
      line-height: 56px;
      width: 240px;
      height: 56px; }
      #contact .content .button:hover {
        box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.08); }

  #footer {
    margin-top: 100px; }
    #footer .content .details {
      margin-top: 30px;
      position: initial; }
      #footer .content .details .left, #footer .content .details .right {
        text-align: center;
        padding: 0;
        margin-bottom: 30px;
        width: 100%; }
    #footer .content .social {
      margin-top: 10px; }
      #footer .content .social img:hover {
        opacity: 0.3;
        transition: none; } }

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