/* Global Styles */
html, body {
  width: 100%;
  height: 100%; }

.h2 {
  text-transform: uppercase;
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 23px;
  margin-top: 40px;
  line-height: 1.4;
  color: #A8DADC; }

.h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 15px;
  color: #A8DADC; }

.h4 {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase; }

p {
  font-size: 1.1em;
  font-family: "Open Sans", sans-serif;
  color: #949494;
  line-height: 26px; }

#logo {
  position: fixed;
  z-index: 10;
  top: 28px;
  left: 30px; }
  #logo img {
    width: 1.3em; }

/* Side Menu */
#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  right: 0;
  width: 250px;
  height: 100%;
  margin-right: -250px;
  overflow-y: auto;
  background: #222;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none; }
  .sidebar-nav li {
    text-indent: 20px;
    line-height: 40px; }
    .sidebar-nav li a {
      display: block;
      text-decoration: none;
      color: #999; }
      .sidebar-nav li a:hover {
        text-decoration: none;
        color: #ffffff;
        background: rgba(255, 255, 255, 0.2); }
      .sidebar-nav li a:active, .sidebar-nav li a:focus {
        text-decoration: none; }
  .sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px; }
    .sidebar-nav > .sidebar-brand a {
      color: #999; }
      .sidebar-nav > .sidebar-brand a:hover {
        color: #ffffff;
        background: none; }

#menu-btn {
  z-index: 1;
  position: fixed;
  top: 37px;
  right: 50px; }

#menu-toggle span {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 20px;
  background: gray;
  position: absolute;
  display: block;
  content: ''; }
  #menu-toggle span:before, #menu-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 20px;
    background: gray;
    position: absolute;
    display: block;
    content: ''; }
  #menu-toggle span:before {
    top: -7px; }
  #menu-toggle span:after {
    bottom: -7px; }

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.toggle {
  margin: 5px 5px 0 0; }

/*HEADER*/
.header {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../img/top-bg.jpg) no-repeat center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }
  .header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .2;
    background: url(../img/top-bg-up.jpg) center center no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.top-btn {
  background-color: #E63946;
  border-color: #E63946;
  width: 188px;
  height: 35px;
  font-size: 17px;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  text-transform: uppercase; }

.header-text-center {
  width: 74%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 1; }
  .header-text-center .h1 {
    font-family: "Nunito", sans-serif;
    margin-top: 22px;
    padding: 0;
    font-size: 4em;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 7vw; }

#header--array {
  position: absolute;
  width: 100%;
  bottom: 50px;
  text-align: center;
  z-index: 1; }

i.fa.fa-arrow-down {
  color: #ffffff; }

/*SECTION text center body*/
.text {
  padding-top: 60px;
  margin-top: 80px;
  margin-bottom: 50px; }

.text--waveline {
  margin: 0 auto; }

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

/*SECTION ABOUT*/
.about {
  width: 100%; }

.about__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
  width: 80%;
  margin: 0 auto; }
  .about__container div {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 49%;
    margin-bottom: 50px; }

.about__bg1 {
  background: #ffffff;
  background-image: url(../img/who-we-are.jpg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 400px; }

.about__who {
  order: -1;
  align-self: center;
  padding: 0 70px; }

.about__bg2 {
  background: #ffffff;
  background-image: url(../img/what-we-do.jpg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 400px; }

.about__what {
  align-self: center;
  padding: 0 70px; }

.about--mobile--line {
  visibility: hidden; }

/*SECTION BUTTON OUR STORY*/
#our-story {
  margin-bottom: 170px; }

.our-story {
  width: 100%; }

.our-story__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-direction: row;
  justify-content: space-around;
  width: 80%;
  margin: 0 auto; }
  .our-story__container div {
    flex: 1 0 49%;
    margin-bottom: 50px; }

.our-story__p1 {
  padding-right: 25px;
  padding-left: 70px; }

.our-story__p2 {
  padding-right: 70px;
  padding-left: 25px; }

.btn__container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%; }

.btn__journal {
  padding-right: 10px; }

.btn--red {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  background-color: #E63946;
  width: 130px;
  height: 40px;
  border-radius: 0; }

.btn__story {
  padding-left: 10px; }

.btn--grey {
  width: 130px;
  height: 40px;
  border: 2px solid rgba(148, 148, 148, 0.4);
  border-radius: 0; }
  .btn--grey p {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    color: #818181;
    text-transform: uppercase; }

