@font-face {
  font-family: 'playfair_displayregular';
  src: url("../fonts/playfairdisplay-regular-webfont.woff2") format("woff2"), url("../fonts/playfairdisplay-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'playfair_displayitalic';
  src: url("../fonts/playfairdisplay-italic-webfont.woff2") format("woff2"), url("../fonts/playfairdisplay-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Helvetica-Light';
  src: url("../fonts/Helvetica-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica-Light.woff") format("woff"), url("../fonts/Helvetica-Light.ttf") format("truetype"), url("../fonts/Helvetica-Light.svg#Helvetica-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HelveticaBlack';
  src: url("../fonts/HelveticaBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaBlack.woff") format("woff"), url("../fonts/HelveticaBlack.ttf") format("truetype"), url("../fonts/HelveticaBlack.svg#HelveticaBlack") format("svg");
  font-weight: normal;
  font-style: normal; }
strong {
  font-family: 'HelveticaBlack';
  font-weight: 300; }

.logo_white {
  display: none !important; }

body.nav_on .navbar {
  overflow: scroll;
  color: #fff; }
  body.nav_on .navbar .navbar-toggle {
    background-image: url(../img/nav_opened.png); }
  body.nav_on .navbar .navbar-collapse {
    border: 0;
    box-shadow: 0 0 0;
    padding-bottom: 2em; }
    body.nav_on .navbar .navbar-collapse .locations {
      font-family: "Helvetica-Light", Helvetica, Arial, sans-serif;
      margin-top: 2em;
      display: block; }
    body.nav_on .navbar .navbar-collapse ul {
      padding: 0;
      margin-bottom: 0;
      display: block; }
      body.nav_on .navbar .navbar-collapse ul ul {
        padding-left: 2em; }
        body.nav_on .navbar .navbar-collapse ul ul li {
          padding: 0.5em 0 0; }
        body.nav_on .navbar .navbar-collapse ul ul li a {
          color: #d95d49;
          line-height: 1.5em; }
          body.nav_on .navbar .navbar-collapse ul ul li a:after {
            display: none; }
          body.nav_on .navbar .navbar-collapse ul ul li a.active {
            color: #fff; }
            body.nav_on .navbar .navbar-collapse ul ul li a.active:after {
              display: block; }
  body.nav_on .navbar:before {
    background: #000; }
  body.nav_on .navbar .navbar-nav li a {
    color: #fff; }
  @media (max-width: 767px) {
    body.nav_on .navbar .logo_white {
      display: block !important; }
    body.nav_on .navbar .logo_dark {
      display: none !important; } }

.navbar-toggle {
  position: absolute;
  top: 20px;
  right: 0;
  background-image: url(../img/nav.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  cursor: pointer; }
  .navbar-toggle .icon-bar {
    background: #d95d49;
    display: none; }

.navbar:before {
  opacity: 1;
  -webkit-transition: opacity 600ms ease-out 0ms;
  -moz-transition: opacity 600ms ease-out 0ms;
  transition: opacity 600ms ease-out 0ms; }

.subpage .navbar:before {
  opacity: 1; }

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  transition: all 350ms ease-out 0ms; }

.navbar {
  -webkit-transition: padding 350ms ease-out 0ms;
  -moz-transition: padding 350ms ease-out 0ms;
  transition: padding 350ms ease-out 0ms;
  border: 0;
  border-radius: 0;
  margin-bottom: 0; }
  .navbar .navbar-brand {
    float: none; }
  @media (min-width: 768px) {
    .navbar {
      padding: 0 0 1em; }
      .navbar .navbar-brand {
        float: left; } }
  .navbar .navbar-collapse.in {
    width: 100%; }
    .navbar .navbar-collapse.in ul {
      margin-bottom: 2em; }
  .navbar .navbar-collapse .locations {
    display: none; }
  .navbar .container {
    position: relative; }
  .navbar:before {
    content: ' ';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    -webkit-transition: opacity 250ms ease-out 0ms;
    -moz-transition: opacity 250ms ease-out 0ms;
    transition: opacity 250ms ease-out 0ms; }
  .navbar .navbar-brand img {
    max-width: 141px; }
  .navbar .navbar-nav ul {
    display: none; }
  .navbar .navbar-nav li {
    padding: 1em 0 0; }
    @media (min-width: 768px) {
      .navbar .navbar-nav li {
        padding: 2.2em 0 0; } }
    .navbar .navbar-nav li a {
      display: inline-block;
      padding: 0 1em;
      color: #000;
      letter-spacing: 0.5px;
      line-height: 1.8em;
      text-decoration: none !important; }
      @media (min-width: 768px) {
        .navbar .navbar-nav li a {
          display: block; } }
      .navbar .navbar-nav li a:after {
        content: '';
        display: block;
        width: 0;
        height: 3px;
        transition: width .3s;
        width: 40%;
        background: #d95d49; }
      .navbar .navbar-nav li a.active, .navbar .navbar-nav li a:hover {
        text-decoration: none; }
        .navbar .navbar-nav li a.active:after, .navbar .navbar-nav li a:hover:after {
          width: 100%; }

.headroom--unpinned {
  top: -200px; }

.headroom--pinned {
  top: 0; }

body {
  font-family: "playfair_displayregular", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  font-size: 16px;
  transition: color 500ms ease-out 0ms;
  color: #161112;
  -webkit-transition: opacity 600ms ease-out 0ms;
  -moz-transition: opacity 600ms ease-out 0ms;
  transition: opacity 600ms ease-out 0ms; }

ul, li {
  list-style: none; }

.all__content {
  position: relative;
  z-index: 3;
  overflow-x: hidden; }

i, em {
  font-family: "playfair_displayitalic", Helvetica, Arial, sans-serif;
  font-style: normal; }

p {
  margin-bottom: 1em; }

.zindex2 {
  z-index: 2;
  position: relative; }

.zindex1 {
  z-index: 1;
  position: relative; }

h3 {
  font-size: 20px; }

h1, h2 {
  font-size: 24px; }
  @media (min-width: 768px) {
    h1, h2 {
      font-size: 30px; } }
  @media (min-width: 1000px) {
    h1, h2 {
      font-size: 45px; } }
  @media (min-width: 1200px) {
    h1, h2 {
      font-size: 55px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    h1, h2 {
      font-size: 40px; } }

h1 {
  margin: 0 0 0.5em; }

.link {
  display: inline-block;
  color: #161112;
  line-height: 1.3em; }
  .link:after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    transition: width .3s;
    width: 40%;
    background: #d95d49; }
  .link:hover {
    text-decoration: none;
    color: #161112; }
    .link:hover:after {
      width: 100%; }

.color--white {
  color: #fff;
  transition: color 500ms ease-out 0ms; }
  .color--white .link {
    color: #fff;
    transition: color 500ms ease-out 0ms; }
    .color--white .link:after {
      background: #161112; }

.half-width {
  max-width: 50%; }

@media (min-width: 768px) {
  .padding__top {
    padding-top: 20% !important; } }

.padding__left {
  padding-left: 5% !important; }

.padding__right {
  padding-right: 5% !important; }

@media (min-width: 768px) {
  .padding__bottom {
    padding-bottom: 20% !important; } }

@media (min-width: 768px) {
  .negative__margin {
    margin-top: -30%; } }

.backgrounds {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0); }

.backgrounds__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
  display: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1000ms ease-out 500ms;
  -moz-transition: opacity 1000ms ease-out 500ms;
  transition: opacity 1000ms ease-out 500ms; }

.backgrounds__bg:first-child {
  display: block; }

.backgrounds--ready .backgrounds__bg {
  display: block; }

.backgrounds__bg--overlay:after {
  content: ' ';
  background: #000;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block; }

.backgrounds__bg--active,
.backgrounds--ready .backgrounds__bg--active {
  z-index: 3;
  -webkit-transition: opacity 1000ms ease-out 0ms;
  -moz-transition: opacity 1000ms ease-out 0ms;
  transition: opacity 1000ms ease-out 0ms;
  opacity: 1; }

.subpage .page__hero {
  margin-top: 120px; }
  @media (min-width: 768px) {
    .subpage .page__hero {
      margin-top: 147px;
      padding-top: 6em; } }

.no-margin {
  margin-bottom: 0 !important; }

@media (min-width: 768px) {
  .margin__bottom {
    margin-bottom: 6em !important; } }

.center img {
  display: block;
  max-width: 90%;
  margin: 0 auto; }

.subnav {
  display: none;
  background: #000; }
  @media (min-width: 768px) {
    .subnav {
      display: block; } }
  .subnav ul {
    margin: 1em 0;
    padding: 0 0 0 4em; }
    .subnav ul li {
      display: inline-block;
      padding-right: 2em; }
      .subnav ul li a {
        color: #fff;
        line-height: 1.8em; }
        .subnav ul li a:after {
          content: '';
          display: block;
          width: 0;
          height: 3px;
          transition: width .3s;
          width: 40%;
          background: #d95d49; }
        .subnav ul li a.active, .subnav ul li a:hover {
          text-decoration: none; }
          .subnav ul li a.active:after, .subnav ul li a:hover:after {
            width: 100%; }

.indent {
  font-family: "Helvetica-Light", Helvetica, Arial, sans-serif; }
  @media (min-width: 768px) {
    .indent {
      padding: 0 14% 0 14%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .indent {
      padding: 0; } }
  .indent .link {
    line-height: 1.8em;
    font-family: "playfair_displayregular", Helvetica, Arial, sans-serif; }
    .indent .link:after {
      background: #d95d49; }

.breadcrumb {
  background: none;
  margin-bottom: 10em; }
  .breadcrumb a {
    background: url(../img/left_arrow.png) left 2px;
    background-repeat: no-repeat;
    padding-left: 3em;
    color: #b8b8b8; }
    .breadcrumb a:hover {
      text-decoration: none; }
  .breadcrumb .logo {
    display: block;
    margin-top: 2em; }
    .breadcrumb .logo img {
      max-width: 200px; }

.left__indent {
  padding-left: 2em; }

@media (min-width: 768px) {
  .top__margin__negative {
    margin-top: -20em; } }

footer {
  background: #000;
  padding: 2em 0;
  color: #fff;
  font-family: "Helvetica-Light", Helvetica, Arial, sans-serif; }
  footer a.link {
    color: #fff; }
    footer a.link.map__link {
      display: inline-block;
      margin-bottom: 0.5em; }
    footer a.link:after {
      background: #d95d49 !important; }
    footer a.link:hover {
      color: #fff; }
  @media (min-width: 768px) {
    footer {
      padding: 4em 0; } }
  footer ul, footer li {
    list-style: none;
    margin: 0 0 10px;
    padding: 0; }
  footer li {
    display: inline-block;
    margin: 0;
    color: #d95d49; }
    footer li a {
      color: #d95d49; }
      footer li a:hover {
        color: #fff; }
  footer .col-sm-4 p {
    margin-bottom: 1.8em; }
  footer .twiter a {
    color: #d95d49; }
    footer .twiter a:hover {
      color: #fff; }
  footer .social {
    margin: 1.8em 0; }
    footer .social a {
      color: #fff;
      font-size: 3em;
      display: block;
      margin-right: 0.2em; }
      @media (min-width: 768px) {
        footer .social a {
          font-size: 2em; } }
  footer .mini__logo {
    margin-bottom: 2em; }
    footer .mini__logo img {
      max-width: 140px; }
  footer .twitter_logo {
    font-size: 3em; }
  footer .marquee_section {
    opacity: 0.5;
    font-size: 0.8em;
    margin: 4em 0 2em; }
    footer .marquee_section li {
      color: #fff; }
    footer .marquee_section p {
      margin-bottom: 0; }
  footer #marquee {
    height: 7em;
    overflow: hidden; }

.hero__header {
  margin-top: 100px; }
  @media (min-width: 768px) {
    .hero__header .container {
      height: 70vh; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .hero__header .container {
      height: 40vh; } }
  .hero__header .hero__content {
    display: table;
    height: 100%;
    width: 100%; }
    @media (min-width: 768px) {
      .hero__header .hero__content {
        padding-left: 9%; } }
    .hero__header .hero__content h1 {
      display: table-cell;
      vertical-align: middle; }

.projects {
  padding: 2em 0; }
  @media (min-width: 768px) {
    .projects {
      padding: 2em 0 6em; } }

.projects .project__list {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 auto; }
.projects .project {
  margin: 0 0 15px 0;
  overflow: hidden;
  position: relative; }
  @media (max-width: 767px) {
    .projects .project {
      max-height: 295px; } }
  @media (min-width: 768px) {
    .projects .project {
      padding-left: 6px;
      padding-right: 6px;
      margin: 0 0 12px 0; } }
  .projects .project .project__detail {
    position: relative;
    overflow: hidden;
    width: 100%; }
    @media (max-width: 767px) {
      .projects .project .project__detail {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
        .projects .project .project__detail.bg200 {
          background-position: 0 -200px; } }
    .projects .project .project__detail video {
      position: absolute;
      top: 50%;
      left: 50%;
      padding: 0;
      margin: 0;
      display: block;
      min-width: 100%;
      min-height: 100%;
      max-width: 555px;
      width: auto;
      height: auto;
      -ms-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      background-size: cover; }
      @media (max-width: 767px) {
        .projects .project .project__detail video {
          display: none; } }
    .projects .project .project__detail .text__only {
      background: #fff;
      padding: 0 2em;
      color: #161112;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0; }
      @media (min-width: 768px) {
        .projects .project .project__detail .text__only {
          padding: 3em; } }
      .projects .project .project__detail .text__only h4 {
        line-height: 1.5em; }
        @media (max-width: 767px) {
          .projects .project .project__detail .text__only h4 {
            font-size: 24px; } }
      .projects .project .project__detail .text__only .link {
        color: #161112; }
        .projects .project .project__detail .text__only .link:after {
          background: #d95d49; }
    .projects .project .project__detail img {
      width: 100%;
      max-width: inherit;
      height: auto;
      transition: all .5s; }
      @media (max-width: 767px) {
        .projects .project .project__detail img {
          opacity: 0; } }
    .projects .project .project__detail.hover .img.scale img {
      transform: scale(1.05); }
    .projects .project .project__detail .img {
      display: block;
      position: relative;
      width: 100%;
      overflow: hidden; }
      .projects .project .project__detail .img .gradient {
        position: absolute;
        left: 0;
        right: -1px;
        top: 0;
        bottom: 0;
        z-index: 1; }
        .projects .project .project__detail .img .gradient:after {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: 500;
          content: '';
          filter: alpha(opacity=100);
          opacity: 1;
          z-index: 50;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
          background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
          /* IE6-9 */ }
    .projects .project .project__detail .text__wrap {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 20px;
      z-index: 50; }
      @media (min-width: 768px) {
        .projects .project .project__detail .text__wrap {
          padding: 35px 20px 0 40px; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
        .projects .project .project__detail .text__wrap {
          padding: 15px; } }
      .projects .project .project__detail .text__wrap .caption {
        font-size: 20px;
        line-height: 18px;
        letter-spacing: 1px;
        font-family: "Helvetica-Light", Helvetica, Arial, sans-serif;
        margin: 0 0 10px;
        color: #fff;
        display: block;
        transition: color 0.4s ease; }
        @media (max-width: 767px) {
          .projects .project .project__detail .text__wrap .caption {
            display: none; } }
        .projects .project .project__detail .text__wrap .caption:before {
          content: '';
          /*background: url("../img/icon.png") no-repeat;*/
          background-size: contain;
          width: 40px;
          height: 40px;
          display: inline-block;
          margin-right: 1em; }
      .projects .project .project__detail .text__wrap .title {
        font-size: 24px;
        color: #fff;
        display: inline-block;
        padding-left: 60px;
        position: relative;
        max-width: 94%; }
        .projects .project .project__detail .text__wrap .title:after {
          content: '';
          display: block;
          width: 0;
          height: 3px;
          transition: width .3s;
          width: 40%;
          background: #d95d49; }
        @media (max-width: 767px) {
          .projects .project .project__detail .text__wrap .title {
            padding-top: 12px; }
            .projects .project .project__detail .text__wrap .title:before {
              content: '';
              background: url("../img/icon.png") no-repeat;
              background-size: contain;
              width: 40px;
              height: 40px;
              display: inline-block;
              margin-right: 1em;
              position: absolute;
              left: 0;
              top: 0; } }
    .projects .project .project__detail .item__link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 99;
      text-indent: -5000px; }

.projects .project .project__detail.hover .text__wrap .title:after {
  width: 100%; }

h3.section__title {
  color: #161112;
  font-family: "Helvetica-Light", Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
  margin-top: 0; }
  h3.section__title:before {
    content: '';
    background: url("../img/icon_black.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 1em; }

.clients_contact {
  padding: 0em 0; }
  .clients_contact .clients {
    padding: 0 40px;
    margin-bottom: 1em; }
    @media (min-width: 768px) {
      .clients_contact .clients {
        margin-bottom: 4em; } }
    .clients_contact .clients .clients__list {
      padding: 0 0; }
      @media (min-width: 768px) {
        .clients_contact .clients .clients__list {
          padding: 0 0 0 70px; } }
      .clients_contact .clients .clients__list ul {
        margin: 0;
        padding: 0;
        overflow: hidden; }
        .clients_contact .clients .clients__list ul li {
          display: block;
          width: 50%;
          float: left; }
          @media (min-width: 993px) {
            .clients_contact .clients .clients__list ul li {
              width: 20%; } }
          @media (max-width: 575px) {
            .clients_contact .clients .clients__list ul li {
              width: 100%; } }
          @media (min-width: 576px) and (max-width: 767px) {
            .clients_contact .clients .clients__list ul li {
              width: 30%;
              height: 125px;
              display: flex; } }
          @media (min-width: 768px) and (max-width: 992px) {
            .clients_contact .clients .clients__list ul li {
              width: 30%;
              height: 125px;
              display: flex; } }
          .clients_contact .clients .clients__list ul li img {
            width: 100%;
            display: block;
            margin: 0 auto; }
            .clients_contact .clients .clients__list ul li img.audi {
              max-width: 70%; }
            .clients_contact .clients .clients__list ul li img.clogo4 {
              max-width: 70%; }
            @media (min-width: 576px) and (max-width: 767px) {
              .clients_contact .clients .clients__list ul li img {
                margin: 0; } }
      .clients_contact .clients .clients__list .carousel .carousel-inner .carousel-control {
        color: #161112; }
        .clients_contact .clients .clients__list .carousel .carousel-inner .carousel-control.left {
          background: none !important; }
        .clients_contact .clients .clients__list .carousel .carousel-inner .carousel-control.right {
          background: none !important; }
        .clients_contact .clients .clients__list .carousel .carousel-inner .carousel-control .glyphicon-chevron-left {
          left: 11% !important; }
        .clients_contact .clients .clients__list .carousel .carousel-inner .carousel-control .glyphicon-chevron-right {
          right: 11% !important; }
      .clients_contact .clients .clients__list .carousel .carousel-inner .item .row {
        display: flex;
        align-items: center; }
      .clients_contact .clients .clients__list .carousel .bg-none {
        color: #161112;
        background: none !important; }
        .clients_contact .clients .clients__list .carousel .bg-none .glyphicon-chevron-left {
          left: -30% !important; }
        .clients_contact .clients .clients__list .carousel .bg-none .glyphicon-chevron-right {
          right: -20% !important; }
      @media (max-width: 767px) {
        .clients_contact .clients .clients__list .carousel .carousel-inner .item img {
          display: inline-block !important; } }
      .clients_contact .clients .clients__list .bg-none {
        background: none !important; }
  .clients_contact .contact {
    padding: 0 15px;
    margin-bottom: 2em; }
    @media (max-width: 767px) {
      .clients_contact .contact.margin__bottom {
        margin-bottom: 2em; } }
    .clients_contact .contact .text__content {
      margin-bottom: 2em; }
      @media (min-width: 768px) {
        .clients_contact .contact .text__content {
          margin-bottom: 6em; } }
    @media (min-width: 768px) {
      .clients_contact .contact {
        padding: 0 0 0 10%; } }
    .clients_contact .contact .indent {
      margin-bottom: 2em;
      max-width: 80%; }
      @media (min-width: 768px) {
        .clients_contact .contact .indent {
          margin-bottom: 4em; } }
      .clients_contact .contact .indent.max-width {
        max-width: 100%; }
  .clients_contact h2 {
    margin-top: 0;
    margin-bottom: 1.2em; }
    .clients_contact h2 .link:after {
      background: #d95d49; }

.creative {
  overflow-x: hidden; }
  @media (min-width: 768px) {
    .creative .promo__section {
      margin-top: -15em; } }
  .creative .oic_cube {
    margin-top: -15%; }
  @media (min-width: 768px) {
    .creative .oic_cube {
      margin-top: -25%; }
    .creative .graphic__design {
      margin-top: -20%; }
    .creative .branding {
      margin-top: -30%;
      margin-bottom: 20%; }
    .creative .advertising {
      margin-top: -50%; }
    .creative .promotional {
      margin-bottom: 20%; }
    .creative .luciano_image {
      display: block;
      margin: 0 auto;
      width: 70%; } }
  .creative section {
    padding: 2em 0 1em; }
    @media (max-width: 767px) {
      .creative section.projects {
        padding: 1em 0 0; } }
    @media (min-width: 768px) {
      .creative section {
        padding: 0 0 6em; } }
    .creative section .section__detail {
      padding: 2em 0 2em 10%; }
      @media (min-width: 768px) {
        .creative section .section__detail {
          padding: 0 0 0 10%; } }
      .creative section .section__detail p {
        max-width: 80%; }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
          .creative section .section__detail p {
            max-width: 100%; } }
      .creative section .section__detail.text__div {
        padding-bottom: 5%; }
      .creative section .section__detail h1 {
        margin-bottom: 1em; }
        @media (min-width: 768px) {
          .creative section .section__detail h1 {
            margin-bottom: 1.2em; } }
  @media (max-width: 767px) {
    .creative section.page__hero {
      padding: 0; } }
  @media (max-width: 767px) {
    .creative section.page__hero .section__detail {
      padding: 0; } }

.contact_page .clients_contact {
  padding-bottom: 7%;
  padding-top: 5%; }
.contact_page .page__hero {
  padding-top: 2%; }
.contact_page .our__offices {
  margin-top: 3em;
  font-family: "Helvetica-Light", Helvetica, Arial, sans-serif; }
  .contact_page .our__offices a {
    color: #000; }
    .contact_page .our__offices a:hover {
      text-decoration: none; }
    .contact_page .our__offices a.link {
      display: inline-block;
      margin-bottom: 0.5em; }
  .contact_page .our__offices span.venue {
    position: relative;
    display: inline-block; }
@media (min-width: 768px) {
  .contact_page .section__detail {
    padding: 0 0 7% 4em; } }
.contact_page .section__detail.text__div {
  padding-bottom: 5%; }
.contact_page .section__detail h1 {
  margin-bottom: 1.5em; }
.contact_page .contact__form {
  background: #fff;
  overflow: hidden;
  padding: 2% 5% 5%;
  margin: 0 15px; }
  @media (min-width: 768px) {
    .contact_page .contact__form {
      max-width: 75%;
      margin: 0 auto; } }
  .contact_page .contact__form h2 {
    color: #000;
    margin-bottom: 1em; }
  .contact_page .contact__form .form-control {
    background: #ebebeb;
    border-radius: 0;
    border: 0;
    font-family: "Helvetica-Light", Helvetica, Arial, sans-serif;
    box-shadow: 0 0 0; }
  .contact_page .contact__form .btn {
    border: 0;
    color: #000;
    font-size: 1.5em;
    padding: 0;
    border-radius: 0; }
    .contact_page .contact__form .btn:after {
      content: '';
      display: block;
      width: 0;
      height: 3px;
      transition: width .3s;
      width: 40%;
      background: #d95d49; }
    .contact_page .contact__form .btn:hover, .contact_page .contact__form .btn:focus, .contact_page .contact__form .btn:active {
      background: none;
      box-shadow: 0 0 0; }
    .contact_page .contact__form .btn:hover {
      text-decoration: none;
      color: #161112;
      outline: none; }
      .contact_page .contact__form .btn:hover:after {
        width: 100%; }

@media (max-width: 767px) {
  .page__digital .section__detail {
    padding-top: 0 !important; } }

.hide__title.projects .project .project__detail .text__wrap .caption {
  display: none; }

.hide__title.projects .project .project__detail .text__wrap .title {
  margin-left: 60px;
  padding-left: 0;
  position: relative;
  padding-top: 14px;
  max-width: 75%; }
  .hide__title.projects .project .project__detail .text__wrap .title:before {
    content: '';
    background: url(../img/icon.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 1em;
    position: absolute;
    left: -60px;
    top: 0; }

.modal .modal-header {
  border: 0;
  position: absolute;
  right: 0;
  z-index: 999; }
.modal .form-control {
  border-radius: 0;
  background: #ebebeb;
  border-radius: 0;
  border: 0;
  font-family: "Helvetica-Light", Helvetica, Arial, sans-serif;
  box-shadow: 0 0 0;
  line-height: normal; }
.modal h2 {
  color: #000;
  margin-bottom: 1em; }
.modal .modal-content {
  border-radius: 0;
  overflow: hidden;
  padding-bottom: 2em; }
  .modal .modal-content .btn {
    border: 0;
    color: #000;
    font-size: 1.5em;
    padding: 0;
    border-radius: 0; }
    .modal .modal-content .btn:after {
      content: '';
      display: block;
      width: 0;
      height: 3px;
      transition: width .3s;
      width: 40%;
      background: #d95d49; }
    .modal .modal-content .btn:hover, .modal .modal-content .btn:focus, .modal .modal-content .btn:active {
      background: none;
      box-shadow: 0 0 0; }
    .modal .modal-content .btn:hover {
      text-decoration: none;
      color: #161112;
      outline: none; }
      .modal .modal-content .btn:hover:after {
        width: 100%; }

.projects_page .page__hero {
  padding-top: 0; }
  @media (min-width: 768px) {
    .projects_page .page__hero {
      padding-top: 2em; } }
.projects_page .projects {
  padding: 1em 0; }
  @media (min-width: 768px) {
    .projects_page .projects {
      padding: 2em 0 6em; } }
.projects_page .clients_contact {
  padding-bottom: 2em; }
  @media (min-width: 768px) {
    .projects_page .clients_contact {
      padding-bottom: 6em; } }
@media (min-width: 768px) {
  .projects_page .section__detail {
    padding: 0 0 4em 4em; } }
.projects_page .section__detail.text__div {
  padding-bottom: 6em; }
.projects_page .section__detail h1 {
  margin-bottom: 1.5em; }

.single.website__sub .breadcrumb {
  padding: 1em 0 0;
  margin-bottom: 0; }
.single .clients_contact {
  padding-bottom: 8%; }
  .single .clients_contact h2 {
    margin-bottom: 0; }
.single .more__info--content {
  padding-left: 3em;
  margin-bottom: 4%;
  max-width: 90%; }
.single .border__top {
  position: relative;
  padding-top: 5%; }
  @media (max-width: 767px) {
    .single .border__top {
      margin-top: 2em; } }
  .single .border__top:before {
    content: '';
    display: block;
    height: 3px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    width: 20%;
    background: #d95d49;
    position: absolute;
    top: 0; }
  .single .border__top:hover:before {
    width: 100%; }
.single .page__hero {
  padding-top: 0; }
.single .related__images {
  padding: 4em 0 0; }
.single .plain__text {
  font-family: "Helvetica-Light", Helvetica, Arial, sans-serif;
  max-width: 70%; }
.single .festival-line-up {
  margin-top: -20%; }
.single .mobile_section {
  margin-top: -20%; }
.single .middle_content {
  padding-top: 30%; }
.single .center_content {
  padding-top: 50%; }
.single .padding__text {
  padding: 10%;
  max-width: 80%; }
.single .bottom_content {
  margin-top: 80%; }
.single .related__projects {
  margin: 4em 0 3em; }
  .single .related__projects .section__detail {
    margin-bottom: 4em; }
.single .leaflet-inside {
  margin-top: -10%; }
.single .pattern {
  margin-top: -20%; }
.single .more__info--block {
  padding: 7% 0; }
  .single .more__info--block img {
    max-width: 120px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
      .single .more__info--block img {
        max-width: 100% !important; } }

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