/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# SASS vars
# Inits
# Typography
# Elements
# Sections
# Pages
# Forms
# Widgets

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# SASS Vars
--------------------------------------------------------------*/
/*----------------------------------------------------------*/
/*SASS MIXINS*/
/*----------------------------------------------------------*/
/*VERICAL ALIGN*/
/*TRANSITION ALL*/
/*--------------------------------------------------------------
# Init
--------------------------------------------------------------*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 1px;
  /*letter-spacing: 1px;*/ }

a, a:visited {
  /*color: $red;*/ }

input {
  -webkit-appearance: none; }

/*MOBILE*/
.mobile {
  display: block; }

.full {
  display: none !important; }

@media screen and (min-width: 960px) {
  .mobile {
    display: none; }

  .full {
    display: block !important; } }
.inner {
  width: 100%;
  max-width: 1144px;
  padding: 0 15px;
  margin: 0 auto; }

@media screen and (max-width: 1024px) {
  .inner {
    padding-left: 20px !important;
    padding-right: 20px !important; } }
.f {
  clear: both; }

/*--------------------------------------------------------------
# TYPOGRAPHY
--------------------------------------------------------------*/
* {
  font-family: 'Roboto', sans-serif;
  /*font-weight: 100;*/ }

p {
  color: #111111;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  line-height: 1.2em; }

h1 {
  font-size: 49px; }

h2 {
  font-size: 40px; }

h3 {
  font-size: 35px; }

h4 {
  font-size: 28px; }

h5 {
  font-size: 21px; }

h6 {
  font-size: 14px; }

@media screen and (max-width: 960px) {
  h1 {
    font-size: 40px; }

  h2 {
    font-size: 35px; }

  h3 {
    font-size: 28px; }

  h4 {
    font-size: 21px; }

  h5 {
    font-size: 14px; }

  h6 {
    font-size: 12px; } }
@media screen and (max-width: 800px) {
  h1 {
    font-size: 24px; }

  h2 {
    font-size: 22px; }

  h3 {
    font-size: 20px; }

  h4 {
    font-size: 16px; }

  h5 {
    font-size: 14px; }

  h6 {
    font-size: 12px; } }
a {
  background-color: transparent;
  color: #208e9f; }

a:active,
a:hover,
a:visited {
  /*outline: 0;*/
  color: #208e9f; }

/*--------------------------------------------------------------
# ELEMENTS
--------------------------------------------------------------*/
.mjr-btn {
  background-color: #061e23;
  color: #ffffff !important;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 15px 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .mjr-btn:hover {
    background-color: #092f35;
    color: #ffffff; }

@media screen and (max-width: 800px) {
  .mjr-btn {
    padding: 7px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*font-weight: 500;*/
    font-size: 14px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    .mjr-btn:hover {
      background-color: #092f35;
      color: #ffffff; } }
.mjr-btn.view-all-proj {
  display: table;
  margin: 0 auto 40px; }

/*------------------------
# OFFCANVAS
------------------------*/
.offcanvas-menu {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
  background: #111111;
  width: 380px;
  margin-right: -450px;
  top: 0;
  right: 0;
  position: fixed;
  z-index: 9999;
  height: 100vh;
  min-height: 100%; }
  .offcanvas-menu .close-overlay {
    color: #111111;
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    padding: 5px 15px;
    top: 1px;
    right: 1px;
    /*width: 50px;*/
    text-align: center;
    background-color: #ffffff; }
    .offcanvas-menu .close-overlay:hover {
      -webkit-transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      -ms-transition: all 0.35s ease;
      transition: all 0.35s ease;
      background-color: #111111;
      cursor: pointer; }
  .offcanvas-menu .widget_search {
    margin-top: 50px;
    padding: 0 10px 20px; }
    .offcanvas-menu .widget_search .search-submit {
      border: 0;
      border-radius: 0;
      text-transform: uppercase;
      -webkit-appearance: none;
      padding: 10px;
      margin-left: -5px;
      font-size: 18px;
      background-color: #111111;
      color: #ffffff; }
    .offcanvas-menu .widget_search .search-field {
      border: 0;
      border-radius: 0;
      text-transform: uppercase;
      -webkit-appearance: none;
      padding: 8px 10px 9px;
      font-size: 18px;
      line-height: 1em; }
  .offcanvas-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .offcanvas-menu ul#menu-offcanvas-menu li {
    font-size: 18px;
    color: #ffffff; }
    .offcanvas-menu ul#menu-offcanvas-menu li a {
      color: #ffffff;
      text-decoration: none;
      text-transform: uppercase;
      display: block;
      padding: 10px;
      border-top: 1px solid #1a1a1a; }
    .offcanvas-menu ul#menu-offcanvas-menu li:hover {
      background-color: #333333; }

.offcanvas-menu.active {
  margin-right: 0; }

/*------------------------
# SEARCHBAR
------------------------*/
#searchbar {
  -webkit-transition: all 0.55s ease;
  -moz-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  -ms-transition: all 0.55s ease;
  transition: all 0.55s ease;
  display: block;
  /*background-color: red;*/
  /*position: fixed;*/
  /*border-bottom: 1px solid #b0b0b0;*/
  top: 0;
  width: 100%;
  height: 100px;
  margin-top: -100px;
  /*max-height: 0;*/
  overflow: hidden; }
  #searchbar .search-close {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 30px;
    color: #ffffff; }
  #searchbar .inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    #searchbar .inner .search-field {
      background-color: #eaecec;
      width: 80%;
      font-size: 20px;
      border-radius: 0;
      border: 0;
      padding: 10px 20px; }
    #searchbar .inner .search-submit {
      box-shadow: none;
      text-shadow: none;
      width: 19%;
      background-color: #061e23;
      font-size: 20px;
      padding: 10px 20px;
      text-align: center;
      border-radius: 0;
      border: 0;
      color: #ffffff;
      line-height: 1.5em; }

#searchbar.open {
  /*max-height: 200px;*/
  margin-top: 0; }

/*--------------------------------------------------------------
# SECTIONS
--------------------------------------------------------------*/
/*------------------------
# HEADER
------------------------*/
.site-header {
  background-color: #ffffff;
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5; }
  .site-header .header-logo {
    height: 70px;
    width: auto; }
  .site-header .widget {
    margin: 0; }
  .site-header .menu-toggle {
    float: right;
    padding: 10px; }
  .site-header .header-sidebars {
    margin-top: 25px;
    display: inline-block;
    float: right; }
  .site-header .header-sidebar-1 {
    display: inline-block;
    float: right;
    /*margin-right: 30px;*/ }
    .site-header .header-sidebar-1 ul.menu {
      margin: 0;
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: auto;
      text-align: left;
      /*float: right;*/ }
      .site-header .header-sidebar-1 ul.menu li {
        display: inline-block;
        /*padding: 10px 5px;*/
        margin-right: 20px; }
        .site-header .header-sidebar-1 ul.menu li a {
          color: #626262;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 17px;
          font-family: "Raleway", sans-serif !important;
          font-weight: 500;
          color: #061e23;
          -webkit-transition: all 0.15s ease;
          -moz-transition: all 0.15s ease;
          -o-transition: all 0.15s ease;
          -ms-transition: all 0.15s ease;
          transition: all 0.15s ease; }
          .site-header .header-sidebar-1 ul.menu li a:hover {
            opacity: 0.5;
            cursor: pointer; }
        .site-header .header-sidebar-1 ul.menu li ul.sub-menu {
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
          position: absolute;
          z-index: 99999;
          margin: 0;
          padding: 0;
          background-color: #f3f3f3;
          /*padding: 10px 20px;*/
          max-height: 0;
          overflow: hidden; }
          .site-header .header-sidebar-1 ul.menu li ul.sub-menu li {
            display: block;
            margin: 0;
            border: 0 !important; }
            .site-header .header-sidebar-1 ul.menu li ul.sub-menu li a {
              padding: 15px 20px;
              display: block; }
              .site-header .header-sidebar-1 ul.menu li ul.sub-menu li a:hover {
                background-color: #e9e9e9; }
          .site-header .header-sidebar-1 ul.menu li ul.sub-menu li.current-menu-item {
            border-left: 2px solid #626262 !important; }
      .site-header .header-sidebar-1 ul.menu li:hover ul.sub-menu {
        max-height: 500px; }
        .site-header .header-sidebar-1 ul.menu li:hover ul.sub-menu a:hover {
          opacity: 1; }
      .site-header .header-sidebar-1 ul.menu li.current-menu-item {
        border-bottom: 2px solid #626262; }
  .site-header .header-sidebar-2 {
    display: inline-block;
    float: right;
    border-left: 1px solid #d4dbdd;
    padding-left: 30px; }

@media screen and (max-width: 960px) {
  .site-header .header-logo {
    height: 40px;
    width: auto; }
  .site-header .header-sidebar-1, .site-header .header-sidebar-2 {
    display: none; }
  .site-header .menu-toggle .fa-bars {
    font-size: 22px; } }
/*------------------------
# SITE CONTENT
------------------------*/
.site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 {
  color: #061e23; }
.site-content .after-content img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 20px; }

/*------------------------
# FOOTER
------------------------*/
.site-footer {
  /*font-family: 'Raleway', sans-serif!important;*/
  background-color: #111111;
  /*padding: 20px 0;*/
  color: #ffffff;
  line-height: 2em;
  /*font-size: 12px;*/ }
  .site-footer .widget {
    margin: 0; }
  .site-footer p {
    color: #ffffff;
    font-family: "Raleway", sans-serif !important;
    font-weight: 400; }
  .site-footer a {
    color: #ffffff;
    text-decoration: none; }
    .site-footer a:hover {
      color: #ffffff; }
  .site-footer .footer-cols {
    vertical-align: text-top; }
    .site-footer .footer-cols .col-2, .site-footer .footer-cols .col-4 {
      float: right; }
    .site-footer .footer-cols .col-row-1 {
      display: block;
      border-bottom: 1px solid #2b2b2b;
      padding: 40px 0; }
    .site-footer .footer-cols .col-2 #menu-footer-menu li {
      display: inline-block;
      margin-right: 20px; }
      .site-footer .footer-cols .col-2 #menu-footer-menu li a {
        font-weight: 300;
        font-family: "Raleway", sans-serif !important; }
        .site-footer .footer-cols .col-2 #menu-footer-menu li a:hover {
          opacity: 0.5;
          -webkit-transition: all 0.15s ease;
          -moz-transition: all 0.15s ease;
          -o-transition: all 0.15s ease;
          -ms-transition: all 0.15s ease;
          transition: all 0.15s ease; }
    .site-footer .footer-cols .col-2 .footer-side-rows {
      margin-top: 25px;
      display: inline-block;
      float: right; }
      .site-footer .footer-cols .col-2 .footer-side-rows .footer-sidebar-2a {
        display: inline-block;
        float: right; }
      .site-footer .footer-cols .col-2 .footer-side-rows .footer-sidebar-2b {
        display: inline-block;
        float: right; }
    .site-footer .footer-cols .col {
      vertical-align: text-top;
      /*width: 25%;*/
      display: inline-block; }
      .site-footer .footer-cols .col .widget-title {
        font-size: 16px;
        color: #ffffff;
        font-weight: 400; }
      .site-footer .footer-cols .col .widget-title:after {
        content: "";
        background-color: #ffffff;
        display: block;
        height: 2px;
        width: 55px;
        margin: 15px 0 20px; }
    .site-footer .footer-cols .footer-logo {
      height: 83px;
      width: auto;
      display: block; }
  .site-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .site-footer ul li {
      text-transform: uppercase;
      font-weight: 300;
      line-height: 2em; }

@media screen and (max-width: 650px) {
  .site-footer {
    text-align: center !important; }
    .site-footer .footer-cols .col {
      width: 100%;
      display: block; }
      .site-footer .footer-cols .col .widget-title {
        font-size: 14px; }
    .site-footer .footer-cols .col-2 #menu-footer-menu li {
      margin: 0 10px; }
      .site-footer .footer-cols .col-2 #menu-footer-menu li a {
        font-weight: 300;
        font-family: "Raleway", sans-serif !important; }
        .site-footer .footer-cols .col-2 #menu-footer-menu li a:hover {
          opacity: 0.5;
          -webkit-transition: all 0.15s ease;
          -moz-transition: all 0.15s ease;
          -o-transition: all 0.15s ease;
          -ms-transition: all 0.15s ease;
          transition: all 0.15s ease; }
    .site-footer .footer-cols .col-2 .footer-side-rows {
      margin-top: 25px;
      display: inline-block;
      float: none; }
      .site-footer .footer-cols .col-2 .footer-side-rows .footer-sidebar-2a {
        display: block;
        float: none; }
      .site-footer .footer-cols .col-2 .footer-side-rows .footer-sidebar-2b {
        display: block;
        float: none; }
    .site-footer .footer-cols .footer-logo {
      margin: 0 auto; } }
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
/*------------------------
# PAGE
------------------------*/
.entry-header {
  /*text-align: center;*/
  /*text-transform: uppercase;*/
  /*font-weight: 600;*/ }
  .entry-header .entry-title {
    /*font-size: 34px;*/
    /*margin-bottom: 5px;*/ }
  .entry-header .page-sub-line {
    /*font-size: 20px;*/
    /*font-weight: 400;*/ }

@media screen and (max-width: 768px) {
  .entry-header .entry-title {
    /*font-size: 26px;*/ }
  .entry-header .page-sub-line {
    /*font-size: 18px;*/ } }
.entry-header:after {
  /*    content: "";
      background-color: $grey;
      display: block;
      height: 2px;
      width: 100px;
      margin: 24px auto 0;*/ }

.page-feature {
  height: 40vh;
  background-size: cover;
  background-position: center;
  min-height: 150px; }
  .page-feature h1 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    padding: 30px 40px;
    max-width: 1000px;
    margin: 0 auto;
    letter-spacing: 2px;
    text-align: center; }

@media screen and (max-width: 800px) {
  .page-feature {
    height: 2vh; } }
body.page-template .entry-content {
  text-align: center; }

body.page-template-template-page-sidebar .entry-content {
  margin-top: 0;
  text-align: left; }

/*------------------------
# ABOUT
------------------------*/
body.page-template-template-about .entry-content {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 30px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 30px;
  /* Firefox */
  column-gap: 30px;
  text-align: justify; }
  body.page-template-template-about .entry-content p:first-of-type {
    margin-top: 0; }

/*------------------------
# HOME
------------------------*/
.home-intro {
  width: 100%;
  /*background-color: green;*/
  display: flex;
  margin: 70px auto; }
  .home-intro .intro-left, .home-intro .intro-right {
    display: block;
    width: 50%;
    float: left;
    /*background-color: red;*/ }
  .home-intro .intro-left {
    background-size: cover;
    background-position: center; }
  .home-intro .intro-right {
    padding-left: 75px; }
    .home-intro .intro-right h3 {
      margin-top: 0;
      margin-bottom: 20px; }

@media screen and (max-width: 800px) {
  .home-intro {
    /*width: 100%;*/
    /*background-color: green;*/
    display: block;
    margin: 30px auto; }
    .home-intro .intro-left, .home-intro .intro-right {
      /*display: block;*/
      width: 100%;
      float: none;
      /*background-color: red;*/ }
    .home-intro .intro-left {
      background-size: cover;
      height: 200px;
      background-position: center;
      margin-bottom: 20px; }
    .home-intro .intro-right {
      padding-left: 0px; } }
/*TWO UPS*/
.two-up-intro, .latest-projects-intro {
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
  margin-top: 20px;
  text-align: center; }
  .two-up-intro h3, .latest-projects-intro h3 {
    text-transform: uppercase; }

/*ANIMATION SECTION*/
.ani-wrapper {
  display: flex;
  justify-content: space-between; }
  .ani-wrapper .ani {
    width: 30%;
    text-align: center;
    margin: 50px 0;
    font-size: 14px;
    color: #848f8e; }
    .ani-wrapper .ani * {
      font-family: "Raleway", sans-serif !important;
      color: #848f8e; }
    .ani-wrapper .ani h2 {
      font-size: 44px;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 10px; }
  .ani-wrapper .ani-two {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5; }

.statistics h3 {
  display: none; }
.statistics .statistics-inner {
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between; }
  .statistics .statistics-inner .stat {
    width: 30%;
    text-align: center;
    margin: 50px 0;
    font-size: 14px;
    color: #848f8e; }
    .statistics .statistics-inner .stat * {
      font-family: "Raleway", sans-serif !important;
      color: #848f8e; }
    .statistics .statistics-inner .stat .number {
      font-size: 44px;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 10px; }
  .statistics .statistics-inner .stat:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5; }

.two-ups .two-up-row {
  position: relative;
  width: 100%;
  /*background-color: green;*/
  display: flex;
  margin: 70px auto; }
  .two-ups .two-up-row .two-up-left, .two-ups .two-up-row .two-up-right {
    /*display: block;*/
    width: 50%;
    /*float: left;*/
    /*background-color: red;*/ }
  .two-ups .two-up-row .two-up-left {
    background-size: cover;
    background-position: center; }
  .two-ups .two-up-row .two-up-left.no-fill {
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat; }
  .two-ups .two-up-row .two-up-right {
    padding: 40px 0 20px 75px;
    padding-left: 75px; }
    .two-ups .two-up-row .two-up-right h3 {
      margin-top: 0;
      margin-bottom: 20px; }
.two-ups .two-up-row:nth-child(odd) {
  /*background-color: red;*/ }
  .two-ups .two-up-row:nth-child(odd) .two-up-left {
    /*background-color: blue;*/
    order: 2; }
  .two-ups .two-up-row:nth-child(odd) .two-up-left.no-fill {
    /*background-size: contain;*/
    background-position: top left;
    /*background-repeat: no-repeat;*/ }
  .two-ups .two-up-row:nth-child(odd) .two-up-right {
    padding-left: 0;
    padding-right: 75px;
    order: 1;
    text-align: right;
    /*float: left;*/ }

@media screen and (max-width: 760px) {
  .two-up-intro {
    text-align: left; }

  .two-ups .two-up-row {
    display: block;
    margin: 0 auto 20px; }
    .two-ups .two-up-row .two-up-left, .two-ups .two-up-row .two-up-right {
      width: 100%;
      display: block;
      text-align: left !important; }
    .two-ups .two-up-row .two-up-left {
      background-size: cover;
      background-position: center;
      height: 200px; }
    .two-ups .two-up-row .two-up-right {
      margin-top: 20px;
      padding: 0; }
      .two-ups .two-up-row .two-up-right h3 {
        margin-top: 0;
        margin-bottom: 20px; }
  .two-ups .two-up-row:nth-child(odd) {
    /*background-color: red;*/ }
    .two-ups .two-up-row:nth-child(odd) .two-up-left {
      /*background-color: blue;*/
      order: 1; }
    .two-ups .two-up-row:nth-child(odd) .two-up-right {
      /*padding-left: 0;*/
      padding-right: 0;
      order: 2; } }
/*------------------------
# RECENT PROJECTS
------------------------*/
.projects-menu .widget {
  margin: 0; }
.projects-menu #menu-projects-menu {
  list-style-type: none;
  margin: 0;
  padding: 50px 0;
  text-align: center; }
  .projects-menu #menu-projects-menu li {
    display: inline-block;
    /*margin-right: 20px;*/
    padding: 5px 10px 4px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase; }
    .projects-menu #menu-projects-menu li a {
      font-family: "Raleway", sans-serif !important;
      text-decoration: none;
      color: inherit; }
      .projects-menu #menu-projects-menu li a:hover {
        opacity: 0.75; }
  .projects-menu #menu-projects-menu li.current-menu-item {
    border: 1px solid #061e23; }

.project-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  .project-list .project {
    background-size: cover;
    background-position: center;
    width: 30%;
    margin: 1.6%;
    height: 400px;
    padding: 20px;
    position: relative; }
    .project-list .project a {
      text-decoration: none; }
    .project-list .project .project-content {
      color: #ffffff !important;
      /*margin-bottom: -40px;*/
      position: absolute;
      bottom: 20px;
      overflow: hidden;
      -webkit-transition: all 0.65s ease;
      -moz-transition: all 0.65s ease;
      -o-transition: all 0.65s ease;
      -ms-transition: all 0.65s ease;
      transition: all 0.65s ease; }
      .project-list .project .project-content h1.entry-title {
        color: #ffffff !important;
        font-size: 24px;
        margin: 5px 0 10px; }
      .project-list .project .project-content .post-categories {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .project-list .project .project-content .post-categories a {
          font-size: 12px;
          font-weight: 100;
          color: #ffffff;
          text-decoration: none;
          text-transform: uppercase; }
      .project-list .project .project-content .hover-text {
        /*font-size: 12px;*/
        /*display: none;*/
        max-width: 90%;
        -webkit-transition: all 0.95s ease;
        -moz-transition: all 0.95s ease;
        -o-transition: all 0.95s ease;
        -ms-transition: all 0.95s ease;
        transition: all 0.95s ease;
        max-height: 0;
        opacity: 0;
        color: #ffffff;
        font-weight: 100;
        margin: 0; }
    .project-list .project:hover {
      opacity: 1; }
      .project-list .project:hover .project-content {
        position: relative !important;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .project-list .project:hover .project-content .hover-text {
          /*display: block;*/
          max-height: 150px;
          opacity: 1; }

@media screen and (max-width: 800px) {
  .project-list {
    display: block; }
    .project-list .project {
      width: 100%;
      height: 200px;
      margin: 0;
      margin-bottom: 20px; } }
@media screen and (max-width: 600px) {
  .project-list .project .project-content h1.entry-title {
    font-size: 20px; } }
/*--------------------------------------------------------------
# ABOUT PAGE
--------------------------------------------------------------*/
.testimonial-section {
  background-color: #e6e9e9;
  text-align: center;
  padding: 30px 0 70px; }
  .testimonial-section .bx-wrapper .bx-viewport {
    background: transparent; }
  .testimonial-section .bx-wrapper .bx-pager {
    bottom: -20px; }
  .testimonial-section .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #333333; }
  .testimonial-section .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #092f35;
    opacity: 1; }
  .testimonial-section .client {
    font-weight: bold; }

/*--------------------------------------------------------------
# PROJECT CATEGORY PAGE
--------------------------------------------------------------*/
.project-list.project-archive {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  .project-list.project-archive .project {
    background-size: cover;
    background-position: center;
    /*width: 30%;*/
    /*margin-bottom: 50px;*/
    height: 400px;
    padding: 20px;
    position: relative; }
    .project-list.project-archive .project a {
      text-decoration: none; }
    .project-list.project-archive .project .project-content {
      color: #ffffff !important;
      position: absolute;
      bottom: 20px; }
      .project-list.project-archive .project .project-content h1.entry-title {
        color: #ffffff !important;
        font-size: 24px;
        /*margin: 5px 0 0;*/ }
      .project-list.project-archive .project .project-content .post-categories {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .project-list.project-archive .project .project-content .post-categories a {
          font-size: 12px;
          font-weight: 100;
          color: #ffffff;
          text-decoration: none;
          text-transform: uppercase; }
    .project-list.project-archive .project:hover {
      /*opacity: 0.75;*/ }

@media screen and (max-width: 800px) {
  .project-list.project-archive {
    display: block; }
    .project-list.project-archive .project {
      width: 100%;
      height: 200px;
      margin-bottom: 20px; } }
@media screen and (max-width: 600px) {
  .project-list.project-archive .project .project-content h1.entry-title {
    font-size: 20px; } }
/*--------------------------------------------------------------
# 2col PAge
--------------------------------------------------------------*/
.page-wrapper {
  /*background-color: red;*/
  margin: 40px 0;
  display: flex; }
  .page-wrapper .page-left, .page-wrapper .page-right {
    float: left;
    vertical-align: text-top; }
  .page-wrapper .page-left {
    width: 70%;
    padding-right: 40px; }
    .page-wrapper .page-left .entry-title {
      font-size: 28px;
      /*margin-top: 0;*/ }
  .page-wrapper .page-right {
    width: 30%;
    padding-left: 40px;
    border-left: 1px solid #e5e5e5; }
    .page-wrapper .page-right h4 {
      margin: 0.67em 0 0; }
    .page-wrapper .page-right p {
      margin-top: 5px; }

@media screen and (max-width: 600px) {
  .page-wrapper {
    margin: 40px 0;
    display: block; }
    .page-wrapper .page-left, .page-wrapper .page-right {
      float: none;
      clear: both; }
    .page-wrapper .page-left {
      width: 100%;
      /*background-color: orange;*/
      padding-right: 0; }
    .page-wrapper .page-right {
      display: none; } }
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
.nf-form-cont .ninja-forms-field {
  background-color: #eaecec;
  border: 0;
  border-radius: 0;
  padding: 10px 10px 10px 20px; }

.field-wrap input[type=button] {
  background-color: #061e23;
  color: #ffffff !important;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 15px 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  font-weight: 300;
  font-size: 1rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .field-wrap input[type=button]:hover {
    background-color: #092f35;
    color: #ffffff; }

/*--------------------------------------------------------------
# WIDGETS
--------------------------------------------------------------*/
/*SLIDER*/
/*--------------------------
# .SLIDER
--------------------------*/
.bx-controls-direction {
  /*display: none;*/ }

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 35px;
  height: 5px;
  margin: 0 3px 0 2px;
  border-radius: 0;
  background: #ffffff;
  opacity: 0.5; }
  .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #333333;
    opacity: 1; }

.slider-wrapper {
  /*border-bottom: 10px solid $red;*/ }
  .slider-wrapper li.slide {
    background-size: cover;
    background-position: center; }
    .slider-wrapper li.slide .inner {
      height: 70vh;
      min-height: 350px;
      position: relative; }
    .slider-wrapper li.slide .slide-content {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      /*width: 100%;*/
      /*height: 100%;*/
      /*background-color: rgba(255, 255, 255, 0.85);
      background: rgba(255, 255, 255, 0.85);
      color: rgba(255, 255, 255, 0.85);*/
      color: #ffffff;
      padding: 30px 40px;
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .slider-wrapper li.slide .slide-content h1 {
        line-height: 1.1em;
        margin: 0 auto 50px;
        color: #ffffff; }
      .slider-wrapper li.slide .slide-content h5 {
        margin: 10px auto;
        color: #ffffff; }
      .slider-wrapper li.slide .slide-content .slide-link {
        background-color: #ffffff;
        color: #061e23 !important;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease; }
        .slider-wrapper li.slide .slide-content .slide-link:hover {
          background-color: #092f35;
          color: #ffffff !important; }
    .slider-wrapper li.slide .arrow-white {
      width: 35px;
      height: auto;
      display: block;
      margin: 0 auto; }

@media screen and (max-width: 800px) {
  .slider li.slide .inner {
    height: 40vh;
    min-height: 250px; }
    .slider li.slide .inner .slide-content {
      padding: 20px;
      max-width: 600px; }
      .slider li.slide .inner .slide-content h1 {
        line-height: 1.1em;
        margin: 0 auto 20px;
        color: #ffffff; }
      .slider li.slide .inner .slide-content h5 {
        margin: 10px auto;
        color: #ffffff; }
      .slider li.slide .inner .slide-content .slide-link {
        background-color: #ffffff;
        color: #061e23;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease; }
        .slider li.slide .inner .slide-content .slide-link:hover {
          background-color: #092f35;
          color: #ffffff; } }
@media screen and (max-width: 600px) {
  .slider li.slide .inner {
    height: 30vh; }
    .slider li.slide .inner .slide-content {
      padding: 20px; }
      .slider li.slide .inner .slide-content h2 {
        font-size: 22px; }
      .slider li.slide .inner .slide-content h3 {
        font-size: 16px; } }
/*PROJECTS SLIDER*/
.projectslider {
  margin-top: 50px; }
  .projectslider li {
    height: 600px; }

.project-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
  opacity: 0.75; }
  .project-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #777777;
    opacity: 1; }

@media screen and (max-width: 800px) {
  .projectslider {
    margin-top: 30px; }
    .projectslider li {
      height: 400px; } }
@media screen and (max-width: 600px) {
  .projectslider {
    margin-top: 20px; }
    .projectslider li {
      height: 250px; } }

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