/* -------- IMPORTS -------- */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
@import "https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Raleway:400,700";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; background-color: #202020; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1265px) {
    .container {
      width: 1265px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1265px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
/* -------- HELPER STYLES -------- */
* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

a {
  text-decoration: none;
  -webkit-transition: 0.25s;
  -ms-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s; }
  a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none; }

.btn::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

textarea, input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  outline: none; }

strong {
  font-weight: 700; }

/* BOOTSTRAP */
.row.no-gutter {
  margin-left: 0;
  margin-right: 0; }
  .row.no-gutter > [class^="col-"], .row.no-gutter > [class*=" col-"] {
    padding-left: 0;
    padding-right: 0; }
.row.smlr-gutter {
  margin-left: -5px;
  margin-right: -5px; }
  .row.smlr-gutter > [class^="col-"], .row.smlr-gutter > [class*=" col-"] {
    padding-left: 5px;
    padding-right: 5px; }
.row.sml-gutter {
  margin-left: -10px;
  margin-right: -10px; }
  .row.sml-gutter > [class^="col-"], .row.sml-gutter > [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px; }
.row.lrg-gutter {
  margin-left: -20px;
  margin-right: -20px; }
  @media only screen and (max-width: 767px) {
    .row.lrg-gutter {
      margin-left: -15px;
      margin-right: -15px; } }
  .row.lrg-gutter > [class^="col-"], .row.lrg-gutter > [class*=" col-"] {
    padding-left: 20px;
    padding-right: 20px; }
    @media only screen and (max-width: 767px) {
      .row.lrg-gutter > [class^="col-"], .row.lrg-gutter > [class*=" col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
.row.lrgr-gutter {
  margin-left: -30px;
  margin-right: -30px; }
  @media only screen and (max-width: 767px) {
    .row.lrgr-gutter {
      margin-left: -15px;
      margin-right: -15px; } }
  .row.lrgr-gutter > [class^="col-"], .row.lrgr-gutter > [class*=" col-"] {
    padding-left: 30px;
    padding-right: 30px; }
    @media only screen and (max-width: 767px) {
      .row.lrgr-gutter > [class^="col-"], .row.lrgr-gutter > [class*=" col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.slick-slide {
  -moz-user-select: text;
  -webkit-user-select: text;
  outline: none; }

@-webkit-keyframes slideInFadeLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes slideInFadeLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.slideInFadeLeft {
  -webkit-animation-name: slideInFadeLeft;
  animation-name: slideInFadeLeft; }

@-webkit-keyframes slideInFadeRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes slideInFadeRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.slideInFadeRight {
  -webkit-animation-name: slideInFadeRight;
  animation-name: slideInFadeRight; }

@-webkit-keyframes slideOutFadeRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; } }
@keyframes slideOutFadeRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; } }
.slideOutFadeRight {
  -webkit-animation-name: slideOutFadeRight;
  animation-name: slideOutFadeRight; }

@-webkit-keyframes slideOutFadeLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; } }
@keyframes slideOutFadeLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; } }
.slideOutFadeLeft {
  -webkit-animation-name: slideOutFadeLeft;
  animation-name: slideOutFadeLeft; }

@-webkit-keyframes rotateInDownLeftLong {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeftLong {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate(-250px, -320px);
    transform: rotate3d(0, 0, 1, -45deg) translate(-250px, -320px);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate(0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate(0, 0);
    opacity: 1; } }
.rotateInDownLeftLong {
  -webkit-animation-name: rotateInDownLeftLong;
  animation-name: rotateInDownLeftLong; }

/*  Fonts:  Lato: Regular, Italic, Bold, Bold Italic | Raleway Regular, Bold  */
/* Font Awesome */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

@-ms-viewport {
  width: device-width; }
.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table !important; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table !important; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1264px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table !important; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1264px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1264px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1264px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1265px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table !important; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1265px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1265px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1265px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1264px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1265px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table !important; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* -------- COLORS -------- */
/* -------- GLOBAL STYLES -------- */
html, body {
  height: 100%; }
  html input:hover, html input:focus, html input:active, html textarea:hover, html textarea:focus, html textarea:active, html button:hover, html button:focus, html button:active, html select:hover, html select:focus, html select:active, html a:hover, html a:focus, html a:active, html label:hover, html label:focus, html label:active, body input:hover, body input:focus, body input:active, body textarea:hover, body textarea:focus, body textarea:active, body button:hover, body button:focus, body button:active, body select:hover, body select:focus, body select:active, body a:hover, body a:focus, body a:active, body label:hover, body label:focus, body label:active {
    outline: none;
    -webkit-tap-highlight-color: transparent; }

html {
  font-size: 16px; }

body {
  color: #262626;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 100%;
  line-height: 1.2;
  font-size: 14px;
  font-size: 0.875rem;
  position: relative; }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 15px;
      font-size: 0.9375rem; } }

.container {
  text-align: center;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 15px; }
  .container-large {
    max-width: 1160px; }
  .container-small {
    max-width: 600px; }
  .container .row {
    width: 100%;
    max-width: none;
    margin: 0; }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 700; }