/*section PROJECTS*/
#latest-projects {
  text-align: center;
  background-color: #A8DADC;
  background-size: cover;
  padding-bottom: 315px; }
  #latest-projects h2 {
    color: #ffffff;
    margin-top: 130px; }

.btn--contact {
  width: 130px;
  height: 40px;
  border: 2px solid #ffffff;
  border-radius: 0;
  background-color: transparent; }
  .btn--contact p {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase; }

/*JOURNAL SECTION*/
#journal-image {
  padding: 0; }

#journal-img {
  position: relative;
  bottom: 80px;
  max-width: 100%;
  height: auto; }

#hidden-box {
  background: #ffffff;
  visibility: hidden;
  height: 160px;
  width: 100%; }

#journal-up-img {
  position: relative;
  z-index: 4;
  bottom: 120px;
  left: 380px; }

#our-journal {
  margin-top: 120px;
  margin-bottom: 80px;
  background-color: rgba(148, 148, 148, 0.2);
  height: 680px; }

/*SECTION OUR TEAM*/
.our-team--text__center {
  text-align: center; }

.our-team {
  width: 100%;
  margin-top: 110px;
  margin-bottom: 70px; }

.our-team__container {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-around;
  width: 80%;
  margin: 0 auto; }

.our-team__item {
  margin-top: 65px;
  width: 30%; }

.our-team__img {
  width: 100%; }

.our-team__teamline {
  width: 30px;
  margin-left: 0;
  border-top: 2px solid #949494; }

.our-team__icon {
  color: rgba(148, 148, 148, 0.4);
  margin-right: 20px; }
  .our-team__icon:link {
    color: rgba(148, 148, 148, 0.4);
    margin-right: 20px; }
  .our-team__icon:hover {
    color: rgba(148, 148, 148, 0.8); }

/*FOOTER*/
.footer {
  width: 100%;
  background-color: #A8DADC;
  padding: 85px 0; }

.footer__container {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between; }

.footer__logo {
  order: 1; }

.footer__menu1 {
  order: 2; }

.footer__menu2 {
  order: 3; }

.footer__form {
  order: 5;
  width: 400px; }

.footer__social {
  order: 4; }

.footer__menu1 a, .footer__menu2 a {
  font-family: "Open Sans", sans-serif;
  color: #ffffff; }

.footer .fa {
  color: #ffffff; }
  .footer .fa:link {
    color: #ffffff; }
.footer .h4 {
  color: #ffffff; }

.footer__group {
  width: 80%; }

.footer__input {
  border: 2px solid rgba(148, 148, 148, 0.4);
  border-radius: 0;
  background-color: transparent; }

.footer .glyphicon {
  color: #949494; }

@media (max-width: 992px) {
  .header-text-center .h1, img#journal-up-img.img-responsive {
    display: none; }

  #journal-text {
    text-align: center;
    margin-bottom: 80px; }

  #our-journal {
    background-color: #ffffff; }

  #hidden-box {
    display: none; } }
@media (min-width: 768px) and (max-width: 979px) {
  .about__container, .our-story__container {
    width: 100%; }

  .our-team__item {
    width: 40%; }

  .footer__form {
    order: 4;
    width: 50%; }

  .footer__social {
    order: 5;
    flex-basis: 100%;
    text-align: center;
    margin-top: 70px; } }
@media only screen and (max-width: 767px) {
  .about__container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-direction: column;
    justify-content: center;
    width: 100%; }

  .about__who {
    order: 0;
    text-align: center;
    padding: 0 90px; }

  .about__what {
    text-align: center;
    padding: 0 90px; }

  .about--mobile--line {
    visibility: visible; }

  .our-story__container {
    width: 75%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-direction: column; }

  .our-story__p1, .our-story__p2 {
    padding: 0; }

  .our-team__container {
    width: 91%; }

  .our-team__item {
    width: 100%; }

  .footer__container {
    width: 91%;
    justify-content: flex-start; }

  .footer__logo {
    width: 100%;
    margin-bottom: 100px; }

  .footer__form {
    width: 100%;
    margin-top: 100px; }

  .footer__group {
    width: 100%; }

  .footer__social {
    order: 5;
    width: 100%;
    margin-top: 70px; } }

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