.navbar.navbar-default {
  border: none;
  box-shadow: none; }
  .navbar.navbar-default .navbar-collapse {
    border: none;
    box-shadow: none; }

.navbar-default .container-fluid {
  background-color: #87509c; }
  .navbar-default .container-fluid img {
    height: 35px;
    width: auto;
    margin: 10px 0 10px 10px; }

.navbar-default .navbar-nav > li > a {
  font-family: "Titillium Web", sans-serif;
  color: white;
  font-size: 16px;
  padding: 7px 10px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 5px;
  border-radius: 4px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s; }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #643a79;
    -webkit-transition: background-color 0.8s;
    transition: background-color 0.5s; }

.navbar-default .navbar-toggle {
  background-color: #643a79;
  margin-right: 15px;
  border: none;
  border-radius: 70%;
  color: white;
  height: 44px;
  width: 42px; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #5a336e; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: white; }

@media screen and (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
    background-color: #292F46;
    border-top: 0.001em solid #331f3d;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    padding: 7px 30px; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      background-color: #87509c;
      border-radius: 0;
      color: white; } }
.section1 {
  height: 600px;
  background-color: #87509c; }
  .section1 h1 {
    font-family: "Titillium Web", sans-serif;
    font-size: 42px;
    font-weight: 700;
    margin-top: 200px;
    margin-bottom: 80px;
    line-height: 60px; }

.btn-work {
  font-size: 18px;
  background-color: #eb7d4b;
  border-bottom: 3px solid;
  border-radius: 8px;
  border-color: #c86a40;
  color: white;
  width: 280px;
  padding: 23px 45px;
  -webkit-transition: background-color 0.8s;
  transition: background-color 0.8s; }
  .btn-work:hover {
    background-color: #c86a40;
    color: white;
    -webkit-transition: background-color 0.8s;
    transition: background-color 0.8s; }
  .btn-work:focus {
    color: white; }

.lines {
  display: block;
  margin: 0 auto;
  width: 85px;
  height: 5px;
  background-color: #c8d9e5; }

@media screen and (max-width: 756px) {
  .section1 h1 {
    font-size: 32px; } }
@media screen and (max-width: 579px) {
  .section1 h1 {
    font-size: 28;
    margin-bottom: 30px;
    margin-top: 120px; } }
.section2 {
  min-height: 700px;
  background-color: #17c2a4; }
  .section2 h1 {
    font-weight: 700;
    margin-top: 75px;
    margin-bottom: 15px;
    letter-spacing: 3px; }
  .section2 p {
    font-size: 18px;
    margin-bottom: 65px;
    margin-top: 20px; }
  .section2 h3 {
    font-weight: bold;
    margin-top: 50px; }
  .section2 .lines {
    background-color: #14A58C;
    margin-bottom: 30px; }

.section3 {
  min-height: 915px;
  background-color: #e7f1f8; }
  .section3 img {
    margin-bottom: 40px; }
  .section3 h1 {
    color: #3c4761;
    letter-spacing: 5px;
    font-weight: bold;
    margin-top: 75px;
    margin-bottom: 15px; }
  .section3 h3 {
    color: #3c4761;
    font-weight: 700;
    letter-spacing: 2px; }
  .section3 h4 {
    color: #30bae7; }
  .section3 p {
    font-size: 18px;
    color: #3c4761; }
  .section3 .lines {
    margin-top: 20px;
    margin-bottom: 30px; }

#sec-3-p1 {
  margin-bottom: 100px;
  font-weight: 600; }

@media screen and (max-width: 991px) {
  #sec-3-p1 {
    margin-bottom: 35px; }

  .section3 {
    min-height: 2100px; }
    .section3 h1 {
      margin-top: 55px; } }
.section4 {
  min-height: 650px;
  background-color: white; }
  .section4 .lines {
    margin-top: 20px;
    margin-bottom: 30px; }
  .section4 h1 {
    color: #3c4761;
    font-weight: bold;
    letter-spacing: 5px;
    margin-top: 75px;
    margin-bottom: 35px; }
  .section4 h3 {
    color: #3c4761;
    font-weight: bold;
    margin-bottom: 80px; }
  .section4 p {
    color: #3c4761;
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 80px; }

.section5 {
  min-height: 1200px;
  background-color: #ffdd99; }
  .section5 .lines {
    background-color: #e5c37f;
    margin-bottom: 30px; }
  .section5 img {
    margin-top: 30px; }
  .section5 h1 {
    color: #1c1c1c;
    font-weight: bold;
    margin-top: 75px;
    margin-bottom: 15px;
    letter-spacing: 5px; }
  .section5 h3 {
    color: #1c1c1c;
    font-weight: bold; }
  .section5 p {
    color: #1c1c1c;
    font-size: 18px;
    font-weight: normal;
    font-weight: bold;
    margin-bottom: 30px; }
  .section5 .btn-custom {
    background-color: #ebc985;
    color: black;
    margin-right: 10px;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    font-weight: bold; }
    .section5 .btn-custom:hover, .section5 .btn-custom:focus {
      background-color: white;
      -webkit-transition: background-color 0.8s;
      transition: background-color 0.8s; }
  .section5 .btn-custom2 {
    font-size: 18px;
    background-color: #17c2a4;
    margin-bottom: 50px;
    margin-top: 60px;
    border-bottom: 3px solid;
    border-color: #14a58c;
    color: white;
    padding: 23px 45px;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s; }
    .section5 .btn-custom2:hover {
      background-color: #14a58c;
      -webkit-transition: background-color 0.8s;
      transition: background-color 0.8s; }

.section6 {
  min-height: 700px;
  background-color: #d74680; }
  .section6 h1 {
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 80px;
    margin-bottom: 20px; }
  .section6 h3 {
    font-weight: bold;
    letter-spacing: 2px; }
  .section6 p {
    font-size: 18px; }
  .section6 img {
    height: 100px;
    width: auto; }
  .section6 .lines {
    background-color: #b73c6d;
    margin-bottom: 35px; }
  .section6 #sec6-p {
    margin-bottom: 60px;
    font-weight: 600; }
  .section6 .em-align {
    font-style: italic; }
  .section6 h4 {
    color: #ffd28f;
    margin-bottom: 50px; }

@media screen and (max-width: 991px) {
  .section6 > p, h3, h4 {
    text-align: center; }

  #em-align {
    font-style: italic;
    text-align: center; } }
.section7 {
  min-height: 850px;
  background-color: #3c5499; }
  .section7 h1 {
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 80px;
    margin-bottom: 20px; }
  .section7 p {
    font-size: 18px;
    margin-bottom: 50px; }
  .section7 .lines {
    background-color: #273a71;
    margin-bottom: 30px; }
  .section7 input[type="text"] {
    background-color: #273a71;
    border: none;
    color: white;
    margin-top: 20px;
    font-size: 18px;
    height: 60px; }
  .section7 #comment {
    margin-top: 30px;
    margin-bottom: 40px;
    color: white;
    background-color: #273a71;
    border: none;
    font-size: 18px; }
  .section7 .btn-custom3 {
    font-size: 18px;
    background-color: #30bae7;
    border-bottom: 3px solid;
    border-color: #299ec5;
    color: white;
    padding: 23px 55px;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s; }
    .section7 .btn-custom3:hover {
      background-color: #299ec5;
      -webkit-transition: background-color 0.8s;
      transition: background-color 0.8s; }

.fb {
  display: inline-block;
  background-image: url("../img/fb.png");
  background-position: center center;
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 40px;
  height: 32px;
  width: 32px;
  -ms-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -webkit-transition: background 0.3s linear;
  transition: background-image 0.3s linear; }
  .fb:hover {
    background: url("../img/fbhover.png") center center;
    -ms-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    transition: background-image 0.3s linear; }

.twitter {
  display: inline-block;
  background: url("../img/twitter.png") center center;
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 40px;
  height: 32px;
  width: 32px;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s; }
  .twitter:hover {
    background: url("../img/twitterhover.png") center center;
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -webkit-transition: background 0.3s; }

.linkedin {
  display: inline-block;
  background: url("../img/linkedin.png") center center;
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 40px;
  height: 32px;
  width: 32px;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s; }
  .linkedin:hover {
    background: url("../img/linkedinhover.png") center center;
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -webkit-transition: background 0.3s; }

.mail {
  display: inline-block;
  background: url("../img/mail.png") center center;
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 40px;
  height: 32px;
  width: 32px;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s; }
  .mail:hover {
    background: url("../img/mailhover.png") center center;
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -webkit-transition: background 0.3s; }

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  color: white;
  font-family: "Titillium Web", sans-serif; }

footer {
  min-height: 120px;
  background-color: #273a71; }
  footer div li {
    margin-top: 30px; }
    footer div li a {
      color: white;
      font-size: 20px;
      margin-right: 15px;
      text-decoration: none; }
      footer div li a:hover, footer div li a:focus, footer div li a:active {
        text-decoration: none;
        color: #469dde; }
  footer #matt {
    color: white; }

.section2 .block1, .section3 .block1, .section4 .block1 {
  -webkit-animation-delay: 0.1s; }
.section2 .block2, .section3 .block2, .section4 .block2 {
  -webkit-animation-delay: 0.2s; }
.section2 .block3, .section3 .block3, .section4 .block3 {
  -webkit-animation-delay: 0.3s; }
.section2 .block4, .section3 .block4, .section4 .block4 {
  -webkit-animation-delay: 0.4s; }

.section5 .block1, .section6 .block1 {
  -webkit-animation-delay: 0.2s; }
.section5 .block2, .section6 .block2 {
  -webkit-animation-delay: 0.1s; }
.section5 .block3, .section6 .block3 {
  -webkit-animation-delay: 0.2s; }
.section5 .block4, .section6 .block4 {
  -webkit-animation-delay: 0.1s; }

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