/**
 * Theme Name: Cityscape
 * Version: 1.0.1
 * Author: Didgeroo
 * Author URI: http://didgeroo.com
 * Description: Custom theme for cityscape
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: blue, white, orange
 * Text Domain: cityscape
 */
/* Fonts */
@font-face {
  font-family: 'baskervald_adf_stditalic';
  src: url("assets/fonts/baskervaldadfstd-italic.eot");
  src: url("assets/fonts/baskervaldadfstd-italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/baskervaldadfstd-italic.woff2") format("woff2"), url("assets/fonts/baskervaldadfstd-italic.woff") format("woff"), url("assets/fonts/baskervaldadfstd-italic.ttf") format("truetype"), url("assets/fonts/baskervaldadfstd-italic.svg#baskervald_adf_stditalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'futura_lightregular';
  src: url("assets/fonts/futura_light-webfont.eot");
  src: url("assets/fonts/futura_light-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/futura_light-webfont.woff2") format("woff2"), url("assets/fonts/futura_light-webfont.woff") format("woff"), url("assets/fonts/futura_light-webfont.ttf") format("truetype"), url("assets/fonts/futura_light-webfont.svg#futura_lightregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'futura_md_btbold';
  src: url("assets/fonts/futura-md-bt-bold-webfont.eot");
  src: url("assets/fonts/futura-md-bt-bold-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/futura-md-bt-bold-webfont.woff2") format("woff2"), url("assets/fonts/futura-md-bt-bold-webfont.woff") format("woff"), url("assets/fonts/futura-md-bt-bold-webfont.ttf") format("truetype"), url("assets/fonts/futura-md-bt-bold-webfont.svg#futura_md_btbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'futura_bk_btbook';
  src: url("assets/fonts/futura-book-webfont.eot");
  src: url("assets/fonts/futura-book-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/futura-book-webfont.woff2") format("woff2"), url("assets/fonts/futura-book-webfont.woff") format("woff"), url("assets/fonts/futura-book-webfont.ttf") format("truetype"), url("assets/fonts/futura-book-webfont.svg#futura_bk_btbook") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Fonts End */
/* Variables */
/* End Variables */
html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 40px;
  font-family: "futura_lightregular", Arial, sans-serif;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-family: "futura_lightregular", Arial, sans-serif;
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase; }

h2 {
  font-family: "futura_md_btbold", Arial, sans-serif;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase; }

p {
  font-family: "baskervald_adf_stditalic", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px; }

a {
  outline: none; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none; }

video {
  width: 100%;
  height: auto; }

.btn {
  outline: none; }
  .btn:hover, .btn:focus, .btn:active {
    outline: none; }

.container {
  max-width: 1110px; }

.admin-bar nav {
  top: 32px; }

.box-border {
  border-right: 1px solid #525359;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.3); }
  .box-border:last-child {
    border: none;
    box-shadow: none; }

/* Header */
.navbar-brand {
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px; }

.navbar {
  background: url("assets/img/nav-bg.png") repeat;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  margin-bottom: 0;
  z-index: 999999; }
  .navbar .nav {
    margin-top: 7px; }
    .navbar .nav .menu-item {
      margin: 0 10px; }
      .navbar .nav .menu-item a {
        font-family: "futura_bk_btbook", Arial, sans-serif;
        font-size: 16px;
        line-height: 21px;
        color: #8b8a8d;
        text-transform: uppercase;
        padding: 15px 10px 10px 10px;
        border-bottom: 1px transparent solid; }
        .navbar .nav .menu-item a:hover, .navbar .nav .menu-item a:focus, .navbar .nav .menu-item a:active {
          background-color: transparent;
          background-image: none;
          border-bottom: 1px transparent solid;
          color: #51afee; }
    .navbar .nav .current-menu-item a {
      background: url("assets/img/nav-bullet.png") no-repeat bottom center;
      border-bottom: 1px #51afee solid; }
      .navbar .nav .current-menu-item a:hover {
        background: url("assets/img/nav-bullet.png") no-repeat bottom center;
        border-bottom: 1px #51afee solid; }

/* End Header */
.box-with-hover-state {
  position: relative;
  overflow: hidden; }
  .box-with-hover-state img {
    height: 100%;
    width: auto; }
  .box-with-hover-state .blue-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #51afee;
    opacity: 0;
    z-index: 1210;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .box-with-hover-state h3 {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-family: "futura_lightregular", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    z-index: 1220;
    opacity: 0;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    .box-with-hover-state h3 .title {
      display: block;
      font-family: "futura_md_btbold", Arial, sans-serif;
      font-size: 13px;
      line-height: 16px; }
    .box-with-hover-state h3 .bd-separator {
      display: block;
      border-top: 1px #fff solid;
      width: 60px;
      margin: 7px 0; }
    .box-with-hover-state h3 .client {
      display: block;
      font-family: "baskervald_adf_stditalic", Arial, sans-serif;
      font-size: 20px;
      line-height: 24px;
      text-transform: capitalize; }
    .box-with-hover-state h3 em {
      display: none; }
  .box-with-hover-state .link-mask {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    opacity: 0;
    z-index: 1230;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .box-with-hover-state:hover .blue-mask {
    opacity: 0.7; }
  .box-with-hover-state:hover h3 {
    opacity: 1; }
  .box-with-hover-state:hover .link-mask {
    opacity: 1; }

.slides .box-with-hover-state:hover h3 {
  opacity: 0; }

.page-template-homepage .flip-circle {
  width: 315px;
  height: 315px; }
  .page-template-homepage .flip-circle .wrapper {
    width: 315px;
    height: 315px; }
  .page-template-homepage .flip-circle .face h4 {
    font-family: "futura_bk_btbook", Arial, sans-serif;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase; }
  .page-template-homepage .flip-circle .face h5 {
    font-family: "baskervald_adf_stditalic", Arial, sans-serif;
    font-size: 28px;
    line-height: 28px;
    text-transform: lowercase; }
  .page-template-homepage .flip-circle .face.back {
    background: url("assets/img/front-page-back.png") no-repeat center center;
    background-size: cover;
    border: 20px solid #000; }

.flip-circle {
  width: 150px;
  height: 150px; }
  .flip-circle .wrapper {
    position: relative;
    margin: 10px auto;
    width: 150px;
    height: 150px;
    z-index: 1;
    perspective: 1000;
    -webkit-perspective: 1000px; }
  .flip-circle .inner-wrapper {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transition: all 1.0s linear;
    -ms-transition: all 1.0s linear;
    transition: all 1.0s linear; }
    .flip-circle .inner-wrapper .face {
      opacity: 1; }
    .flip-circle .inner-wrapper .face.back {
      opacity: 0; }
    .flip-circle .inner-wrapper:hover .face, .flip-circle .inner-wrapper.hover .face {
      opacity: 0; }
    .flip-circle .inner-wrapper:hover .face.back, .flip-circle .inner-wrapper.hover .face.back {
      opacity: 1; }
  .flip-circle .wrapper:hover .inner-wrapper, .flip-circle .inner-wrapper.hover {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .flip-circle .content {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .flip-circle .face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background: rgba(81, 175, 238, 0.7);
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: opacity 0s linear 0.5s;
    -ms-transition: opacity 0s linear 0.5s;
    transition: opacity 0s linear 0.5s; }
  .flip-circle .face.back {
    display: block;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: white;
    box-sizing: border-box;
    text-align: center;
    background: #e44954;
    opacity: 1;
    -webkit-transition: opacity 0s linear 0.5s, background 0.5s linear 0.25s, border-color 0.5s linear 0.25s;
    -ms-transition: opacity 0s linear 0.5s, background 0.5s linear 0.25s, border-color 0.5s linear 0.25s;
    transition: opacity 0s linear 0.5s, background 0.5s linear 0.25s, border-color 0.5s linear 0.25s; }

.separator {
  display: block;
  border-top: 2px #ffffff solid;
  width: 45px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.grid .grid-item {
  margin-bottom: 20px; }

.top {
  display: block;
  background: url("assets/img/bg-top.png") repeat-x center center;
  text-align: center;
  text-transform: uppercase;
  padding: 40px 0; }
  .top span {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50px;
    background-color: #51afee;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 5px; }
  .top.no-border {
    background-image: none;
    padding: 0 !important;
    height: 0;
    position: relative; }
    .top.no-border span {
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%); }
  .top:hover span {
    font-weight: 700; }
  .top.top-invisible {
    opacity: 0; }
  .top img {
    width: 164px;
    height: 88px; }
  .top.top-img {
    display: block;
    margin: auto;
    margin-top: 30px;
    width: 60px;
    height: 60px;
    margin-left: auto !important;
    margin-right: auto !important; }
    .top.top-img span {
      position: static;
      background-color: transparent;
      border-radius: 0;
      border-left: 2px solid #51afee;
      border-bottom: 2px solid #51afee;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
      padding: 0;
      width: 50px;
      height: 50px; }

section.banner {
  min-height: 750px;
  background-size: cover; }

section.flipcoins-navigation {
  background: #121820;
  padding: 70px 0 0 0; }
  section.flipcoins-navigation ul {
    list-style: none;
    text-align: center;
    padding-left: 0; }
    section.flipcoins-navigation ul li {
      display: inline-block;
      margin: 0 10px; }
      section.flipcoins-navigation ul li .flip-circle {
        width: 146px;
        height: 146px; }
        section.flipcoins-navigation ul li .flip-circle .wrapper {
          width: 146px;
          height: 146px; }
          section.flipcoins-navigation ul li .flip-circle .wrapper .content {
            padding: 0 20px; }
            section.flipcoins-navigation ul li .flip-circle .wrapper .content h4 {
              font-family: "futura_md_btbold", Arial, sans-serif;
              font-size: 13px;
              line-height: 16px;
              color: #ffffff;
              text-transform: uppercase;
              margin: 0; }
  section.flipcoins-navigation .flip-circle .face.front,
  section.flipcoins-navigation .flip-circle .face.back {
    background-color: #51afee; }
  section.flipcoins-navigation.flipcoins-navigation-services {
    padding: 70px 0; }
    section.flipcoins-navigation.flipcoins-navigation-services ul li .flip-circle .wrapper .content {
      padding: 0; }

section.content {
  padding: 80px 0; }
  section.content .service .inner-content {
    margin: 15px 0 0 0; }
    section.content .service .inner-content p {
      font-family: "futura_bk_btbook", Arial, sans-serif;
      font-size: 14px;
      line-height: 17px;
      color: #121820; }
      section.content .service .inner-content p a {
        color: #51afee; }
  section.content .service .grid {
    margin: 0 -10px;
    margin-bottom: -20px; }
    section.content .service .grid .col-sm-5,
    section.content .service .grid .col-sm-7,
    section.content .service .grid .col-sm-4,
    section.content .service .grid .col-sm-8 {
      padding: 0 10px; }
      section.content .service .grid .col-sm-5 img,
      section.content .service .grid .col-sm-7 img,
      section.content .service .grid .col-sm-4 img,
      section.content .service .grid .col-sm-8 img {
        width: 100%;
        height: auto; }

section.heading {
  min-height: 710px;
  position: relative; }
  section.heading .container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  section.heading h1 {
    font-family: "futura_md_btbold", Arial, sans-serif;
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
    margin: 30px 0 0 0;
    text-align: center; }
  section.heading h3 {
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    margin: 0 0 30px 0; }
  section.heading .separator {
    border-top: 2px #ff8a39 solid;
    width: 183px; }
  section.heading .arrow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: rotate(45deg) translate(-50%, 0);
    /* Chrome, Safari, Opera */
    -ms-transform: rotate(45deg) translate(-50%, 0);
    /* IE 9 */
    transform: rotate(45deg) translate(-50%, 0);
    cursor: hand;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  section.heading:hover .arrow {
    opacity: 1; }

.prj-slider .flex-viewport .flex-direction-nav {
  opacity: 0;
  top: 50%;
  height: 0;
  position: absolute;
  width: 100%; }

.prj-slider .flex-viewport li {
  position: relative;
  overflow: hidden; }
  .prj-slider .flex-viewport li .slide-image {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    transform: translate(-50%, -50%); }
  .prj-slider .flex-viewport li .placeholder {
    position: static;
    height: 540px;
    opacity: 0; }

.slider {
  position: relative; }
  .slider ul li {
    text-align: right;
    font-size: 11px;
    line-height: 14px;
    color: #121820; }
    .slider ul li .image {
      margin-bottom: 10px; }
  .slider .flex-direction-nav a::before {
    content: ""; }
  .slider .flex-direction-nav {
    transition: all 0.2s ease-in-out 0s; }
    .slider .flex-direction-nav a {
      width: 36px;
      height: 71px;
      opacity: 1;
      content: "";
      margin: 0;
      display: block;
      top: 40%; }
    .slider .flex-direction-nav .flex-prev {
      background: url("assets/img/slider-arrow-left.png") no-repeat top center;
      left: 0;
      text-indent: -9999px;
      text-align: left; }
    .slider .flex-direction-nav .flex-next {
      background: url("assets/img/slider-arrow-right.png") no-repeat top center;
      right: 0;
      text-indent: -9999px;
      text-align: left; }
    .slider .flex-direction-nav.show-arrows {
      opacity: 1; }
  .slider .flex-control-paging li a {
    background: url("assets/img/slide.png") no-repeat;
    width: 10px;
    height: 10px;
    box-shadow: none; }
  .slider .flex-control-paging li a.flex-active {
    background: url("assets/img/active-slide.png") no-repeat; }

.info-area {
  background-color: #47484f;
  padding: 55px 0;
  color: #fff; }
  .info-area .info-wrapper {
    padding: 15px; }
    .info-area .info-wrapper p:last-child {
      margin-bottom: 0; }
    .info-area .info-wrapper.our-digits h3:last-child {
      margin-bottom: 0; }
    .info-area .info-wrapper .digits .col-sm-6:last-child h3 {
      margin-bottom: 0; }
  .info-area .no-border {
    border: none !important;
    box-shadow: none !important; }
  .info-area p {
    font-family: "baskervald_adf_stditalic", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px; }
  .info-area a:hover {
    color: #ff8a39;
    font-weight: 700; }
  .info-area .prj-info {
    list-style: none;
    padding-left: 0; }
    .info-area .prj-info li {
      font-family: "futura_bk_btbook", Arial, sans-serif;
      font-size: 14px;
      line-height: 24px;
      text-transform: uppercase; }
      .info-area .prj-info li span {
        font-family: "futura_md_btbold", Arial, sans-serif; }
  .info-area .prj-features {
    list-style: none;
    padding-left: 0;
    padding: 30px 0 0 50px;
    margin: 0; }
    .info-area .prj-features li {
      background: url("assets/img/info-bullet.png") no-repeat left center;
      padding-left: 30px;
      font-size: 20px;
      line-height: 26px;
      text-transform: uppercase;
      margin-bottom: 20px; }
  .info-area h3 {
    font-family: "futura_md_btbold", Arial, sans-serif;
    font-size: 50px;
    line-height: 65px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 20px auto; }
    .info-area h3 span,
    .info-area h3 p {
      display: block;
      font-family: "futura_lightregular", Arial, sans-serif;
      font-size: 20px;
      line-height: 26px; }
    .info-area h3 .bd-sep {
      border-top: 1px #51afee solid;
      width: 60px;
      margin: 5px auto 10px auto; }

.wrapper-button {
  padding: 50px 0; }
  .wrapper-button .btn-warning {
    padding: 10px 40px;
    font-family: "futura_bk_btbook", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ff8b39;
    border: 1px solid #ff8b39;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    border: 1px solid transparent; }
    .wrapper-button .btn-warning:hover {
      background-color: transparent;
      border-color: #ff8b39;
      font-weight: normal; }

.title-border {
  font-family: "futura_lightregular", Arial, sans-serif;
  font-size: 40px;
  line-height: 52px;
  text-transform: uppercase;
  color: #51afee;
  letter-spacing: 1px;
  margin: 0 0 20px 0; }
  .title-border span {
    display: block;
    margin-top: 10px;
    border-top: 1px #51afee solid;
    width: 65px;
    height: 1px; }

.page-template-homepage .flip-circle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.page-template-contact main .container {
  position: relative;
  z-index: 2; }

.page-template-contact main .tab-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.page-template-contact main .tab-pane {
  background-size: cover;
  height: 100%;
  background-position: center center;
  overflow: hidden; }
  .page-template-contact main .tab-pane video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; }

.page-template-contact main #map-canvas {
  height: 100%; }

.page-template-portfolio main,
.tax-project_category main {
  margin-top: 75px; }

.page-template-portfolio .nav-pills,
.tax-project_category .nav-pills {
  margin-bottom: 10px; }
  .page-template-portfolio .nav-pills .filter-menu,
  .tax-project_category .nav-pills .filter-menu {
    text-transform: uppercase;
    float: left;
    font-size: 12px;
    line-height: 18px;
    font-family: "futura_bk_btbook", Arial, sans-serif;
    padding: 10px 0 10px 0; }
  .page-template-portfolio .nav-pills ul,
  .tax-project_category .nav-pills ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0; }
    .page-template-portfolio .nav-pills ul li,
    .tax-project_category .nav-pills ul li {
      background: url("assets/img/nav-pills-separator.png") no-repeat right center;
      font-family: "futura_bk_btbook", Arial, sans-serif;
      font-size: 12px;
      line-height: 18px;
      text-transform: uppercase;
      margin: 0;
      float: left; }
      .page-template-portfolio .nav-pills ul li a,
      .tax-project_category .nav-pills ul li a {
        color: #121820;
        text-transform: uppercase;
        padding: 10px 13px;
        display: block; }
        .page-template-portfolio .nav-pills ul li a:hover, .page-template-portfolio .nav-pills ul li a:focus, .page-template-portfolio .nav-pills ul li a:active,
        .tax-project_category .nav-pills ul li a:hover,
        .tax-project_category .nav-pills ul li a:focus,
        .tax-project_category .nav-pills ul li a:active {
          background-color: transparent;
          color: #51afee; }
      .page-template-portfolio .nav-pills ul li.active a,
      .tax-project_category .nav-pills ul li.active a {
        font-family: "futura_md_btbold", Arial, sans-serif;
        color: #51afee;
        background-color: transparent; }
      .page-template-portfolio .nav-pills ul li.filter-menu,
      .tax-project_category .nav-pills ul li.filter-menu {
        padding: 10px 23px 10px 0;
        background-image: none; }
      .page-template-portfolio .nav-pills ul li:last-child,
      .tax-project_category .nav-pills ul li:last-child {
        background-image: none; }
        .page-template-portfolio .nav-pills ul li:last-child a,
        .tax-project_category .nav-pills ul li:last-child a {
          padding: 10px 0 10px 13px; }

.page-template-portfolio .grid-container,
.tax-project_category .grid-container {
  padding: 0 5px; }

.page-template-portfolio .grid,
.tax-project_category .grid {
  margin: 0 -5px; }
  .page-template-portfolio .grid .col-sm-6,
  .page-template-portfolio .grid .col-lg-4,
  .page-template-portfolio .grid .col-md-6,
  .tax-project_category .grid .col-sm-6,
  .tax-project_category .grid .col-lg-4,
  .tax-project_category .grid .col-md-6 {
    padding: 0 5px; }
    .page-template-portfolio .grid .col-sm-6 img,
    .page-template-portfolio .grid .col-lg-4 img,
    .page-template-portfolio .grid .col-md-6 img,
    .tax-project_category .grid .col-sm-6 img,
    .tax-project_category .grid .col-lg-4 img,
    .tax-project_category .grid .col-md-6 img {
      width: 100%;
      height: auto; }
  .page-template-portfolio .grid .grid-item,
  .tax-project_category .grid .grid-item {
    margin-bottom: 10px; }

.single-project main {
  margin-top: 80px; }
  .single-project main .back2prj {
    font-family: "futura_bk_btbook", Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #51afee;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block; }
    .single-project main .back2prj:hover {
      font-weight: 700; }
  .single-project main .slider {
    margin-bottom: 55px;
    border: none;
    box-shadow: none;
    border-radius: none; }

.page-template-recruitment .info-area {
  margin-bottom: 50px; }
  .page-template-recruitment .info-area .prj-features {
    padding-top: 0; }
    .page-template-recruitment .info-area .prj-features li {
      background-image: url("assets/img/recruitment-bullet.png"); }

.page-template-recruitment .vacancies .top {
  margin: 0 0 30px 0; }

.page-template-recruitment .current-vacancies {
  background-color: #47484f;
  padding: 60px 30px;
  color: #fff;
  margin-bottom: 30px; }
  .page-template-recruitment .current-vacancies .title-border {
    color: #fff; }
    .page-template-recruitment .current-vacancies .title-border span {
      border-color: #fff; }
  .page-template-recruitment .current-vacancies .intro p {
    font-family: "baskervald_adf_stditalic", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px; }
  .page-template-recruitment .current-vacancies .about p {
    font-family: "futura_bk_btbook", Arial, sans-serif;
    font-size: 14px;
    line-height: 16px; }
    .page-template-recruitment .current-vacancies .about p strong {
      font-family: "futura_md_btbold", Arial, sans-serif;
      font-weight: 400; }
  .page-template-recruitment .current-vacancies .contact p {
    font-family: "futura_md_btbold", Arial, sans-serif;
    font-size: 13px;
    line-height: 16px; }
    .page-template-recruitment .current-vacancies .contact p a {
      font-family: "futura_bk_btbook", Arial, sans-serif;
      font-size: 14px;
      color: #51afee; }
      .page-template-recruitment .current-vacancies .contact p a:hover {
        font-weight: 700;
        color: #51afee; }

.page-template-recruitment .featured-image {
  line-height: 0; }
  .page-template-recruitment .featured-image img {
    width: 100%;
    height: auto; }

.page-template-contact .tab-panel {
  margin-top: 80px; }

.page-template-contact .nav-tabs {
  border-bottom: none;
  background-color: #fff;
  max-width: 125px; }
  .page-template-contact .nav-tabs li.active a {
    background-color: transparent;
    border: none;
    color: #51afee; }
  .page-template-contact .nav-tabs li {
    background: url("assets/img/tab-separator.png") no-repeat left center;
    padding-left: 4px; }
    .page-template-contact .nav-tabs li a {
      padding: 10px;
      border: none;
      font-family: "futura_md_btbold", Arial, sans-serif;
      font-size: 12px;
      line-height: 18px;
      text-transform: uppercase;
      color: #121820; }
      .page-template-contact .nav-tabs li a:focus, .page-template-contact .nav-tabs li a:hover, .page-template-contact .nav-tabs li a:active {
        background-color: transparent;
        border: none;
        color: #51afee; }
    .page-template-contact .nav-tabs li:first-child {
      background-image: none; }

.page-template-contact .touchus {
  background-color: #121820;
  font-family: "futura_bk_btbook", Arial, sans-serif;
  padding: 15px;
  width: 210px;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 50px 0 0 0;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .page-template-contact .touchus .title-border {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px; }
    .page-template-contact .touchus .title-border span {
      max-width: 25px;
      margin-top: 5px; }
  .page-template-contact .touchus h4 {
    font-size: 13px;
    line-height: 16px; }
    .page-template-contact .touchus h4 a:hover {
      color: #ff8a39; }
  .page-template-contact .touchus .phone {
    display: block;
    color: #51afee; }
    .page-template-contact .touchus .phone:hover {
      color: #ff8a39; }
    .page-template-contact .touchus .phone .fa {
      margin-right: 5px; }
  .page-template-contact .touchus .email {
    display: block;
    color: #51afee; }
    .page-template-contact .touchus .email:hover {
      color: #ff8a39; }
    .page-template-contact .touchus .email .fa {
      margin-right: 5px; }

.page-template-about video {
  width: 100%;
  height: auto; }

.page-template-about .info-area h3 {
  line-height: 50px; }
  .page-template-about .info-area h3.textlowercase {
    text-transform: lowercase;
    line-height: 44px; }
    .page-template-about .info-area h3.textlowercase span {
      text-transform: uppercase; }

.page-template-about .facts .top-nav {
  padding-left: 15px;
  margin-bottom: 15px; }
  .page-template-about .facts .top-nav li {
    background: url("assets/img/top-nav-separator.jpg") no-repeat left center;
    padding-left: 10px; }
    .page-template-about .facts .top-nav li a {
      font-family: "futura_lightregular", Arial, sans-serif;
      font-size: 12px;
      line-height: 18px;
      color: #fff;
      text-transform: uppercase; }
      .page-template-about .facts .top-nav li a:hover {
        text-decoration: none;
        font-weight: normal;
        color: #51afee; }
    .page-template-about .facts .top-nav li:first-child {
      background-image: none; }
  .page-template-about .facts .top-nav .active a {
    color: #51afee; }

.page-template-about .facts .title-border {
  padding-left: 15px;
  margin: 30px 0 10px 0; }

.page-template-about .facts .featured-image {
  line-height: 0; }
  .page-template-about .facts .featured-image img {
    width: 100%;
    height: auto; }

.page-template-about .digits h3 span {
  border-color: #51afee; }

.page-template-about .our-collab .our-collab-wrapper {
  padding: 0 15px; }

.page-template-about .our-collab .title-border {
  font-family: "baskervald_adf_stditalic", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  padding-left: 0;
  text-transform: capitalize; }
  .page-template-about .our-collab .title-border span {
    border-color: #fff; }

.page-template-about .our-collab ul {
  list-style: none;
  padding-left: 0; }
  .page-template-about .our-collab ul li a {
    font-family: "futura_bk_btbook", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #fff; }

.page-template-about .our-team .our-digits h3 span {
  border-color: #51afee; }

.page-template-about .our-team .our-crew p {
  font-family: "futura_bk_btbook", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px; }

.page-template-about .flipcoins-navigation {
  background-color: #fff; }
  .page-template-about .flipcoins-navigation .filters {
    border-bottom: 1px solid #959595;
    margin: 50px;
    display: inline-block;
    padding: 1px; }
    .page-template-about .flipcoins-navigation .filters label {
      margin: 0 0 0 2px; }
      .page-template-about .flipcoins-navigation .filters label i {
        color: #959595; }
    .page-template-about .flipcoins-navigation .filters input {
      border: 0; }
      .page-template-about .flipcoins-navigation .filters input:focus {
        outline: none; }
    .page-template-about .flipcoins-navigation .filters .selector {
      position: relative; }
      .page-template-about .flipcoins-navigation .filters .selector span:after {
        background: #FFF;
        color: #9c9c9c;
        content: "\2807";
        position: absolute;
        top: 0;
        right: 0;
        padding: 6px;
        font-size: 16px;
        line-height: 16px; }
    .page-template-about .flipcoins-navigation .filters button {
      background: #9c9c9c;
      color: #FFF;
      border: 0; }
  .page-template-about .flipcoins-navigation .our-people {
    padding-left: 0; }
    .page-template-about .flipcoins-navigation .our-people li .flip-circle {
      margin-bottom: 10px;
      width: 227px;
      height: 227px;
      margin-left: auto;
      margin-right: auto; }
      .page-template-about .flipcoins-navigation .our-people li .flip-circle .wrapper {
        width: 227px;
        height: 227px; }
    .page-template-about .flipcoins-navigation .our-people li a {
      text-decoration: none; }
      .page-template-about .flipcoins-navigation .our-people li a:hover {
        text-decoration: none; }
    .page-template-about .flipcoins-navigation .our-people li .front {
      background-color: transparent; }
      .page-template-about .flipcoins-navigation .our-people li .front .content {
        padding: 0; }
        .page-template-about .flipcoins-navigation .our-people li .front .content img {
          width: 100%;
          height: auto;
          border-radius: 50%; }
    .page-template-about .flipcoins-navigation .our-people li .back {
      background-color: #ffc642; }
      .page-template-about .flipcoins-navigation .our-people li .back.content-image {
        background-color: transparent; }
        .page-template-about .flipcoins-navigation .our-people li .back.content-image .content {
          padding: 0; }
      .page-template-about .flipcoins-navigation .our-people li .back .content {
        font-size: 13px;
        line-height: 16px;
        color: #000;
        text-align: center;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .page-template-about .flipcoins-navigation .our-people li .back .content img {
          width: 100%;
          height: auto;
          border-radius: 50%; }
    .page-template-about .flipcoins-navigation .our-people li h3 {
      font-family: "futura_md_btbold", Arial, sans-serif;
      font-size: 13px;
      line-height: 16px;
      color: #121820; }
      .page-template-about .flipcoins-navigation .our-people li h3 .bd-sep {
        margin-top: 5px;
        border-color: #121820; }
      .page-template-about .flipcoins-navigation .our-people li h3 span {
        font-family: "baskervald_adf_stditalic", Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        text-transform: capitalize; }

.page-template-about .grid-wrapper {
  overflow: hidden; }
  .page-template-about .grid-wrapper .grid-inner-wrapper {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -30px; }
  .page-template-about .grid-wrapper .grid {
    width: 100%;
    display: none; }
    .page-template-about .grid-wrapper .grid.shuffle {
      display: block; }
    .page-template-about .grid-wrapper .grid .size-3 {
      width: 37.5%; }
    .page-template-about .grid-wrapper .grid .size-2 {
      width: 25%; }
    .page-template-about .grid-wrapper .grid .class-4 {
      width: 18.75%; }
    .page-template-about .grid-wrapper .grid .size-1 {
      width: 12.5%; }
    .page-template-about .grid-wrapper .grid .grid-item {
      overflow: hidden;
      margin: 0 0 10px 0;
      padding: 0 5px; }
      .page-template-about .grid-wrapper .grid .grid-item .item-wrapper {
        position: relative; }
        .page-template-about .grid-wrapper .grid .grid-item .item-wrapper .placeholder {
          position: static; }
        .page-template-about .grid-wrapper .grid .grid-item .item-wrapper img {
          width: 100%;
          height: auto;
          position: absolute;
          top: 0;
          left: 0; }
    .page-template-about .grid-wrapper .grid .col-width {
      width: 12.5%;
      height: 1px; }

.page-template-services .service {
  margin-bottom: -15px;
  overflow: hidden;
  z-index: 2;
  position: relative; }

.page-template-services .info-area {
  z-index: 3;
  position: relative; }

.page-template-services .grid {
  margin: 0 -5px; }
  .page-template-services .grid .col-xs-4,
  .page-template-services .grid .col-xs-8 {
    padding: 0 5px; }
  .page-template-services .grid .grid-item {
    margin-bottom: 10px; }
  .page-template-services .grid .box-with-hover-state {
    position: relative; }
    .page-template-services .grid .box-with-hover-state .image {
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: cover; }
    .page-template-services .grid .box-with-hover-state .placeholder {
      position: static;
      width: 100%;
      height: auto; }

.page-template-services .content {
  padding-bottom: 0; }

.search main {
  margin-top: 65px; }
  .search main h1 {
    font-family: "futura_lightregular", Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #51afee;
    margin-bottom: 45px; }
    .search main h1 strong {
      font-family: "futura_md_btbold", Arial, sans-serif;
      font-weight: normal; }
  .search main article {
    border-bottom: 1px #51afee solid;
    margin-bottom: 15px; }
    .search main article h2 {
      font-size: 20px;
      line-height: 26px;
      color: #51afee;
      margin-bottom: 10px; }
      .search main article h2 a {
        color: #51afee; }
    .search main article p {
      font-family: "baskervald_adf_stditalic", Arial, sans-serif;
      font-size: 20px;
      line-height: 24px; }

.mfp-bg {
  background: #000;
  opacity: 1; }

.mfp-wrap {
  z-index: 999999; }
  .mfp-wrap button.mfp-close {
    background: #d0d1d2;
    border-radius: 50%;
    color: #51afee;
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    right: 10px;
    top: 10px;
    line-height: 30px;
    opacity: 1;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .mfp-wrap button.mfp-close:hover {
      opacity: 1; }
  .mfp-wrap .mfp-arrow-left {
    background: rgba(0, 0, 0, 0) url("assets/img/slider-arrow-left.png") no-repeat scroll center top; }
  .mfp-wrap .mfp-arrow-right {
    background: rgba(0, 0, 0, 0) url("assets/img/slider-arrow-right.png") no-repeat scroll center top; }
  .mfp-wrap .mfp-arrow {
    width: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .mfp-wrap .mfp-arrow:before {
      border: 0; }
    .mfp-wrap .mfp-arrow:after {
      border: 0; }
  .mfp-wrap .mfp-title {
    text-align: center; }
  .mfp-wrap .mfp-counter {
    display: none; }
  .mfp-wrap .mfp-container {
    width: auto;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .mfp-wrap .mfp-bottom-bar {
    text-transform: uppercase;
    font-family: "futura_bk_btbook", Arial, sans-serif;
    font-family: 16px; }
    .mfp-wrap .mfp-bottom-bar .title {
      font-family: "futura_md_btbold", Arial, sans-serif; }
    .mfp-wrap .mfp-bottom-bar .client {
      text-transform: none;
      font-family: "baskervald_adf_stditalic", Arial, sans-serif; }
    .mfp-wrap .mfp-bottom-bar em {
      font-style: none; }

footer {
  background-color: #121820;
  position: absolute;
  padding: 10px 0;
  bottom: 0;
  width: 100%;
  height: 42px;
  font-family: "futura_bk_btbook", Arial, sans-serif;
  z-index: 3; }
  footer .widget {
    border-right: 1px #8b8a8d solid;
    min-height: 26px; }
    footer .widget:last-child {
      border: none; }
    footer .widget h3 {
      font-family: "futura_md_btbold", Arial, sans-serif;
      font-size: 10px;
      line-height: 13px;
      text-transform: uppercase;
      color: #8b8a8d;
      margin: 0;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
      footer .widget h3:hover {
        color: #51afee; }
    footer .widget address {
      font-size: 10px;
      line-height: 13px;
      color: #8b8a8d;
      margin: 0;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
    footer .widget a {
      font-size: 10px;
      line-height: 13px;
      color: #8b8a8d;
      display: block;
      -webkit-transition: color 0.2s ease-in-out 0s;
      -ms-transition: color 0.2s ease-in-out 0s;
      transition: color 0.2s ease-in-out 0s; }
    footer .widget .phone:hover, footer .widget .email:hover {
      color: #51afee; }
    footer .widget .copyright {
      font-family: "futura_bk_btbook", Arial, sans-serif;
      font-size: 10px;
      line-height: 13px;
      color: #8b8a8d;
      text-align: center;
      margin: 6px 0 0 0;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
      footer .widget .copyright:hover {
        color: #51afee; }
        footer .widget .copyright:hover .no-hover {
          color: #8b8a8d; }
    footer .widget .search-form .input-wrapper {
      background-color: #121820;
      height: 60px;
      left: -278px;
      opacity: 0;
      padding: 15px;
      position: absolute;
      top: -70px;
      width: 327px;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
      footer .widget .search-form .input-wrapper input {
        background-color: transparent;
        border: 1px #51afee solid;
        border-radius: 4px;
        color: #ffffff;
        font-size: 16px;
        line-height: 16px;
        padding: 8px 5px 3px 5px; }
      footer .widget .search-form .input-wrapper .form-control:focus, footer .widget .search-form .input-wrapper .form-control:hover, footer .widget .search-form .input-wrapper .form-control:active {
        box-shadow: none; }
    footer .widget .search-form .btn {
      background-image: none;
      background-color: transparent;
      border: none;
      padding: 0;
      cursor: pointer;
      cursor: hand;
      outline: none; }
      footer .widget .search-form .btn i {
        font-size: 20px;
        line-height: 20px;
        color: #8b8a8d;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s; }
      footer .widget .search-form .btn:hover i {
        color: #51afee; }
    footer .widget .search-form.visible-search .input-wrapper {
      opacity: 1; }
    footer .widget .search-form.visible-search .btn i {
      color: #51afee; }
    footer .widget .socials {
      margin-bottom: 0;
      text-align: center; }
      footer .widget .socials li {
        padding-left: 2px;
        padding-right: 2px; }
      footer .widget .socials a {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #8b8a8d;
        border-radius: 50%;
        padding: 4px 6px;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s; }
        footer .widget .socials a i {
          color: #121820; }
        footer .widget .socials a:hover {
          background-color: #51afee; }

.single-project .mfp-bg,
.page-template-services .mfp-bg {
  z-index: 9999999; }

.single-project .mfp-image-holder .mfp-content,
.page-template-services .mfp-image-holder .mfp-content {
  width: 100%; }

.single-project .mfp-figure figure,
.page-template-services .mfp-figure figure {
  background-color: #000; }

.single-project .mfp-figure::after,
.page-template-services .mfp-figure::after {
  width: 100%; }

.single-project img.mfp-img,
.page-template-services img.mfp-img {
  max-width: none;
  max-width: 100%;
  height: auto;
  padding: 50px 0; }

.single-project .mfp-wrap,
.page-template-services .mfp-wrap {
  z-index: 9999999; }
  .single-project .mfp-wrap .mfp-container,
  .page-template-services .mfp-wrap .mfp-container {
    width: 100%; }

@media (max-width: 1200px) {
  .page-template-homepage .flip-circle {
    width: 220px;
    height: 220px; }
    .page-template-homepage .flip-circle .wrapper {
      height: 220px;
      width: 220px; }
    .page-template-homepage .flip-circle .face h4 {
      font-size: 19px;
      line-height: 19px; }
    .page-template-homepage .flip-circle .face h5 {
      font-size: 19px;
      line-height: 19px; }
  .flipcoins-navigation .container {
    width: 100%;
    max-width: none; }
  section.heading h1 {
    font-size: 50px; }
  .page-template-about .grid-wrapper .grid .grid-item {
    padding: 0 6px; }
  .page-template-portfolio .nav-pills .filter-menu,
  .tax-project_category .nav-pills .filter-menu {
    padding: 10px 0 10px 0; }
  .page-template-portfolio .nav-pills ul li a,
  .tax-project_category .nav-pills ul li a {
    padding: 10px 7px; }
  .page-template-portfolio .nav-pills ul li:last-child a,
  .tax-project_category .nav-pills ul li:last-child a {
    padding: 10px 0 10px 7px; }
  .prj-slider .flex-viewport li .placeholder {
    height: 470px; } }

@media (max-width: 992px) {
  .navbar .nav .menu-item a {
    padding: 15px; }
  .navbar .nav .menu-item {
    margin: 0; }
  /* Our Services */
  .page-template-services .title-border {
    font-size: 25px;
    line-height: 32px; }
  .page-template-portfolio .mobile-filter,
  .tax-project_category .mobile-filter {
    margin: 15px 0 20px 0; }
    .page-template-portfolio .mobile-filter h3,
    .tax-project_category .mobile-filter h3 {
      float: left;
      font-family: "futura_md_btbold", Arial, sans-serif;
      font-size: 13px;
      line-height: 16px;
      color: #121820;
      margin: 3px 5px 0 10px;
      text-transform: uppercase;
      width: 10%; }
    .page-template-portfolio .mobile-filter select,
    .tax-project_category .mobile-filter select {
      float: left;
      width: 100%;
      color: #51afee;
      padding: 5px;
      text-transform: uppercase;
      border: 1px #121820 solid;
      margin-top: -5px; }
      .page-template-portfolio .mobile-filter select option,
      .tax-project_category .mobile-filter select option {
        font-family: "futura_lightregular", Arial, sans-serif;
        color: #51afee;
        font-size: 13px;
        line-height: 16px;
        padding: 5px;
        text-transform: uppercase; }
    .page-template-portfolio .mobile-filter .selector,
    .tax-project_category .mobile-filter .selector {
      float: right !important;
      width: 80% !important;
      color: #51afee;
      text-transform: uppercase;
      border: 1px #121820 solid;
      height: 20px !important;
      background: url("assets/img/down-arrow.png") no-repeat right center; }
      .page-template-portfolio .mobile-filter .selector span,
      .tax-project_category .mobile-filter .selector span {
        width: 100% !important;
        height: 20px !important;
        font-size: 13px;
        line-height: 19px; }
  footer {
    height: auto; }
    footer .socials li {
      padding-left: 3px;
      padding-right: 3px; }
  .prj-slider .flex-viewport li .placeholder {
    height: 360px; }
  .info-area .prj-features {
    padding: 30px 0 0 0; }
  .title-border {
    font-size: 30px;
    line-height: 42px; } }

@media (max-width: 767px) {
  html[lang="en-US"] {
    margin-top: 0 !important; }
  html {
    min-height: 100% !important; }
  .box-border {
    border: none;
    box-shadow: none; }
  #wpadminbar {
    display: none !important; }
  .navbar {
    top: 0 !important; }
    .navbar .nav {
      padding: 0 15px; }
      .navbar .nav .menu-item {
        text-align: right; }
        .navbar .nav .menu-item a {
          display: inline-block;
          padding: 5px 0;
          text-align: right; }
  .admin-bar .navbar {
    top: 46px;
    margin-top: 0; }
  .navbar-toggle {
    display: block;
    padding: 0;
    margin: 21px 15px;
    position: relative;
    cursor: pointer;
    cursor: hand;
    z-index: 1000;
    width: 38px;
    height: 25px;
    margin: 20px 15px 0 0; }
    .navbar-toggle .icon-bar {
      background-color: #8b8a8d;
      width: 40px;
      position: absolute;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s; }
    .navbar-toggle .icon-bar:nth-child(1) {
      top: 5px;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }
    .navbar-toggle .icon-bar:nth-child(2) {
      top: 4px;
      left: -60px;
      opacity: 0; }
    .navbar-toggle .icon-bar:nth-child(3) {
      top: 2px;
      -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg); }
    .navbar-toggle.collapsed {
      margin: 20px 15px 0 0; }
      .navbar-toggle.collapsed .icon-bar {
        background-color: #8b8a8d;
        border-radius: 0;
        display: block;
        left: 0;
        opacity: 1;
        position: absolute;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 40px;
        height: 3px; }
        .navbar-toggle.collapsed .icon-bar:nth-child(1) {
          top: 0px; }
        .navbar-toggle.collapsed .icon-bar:nth-child(2) {
          top: 4px; }
        .navbar-toggle.collapsed .icon-bar:nth-child(3) {
          top: 13px; }
  /* Home Page */
  body {
    margin-bottom: 90px; }
  /* Our Services */
  .page-template-services .title-border {
    font-size: 20px;
    line-height: 26px; }
  .page-template-services .flipcoins-navigation,
  .page-template-services .content {
    padding: 20px 0; }
    .page-template-services .flipcoins-navigation .service .grid,
    .page-template-services .content .service .grid {
      margin: 0 -3px; }
      .page-template-services .flipcoins-navigation .service .grid .col-xs-8,
      .page-template-services .flipcoins-navigation .service .grid .col-xs-4,
      .page-template-services .content .service .grid .col-xs-8,
      .page-template-services .content .service .grid .col-xs-4 {
        padding: 0 3px; }
      .page-template-services .flipcoins-navigation .service .grid .grid-item,
      .page-template-services .content .service .grid .grid-item {
        margin-bottom: 6px; }
  .page-template-services .top {
    padding: 0; }
  /* En Our Services */
  /* Porftolio */
  .page-template-portfolio .grid .col-sm-4,
  .tax-project_category .grid .col-sm-4 {
    width: 100%; }
  .page-template-portfolio .top,
  .tax-project_category .top {
    margin: 10px 0 25px 0;
    padding: 0; }
  /* End Portfolio */
  /* Recruitment */
  .page-template-recruitment .title-border {
    font-size: 28px;
    line-height: 35px; }
  .page-template-recruitment .info-area .info-wrapper {
    border: none;
    box-shadow: none; }
    .page-template-recruitment .info-area .info-wrapper .prj-features {
      padding-left: 0; }
  /* End Recruitment */
  footer {
    height: auto; }
    footer .theme_widget_address {
      margin-bottom: 5px; }
      footer .theme_widget_address address {
        padding-bottom: 5px;
        border-bottom: 1px #8b8a8d solid;
        margin-bottom: 3px; }
    footer .theme_widget_social_media .socials li {
      padding-left: 0;
      padding-right: 0; }
    footer .widget {
      border-right: none; }
      footer .widget.theme_widget_contact {
        border-right: 1px solid #8b8a8d; }
    footer .theme_widget_search_mobile {
      clear: both;
      overflow: hidden; }
      footer .theme_widget_search_mobile .search-form {
        padding: 7px 0;
        margin-bottom: 5px;
        border-top: 1px #8b8a8d solid;
        border-bottom: 1px #8b8a8d solid;
        margin-top: 4px; }
        footer .theme_widget_search_mobile .search-form .input-wrapper {
          position: static;
          width: 90%;
          height: auto;
          background-color: transparent;
          opacity: 1;
          left: auto;
          top: auto;
          padding: 0;
          float: left; }
          footer .theme_widget_search_mobile .search-form .input-wrapper input {
            border: 1px solid #8b8a8d;
            font-size: 10px;
            line-height: 13px; }
        footer .theme_widget_search_mobile .search-form .btn {
          margin-top: 5px;
          float: right; }
    footer .widget .copyright {
      text-align: left; }
  .page-template-homepage .flip-circle {
    width: 165px;
    height: 165px; }
    .page-template-homepage .flip-circle .wrapper {
      height: 165px;
      width: 165px; }
    .page-template-homepage .flip-circle .face h4 {
      font-size: 14px;
      line-height: 14px; }
    .page-template-homepage .flip-circle .face h5 {
      font-size: 14px;
      line-height: 14px; }
    .page-template-homepage .flip-circle .face.back {
      border-width: 10px; }
  .page-template-homepage footer {
    bottom: -165px; }
  /* End Home Page */
  /* About US */
  section.heading {
    padding-top: 200px; }
    section.heading h1 {
      font-size: 23px;
      line-height: 27px; }
    section.heading h3 {
      font-size: 23px;
      line-height: 27px; }
    section.heading .separator {
      border-top: 1px solid #ffffff; }
  .facts .info-area {
    padding-left: 0;
    padding-right: 0; }
    .facts .info-area .top-nav {
      padding-left: 0; }
      .facts .info-area .top-nav li {
        padding-left: 5px;
        padding-right: 1px; }
    .facts .info-area .our-collab-wrapper {
      padding-left: 0;
      padding-right: 0; }
  .page-template-about .about .title-border {
    display: none; }
  .page-template-about .collab .title-border {
    display: none; }
  .page-template-about .collab .our-collab .title-border {
    display: block; }
  .page-template-about .our-team .title-border {
    display: none; }
  .page-template-about .our-team .info-wrapper {
    border-bottom: 1px solid #525359;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .page-template-about .our-team .row .col-sm-4:last-child .info-wrapper {
    border-bottom: none;
    box-shadow: none;
    margin-bottom: 0; }
  .page-template-about .grid-wrapper .grid .grid-item {
    padding: 0 2px;
    margin-bottom: 4px; }
  .page-template-about .info-area {
    padding: 40px 0; }
    .page-template-about .info-area .info-wrapper {
      margin-bottom: 25px;
      padding-bottom: 25px;
      padding-top: 0; }
    .page-template-about .info-area .col-sm-6:last-child .info-wrapper {
      margin-bottom: 0; }
  .page-template-about .top {
    padding: 15px 0; }
  .page-template-about .col-sm-6:last-child .info-wrapper,
  .page-template-about .col-sm-4:last-child .info-wrapper {
    padding-bottom: 0; }
  .page-template-about .flipcoins-navigation .our-people li .back .content {
    font-weight: 400; }
  /* End About US */
  /* Contact */
  .page-template-contact .tab-panel {
    margin-top: 125px; }
  .page-template-contact .touchus {
    margin-top: 80px; }
  .page-template-contact .nav-tabs {
    display: none; }
  .page-template-contact footer {
    bottom: -165px; }
  /* End Contact */
  .single-project.admin-bar main {
    margin-top: 125px; }
  .single-project .info-area .col-sm-3:last-child .info-wrapper h3:last-child {
    margin-bottom: 0; }
  .list-mobile {
    padding-left: 0;
    list-style: none; }
    .list-mobile li {
      margin-bottom: 15px; }
      .list-mobile li img {
        width: 100%;
        height: auto; }
  .info-area .row .col-sm-3 .info-wrapper {
    border: none;
    box-shadow: none; }
  .info-area .info-wrapper {
    border-right: none;
    border-bottom: 1px #3c3d44 solid;
    box-shadow: 0px 1px 0px #505158;
    min-height: 0;
    padding-left: 0;
    padding-right: 0; }
  .info-area .prj-features {
    padding: 0; }
    .info-area .prj-features li:last-child {
      margin-bottom: 0; }
  section.flipcoins-navigation ul li {
    display: block; }
  .info-area .info-wrapper .digits h3 {
    margin-bottom: 40px; }
  section.flipcoins-navigation.flipcoins-navigation-services {
    padding: 20px 0; }
    section.flipcoins-navigation.flipcoins-navigation-services ul li {
      display: inline-block;
      margin: 0 5px; }
      section.flipcoins-navigation.flipcoins-navigation-services ul li .flip-circle {
        width: 92px;
        height: 92px; }
        section.flipcoins-navigation.flipcoins-navigation-services ul li .flip-circle .wrapper {
          width: 92px;
          height: 92px; }
          section.flipcoins-navigation.flipcoins-navigation-services ul li .flip-circle .wrapper .front .content h4 {
            font-size: 8px;
            line-height: 10px; }
          section.flipcoins-navigation.flipcoins-navigation-services ul li .flip-circle .wrapper .back .content {
            padding: 0 20px; }
            section.flipcoins-navigation.flipcoins-navigation-services ul li .flip-circle .wrapper .back .content img {
              max-width: 100%;
              height: auto; }
  #aerial {
    display: none; }
  #map {
    display: block; } }

@media (max-width: 480px) {
  .page-template-services .grid .grid-item-small-tall img.placeholder, .page-template-services .grid .grid-item-long-tall img.placeholder {
    height: 175px; }
  .page-template-services .grid .grid-item-small-short img.placeholder, .page-template-services .grid .grid-item-long-short img.placeholder {
    height: 135px; }
  .page-template-services .services-slider img {
    width: 100%; }
  .page-template-services .services-slider .flex-direction-nav a {
    background-size: 20px 36px;
    width: 20px; } }

@media (max-width: 320px) {
  .page-template-services .grid .grid-item-small-tall img.placeholder, .page-template-services .grid .grid-item-long-tall img.placeholder {
    height: 130px; }
  .page-template-services .grid .grid-item-small-short img.placeholder, .page-template-services .grid .grid-item-long-short img.placeholder {
    height: 90px; } }

.cIframe iframe {
	width: 100%;
	min-height: calc(100vh - 250px) !important;
	height: 100%;
	border: none;
}