header {
  background-color: #0d0d0d;
  position: fixed;
  padding: 10px 0;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }
  header.visible {
    padding: 10px 0;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  header .container {
    padding: 0; }
    header .container:before, header .container:after {
      content: " ";
      display: table; }
    header .container:after {
      clear: both; }
    header .container .row:before, header .container .row:after {
      content: " ";
      display: table; }
    header .container .row:after {
      clear: both; }
  header .header-logo {
    display: block;
    padding: 0 0 0 15px; }
    header .header-logo img {
      display: block;
      width: 100%;
      max-width: 160px;
      height: auto;
      -webkit-transition: 1s;
      -ms-transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      transition: 1s; }
  header .nav-container {
    float: right;
    position: relative; }
    @media only screen and (max-width: 991px) {
      header .nav-container {
        float: none;
        padding: 0; }
        header .nav-container .row {
          margin: 0; } }
    header .nav-container .nav {
      visibility: hidden; }
      @media only screen and (max-width: 991px) {
        header .nav-container .nav {
          width: 100%;
          z-index: -1; } }
      header .nav-container .nav ul {
        float: right;
        margin-right: 20px;
        margin-top: 0;
        height: 0; }
        header .nav-container .nav ul li {
          display: inline-block;
          float: left;
          bottom: -60px;
          opacity: 0;
          filter: alpha(opacity=0);
          position: relative;
          visibility: hidden; }
          header .nav-container .nav ul li a {
            font-family: "Raleway", Helvetica, Arial, sans-serif;
            font-size: 14px;
            font-size: 0.875rem;
            display: block;
            padding: 40px 14px;
            color: #fff;
            text-transform: uppercase;
						font-weight: bold; }
            header .nav-container .nav ul li a:hover, header .nav-container .nav ul li a:focus, header .nav-container .nav ul li a:active {
              color: #f6732a; }
    @media only screen and (max-width: 991px) {
      header .nav-container.open {
        position: static; }
        header .nav-container.open .nav {
          width: 100%;
          height: 100%;
          z-index: 999;
          opacity: 1;
          visibility: visible; }
          header .nav-container.open .nav ul {
            float: none;
            margin-top: 100px;
            margin-right: 0;
            height: auto; }
            header .nav-container.open .nav ul li {
              display: block;
              float: none;
              bottom: auto;
              opacity: 1;
              filter: alpha(opacity=100);
              visibility: visible; }
              header .nav-container.open .nav ul li a {
                padding: 22px 16px; } }
    header .nav-container .open-menu, header .nav-container .close-menu {
      position: absolute;
      right: 0;
      display: block;
      opacity: 1;
      filter: alpha(opacity=100);
      font-size: 25px;
      font-size: 1.5625rem;
      width: 21px;
      height: 25px;
      z-index: 3;
      color: #f6732a;
      cursor: pointer;
      -webkit-transition: 0.25s;
      -ms-transition: 0.25s;
      -moz-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s; }
      header .nav-container .open-menu:hover, header .nav-container .open-menu:focus, header .nav-container .open-menu:active, header .nav-container .close-menu:hover, header .nav-container .close-menu:focus, header .nav-container .close-menu:active {
        color: #fff; }
      header .nav-container .open-menu.disabled, header .nav-container .close-menu.disabled {
        visibility: hidden; }
      @media only screen and (max-width: 991px) {
        header .nav-container .open-menu, header .nav-container .close-menu {
          right: 15px; } }
      header .nav-container .open-menu i, header .nav-container .close-menu i {
        -webkit-transition: 0.25s;
        -ms-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s; }
    header .nav-container .open-menu {
      top: 22px; }
    header .nav-container .close-menu {
      visibility: hidden;
      z-index: 999;
      top: 45px;
      opacity: 0;
      filter: alpha(opacity=0); }
      header .nav-container .close-menu.active {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100); }

section, footer {
  position: relative; }
  section h4, footer h4 {
    color: #f6732a; }
    section h4 span, footer h4 span {
      color: #333; }
  section.bg-primary, section .bg-primary, footer.bg-primary, footer .bg-primary {
    background-color: #333; }
    section.bg-primary h2, section.bg-primary h3, section .bg-primary h2, section .bg-primary h3, footer.bg-primary h2, footer.bg-primary h3, footer .bg-primary h2, footer .bg-primary h3 {
      color: #fff; }
      section.bg-primary h2 span, section.bg-primary h3 span, section .bg-primary h2 span, section .bg-primary h3 span, footer.bg-primary h2 span, footer.bg-primary h3 span, footer .bg-primary h2 span, footer .bg-primary h3 span {
        color: #f6732a; }
  section.bg-secondary, footer.bg-secondary {
    background-color: #ebebeb; }
    section.bg-secondary h2, section.bg-secondary h3, footer.bg-secondary h2, footer.bg-secondary h3 {
      color: #262626; }
      section.bg-secondary h2 span, section.bg-secondary h3 span, footer.bg-secondary h2 span, footer.bg-secondary h3 span {
        color: #f6732a; }
  section.bg-footer, section.bg-banner, footer.bg-footer, footer.bg-banner {
    background-color: #202020; }
  section .bg-image, footer .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: none;
    background-position: center center;
    z-index: 1; }
  section .container, footer .container {
    position: relative;
    z-index: 2; }

.btn {
  position: relative;
  display: inline-block;
  padding: 20px 40px;
  min-width: 200px;
  background-color: #f6732a;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  border: 1px solid #f6732a; }
  .btn i {
    position: relative;
    right: -5px;
    color: #fff;
    -webkit-transition: 0.25s;
    -ms-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }
  .btn.btn-back {
    background-color: #333;
    border: 1px solid #333;
    color: #fff; }
    .btn.btn-back i {
      color: #f6732a;
      right: auto;
      left: -5px; }

section {
  /* -----Homepage styles */
  padding: 70px 0;
  /* -----Case Study Detail page styles */
  /* -----Project Flow page styles */ }
  section h2, section h3, section h4 {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 20px; }
    section h2 span, section h3 span, section h4 span {
      display: block;
      font-size: 18px;
      font-size: 1.125rem; }
  section > .container > h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 15px; }
    section > .container > h2:after {
      content: "";
      background-color: #f6732a;
      width: 50%;
      height: 4px;
      position: absolute;
      left: 25%;
      bottom: 0; }
  section.banner {
    padding: 100px 0 60px 0;
    height: 100vh;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    overflow: hidden; }
    section.banner .container {
      position: relative;
      text-align: center;
      height: 100%;
      display: table;
      padding: 0 40px; }
      section.banner .container .logo-part-cont {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 100px;
        text-align: center;
        width: 100%;
        max-width: 660px;
        margin: 0 auto; }
        section.banner .container .logo-part-cont .logo {
          width: 100%;
          max-width: 660px;
          margin: 0 auto;
          position: absolute;
          top: 12%;
          left: 12%; }
          @media only screen and (max-width: 991px) {
            section.banner .container .logo-part-cont .logo {
              left: 5%; } }
          @media only screen and (max-width: 767px) {
            section.banner .container .logo-part-cont .logo {
              opacity: 0;
              filter: alpha(opacity=0);
              left: 10%; } }
          section.banner .container .logo-part-cont .logo .name {
            /*    padding: 60px 120px;*/
            padding: 10% 16%; }
            section.banner .container .logo-part-cont .logo .name:before, section.banner .container .logo-part-cont .logo .name:after {
              content: " ";
              display: table; }
            section.banner .container .logo-part-cont .logo .name:after {
              clear: both; }
            section.banner .container .logo-part-cont .logo .name .logo-part {
              position: relative;
              float: left; }
              section.banner .container .logo-part-cont .logo .name .logo-part.name1 {
                width: 100%; }
                section.banner .container .logo-part-cont .logo .name .logo-part.name1.animated {
                  -webkit-animation-delay: .5s;
                  -ms-animation-delay: .5s;
                  -moz-animation-delay: .5s;
                  -o-animation-delay: .5s;
                  animation-delay: .5s; }
                  section.banner .container .logo-part-cont .logo .name .logo-part.name1.animated.animated-out {
                    -webkit-animation-delay: 0;
                    -ms-animation-delay: 0;
                    -moz-animation-delay: 0;
                    -o-animation-delay: 0;
                    animation-delay: 0; }
              section.banner .container .logo-part-cont .logo .name .logo-part.name2 {
                float: right;
                clear: both;
                width: 75%;
                max-width: 290px; }
                section.banner .container .logo-part-cont .logo .name .logo-part.name2.animated {
                  -webkit-animation-delay: .3s;
                  -ms-animation-delay: .3s;
                  -moz-animation-delay: .3s;
                  -o-animation-delay: .3s;
                  animation-delay: .3s; }
                  section.banner .container .logo-part-cont .logo .name .logo-part.name2.animated.animated-out {
                    -webkit-animation-delay: 0;
                    -ms-animation-delay: 0;
                    -moz-animation-delay: 0;
                    -o-animation-delay: 0;
                    animation-delay: 0; }
              section.banner .container .logo-part-cont .logo .name .logo-part.name-underline {
                clear: both;
                width: 100%;
                height: 4px;
                background-color: #fff;
                margin: 14px 0 12px 0; }
                section.banner .container .logo-part-cont .logo .name .logo-part.name-underline.animated {
                  -webkit-animation-delay: .5s;
                  -ms-animation-delay: .5s;
                  -moz-animation-delay: .5s;
                  -o-animation-delay: .5s;
                  animation-delay: .5s;
                  -webkit-animation-duration: 1s;
                  -ms-animation-duration: 1s;
                  -moz-animation-duration: 1s;
                  -o-animation-duration: 1s;
                  animation-duration: 1s; }
                  section.banner .container .logo-part-cont .logo .name .logo-part.name-underline.animated.animated-out {
                    -webkit-animation-delay: 0;
                    -ms-animation-delay: 0;
                    -moz-animation-delay: 0;
                    -o-animation-delay: 0;
                    animation-delay: 0; }
          section.banner .container .logo-part-cont .logo .boxes {
            position: absolute;
            top: 65px;
            right: 0; }
            section.banner .container .logo-part-cont .logo .boxes .logo-part.box1, section.banner .container .logo-part-cont .logo .boxes .logo-part.box2, section.banner .container .logo-part-cont .logo .boxes .logo-part.box3, section.banner .container .logo-part-cont .logo .boxes .logo-part.box4 {
              width: 88px;
              height: 36px;
			 background-image: url("../images/logo-box.png");
              background-color: #dddedd;
              position: relative;
              margin-bottom: 15px;
              -webkit-animation-duration: 0.8s;
              -ms-animation-duration: 0.8s;
              -moz-animation-duration: 0.8s;
              -o-animation-duration: 0.8s;
              animation-duration: 0.8s; }
            section.banner .container .logo-part-cont .logo .boxes .logo-part.box1.animated {
              -webkit-animation-delay: 1.2s;
              -ms-animation-delay: 1.2s;
              -moz-animation-delay: 1.2s;
              -o-animation-delay: 1.2s;
              animation-delay: 1.2s; }
            section.banner .container .logo-part-cont .logo .boxes .logo-part.box2.animated {
              -webkit-animation-delay: 1s;
              -ms-animation-delay: 1s;
              -moz-animation-delay: 1s;
              -o-animation-delay: 1s;
              animation-delay: 1s; }
            section.banner .container .logo-part-cont .logo .boxes .logo-part.box3.animated {
              -webkit-animation-delay: 0.8s;
              -ms-animation-delay: 0.8s;
              -moz-animation-delay: 0.8s;
              -o-animation-delay: 0.8s;
              animation-delay: 0.8s; }
            section.banner .container .logo-part-cont .logo .boxes .logo-part.box4.animated {
              -webkit-animation-delay: 0.6s;
              -ms-animation-delay: 0.6s;
              -moz-animation-delay: 0.6s;
              -o-animation-delay: 0.6s;
              animation-delay: 0.6s; }
          section.banner .container .logo-part-cont .logo .logo-part {
            display: block; }
            section.banner .container .logo-part-cont .logo .logo-part.animation {
              opacity: 0;
              filter: alpha(opacity=0); }
            section.banner .container .logo-part-cont .logo .logo-part.animated {
              -webkit-animation-duration: 1.5s;
              -ms-animation-duration: 1.5s;
              -moz-animation-duration: 1.5s;
              -o-animation-duration: 1.5s;
              animation-duration: 1.5s;
              opacity: 1;
              filter: alpha(opacity=100); }
              section.banner .container .logo-part-cont .logo .logo-part.animated.animated-out {
                -webkit-animation-duration: 0.3s;
                -ms-animation-duration: 0.3s;
                -moz-animation-duration: 0.3s;
                -o-animation-duration: 0.3s;
                animation-duration: 0.3s;
                -webkit-animation-delay: 0;
                -ms-animation-delay: 0;
                -moz-animation-delay: 0;
                -o-animation-delay: 0;
                animation-delay: 0; }
            section.banner .container .logo-part-cont .logo .logo-part.circle {
              position: absolute;
              top: -70px;
              left: 6px;
              width: 50%;
              max-width: 325px; }
              section.banner .container .logo-part-cont .logo .logo-part.circle.animated {
                -webkit-animation-duration: 2.3s;
                -ms-animation-duration: 2.3s;
                -moz-animation-duration: 2.3s;
                -o-animation-duration: 2.3s;
                animation-duration: 2.3s;
                -webkit-animation-delay: 0.2s;
                -ms-animation-delay: 0.2s;
                -moz-animation-delay: 0.2s;
                -o-animation-delay: 0.2s;
                animation-delay: 0.2s; }
        section.banner .container .logo-part-cont .fallback {
          display: block;
          opacity: 0;
          filter: alpha(opacity=0);
          width: 100%;
          max-width: 650px;
          margin: 0 auto;
          height: auto; }
          @media only screen and (max-width: 767px) {
            section.banner .container .logo-part-cont .fallback {
              opacity: 1;
              filter: alpha(opacity=100); } }
      section.banner .container .icon-scroll-cont {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        text-align: center; }
        section.banner .container .icon-scroll-cont h1 {
          display: block;
          width: 100%;
          font-family: "Lato", Helvetica, Arial, sans-serif;
          font-style: italic;
          font-size: 22px;
          font-size: 1.375rem;
          text-transform: none;
          color: #fffefe;
          font-weight: 400;
          letter-spacing: 0.3px;
          line-height: 1.3;
          padding: 0;
          margin-bottom: 30px;
					margin-top: 30px; }
        section.banner .container .icon-scroll-cont .icon-scroll {
          display: inline-block;
          font-size: 50px;
          font-size: 3.125rem;
          color: #f6732a; }
  section.about {
    border-top: 4px solid #f6732a;
    min-height: 580px; }
    section.about h2 {
      font-style: normal; }
    section.about .container > p {
      margin-bottom: 20px;
      font-size: 18px;
      font-size: 1.125rem;
      font-style: italic;
      line-height: 1.3;
      letter-spacing: 0.3px; }
    section.about .content p {
      margin-bottom: 20px; }
    section.about a {
      display: inline-block; }
      section.about a i {
        color: #f6732a;
        font-size: 30px;
        font-size: 1.875rem;
        margin-bottom: 30px;
        -webkit-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
  section .listing-boxes {
    padding: 0;
    margin: 0 auto !important; }
    @media only screen and (max-width: 1080px) {
      section .listing-boxes {
        max-width: 930px; } }
    @media only screen and (max-width: 991px) {
      section .listing-boxes {
        max-width: 620px; } }
    @media only screen and (max-width: 767px) {
      section .listing-boxes {
        max-width: 310px; } }
    section .listing-boxes .item {
      color: #fff;
      position: relative;
      width: 290px;
      float: left;
      margin: 0 10px 20px 10px;
      height: 100%;
      overflow: hidden; }
      @media only screen and (max-width: 480px) {
        section .listing-boxes .item {
          width: 100%;
          max-width: 290px; } }
      section .listing-boxes .item h3, section .listing-boxes .item h4, section .listing-boxes .item .content, section .listing-boxes .item .overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: 0.25s;
        -ms-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
        color: #fff; }
      section .listing-boxes .item h3, section .listing-boxes .item h4, section .listing-boxes .item .content {
        position: relative;
        z-index: 3; }
      section .listing-boxes .item > div {
        padding: 30px 15px;
        position: relative;
        width: 100%;
        height: 100%; }
      section .listing-boxes .item h3 {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 10px; }
        section .listing-boxes .item h3 i {
          display: block;
          color: #f6732a;
          font-size: 22px;
          font-size: 1.375rem; }
          section .listing-boxes .item h3 i.fa-plus {
            -webkit-transition: 0.5s ease 0.1s;
            -ms-transition: 0.5s ease 0.1s;
            -moz-transition: 0.5s ease 0.1s;
            -o-transition: 0.5s ease 0.1s;
            transition: 0.5s ease 0.1s; }
      section .listing-boxes .item h4 {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 20px; }
        section .listing-boxes .item h4 span {
          display: block;
          font-style: italic;
          color: #262626;
          font-size: 16px;
          font-size: 1rem;
          font-weight: 400;
          text-transform: none; }
      section .listing-boxes .item .content p {
        line-height: 1.15; }
      section .listing-boxes .item .overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2; }
      section .listing-boxes .item .bg {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-size: cover;
        background-repeat: none;
        background-position: center center; }
  section .slick-arrow, section .slick-next, section .slick-prev {
    padding: 10px;
    position: absolute;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    outline: none;
    border: 0;
    height: 35px !important;
    width: 35px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-align: center; }
  section .slick-next {
    right: -50px; }
    @media only screen and (max-width: 1080px) {
      section .slick-next {
        right: -40px; } }
    @media only screen and (max-width: 480px) {
      section .slick-next {
        right: -10px; } }
  section .slick-prev {
    left: -50px; }
    @media only screen and (max-width: 1080px) {
      section .slick-prev {
        left: -40px; } }
    @media only screen and (max-width: 480px) {
      section .slick-prev {
        left: -10px; } }
  section .slick-dots {
    height: 20px !important;
    margin-top: 30px; }
    section .slick-dots li {
      display: inline-block;
      margin-right: 10px; }
      section .slick-dots li button {
        outline: none;
        border: 0;
        background-color: #333;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        color: transparent;
        width: 20px;
        height: 20px;
        cursor: pointer;
        -webkit-transition: 0.25s;
        -ms-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s; }
      section .slick-dots li.slick-active button {
        background-color: #f6732a; }
  section.services h2 {
    margin-bottom: 40px; }
  section.services .services-slider {
    margin: 0 auto 20px auto;
    max-width: none; }
    @media only screen and (max-width: 767px) {
      section.services .services-slider {
        max-width: 620px; } }
    section.services .services-slider li {
      text-transform: uppercase;
      font-family: "Raleway", Helvetica, Arial, sans-serif; }
      @media only screen and (max-width: 480px) {
        section.services .services-slider li {
          width: 100%; } }
      section.services .services-slider li h3 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.05; }
        section.services .services-slider li h3 a {
          display: block;
          background: transparent;
          border: 1px solid #fff;
          color: #fff;
          padding: 20px 10px 15px 10px; }
          @media only screen and (max-width: 767px) {
            section.services .services-slider li h3 a {
              padding: 20px 30px 15px 30px; } }
          @media only screen and (max-width: 550px) {
            section.services .services-slider li h3 a {
              padding: 20px 25% 15px 25%; } }
          @media only screen and (max-width: 380px) {
            section.services .services-slider li h3 a {
              padding: 20px 50px 15px 50px; } }
          @media only screen and (max-width: 340px) {
            section.services .services-slider li h3 a {
              padding: 20px 30px 15px 30px; } }
          section.services .services-slider li h3 a.active {
            background-color: #f6732a;
            border-color: #f6732a; }
          section.services .services-slider li h3 a i {
            font-size: 28px;
            font-size: 1.75rem;
            -webkit-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            line-height: 100%;
            margin-top: 7px;
            display: block;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); }
  section.services .service-content-cont {
    position: relative;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s; }
    section.services .service-content-cont .service-content {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      -webkit-transition: 0.5s;
      -ms-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      color: #fff; }
      section.services .service-content-cont .service-content.visible {
        position: relative;
        top: auto;
        left: auto;
        display:block }
  section.sectors h2 {
    margin-bottom: 60px; }
  section.sectors .listing-boxes:before, section.sectors .listing-boxes:after {
    content: " ";
    display: table; }
  section.sectors .listing-boxes:after {
    clear: both; }
  @media only screen and (max-width: 1080px) {
    section.sectors .listing-boxes {
      max-width: 930px; } }
  @media only screen and (max-width: 991px) {
    section.sectors .listing-boxes {
      max-width: 465px; } }
  @media only screen and (max-width: 767px) {
    section.sectors .listing-boxes {
      max-width: 465px; } }
  @media only screen and (max-width: 650px) {
    section.sectors .listing-boxes {
      max-width: 465px; } }
  section.sectors .listing-boxes .item {
    width: 445px; }
    @media only screen and (max-width: 991px) {
      section.sectors .listing-boxes .item {
        width: 100%;
        max-width: 445px; } }
  section.sectors .listing-boxes .overlay {
    background: rgba(38, 38, 38, 0.7); }
  section.case-studies {
    padding: 0; }
    section.case-studies .case-study-nav {
      width: 100%; }
      @media only screen and (max-width: 991px) {
        section.case-studies .case-study-nav .container {
          padding: 0; } }
      section.case-studies .case-study-nav .container > div {
        text-align: left; }
        @media only screen and (max-width: 767px) {
          section.case-studies .case-study-nav .container > div {
            text-align: center; } }
      section.case-studies .case-study-nav .container .slick-track li {
        padding: 0; }
      section.case-studies .case-study-nav h3 {
        color: #fff;
        font-style: italic;
        font-family: "Lato", Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-size: 1.875rem;
        text-transform: none;
        margin: 0;
        padding: 30px 10px; }
			section.case-studies .case-study-nav h3 a {
			padding-top: 27px; }
        @media only screen and (max-width: 991px) {
          section.case-studies .case-study-nav h3 {
            padding: 30px 25px; } }
      section.case-studies .case-study-nav .nav-items span {
        display: block;
        cursor: pointer;
        margin: 0;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        border-left: 1px solid #333;
        padding: 30px 10px 30px 10px;
        text-transform: uppercase;
        text-align: center;
        background-color: #fff;
        color: #262626;
        -webkit-transition: 0.25s;
        -ms-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s; }
        section.case-studies .case-study-nav .nav-items span.slick-current {
          color: #f6732a; }
    section.case-studies .case-study-list {
      padding: 50px 0; }
      section.case-studies .case-study-list .item {
        text-align: left;
        float: left;
        margin: 0 10px; }
        @media only screen and (max-width: 767px) {
          section.case-studies .case-study-list .item {
            text-align: center; } }
        section.case-studies .case-study-list .item .info {
          margin-bottom: 20px; }
          section.case-studies .case-study-list .item .info .subtitle {
            display: block;
            font-family: "Raleway", Helvetica, Arial, sans-serif;
            color: #f6732a;
            text-transform: uppercase;
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: 700; }
          section.case-studies .case-study-list .item .info h4 {
            color: #262626;
            font-size: 40px;
            font-size: 2.5rem;
            margin-bottom: 10px; }
          section.case-studies .case-study-list .item .info .date {
            display: block;
            font-weight: 700; }
        section.case-studies .case-study-list .item p {
          margin-bottom: 20px; }
        section.case-studies .case-study-list .item .btn {
          background-color: transparent;
          color: #f6732a;
          border: 0;
          padding: 0; }
          section.case-studies .case-study-list .item .btn i {
            color: #f6732a; }
        section.case-studies .case-study-list .item img {
          display: block;
          width: auto;
          max-width: 100%;
          height: auto;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            section.case-studies .case-study-list .item img {
              margin-bottom: 40px; } }
  section.project-flow h3 {
    margin-bottom: 40px; }
  section.project-flow p {
    color: #f6732a;
    font-style: italic;
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 80px;
	margin-bottom: 30px;
    letter-spacing: 0.3px;
    line-height: 1.3; }
  section.team h3 {
    margin-bottom: 50px; }
    section.team h3 span {
      color: #f6732a; }
  section.team .listing-boxes {
    position: relative; }
    section.team .listing-boxes .item .content {
      color: #fff; }
      section.team .listing-boxes .item .content p {
        margin-bottom: 20px;
        min-height: 85px; }
      section.team .listing-boxes .item .content .contact li {
        display: block; }
        section.team .listing-boxes .item .content .contact li a {
          color: #fff; }
        section.team .listing-boxes .item .content .contact li i {
          margin-top: 20px;
          font-size: 30px;
          font-size: 1.875rem; }
    section.team .listing-boxes .item .overlay {
      background: rgba(246, 115, 42, 0.8);
      -webkit-transition: 0.8s;
      -ms-transition: 0.8s;
      -moz-transition: 0.8s;
      -o-transition: 0.8s;
      transition: 0.8s; }
    section.team .listing-boxes .slick-arrow, section.team .listing-boxes .slick-next, section.team .listing-boxes .slick-prev {
      background-color: #262626;
      color: #fff;
      top: 45%; }
  section.clients h3 {
    text-align: center;
    margin-bottom: 50px; }
  section.clients .logo-listing {
    position: relative;
    max-height: 120px;
    padding: 0;
    margin: 0 5px 30px 5px; }
    section.clients .logo-listing .slick-track {
      overflow: hidden; }
    section.clients .logo-listing .slick-slide {
      width: 100%;
      height: 100%;
      text-align: center;
      display: table;
      padding: 0; }
      section.clients .logo-listing .slick-slide .item {
        height: 120px;
        display: table-cell;
        width: 100%;
        text-align: center;
        vertical-align: middle; }
        section.clients .logo-listing .slick-slide .item img {
          display: block;
          width: auto;
          height: auto;
          margin: 0 auto; }
    section.clients .logo-listing .slick-arrow, section.clients .logo-listing .slick-next, section.clients .logo-listing .slick-prev {
      background-color: #f6732a;
      color: #fff;
      top: 35%; }
  section.clients .logo-sector-list {
    width: 100%;
    max-width: 700px;
    margin: 50px auto 0 auto;
    text-align: left;
    color: #fff; }
    section.clients .logo-sector-list:before, section.clients .logo-sector-list:after {
      content: " ";
      display: table; }
    section.clients .logo-sector-list:after {
      clear: both; }
    section.clients .logo-sector-list h3 {
      margin: 0 auto 50px auto; }
    section.clients .logo-sector-list h4 {
      font-size: 18px;
      font-size: 1.125rem;
      color: #f6732a; }
      @media only screen and (max-width: 550px) {
        section.clients .logo-sector-list h4 {
          min-height: 65px;
          overflow: hidden; } }
    section.clients .logo-sector-list ul {
      display: block;
      margin: 0; }
      @media only screen and (max-width: 991px) {
        section.clients .logo-sector-list ul {
          margin-bottom: 30px; } }
  section.testimonials {
    color: #262626; }
    section.testimonials h4 {
      margin-bottom: 30px; }
    section.testimonials .testimonial-list .item h5 {
      font-family: "Lato", Helvetica, Arial, sans-serif;
      text-transform: none;
      font-style: italic;
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 30px; }
    section.testimonials .testimonial-list .item p {
      font-family: "Raleway", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 30px; }
      section.testimonials .testimonial-list .item p span {
        color: #f6732a;
        display: block;
        text-transform: capitalize;
        font-style: italic;
        font-size: 16px;
        font-size: 1rem; }
  section.social {
    padding: 40px 0;
    color: #fff; }
    section.social h6 {
      font-family: "Lato", Helvetica, Arial, sans-serif;
      font-size: 30px;
      font-size: 1.875rem;
      text-transform: none;
      font-style: italic;
      text-align: left; }
    section.social .social-links {
      text-align: right; }
      section.social .social-links li {
        display: inline-block;
        color: #f6732a;
        font-size: 30px;
        font-size: 1.875rem;
        margin-right: 10px; }
        section.social .social-links li a {
          display: block; }
          section.social .social-links li a i {
            -webkit-transition: 0.25s;
            -ms-transition: 0.25s;
            -moz-transition: 0.25s;
            -o-transition: 0.25s;
            transition: 0.25s;
            color: #f6732a; }
  section.map {
    padding: 0;
    width: 100%;
    height: 100%;
    max-height: 500px; }
    @media only screen and (max-width: 991px) {
      section.map {
        max-height: 350px; } }
    @media only screen and (max-width: 767px) {
      section.map {
        max-height: 250px; } }
  section.contact .container {
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0.3px; }
    section.contact .container h3 {
      text-align: left; }
    section.contact .container p {
      margin-bottom: 20px; }
      section.contact .container p strong {
        font-size: 13.5px;
        font-size: 0.84375rem;
        letter-spacing: 0.3px; }
    section.contact .container .contact-info li {
      display: block;
      margin-bottom: 15px; }
      section.contact .container .contact-info li strong {
        text-transform: uppercase;
        letter-spacing: 0.3px;
        line-height: 1.4;
        font-size: 14px;
        font-size: 0.875rem; }
      section.contact .container .contact-info li a {
        color: #f6732a; }
      section.contact .container .contact-info li.tel-link a {
        color: #262626; }
      section.contact .container .contact-info li.directions-link a {
        display: block;
        margin-top: 25px; }
  section.contact .contact-form form:before, section.contact .contact-form form:after {
    content: " ";
    display: table; }
  section.contact .contact-form form:after {
    clear: both; }
  section.contact .contact-form input[type="text"], section.contact .contact-form textarea {
    width: 100%;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    color: #262626;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px;
    border: 1px solid #e3e3e3;
    -webkit-transition: 0.25s;
    -ms-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    margin-bottom: 10px; }
    section.contact .contact-form input[type="text"].error, section.contact .contact-form input[type="text"]:focus, section.contact .contact-form input[type="text"].wpcf7-not-valid, section.contact .contact-form textarea.error, section.contact .contact-form textarea:focus, section.contact .contact-form textarea.wpcf7-not-valid {
      border-color: #f6732a; }
  section.contact .contact-form textarea {
    resize: none;
    min-height: 200px;
    margin-bottom: 20px; }
  section.contact .contact-form .error-msg, section.contact .contact-form .wpcf7-validation-errors {
    display: block;
    padding: 20px 0;
    color: #f6732a;
    text-align: left;
    border: none;
    position: absolute;
    bottom: 0;
    left: 15px;
    margin: 0; }
  section.contact .contact-form .wpcf7-not-valid-tip {
    display: none; }
  section.contact .contact-form .btn {
    float: right;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -ms-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }
  section.case-study, section.project-flow-intro {
    padding: 160px 0 20px 0; }
    section.case-study .row > div, section.project-flow-intro .row > div {
      margin-bottom: 40px; }
    section.case-study h1.animated, section.project-flow-intro h1.animated {
      -webkit-animation-duration: 1.2s;
      -ms-animation-duration: 1.2s;
      -moz-animation-duration: 1.2s;
      -o-animation-duration: 1.2s;
      animation-duration: 1.2s; }
    section.case-study .info, section.project-flow-intro .info {
      margin: 50px 0 60px 0;
      text-align: center; }
      section.case-study .info span, section.case-study .info p, section.case-study .info div, section.project-flow-intro .info span, section.project-flow-intro .info p, section.project-flow-intro .info div {
        font-size: 18px;
        font-size: 1.125rem;
        text-align: center; }
        section.case-study .info span strong, section.case-study .info p strong, section.case-study .info div strong, section.project-flow-intro .info span strong, section.project-flow-intro .info p strong, section.project-flow-intro .info div strong {
          font-weight: 400; }
      section.case-study .info .title, section.project-flow-intro .info .title {
        text-transform: uppercase;
        font-weight: 700; }
      section.case-study .info h1, section.project-flow-intro .info h1 {
        font-size: 40px;
        font-size: 2.5rem;
        margin-bottom: 40px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        font-style: normal; }
      section.case-study .info .title, section.case-study .info .date, section.project-flow-intro .info .title, section.project-flow-intro .info .date {
        color: #f6732a; }
      section.case-study .info .date, section.case-study .info .client, section.project-flow-intro .info .date, section.project-flow-intro .info .client {
        font-style: italic; }
      section.case-study .info .client, section.project-flow-intro .info .client {
        color: #262626; }
        section.case-study .info .client h2, section.project-flow-intro .info .client h2 {
          font-family: "Lato", Helvetica, Arial, sans-serif;
          text-transform: none;
          font-style: italic;
          display: inline;
          font-size: 18px;
          font-size: 1.125rem;
          font-weight: 400; }
    section.case-study h1, section.case-study h2, section.case-study h3, section.case-study h4, section.case-study h5, section.case-study h6, section.project-flow-intro h1, section.project-flow-intro h2, section.project-flow-intro h3, section.project-flow-intro h4, section.project-flow-intro h5, section.project-flow-intro h6 {
      font-family: "Lato", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-transform: none;
      font-style: italic;
      font-size: 18px;
      font-size: 1.125rem;
      text-align: left; }
    section.case-study p, section.case-study a, section.case-study span, section.case-study strong, section.project-flow-intro p, section.project-flow-intro a, section.project-flow-intro span, section.project-flow-intro strong {
      text-align: left; }
      @media only screen and (max-width: 767px) {
        section.case-study p, section.case-study a, section.case-study span, section.case-study strong, section.project-flow-intro p, section.project-flow-intro a, section.project-flow-intro span, section.project-flow-intro strong {
          text-align: center; } }
    section.case-study ul, section.project-flow-intro ul {
      font-size: 18px;
      font-size: 1.125rem;
      font-style: italic;
      text-align: left; }
      section.case-study ul li, section.project-flow-intro ul li {
        position: relative;
        padding-left: 26px;
        margin-bottom: 10px; }
        section.case-study ul li:before, section.project-flow-intro ul li:before {
          font-family: "FontAwesome";
          font-style: normal;
          content: "\f054";
          color: #ebebeb;
          width: 18px;
          height: 18px;
          text-align: center;
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 1.5;
          -webkit-border-radius: 50%;
          -ms-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          background-color: #f6732a;
          position: absolute;
          top: 5px;
          left: 0;
          padding-left: 2px; }
  section.case-study-carousel {
    padding: 40px 0; }
    section.case-study-carousel .case-study-listing {
      margin: 0 auto; }
      section.case-study-carousel .case-study-listing:before, section.case-study-carousel .case-study-listing:after {
        content: " ";
        display: table; }
      section.case-study-carousel .case-study-listing:after {
        clear: both; }
      @media only screen and (max-width: 1134px) {
        section.case-study-carousel .case-study-listing {
          max-width: 930px; } }
      @media only screen and (max-width: 1080px) {
        section.case-study-carousel .case-study-listing {
          max-width: 465px; } }
      section.case-study-carousel .case-study-listing .item {
        width: 465px;
        max-width: 465px;
        margin: 0; }
        @media only screen and (max-width: 480px) {
          section.case-study-carousel .case-study-listing .item {
            width: 100%;
            max-width: 465px; } }
        section.case-study-carousel .case-study-listing .item .before, section.case-study-carousel .case-study-listing .item .after {
          position: relative;
          width: 50%;
          float: left;
          padding: 0 10px; }
          section.case-study-carousel .case-study-listing .item .before img, section.case-study-carousel .case-study-listing .item .after img {
            display: block;
            width: 100%;
            height: auto; }
          section.case-study-carousel .case-study-listing .item .before:before, section.case-study-carousel .case-study-listing .item .after:before {
            padding: 10px;
            position: absolute;
            top: 0;
            right: 10px;
            color: #fff;
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: 700; }
        section.case-study-carousel .case-study-listing .item .before:before {
          content: "Before";
          background: rgba(51, 51, 51, 0.8); }
        section.case-study-carousel .case-study-listing .item .after:before {
          content: "After";
          background: rgba(246, 115, 42, 0.8); }
      section.case-study-carousel .case-study-listing .slick-arrow, section.case-study-carousel .case-study-listing .slick-next, section.case-study-carousel .case-study-listing .slick-prev {
        background-color: #333;
        color: #fff;
        top: 42%; }
  section.case-study-before-after {
    padding: 20px 0 70px 0; }
    section.case-study-before-after .twentytwenty-container {
      position: relative;
      margin: 0 10px; }
      section.case-study-before-after .twentytwenty-container:before, section.case-study-before-after .twentytwenty-container:after {
        padding: 10px;
        position: absolute;
        top: 45%;
        color: #fff;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        z-index: 25; }
      section.case-study-before-after .twentytwenty-container:before {
        content: "Before";
        background: rgba(51, 51, 51, 0.8);
        left: 20px; }
      section.case-study-before-after .twentytwenty-container:after {
        content: "After";
        background: rgba(246, 115, 42, 0.8);
        right: 20px; }
      section.case-study-before-after .twentytwenty-container .twentytwenty-overlay {
        display: none; }
  section.project-flow-intro {
    color: #fff; }
    section.project-flow-intro .container .btn.btn-back {
      background-color: #fff;
      border-color: #fff;
      color: #262626; }
      section.project-flow-intro .container .btn.btn-back i {
        color: #f6732a; }
    section.project-flow-intro .container .info p {
      font-style: italic;
      color: #f6732a; }
      section.project-flow-intro .container .info p.subtitle {
        color: #fff; }
  section.project-flow-timeline {
    position: relative; }
    section.project-flow-timeline .marker {
      color: #f6732a;
      display: block;
      position: absolute;
      width: 100%;
      text-align: center;
      left: 0; }
      section.project-flow-timeline .marker span {
        display: block;
        margin: 0 auto; }
      section.project-flow-timeline .marker.start, section.project-flow-timeline .marker.end {
        top: 0; }
        section.project-flow-timeline .marker.start span, section.project-flow-timeline .marker.end span {
          width: 20px;
          height: 20px;
          background-color: #f6732a;
          -webkit-border-radius: 50%;
          -ms-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */ }
      section.project-flow-timeline .marker.line {
        top: 0;
        height: 100%; }
        section.project-flow-timeline .marker.line span {
          width: 1px;
          border-right: 1px solid #f6732a;
          height: 100%; }
      section.project-flow-timeline .marker.arrow {
        top: 30px; }
        section.project-flow-timeline .marker.arrow span:after {
          font-family: "FontAwesome";
          content: "\f078";
          color: #f6732a;
          font-size: 21px;
          font-size: 1.3125rem; }
      section.project-flow-timeline .marker.end {
        top: auto;
        bottom: 0; }
    section.project-flow-timeline .item {
      text-align: center;
      position: relative;
      padding: 14px 0; }
      section.project-flow-timeline .item:before, section.project-flow-timeline .item:after {
        content: " ";
        display: table; }
      section.project-flow-timeline .item:after {
        clear: both; }
      section.project-flow-timeline .item .item-title {
        margin: 0 auto;
        background-color: #fff;
        border: 2px solid #f6732a;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        width: 180px;
        height: 180px;
        padding: 30px 10px;
        position: relative;
        display: table; }
        section.project-flow-timeline .item .item-title span {
          display: block;
          color: #f6732a;
          margin-bottom: 20px;
          top: 35px;
          position: absolute;
          left: 0;
          width: 100%;
          margin: 0; }
        section.project-flow-timeline .item .item-title > div {
          display: table-cell;
          vertical-align: middle; }
        section.project-flow-timeline .item .item-title h2 {
          color: #262626;
          font-size: 20px;
          font-size: 1.25rem;
          margin-bottom: 0; }
        section.project-flow-timeline .item .item-title.animated {
          -webkit-animation-duration: 0.3s;
          -ms-animation-duration: 0.3s;
          -moz-animation-duration: 0.3s;
          -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
          -webkit-transition: 0.3s opacity ease;
          -ms-transition: 0.3s opacity ease;
          -moz-transition: 0.3s opacity ease;
          -o-transition: 0.3s opacity ease;
          transition: 0.3s opacity ease; }
      section.project-flow-timeline .item .item-desc {
        -webkit-transition: 1s;
        -ms-transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        position: absolute;
        top: 25%;
        left: 0;
        width: 35%;
        background-color: #333;
        -webkit-border-radius: 15px;
        -ms-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        min-height: 118px;
        max-width: 300px; }
        @media only screen and (max-width: 767px) {
          section.project-flow-timeline .item .item-desc {
            position: relative;
            top: auto;
            left: auto;
            width: 95%;
            max-width: 300px;
            margin: 50px auto 0 auto; } }
        section.project-flow-timeline .item .item-desc.animated {
          -webkit-animation-duration: 1.5s;
          -ms-animation-duration: 1.5s;
          -moz-animation-duration: 1.5s;
          -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
          -webkit-animation-delay: 0.2s;
          -ms-animation-delay: 0.2s;
          -moz-animation-delay: 0.2s;
          -o-animation-delay: 0.2s;
          animation-delay: 0.2s; }
        section.project-flow-timeline .item .item-desc > div {
          position: relative;
          padding: 20px; }
          @media only screen and (max-width: 767px) {
            section.project-flow-timeline .item .item-desc > div {
              padding: 0 20px 20px 20px; } }
          section.project-flow-timeline .item .item-desc > div .icon {
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            top: 42px;
            right: -25px;
            border-style: solid;
            border-width: 17.5px 0 17.5px 25px;
            border-color: transparent transparent transparent #333; }
            @media only screen and (max-width: 767px) {
              section.project-flow-timeline .item .item-desc > div .icon {
                border-width: 0 17.5px 25px 17.5px;
                border-color: transparent transparent #333;
                top: -25px;
                right: auto;
                position: relative;
                margin: 0 auto; } }
          section.project-flow-timeline .item .item-desc > div strong {
            display: block;
            text-transform: uppercase;
            font-weight: 700;
            color: #f6732a;
            margin-bottom: 10px; }
          section.project-flow-timeline .item .item-desc > div p {
            color: #fff;
            text-transform: capitalize;
            font-size: 14px;
            font-size: 0.875rem;
            font-style: normal;
            margin: 0; }
      section.project-flow-timeline .item.item-right .item-desc {
        left: auto;
        right: 0; }
        @media only screen and (max-width: 767px) {
          section.project-flow-timeline .item.item-right .item-desc {
            right: auto; } }
        section.project-flow-timeline .item.item-right .item-desc > div .icon {
          left: -25px;
          right: auto;
          border-width: 17.5px 25px 17.5px 0;
          border-color: transparent #333 transparent transparent; }
          @media only screen and (max-width: 767px) {
            section.project-flow-timeline .item.item-right .item-desc > div .icon {
              left: auto;
              border-width: 0 17.5px 25px 17.5px;
              border-color: transparent transparent #333; } }
      section.project-flow-timeline .item.first {
        margin-top: 60px; }
      section.project-flow-timeline .item.last {
        margin-bottom: 60px; }

footer {
  padding: 40px 0;
  color: #fff; }
  footer .container .copyright {
    text-align: center;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      footer .container .copyright {
        text-align: left;
        margin-bottom: 0; } }
    footer .container .copyright span {
      color: #f6732a; }
  footer .container .created-by {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      footer .container .created-by {
        text-align: right; } }
    footer .container .created-by a {
      color: #f6732a;
      display: block; }
      @media only screen and (min-width: 768px) {
        footer .container .created-by a {
          display: inline; } }

.no-touchevents .btn:hover, .no-touchevents .btn:focus, .no-touchevents .btn:active {
  background: transparent;
  border-color: #fff; }
  .no-touchevents .btn:hover i, .no-touchevents .btn:focus i, .no-touchevents .btn:active i {
    right: -20px; }
.no-touchevents .btn.btn-back:hover, .no-touchevents .btn.btn-back:focus, .no-touchevents .btn.btn-back:active {
  background-color: #333;
  border-color: #333; }
  .no-touchevents .btn.btn-back:hover i, .no-touchevents .btn.btn-back:focus i, .no-touchevents .btn.btn-back:active i {
    right: auto;
    left: -20px; }
.no-touchevents section.about a:hover i, .no-touchevents section.about a:focus i, .no-touchevents section.about a:active i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }
.no-touchevents section .listing-boxes .item h3, .no-touchevents section .listing-boxes .item h4, .no-touchevents section .listing-boxes .item .content, .no-touchevents section .listing-boxes .item .overlay {
  opacity: 0;
  filter: alpha(opacity=0); }
.no-touchevents section .listing-boxes .item:hover h3, .no-touchevents section .listing-boxes .item:hover h4, .no-touchevents section .listing-boxes .item:hover .content, .no-touchevents section .listing-boxes .item:hover .overlay, .no-touchevents section .listing-boxes .item:focus h3, .no-touchevents section .listing-boxes .item:focus h4, .no-touchevents section .listing-boxes .item:focus .content, .no-touchevents section .listing-boxes .item:focus .overlay, .no-touchevents section .listing-boxes .item:active h3, .no-touchevents section .listing-boxes .item:active h4, .no-touchevents section .listing-boxes .item:active .content, .no-touchevents section .listing-boxes .item:active .overlay {
  opacity: 1;
  filter: alpha(opacity=100); }
.no-touchevents section .listing-boxes .item:hover h3 i.fa-plus, .no-touchevents section .listing-boxes .item:focus h3 i.fa-plus, .no-touchevents section .listing-boxes .item:active h3 i.fa-plus {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }
.no-touchevents section .slick-arrow:hover, .no-touchevents section .slick-arrow:focus, .no-touchevents section .slick-arrow:active, .no-touchevents section .slick-next:hover, .no-touchevents section .slick-next:focus, .no-touchevents section .slick-next:active, .no-touchevents section .slick-prev:hover, .no-touchevents section .slick-prev:focus, .no-touchevents section .slick-prev:active {
  font-size: 16px;
  font-size: 1rem;
  line-height: 0; }
.no-touchevents section.services .services-slider li h3 a {
  background: transparent;
  border: 1px solid #fff; }
  .no-touchevents section.services .services-slider li h3 a:hover, .no-touchevents section.services .services-slider li h3 a:focus, .no-touchevents section.services .services-slider li h3 a:active, .no-touchevents section.services .services-slider li h3 a.active {
    background-color: #f6732a;
    border-color: #f6732a; }
    .no-touchevents section.services .services-slider li h3 a:hover i, .no-touchevents section.services .services-slider li h3 a:focus i, .no-touchevents section.services .services-slider li h3 a:active i, .no-touchevents section.services .services-slider li h3 a.active i {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
.no-touchevents section.case-studies .case-study-nav .nav-items span:hover, .no-touchevents section.case-studies .case-study-nav .nav-items span:focus, .no-touchevents section.case-studies .case-study-nav .nav-items span:active, .no-touchevents section.case-studies .case-study-nav .nav-items span.slick-current {
  color: #f6732a; }
.no-touchevents section.team .listing-boxes .slick-arrow:hover, .no-touchevents section.team .listing-boxes .slick-arrow:focus, .no-touchevents section.team .listing-boxes .slick-arrow:active, .no-touchevents section.team .listing-boxes .slick-next:hover, .no-touchevents section.team .listing-boxes .slick-next:focus, .no-touchevents section.team .listing-boxes .slick-next:active, .no-touchevents section.team .listing-boxes .slick-prev:hover, .no-touchevents section.team .listing-boxes .slick-prev:focus, .no-touchevents section.team .listing-boxes .slick-prev:active {
  background-color: #f6732a; }
.no-touchevents section.clients .logo-listing .slick-arrow:hover, .no-touchevents section.clients .logo-listing .slick-arrow:focus, .no-touchevents section.clients .logo-listing .slick-arrow:active, .no-touchevents section.clients .logo-listing .slick-next:hover, .no-touchevents section.clients .logo-listing .slick-next:focus, .no-touchevents section.clients .logo-listing .slick-next:active, .no-touchevents section.clients .logo-listing .slick-prev:hover, .no-touchevents section.clients .logo-listing .slick-prev:focus, .no-touchevents section.clients .logo-listing .slick-prev:active {
  background-color: #fff;
  color: #262626; }
.no-touchevents section.social .social-links li a:hover i, .no-touchevents section.social .social-links li a:focus i, .no-touchevents section.social .social-links li a:active i {
  color: #fff; }
.no-touchevents section.contact .contact-info li a:hover, .no-touchevents section.contact .contact-info li a:focus, .no-touchevents section.contact .contact-info li a:active {
  color: #262626; }
.no-touchevents section.contact .contact-form .btn:hover, .no-touchevents section.contact .contact-form .btn:focus, .no-touchevents section.contact .contact-form .btn:active {
  background-color: #333;
  border-color: #333; }
.no-touchevents section.case-study-carousel .slick-arrow:hover, .no-touchevents section.case-study-carousel .slick-arrow:focus, .no-touchevents section.case-study-carousel .slick-arrow:active, .no-touchevents section.case-study-carousel .slick-next:hover, .no-touchevents section.case-study-carousel .slick-next:focus, .no-touchevents section.case-study-carousel .slick-next:active, .no-touchevents section.case-study-carousel .slick-prev:hover, .no-touchevents section.case-study-carousel .slick-prev:focus, .no-touchevents section.case-study-carousel .slick-prev:active {
  background-color: #f6732a;
  color: #fff; }
.no-touchevents footer .created-by a:hover, .no-touchevents footer .created-by a:focus, .no-touchevents footer .created-by a:active {
  color: #fff; }

.case-study-nav .case_study { font-size: 14px; line-height: 18px; padding: 8px 16px; }

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