/*
  Theme Name: Desmone

  Author: Top Hat
  Author URI: https://builtbytophat.com;

  Version: 1.0

  License: GPL-2.0+
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
                                                               `/shmNNNmho-                         
                                                             `sNNNNNNNNNNNNy`                       
                                                            -mNNNms/---+mNNNd                       
                                                            /hmNh`      .NNNN:                      
                                                              ```       -NNNN:                      
                                                                     `-omNNNh                       
                                                             `.:/+sydmNNNNNs`                       
                                                    `.-:/oyhdmmNNNNNNNNmh+.                         
                                           `.-:/+sydmmNNNNNNNNNmdhys+:-`                            
                                   `.-:+oyhdmmNNNNNNNNmdhhso/:..``                                  
                          `.-:/+shddmNNNNNNNNNmdhyo+:-.``.-:: .:+shhhys/.                           
                 ``.-:+oyhdmmNNNNNNNNmdhyso/-..`        /mNNNymNNNNNNNNNmy.                         
             ./shddmNNNNNNNNNmdhyo+:-.``  `....`        +NNNNNNNdyo++sdNNNd.                        
           :ymNNNNNNmddymNNNs.`       ./shdmmmmdho-     +NNNNNd/`     .dNNNs                        
          +NNNNds+:-.`  dNNNo       -ymNNNNNmmNNNNNs`   +NNNNy`        sNNNh                        
         :NNNN+`        dNNNo     `sNNNNds/----+mNNNd`  +NNNN`         sNNNd                        
         sNNNd          dNNNo    `hNNNm+`       .NNNN+  +NNNN          yNNNy                        
         +NNNm-  ``     dNNNo    yNNNd.          dNNNs  +NNNN         /NNNN:                        
         `hNNNmyydh:    dNNNo   .NNNN:           dNNNo  +NNNN:     `-yNNNNo                         
          `omNNNNNNm-   dNNNo   :NNNN`          /NNNN-  +NNNNNy+++sdNNNNd/                          
            `:+oo+:`    dNNNo   -NNNN.        `+NNNNs   +NNNNNNNNNNNNmd+`                           
                        dNNNo    dNNNh-`   `.+dNNNNo    +NNNNoyhhhyo/.                              
                        dNNNo    .dNNNNdyyhdNNNNNh-     +NNNN          /s-                          
                        dNNNo     `+dNNNNNNNNNdo-       oNNNm        .hNNNy`                        
                        dNNNo        .:/+o+/-`     `.:/yNNNN+       .mNNNd-                         
                        dNNNo              `-:-   .NNNNNNNm/        dNNNh`                          
                        dNNN+          /ydNNNN+   -NNNmhs:         :NNNN.                           
                        -:.`         :mNNNNNNm/    -.              +NNNm                            
                                    :NNNNy:.`      `-/+o+/-        +NNNm                            
                        :+sy/       yNNNh       `+hNNNNNNNNms.     +NNNm                            
                        dNNNo       yNNNy     `omNNNNmhyhNNNNm-    +NNNm                            
                        dNNNo       yNNNy    `hNNNNs-`   `yNNNd    +NNNm                            
                        dNNNo       yNNNy    yNNNd-       :NNNN`   +NNNm                            
                        dNNNo       yNNNy   .NNNN:        :NNNN`   +NNNm  `.-/+-                    
                        dNNNo       yNNNy   -NNNN.        :NNNN`   +NNNNhdmmNNNo                    
                        dNNNo       yNNNy   -NNNN.       `/NNNN`   +NNNNNNNNmdh:         `/oyh`     
                        dNNNo       yNNNy   -NNNN:-:/oyhdmNNNNN`   +NNNNo/:..``          `mNNN+     
                        dNNNo       yNNNy   -NNNNmNNNNNNNNNNNNN`   +NNNm                  sNNNh     
                        dNNNo  `.-:+dNNNy   -NNNNNmdhhso/:/NNNN`   +NNNm                  sNNNd     
                      `.dNNNdhddmNNNNNNNy   -NNNN:.``     :NNNN`   /NNNN`                `dNNNs     
              `.-:+oyhdmNNNNNNNNNmdhmNNNy   -NNNN.        :NNNN`   `mNNNs               `sNNNm.     
           -+ydmNNNNNNNNNNNNdo+:-.``yNNNy   -NNNN.        `o+:-     /NNNNy-           `/dNNNm:      
        `/hmNNNNmddys+/-dNNNo       yNNNy   -Nmdh`                   :dNNNNho:-....-/sdNNNNh-       
       -hNNNNdo:.`      dNNNo       smmdo    -.`                      `/hNNNNNNmmmmNNNNNmy:         
      /mNNNh:`          dNNNo       .-.`                                `-+ydmmNNNmmdhs/.           
     /NNNNo`            dNNNo                                               `..----.`               
    `mNNNs             `mNNN+                                                                       
    -NNNN.             sNNNm`                                                                       
    -NNNN.           `sNNNN/                                                                        
     dNNNh`        .+mNNNm/                                                                         
     -mNNNmo:-.-:oyNNNNNy.                                                                          
      .sNNNNNNNNNNNNNms-                                                                            
        ./ydmNNNmdy+-                                                                               
             ```                                                                                    
*/

/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* ## Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
  content: " ";
  display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
  clear: both;
  content: " ";
  display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Top Hat Layout Structures
--------------------------------------------- */

section {
  float: left;
  width: 100%;
  position: relative;
}

/*Parallax Trick*/
.bg-wrap {
    clip: rect(0, auto, auto, 0);
    clip-path: inset(0 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.bg {
  position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
    z-index: 2;
}


/* ## Typographical Elements
--------------------------------------------- */

html {
  font-size: 62.5%; /* 10px browser default */
}

/* Chrome fix */
body > div {
  font-size: 20px;
  font-size: 2rem;
}

body {
  background-color: #fff;
    color: #282828;
    font-family: 'Titling Gothic FB';
  font-size: 20px;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  line-height: 1.625;
  margin: 0;
}

body input {
  outline: none!important;
}

a:active,
a:focus, {
  outline:0;
  border:none;
  -moz-outline-style: none;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

a {
  text-decoration: underline;
  outline:0;
  border:none;
  -moz-outline-style: none;
}

a:focus,
a:hover {
  text-decoration: none;
  outline:0;
  border:none;
  -moz-outline-style: none;
}

p {
  margin: 0 0 28px;
  padding: 0;
}

p:last-of-type {
  margin-bottom: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

hr {
  border: 0;
  border-collapse: collapse;
  border-top: 1px solid #eee;
  clear: both;
  margin: 1em 0;
}

b,
strong {
  font-weight: 700;
}

blockquote,
cite,
em,
i {
  font-style: italic;
}

mark {
  background: #ddd;
  color: #000;
}

blockquote {
  margin: 40px;
}

blockquote::before {
  content: "\201C";
  display: block;
  font-size: 30px;
  font-size: 3rem;
  height: 0;
  left: -20px;
  position: relative;
  top: -10px;
}

/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%;
}

img {
  height: auto;
}

figure {
  margin: 0;
}

/* ## Forms
--------------------------------------------- */

::-moz-placeholder {
  color: #545454;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #545454;
  opacity: 1;
}

input {
  -webkit-appearance: none!important;
  border-radius: 0px!important;
}

select {
  -webkit-appearance: none!important;
  appearance: none!important;
}

/* ## Tables
--------------------------------------------- */

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin-bottom: 40px;
  width: 100%;
  word-break: break-all;
}

tbody {
  border-bottom: 1px solid #eee;
}

td,
th {
  text-align: left;
}

td {
  border-top: 1px solid #eee;
  padding: 6px;
}

th {
  font-weight: 400;
  padding: 0 6px;
}

td:first-child,
th:first-child {
  padding-left: 0;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
  background: #fff;
  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  clip: auto !important;
  color: #333;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.more-link {
  position: relative;
}



/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

/* ## Mobile Menu
--------------------------------------------- */

.mobile-nav-bg {
  top: -200px;
  visibility: hidden;
}

.mobile-logo {
  width: 101px;
  margin-left: 10px;
  align-items: center;
  position: relative;
  left: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.mobile-logo.hide-on-start {
  left: -150px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}


/* ## Desktop Menu
--------------------------------------------- */

.menu-holder {
  position: absolute;
  top: 29px;
  right: 0;
  z-index: 1000;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
}

.menu {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.menu-text {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.menu-lines {
  width: 16px;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  height: 8px;
  margin-left: 5px;
}

.menu-lines span {
  height: 2px;
  width: 100%;
  display: block;
  background-color: #282828;
  content: '';
  top: 0;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.menu-lines span:first-of-type {
  margin-bottom: auto;
}

.desmone-side-navigation {
  position: fixed;
  top: 0;
  height: 100%;
  right: 0;
  width: 88.5px;
  z-index: 100;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.off-right,
.the-header-container.open .desmone-side-navigation.off-right {
  width: calc(100% + 88.5px)!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-header-container.open .transition-down .menu {
  left: 0!important;
  transform: translate(-0%, -50%);
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  -moz-transform: translate(-0%, -50%);
  -o-transform: translate(-0%, -50%);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-header-container.open .desmone-side-navigation.off-right + .desmone-popover-menu-contents {
  right: 100%;
  -moz-transition: all .8s ease;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
}

.desmone-side-navigation.off-right-pre .menu-holder {
  width: 88.5px;
  left: 0;
  right: auto;
}

.desmone-side-navigation.off-right-pre .white-bar-bg.engaged,
.desmone-side-navigation.off-right-pre .white-bar-bg {
  width: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-curtain.service-page-transition {
  height: 100%;
  position: fixed;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  top: 0;
  right: 0;
  z-index: 400;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-page-transition .main-titling-number {
  opacity: 1!important;
}

.service-curtain.service-page-transition.show {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.off-right-pre .monogram-logo-menu {
 bottom: -200px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.preloaded {
  right: -100px;
}

.desmone-side-navigation .menu-holder {
  width: 100%;
}

.monogram-logo-menu {
  position: absolute;
  left: 0;
  right: 0;
  width: 39px;
  bottom: 29px;
  margin: 0 auto;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.desmone-side-navigation.black .monogram-logo-menu.white {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.white .left-line-menu {
  background-color: rgba(255, 255, 255, 0.29);
}

.white .menu-text,
.white .service-index-name {
  color: #fff;
}

.white .menu-lines span {
  background-color: #fff;
}

.white .monogram-logo-menu.white {
  opacity: 1;
  z-index: 1;
}

.white .monogram-logo-menu.black {
  opacity: 0;
  z-index: 2;
}

.show-markers .service-index-name:before {
  height: 100%;
}

.faux-dark {
  position: absolute!important;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
  opacity: 0;
}

.white .faux-dark .menu-text,
.white .the-name.faux-dark span {
  color: #000;
}

.white .menu.faux-dark span {
  background-color: #000;
}

.white-bar-bg {
  width: 0%;
  top: 0;
  right: 0;
  position: absolute;
  content: '';
  background-color: #fff;
  z-index: 1;
  height: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.white-bar-bg.page-transition {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  position: fixed;
}

.white-bar-bg.engaged {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .menu-text,
.force-white .service-index-name {
  color: #fff!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .menu-lines span {
  background-color: #fff!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .monogram-logo-menu.black {
  opacity: 0!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .monogram-logo-menu.white {
  opacity: 1!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .white-bar-bg.engaged {
  opacity: 0!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.white-bar-bg.delay {
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}

.force-white .left-line-menu {
  background-color: rgba(255, 255, 255, 0.29)!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .service-index-name:before {
  height: 100%!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .service-index-name[data-service="Envision"]:before {
  background-color: #BBDDE6!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .service-index-name[data-service="Plan"]:before {
  background-color: #D0DEBB!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .service-index-name[data-service="Design"]:before {
  background-color: #F8E08E!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .service-index-name[data-service="Execute"]:before {
  background-color: #E7B78A!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .service-index-name[data-service="Thrive"]:before {
  background-color: #DAA5AD!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.force-white .service-table-of-contents {
  opacity: 1!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.contact-page-template .the-menu-half.menu-fade {
  opacity: 0!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  pointer-events: none;
}

.send-area .wpcf7-form-control-wrap {
    position: relative;
    margin-left: auto;
    margin-right: 9px;
}

/* ## Menu Popover
--------------------------------------------- */

.the-black-menu-backdrop,
.the-loader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #282828;
  width: 100%;
  height: 100%;
  z-index: 20;
  pointer-events: none;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.the-header-container.open .the-black-menu-backdrop,
.loader .the-loader {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-loader {
  z-index: 1000;
}

.the-header-container.open .desmone-side-navigation {
  /*width: 88.5px!important;*/
  right: calc(100% - 180px);
  -moz-transition: width, right .4s ease;
  -webkit-transition: width, right .4s ease;
  -o-transition: width, right .4s ease;
  transition: width, right .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.the-header-container.open .desmone-side-navigation.reveal-for-service-buttons,
.desmone-side-navigation.reveal-for-service-buttons.ending {
  height: 100%;
} 

.the-header-container.open .desmone-popover-menu-contents {
  right: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.page-template-desmone-contact-page-template .the-header-container .the-office-half {
  display: none;
}

.desmone-popover-menu-contents {
  position: fixed;
  top: 0;
  width: calc(100% - 180px);
  /*z-index: 22;*/
  z-index: 200;
  height: 100%;
  color: #fff;
  left: auto;
  right: -100%;
  align-items: center;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-popover-menu-contents-inner {
  width: 1200px;
  max-width: 80%;
  margin: 0 auto;
  align-items: center;
}

.the-menu-half {
  width: 343px;
}

.the-menu-half a {
  color: #fff;
  text-decoration: none;
}

.the-office-half {
  width: calc(100% - 343px);
}

.office-inner {
  width: 340px;
  max-width: 100%;
  margin-left: auto;
}

.primary-nav-items .menu-item {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 11.43px;
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-family: 'Titling Gothic FB Wide';
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.primary-nav-items .menu-item:last-child {
  margin-bottom: 0px;
}

.primary-nav-items {
  margin-bottom: 25px;
}

.secondary-nav-items {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.23px;
  align-items: center;
  margin-bottom: 78px;
}

.slasher {
  margin: 0 10px;
}

.site-by {
  width: 119px;
  align-items: center;
  margin-right: 0px;
  margin-left: 5px;
}

.social-media-icons {
  align-items: center;
}

.social-media-icons a,
.contact-social a {
  font-size: 21px;
  margin-right: 15px;
}

.contact-social a:last-of-type {
  margin-right: 0;
}

.an-office-location a {
  color: #fff;
  text-decoration: none;
}

.an-office-location {
  width: 100%;
  margin-bottom: 35px;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: .2px;
  padding-bottom: 12px;
  position: relative;
}

.an-office-location:nth-child(1):after {
  background-color: #BBDDE6;
}

.an-office-location:nth-child(2):after {
  background-color: #F8E08E;
}

.an-office-location:nth-child(3):after {
  background-color: #DAA5AD;
}

.an-office-location:after {
  bottom: 0;
  width: 43px;
  height: 2px;
  content: '';
  position: absolute;
  display: block;
}

.an-office-location:last-of-type {
  margin-bottom: 0;
}

.office-name {
  font-family: 'Titling Gothic FB Extended';
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.address-side {
  width: 50%;
  margin-right: 10%
}
.phone-side {
  width: 40%;
}

.phone-side span {
  width: 100%;
  display: block;
}

.the-header-container.open .menu-lines span:nth-child(1) {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  top: 2px;
  position: relative;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-header-container.open .menu-lines span:nth-child(2) {
  transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  -webkit-transform: rotate(130deg);
  -moz-transform: rotate(130deg);
  -o-transform: rotate(130deg);
  top: -4px;
  position: relative;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-black-menu-backdrop.show-image {
  opacity: .9!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

body .the-black-menu-backdrop.full-perm {
  opacity: 1!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.menu-feature-image.show {
  visibility: visible;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.menu-feature-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: no-repeat center center / cover;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.main-feature-image-holder {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 18;
  background-color: #282828;
  visibility: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.main-feature-image-holder.show {
  visibility: visible;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.the-menu-half.fade {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-header-container.open .desmone-side-navigation.force-far-left {
  right: 0!important;
  width: 88.5px!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-header-container.open .desmone-side-navigation.force-far-left .menu-lines span:nth-child(1) {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  top: 0px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-header-container.open .desmone-side-navigation.force-far-left .menu-lines span:nth-child(2) {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  top: 0px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.mobile-only-footer {
  padding: 50px 0;
  background-color: #3f3f3f;
  display: none;
  text-align: center;
  margin-top: -1px;
  position: relative;
  z-index: 10;
}

.page-template-desmone-contact-page-template .mobile-only-footer {
  display: none!important;
}

.footer-branding .flex,
.footer-branding,
.built-by {
  justify-content: center;
  align-items: center;
}

.built-by {
  margin-top: 50px;
}

.built-by a {
  width: 135px;
  margin: 0 auto;
}

.color-lines {
  margin: 25px 0;
  width: 100%;
}

.dtt {
  width: 210px;
}

.color-lines img {
  width: 450px;
  max-width: 90%;
  margin-right: 0 auto;
}

.copyrightline {
  color: #fff;
  font-weight: 300;
  font-size: 13px;
}


/* # Global
---------------------------------------------------------------------------------------------------- */

.grecaptcha-badge {
  display: none!important;
}

body.locked {
  height: 100%;
  overflow: hidden;
}

.mobile-toggler {
  display: none;
}

.slick-slide {
  outline: none!important;
}

/* ## Font Imports
--------------------------------------------- */

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Black.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Medium.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Wide';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Medium.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Wide';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Thin.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Wide';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Standard.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Skyline';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Regular.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Skyline';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Standard.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Wide';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Regular.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Regular.woff2') format('woff2'),
        url('TitlingGothicFB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Wide';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Black.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Skyline';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Bold.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Skyline';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Black.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Narrow';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Standard.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Skyline';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Light.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Thin.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Standard.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Wide';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Bold.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Skyline';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Medium.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Narrow';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Regular.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Skyline';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Thin.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBSkyline-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Bold.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Wide';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Light.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBWide-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Narrow';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Thin.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Light.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFB-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Narrow';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Light.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Narrow';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Black.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Bold.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Extended';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Regular.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Condensed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Light.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Condensed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Standard.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Extended';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Light.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Narrow';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Bold.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Standard.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Standard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Extended';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Bold.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Narrow';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Medium.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBNarrow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Condensed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Bold.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Thin.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Extended';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Thin.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Extended';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Medium.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Condensed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Medium.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Regular.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Extended';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Black.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBExtended-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Condensed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Black.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Medium.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Black.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Condensed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Regular.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Condensed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Thin.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling Gothic FB Compressed';
    src: url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Light.woff2') format('woff2'),
        url('/wp-content/themes/desmone/assets/fonts/TitlingGothicFBCompressed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ## Site Specific Containers
--------------------------------------------- */

.desmone-main-container {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
}

/* ## Etc.
--------------------------------------------- */

.flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.square {
    padding-top: 100%;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.dot_loader {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  justify-content: flex-end;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 10;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.dot {
    display: inline-block;
    margin:0 5px;
    width:10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation: 1s infinite dot;
    -webkit-animation: 1s infinite dot;
    -moz-animation: 1s infinite dot;
    -o-animation: 1s infinite dot;   
}
.dot:nth-child(2) {
    animation-delay: .1s;
    -webkit-animation-delay: .1s
}

.dot:nth-child(3) {
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

@keyframes dot {
    0% {background-color:#fff;}
    30% {background-color:#fff;}
    50% {background-color: #282828;}
    70% {background-color:#282828;}
    100% {background-color:#fff;}
}

@-webkit-keyframes dot {
    0% {background-color:#fff;}
    30% {background-color:#fff;}
    50% {background-color: #282828;}
    70% {background-color:#282828;}
    100% {background-color:#fff;}
}

@-moz-keyframes dot {
    0% {background-color:#fff;}
    30% {background-color:#fff;}
    50% {background-color: #282828;}
    70% {background-color:#282828;}
    100% {background-color:#fff;}
}

@-o-keyframes dot {
    0% {background-color:#fff;}
    30% {background-color:#fff;}
    50% {background-color: #282828;}
    70% {background-color:#282828;}
    100% {background-color:#fff;}
}

@-ms-keyframes dot {
    0% {background-color:#fff;}
    30% {background-color:#fff;}
    50% {background-color: #282828;}
    70% {background-color:#282828;}
    100% {background-color:#fff;}
}


/* # Page Templates
---------------------------------------------------------------------------------------------------- */

/* ## Instagram - link in bio
--------------------------------------------- */

.lib h1 {
  font-size: 22px;
  font-weight: bold;
  font-family: 'Titling Gothic FB Wide';
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 7.08px;
  margin-bottom: 35px;
}

.lib {
  padding: 125px 0;
}

.lib-tile:nth-child(4n) {
  margin-right: unset;
}

.lib-tile {
  width: 23.5%;
  margin-right: 2%;
  background: no-repeat center center / cover;
  margin-bottom: 2%;
}

.lib-tile:before {
  padding-top: 100%;
  content: '';
  display: block;
}



/* ## Careers
--------------------------------------------- */

.careers-hero {
  height: 100vh;
}

.careers-hero .left-module {
  position: relative;
  z-index: 10;
  color: #fff;
  height: 100%;
}

.careers-hero .desmone-main-container {
  height: 100%;
  align-items: center;
}

.career-special-container,
.career-page-hero-inner,
.careers-intro-text-text {
  width: 752px;
  max-width: 100%; 
  margin: 0 auto;
}

.career-page-hero-inner {
  text-align: center;
}

.career-page-hero-inner h1 {
  font-family: 'Titling Gothic FB Extended';
  font-size: 25px;
  letter-spacing: 8.05px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
  line-height: 1;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-top: 72px;
}

.career-page-blurb {
  width: 272px;
  max-width: 100%;
  margin: 0 auto 72px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  font-weight: 500;
}

.other-career-sections {
  background-color: #fff;
  position: relative;
  z-index: 5;
}

.careers-intro-text-area {
  padding: 137px 0 90px;
}

.careers-intro-text-text {
  font-size: 16px;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0.65px;
}

.arrow-area {
  width: 64px;
}

.arrow-area img {
  cursor: pointer;
}

.arrow-area.left {
  text-align: left;
}

.arrow-area.right {
  text-align: right;
}

.awards-slider-slider {
  width: calc(100% - 128px);
  align-items: center;
}

.career-page-award {
  padding-right: 10px;
}

.cp-year,
.cp-giver {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.cp-year {
  margin-bottom: 15px;
}

.cp-title {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 5px;
}

.values {
  margin-top: 100px;
}

.value-section:nth-child(1) {
  background-color: #BBDDE6;
}

.value-section:nth-child(2) {
  background-color: #D0DEBB; 
}

.value-section {
  padding: 100px 0 125px;
}

.value-section h2 {
  font-family: 'Titling Gothic FB Extended';
  line-height: 1;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 8.05px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.career-perk-title {
  width: 165px;
}

.career-perk-title h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.58;
}

.career-perk-text {
  width: calc(90% - 165px);
  margin-left: auto;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.46;
}

.career-perk-row {
  border-bottom: 2px solid #fff;
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.career-perk-row:last-of-type {
  margin-bottom: 0;
  border-bottom: 0px;
}

.job-outer-container {
  width: 860px;
  max-width: 100%;
  margin: 0 auto;
}

.job-posting {
  border-bottom: 2px solid #282828;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.top-posting-contents {
  padding-bottom: 10px;
  cursor: pointer;
  background-color: #fff;
}

.top-posting-contents img {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.top-posting-contents.rotate img {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.bottom-posting-contents {
  max-height: 0px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  padding: 0;
  overflow: hidden;
}

.bottom-posting-contents.open {
  max-height: 1200px;
  overflow: visible;
  padding: 50px 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.job-arrow-name {
  width: 50%;
  margin-right: auto;
  align-items: center;
}

.job-meta-info {
  align-items: center;
  width: auto;
}

.tab-content {
  align-items: center;
}

.job-meta.first {
  margin-right: 20px;
}

.tab-content label {
    font-family: 'Titling Gothic FB Condensed';
    font-size: 12px;
    letter-spacing: .37px;
    line-height: 1;
    text-transform: uppercase;
    margin-right: 4px;
}

.job-small-info {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .37px; 
}

.job-arrow-name h3 {
  font-size: 21px;
  line-height: 1.1;
  padding-left: 18px;
}

.the-job-postings {
  padding: 120px 0 150px;
  min-height: 100vh;
}

.job-post-desc {
  font-size: 14px;
  font-weight: normal;
  line-height: 2.07;
  letter-spacing: 0.57px;
  padding-left: 33px;
}

.job-post-desc p {
  margin-bottom: 18px;
}

.job-post-desc p:last-of-type {
  margin-bottom: 0;
}

.job-post-desc ul,
.job-post-desc ol {
  margin-left: 18px;
  margin-bottom: 18px;
}

.job-post-desc li {
  line-height: 1.3;
  margin-bottom: 5px;
}


/* ## Blog Listing
--------------------------------------------- */

.blog-contents .project-grid-item:first-of-type {
  padding-top: 200px;
}

.blog-listing-item {
  text-decoration: none;
  color: #282828;
  min-height: 310px;
}

.project-grid-item:hover .blog-date {
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.blog-date {
    font-family: 'Titling Gothic FB Condensed';
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: inline-block;
    overflow: hidden;
}

.blog-date span {
  position: relative;
  left: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-grid-item:hover span {
  left: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.blog-contents {
  padding-bottom: 250px;
}


/* ## Blog / General
--------------------------------------------- */

.general-hero .left-module {
  height: 80vh;
  position: relative;
  align-items: center;
}

.general-hero .desmone-main-container {
  position: relative;
  z-index: 10;
  width: 950px;
}

.general-hero h1 {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3;
  width: 429px;
  max-width: 100%;
}

.general-hero-image {
  background: no-repeat center center / cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  z-index: 1;
}

.general-hero-image:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: .2;
  content: '';
  z-index: 2;
}

.general-main-content .wpcf7 {
  width: 100%;
  margin-top: 50px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  background-color: #BBDDE6;
  padding: 100px 0 72px;
}

.general-main-content .wpcf7 .wpcf7-form {
  width: 500px;
  margin: 0 auto;
  max-width: 90%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.general-main-content .wpcf7 input {
  width: 100%;
}

.email-box input {
  border: 2px solid #282828;
  padding: 5px;
}

.submit-box input {
  height: 48px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 2px solid #282828;
  color: #282828;
  line-height: 1;
  border-left: 0px;
  background-color: #282828;
  color: #BBDDE6;
  cursor: pointer;
}

.subscribe-area,
.subscribe-confirmation {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.subscribe-confirmation {
  align-items: center;
}

.subscribe-confirmation.show .subscribe-thank-you {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  visibility: visible;
}

.subscribe-confirmation {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  height: 34px;
  position: relative;
}

.subscribe-confirmation .dot_loader.show {
  opacity: 1;
}

.subscribe-confirmation .dot_loader {
  justify-content: center;
}

.subscribe-thank-you {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  visibility: hidden;
}

.email-box {
  width: calc(100% - 120px);
}

.submit-box {
  width: 120px;
}

.general-main-content img,
.general-main-content .wp-caption,
.general-main-content .wp-caption a,
.general-main-content .aligncenter a,
.general-main-content .aligncenter {
  width: 100%!important;
}

.general-main-content .wp-caption a,
.general-main-content .aligncenter a {
  pointer-events: none;
}

.general-main-content .wp-caption a:after,
.general-main-content .aligncenter a:after {
  display: none!important;
}

.general-main-content h2 {
  line-height: 1.3;
  margin-bottom: 18px;
  font-size: 24px;
}

.general-main-content h3 {
  line-height: 1.3;
  margin-bottom: 18px;
  font-size: 20px;
}

.general-main-content a {
  color: #282828!important;
}

p.wp-caption-text {
  margin-bottom: 28px;
  font-size: 14px;
  font-weight: 300;
}

.general-main-content {
  width: 840px;
  max-width: 100%;
  margin: 0 auto;
  padding: 185px 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.89;
  letter-spacing: 0.74px;
}

.general-main-content iframe {
  width: 100%;
}

.gallery {
  width: calc(100% + 80px);
  left: 50%;
  max-width: 95vw;
  position: relative;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  align-items: center;
  margin: 50px auto;
}

.gallery-arrow {
  width: 40px;
  align-items: center;
}

.gallery-arrow img {
  width: 20px!important;
  cursor: pointer;
}

.gallery-arrow.right {
  text-align: right;
}

.gallery-inner {
  width: calc(100% - 80px);
}

.gallery-item {
  width: 100%;
  background: no-repeat center center / cover;
}

.gallery-item-maker {
  padding-top: 75%;
  width: 100%;
}

.general-main-content a {
  color: #282828;
  font-weight: 500;
  position: relative;
  padding-bottom: 5px;
  text-decoration: none;
}

.general-main-content a:after {
  position: absolute;
  left: -1%;
  bottom: 0px;
  height: 6px;
  width: 102%;
  background-color: #BBDDE6;
  content: '';
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.general-main-content a:hover:after {
  width: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

blockquote {
  margin: 0 0 45px;
  background-color: #D0DEBB;
  position: relative;
}

blockquote p {
  font-style: normal;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.83;
  letter-spacing: 0.98px;
  width: 80%;
  margin: 0 auto;
  padding: 65px 0;
  color: #282828;
}

blockquote::before {
  content: "\201C";
  color: #fff;
  display: block;
  font-size: 30px;
  font-size: 52px;
  font-style: normal;
  font-weight: 500;
  left: 3%;
  position: relative;
  top: 0;
}

.general-main-content ul,
.general-main-content ol {
  margin-bottom: 28px;
}

.general-main-content li {
  margin-left: 20px;
}


/* ## Contact
--------------------------------------------- */

.contact-page-template select option {
  color: #000;
}

.contact-page-template .desmone-popover-menu-contents {
  position: relative;
  right: 0;
  margin-left: auto;
  width: 100%;
  z-index: 4;
}

.contact-page-template .main-feature-image-holder {
  z-index: 2;
}

.contact-page-template .desmone-popover-menu-contents-inner {
  max-width: calc(80% + 37px);
}

.contact-page-template {
  height: 100vh;
}

.contact-page-template h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2.08px;
  font-family: 'Titling Gothic FB Wide';
  text-transform: uppercase;
  width: 100%;
  margin-top: 50px;
}

.contact-form-area {
  height: 100%;
}

.purpose-statements {
  margin: auto 0;
  width: 100%;
}

.contact-social {
  width: 100%;
  align-items: flex-end;
  justify-content: center;
}

.purpose {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.09px;
  margin-bottom: 15px;
  color: #757575;
}

.form-side {
  width: calc(92% - 203px);
  position: relative;
}

.contact-form-titling {
  text-align: center;
  width: 203px;
  margin-right: auto;
}

.contact-page-template .the-menu-half {
  width: calc(98% - 340px);
  margin-right: auto;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.contact-page-template .the-menu-half.hide-on-arrival {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.contact-page-template .the-office-half {
  width: 340px;
}

.form-side form {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.one-half.filled input {
  border-color: #BBDDE6;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;  
}

.filled.full textarea {
  color: #fff;
 border-color: #BBDDE6;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; 
}

.select-filled.true-select-current {
  color: #fff;
  border-color: #BBDDE6;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; 
}

.one-half {
  width: 48%;
  margin-bottom: 20px;
}

.one-half.first {
  margin-right: 4%;
}

.full {
  width: 100%;
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
  border-color: red!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  color: red!important;
}

.one-half input,
.one-half select,
.true-select-current {
  width: 100%;
  background-color: transparent;
  color: #fff;
  appearance: none!important;
  border-top: 0px;
  border-left: 0;
  border-right: 0px;
  border-bottom: 2px solid #545454;
  border-radius: 0px!important;
  line-height: 1;
  font-size: 15px;
  letter-spacing: 0.25px;
  padding-top: 0;
  padding-bottom: 3px;
  outline: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.one-half select {
  display: none!important;
}

.true-select {
  position: relative;
  z-index: 10;
}

.true-select-current {
  position: relative;
  cursor: pointer;
  color: #545454;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  padding: 11px 2px 4px;
}

.true-dropdown {
  background-color: #545454;
  font-size: 12px; 
  line-height: 1;
  position: relative;
}

.true-dropdown {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  max-height: 0px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  overflow: hidden;
}

.true-dropdown.open {
  max-height: 400px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.true-dropdown-option {
  padding: 12px 5px 0;
  cursor: pointer;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.true-dropdown-option:hover {
  color: #BBDDE6;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.true-dropdown-option:last-of-type {
  padding-bottom: 10px;
}

.true-select-current.open img {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
}

.true-select-current img {
  position: absolute;
  right: 0;
  top: 56%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.full textarea {
  width: 100%;
  height: 192px;
  background-color: transparent;
  color: #545454;
  border: 2px solid #545454;
  border-radius: 0px;
  font-size: 12px;
  padding: 10px;
  outline: none!important;
}

.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
  display: none!important;
}

.form-side input[type="submit"]{
  background-color: transparent;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 12px 17px;
  border: 1px solid #fff;
  line-height: 1;
  margin-left: auto;
  font-size: 17px;
  cursor: pointer;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  z-index: 10;
}

.form-side input[type="submit"]:hover {
  background-color: #D0DEBB;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  border-color: #D0DEBB;
  color: #282828;
}

.ajax-loader {
  display: none!important;
}

.contact-page-template .the-black-menu-backdrop {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

.send-area {
  position: absolute;
  right: 0;
  bottom: -44px;
  width: 100%;
  height: 43px;
}

.success-message {
  position: absolute;
  right: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  font-size: 16px;
  z-index: 1;
  pointer-events: none;
}

.form-side input[type="submit"].hide {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.success-message.show,
.dot_loader.show {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* ## Services
--------------------------------------------- */

/* End of Service, next journey */
.next-service-journey-step {
  float: left;
  width: 100%;
  position: relative;
}

.next-service-journey-step .service-hero-section {
  margin-top: 0;
}

.next-service-journey-indicator {
  width: 100%;
  float: left;
  position: relative;
  top: 0;
}

.next-service-journey-veil {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  content: '';
  z-index: 6;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.reveal .next-service-journey-veil {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.reveal.next-service-journey-step .main-title-info {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.next-service-journey-step .main-title-info {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.next-service-journey-step {
  position: relative;
  float: left;
  width: 100%;
}

.next-service-journey-holder .main-titling,
.next-service-journey-holder .service-titling-info,
.next-service-journey-holder .service-hero-section {
  display: none!important;
}
/**/

.curtain-inner {
  min-height: 100vh;
}

.service-curtain {
  clip: rect(0, auto, auto, 0);
}

.service-curtain.reveal {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  height: 0%;
}

.service-index-name.hide-bar:not(.active):before {
  height: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}

.service-index-name.hide-bar.active:before {
  background-color: #282828;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}

.entire-service-container {
  float: left;
  width: 100%;
  position: relative;
  z-index: 10;
}

.service-ending {
  position: relative;
  width: 100%;
}

.main-titling {
  height: 100vh;
  position: -webkit-sticky;
  position: -moz-sticky;
  transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  pointer-events: none;
  color: #fff;
}

.service-hero-section {
  height: 100vh;
  margin-top: -100vh;
}

.service-hero-section:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(40, 40, 40, 0.65);
  content: '';
  z-index: 3;
}

.main-titling-inner {
  width: 100%;
  justify-content: center;
  height: 100%;
  align-items: center;
  position: relative;
}

.main-titling-number {
  height: 500px;
  overflow: hidden;
  font-size: 540px;
  font-weight: 100;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 6.3px;
  font-family: 'Titling Gothic FB Skyline';
  width: 200px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  opacity: .6;
}

.main-titling-number .the-service-number {
  margin-left: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.main-title-info h1 {
  font-size: 25px;
  font-weight: bold;
  font-family: 'Titling Gothic FB Extended';
  line-height: 1;
  letter-spacing: 8.05px;
  text-transform: uppercase;
}

.main-tagline {
  font-size: 14px;
  font-weight: 500;
  margin-top: 12px;
  line-height: 1.1;
  letter-spacing: -0.1px;
  width: 100%;
}

.arrow-ready.ready-one {
  max-height: 70px;
  padding-top: 18px;  
}

.arrow-arrow {
  cursor: pointer;
}

.arrow-ready.ready {
  max-height: 70px;
  padding-top: 18px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.arrow-ready {
  justify-content: center;
  max-height: 0px;
  overflow: hidden;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.arrow-ready img {
  position: relative;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.the-service-breakdown,
.service-titling-info,
.intro-section,
.service-testimonial-area,
.service-projects,
.related-posts,
.service-ending {
  z-index: 10;
}

.related-posts.fade {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-titling-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  color: #fff;
  align-items: center;
}

.main-title-info {
  width: 100%;
  text-align: center;
}

.intro-section {
  height: 100vh;
  align-items: center;
}

.the-intro-text {
  width: 601px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 2.13;
  letter-spacing: 0.65px;
}

.middle-services {
  width: 240px;
  margin: 0 auto;
  padding: 110px 0;
  z-index: 7;
}

.the-service-breakdown-container {
  width: 100%;
}

.service-column {
  width: calc(45% - 142px);
  position: relative;
  z-index: 2;
}

.column-image {
  display: block;
  width: 100%;
  background: no-repeat center center / cover;
  position: absolute;
  left: 0;
}

.column-image-maker {
  padding-top: 75%;
  width: 100%;
}

.column-image.one {
  top: 0;
}

.column-image.two {
  bottom: 0;
}

.column-image.three {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.middle-service-listing {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.48px;
  margin-bottom: 40px;
}

.gradients {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  pointer-events: none;
  width: 100%;
  clip: rect(0, auto, auto, 0);
}

.gradients .gradient-inner {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.top-gradient,
.bottom-gradient {
    position: absolute;
    height: 29%;
    width: 100%;
}

.top-gradient {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  background-image: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  background-image: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  background-image: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  top: 0;
}

.bottom-gradient {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  background-image: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 90%);
  bottom: 0;
}

.bottom-gradient.active,
.top-gradient.active {
  display: block;
}

.service-testimonial-area {
  height: 100vh;
  align-items: center;
}

.testimonial-left {
  font-size: 26px;
  font-weight: normal;
  line-height: 1.85;
  letter-spacing: 3.52px;
  position: relative;
  width: calc(90% - 314px);
}

.testimonial-right {
  width: 314px;
  margin-left: auto;
}

.long-string .the-test-text {
  font-size: 18px;
}

.very-long-string .the-test-text {
  font-size: 15px;
}

.test-headshot {
  background: no-repeat center center / cover;
  width: 199px;
  max-width: 100%;
  margin-right: auto;
}

.service-testimonial-giver {
  margin-top: 13px;
  font-size: 14px;
  letter-spacing: -.1px;
  line-height: 1.1;
  font-weight: 300;
}

.service-testimonial-giver .the-name {
  font-weight: 500;
}

.associated-project-link {
  margin-top: 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1px;
}

.associated-project-link a {
  color: #282828;
  text-decoration: none;
  display: inline-block;
  padding: 15px 10px;
  border: 1px solid;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.serv-con {
  align-items: center;
}

.work-grid-contents.show {
  opacity: 1!important;
}

.related-posts {
  padding-top: 150px;
}

.blog-post {
  text-decoration: none;
  color: #282828;
  align-items: center;
}

.blog-post:nth-child(odd) .blog-post-title-inner {
  margin-left: 55px;
  margin-right: auto;
}

.blog-post:nth-child(even) .blog-post-image {
  order: 2;
}

.blog-post:nth-child(even) .blog-post-title {
  order: 1;
  margin-left: auto;
}

.blog-post:nth-child(even) .blog-post-title-inner {
  margin-left: auto;
  margin-right: 55px;
}

.blog-post-image {
  background: no-repeat center center / cover;
  position: relative;
  z-index: 1;
}

.blog-post-image {
  width: 370px;
}

.blog-post-title {
  width: 413px;
  max-width: calc(100% - 370px);
  position: relative;
  z-index: 7;
}

.blog-post-title-inner {
  width: 342px;
  max-width: 100%;
}

.top-block {
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.09;
  position: relative;
}

.top-block:after {
  bottom: 0;
  height: 2px;
  width: 100%;
  left: 0;
  background-color: #000;
  position: absolute;
  content: '';
}

.bottom-block {
  padding-top: 10px;
}

.related-posts-inner,
.gradients.blog-active .blog-container {
  width: 86%;
  margin: 0 auto;
}

.gradients.blog-active .top-gradient, 
.gradients.blog-active .bottom-gradient {
  width: 370px;
}

.blog-post:hover .learn-block {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.learn-block {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1px;
  align-items: center;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.learn-block img {
  margin-left: -10px;
  margin-right: 5px;
}

.white-curtain-ending {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  content: '';
  z-index: 4;
}

.service-ending .about-ending-inner {
  opacity: 1!important;
}

.white-curtain-ending.reveal {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}


/* ## About
--------------------------------------------- */

.mobile-bg-end {
  display: none;
}

.testimonial-section .left-module {
  position: relative;
}

.testimonials {
  position: relative;
  z-index: 3;
}

.testimonial-center-image-holder {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.testimonial-image-holder {
  position: fixed;
  height: 100%;
  width: calc(100% - 88.5px);
  margin-right: auto;
  top: 0;
  left: 0;
  right: auto;
  transform: translateZ(0);
}

.testimonial-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 36px;
  width: calc(100% - 699px);
  opacity: 1;
  background: no-repeat center center / cover;
  will-change: transform;
  max-width: 650px;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.testimonial-image.hover {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 1;
}

.testimonial-image:before {
  display: block;
  width: 100%;
  content: '';
  padding-top: 65%;
}

.page-template-desmone-about-page-template:not(.no-delay) .menu-text,
.page-template-desmone-about-page-template:not(.no-delay) .menu-lines span,
.page-template-desmone-about-page-template:not(.no-delay) .monogram-logo-menu,
.page-template-desmone-about-page-template:not(.no-delay) .service-index-name {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.topper {
  z-index: 4;
}

.intro-first-section {
  margin-top: 100vh;
}

.right-fifty {
  width: 47%;
  margin-left: auto;
  opacity: 1;
}

.right-fifty-inner {
  width: 477px;
  max-width: 90%;
  margin: 0 auto;
}

.right-fifty-inner h2 {
  font-size: 22px;
  line-height: 1.1;
  font-weight: bold;
  margin-bottom: 15px;
}

.intro-first-section-text {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: 0.49px;
  padding-bottom: 150px;
}

.intro-first-section-text p {
  margin-bottom: 15px;
}

.about-marker {
  top: -150px;
}

.white-background-curtain.special-half {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 1;
  z-index: 2;
}

.bg-wrap.about-special .bg {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.bg-wrap.about-special .bg.engaged {
  width: 48%;
  -moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.bg-wrap.about-special.engaged:after {
  opacity: 0;
}

.bg-wrap.about-special.engaged .bg,
.bg-wrap.about-special.engaged:after {
  -moz-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.about-special:after {
  display: none!important;
}

.testimonial-section {
  background-color: #fff;
  padding: 150px 0;
}

.testimonial-half {
  width: 420px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.57px;
  position: relative;
}

.quote {
  position: absolute;
    left: -16px;
    font-size: 26px;
    font-weight: normal;
    top: -10px;
}

.testimonial-name {
  font-weight: bold;
}

.testimonial-giver {
  margin-top: 25px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.57px;
}

.project-grid-item.testimonial-item {
  padding: 50px 0;
  display: block;
  color: #000;
  text-decoration: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.testimonial-item .top-contents {
  position: initial;
}

.testimonial-image-half {
  position: absolute;
  right: 0;
  height: 140%;
  top: -20%;
  width: calc(80% - 420px);
  background: no-repeat center center / cover;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-grid-item.testimonial-item:hover .testimonial-image-half {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 1;
}

.the-team-render {
  background-color: #fff;
}

.square {
  padding-top: 100%;
  width: 100%;
}

.team-index-panel {
  width: 398px;
  background-color: #282828;
  color: #fff;
}

.right-side-people-grid {
  width: calc(100% - 398px);
  padding: 25px 0 200px;
}

.team-member-headshot {
  background: no-repeat center center / cover;
}

.team-member {
  width: 31%;
  margin-right: 3%;
  margin-bottom: 31px;
}

.team-member:nth-child(3n) {
  margin-right: 0;
}

.people-grid-container {
  width: 90%;
  margin: 0 auto;
}

.people-category {
  width: 100%;
}

.team-categories.mobile-only {
  display: none;
}

.team-categories a {
  color: #535353;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.09px;
  margin-bottom: 18px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.team-categories a.active {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  color: #fff;
}

.team-categories a:last-of-type {
  margin-bottom: 0px;
}

.team-index-panel-inner-inner {
  justify-content: center;
  width: 100%;
}

.team-index-panel-inner {
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0;
  align-items: center;
}

.team-index-panel-inner h2 {
  letter-spacing: 7.08px;
  font-size: 22px;
  line-height: 1;
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
  text-transform: uppercase;
}

.team-categories {
  width: 100%;
}

.team-name {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 3.86px;
  text-transform: uppercase;
  display: block;
  width: 100%;
}

.team-info {
  margin-top: 11px;
}

.team-title-inner {
  line-height: 1;
  font-size: 11px;
  letter-spacing: .45px;
  background-color: #c9e3bc;
  padding: 3px 6px;
  display: inline-block;
}

.team-title {
  margin-top: 5px;
}

.awards .team-index-panel {
  background-color: transparent;
}

.background-holder {
  position: relative;
  z-index: 2;
  width: 100%;
}

.awards-cover-backdrop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #282828;
  content: '';
  z-index: 3;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 1;
}

.awards .team-index-panel-inner {
  z-index: 4;
}

.awards-showcase-container {
  position: relative;
  z-index: 4;
}

.award-item {
  text-decoration: none;
  color: #535353;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  padding-bottom: 50px;
  display: block;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  position: relative;
}

.award-item.project-item:hover,
.award-item.project-item:hover .award-name {
  color: #282828!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.award-name {
  color: #fff;
  letter-spacing: -0.09px;
  margin: 5px 0;
}

.awards-showcase-container {
  width: calc(100% - 398px);
  padding: 200px 0;
}

.awards-inner {
  width: 542px;
  max-width: 90%;
  margin-left: 10%;
  margin-right: auto;
}

.awards .bg {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.bg.project-image.show {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.bg.project-image {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.show .award-item {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  color: #fff;
}

.award-inner {
  position: relative;
  align-items: center;
}

.award-inner-left {
  position: relative;
  z-index: 3;
  width: calc(95% - 118px);
  margin-right: auto;
}

.award-inner-project-link {
  width: 118px;
  color: #282828;
  position: relative;
  z-index: 3;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.award-inner-project-link img {
  margin-right: 12px;
}

.award-white-panel {
  z-index: 2;
  position: absolute;
  left: -2.5%;
  width: 105%;
  background-color: #fff;
  height: 140%;
  content: '';
  top: -20%;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.award-item.project-item:hover .award-inner-project-link,
.award-item.project-item:hover .award-white-panel {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.about-ending {
  height: 100vh;
}

.about-ending .left-module,
.about-ending .desmone-main-container {
  height: 100%;
}

.left-module.mobile {
  display: none;
}

.about-ending-curtain {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: #282828;
  content: '';
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  z-index: 4;
  opacity: 1;
}

.about-ending-curtain.fade {
  opacity: .5;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.about-ending .left-module {
  position: relative;
  z-index: 5;
}

.about-ending-inner {
  align-items: center;
  color: #fff;
  width: 100%;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.engaged .about-ending-inner {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.engaged .about-ending-inner {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.ending-headings {
  width: calc(100% - 493px);
  margin-right: auto;
}

.about-ending-text {
  width: 493px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.89;
  letter-spacing: .74px;
}

.about-ending-inner h2 {
  line-height: 1.1;
  font-size: 22px;
}

.about-ending-inner .service-link {
  color: #fff;
  text-decoration: none;
}

.from-cta.engaged.bg-wrap {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.from-cta.engaged.about-ending-curtain {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;
}

.from-cta-holder {
  z-index: 3;
  position: relative;
  display: none;
}

.from-cta-holder.show {
  display: block;
}

.from-awards {
  z-index: 3;
}

.from-cta,
.from-awards {
  position: fixed;
  width: calc(100% - 88.5px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.hide .awards-cover-backdrop {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.from-awards-holder {
  opacity: 1;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.from-awards-holder.engaged {
  opacity: 0;
}



/* ## Work Grid
--------------------------------------------- */

.transition-curtain {
  position: absolute;
  z-index: 10;
  height: 0;
  bottom: 0;
  width: 100%;
  content: '';
  background-color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-curtain.mobile {
  display: none;
}

.filtered-out {
  display: none;
}

.transition-in .transition-curtain {
  height: 102%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-in.transition-out .transition-curtain {
  bottom: auto;
  top: 0;
  height: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.work-grid-hero {
  height: calc(100vh - 53px);
  z-index: 4;
}

.work-grid-hero .work-grid-hero-inner {
  margin-top: 53px;
}

.work-grid-hero .left-module {
  position: relative;
  height: 100%;
}

.work-grid-hero .desmone-main-container {
  height: 100%;
  position: relative;
  z-index: 3;
  align-items: center;
  color: #fff;
}

.work-grid-hero-inner {
  width: 100%;
}

.work-grid-title {
  width: calc(95% - 600px);
  align-items: center;
}

.work-grid-title h1 {
  font-size: 22px;
  font-weight: bold;
  font-family: 'Titling Gothic FB Wide';
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 7.08px;
  margin-bottom: 15px;
}

.work-grid-titling {
  width: 600px;
  margin-left: auto;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.89;
  letter-spacing: 0.74px;
}

#work {
  top: 100px;
}

.view-work-down {
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1px;
  color: #fff;
  text-decoration: none;
  margin-left: -12px;
}

.view-work-down img {
  position: relative;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  margin-right: 8px;
}

.bg-wrap.from-hero {
  position: fixed;
}

body .sticky-bottom-nav.transition {
  top: -50px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.sticky-bottom-nav {
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0;
  z-index: 3;
  height: 44px;
  left: 0;
  right: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 5;
  border-bottom: solid 2px transparent;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.sticky-bottom-nav.engaged {
  background-color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  border-bottom: solid 2px #d7d7d7;
}

.darken-layer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  z-index: 2;
  width: 100%;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}

.dropdown {
  position: relative;
}

.dropdown-holder .dropdown-item {
  margin-bottom: 10px;
}

.dropdown:hover .dropdown-holder {
  max-height: 200px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.dropdown-inner {
  padding: 10px 0;
}

.dropdown-holder {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    top: 100%;
    left: -10%;
    width: 156px;
    background-color: #fff;
    color: #000!important;
    padding-left: 10%;
}
.darken-layer .bottom-cat-item {
  color: #282828;
}

.bottom-cat-item.second {
  position: relative;
  z-index: 1;
}

.sticky-main-container {
  width: 100%;
  align-items: center;
  justify-content: center;
}

.dropdown:last-child span.slash {
  display: none!important;
}

span.slash {
  margin: 0 5px;
}

.bottom-cat-item,
.dropdown-holder {
  text-decoration: none;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Titling Gothic FB Condensed';
  /*margin-right: 11px;*/
  font-size: 12px;
  cursor: pointer;
}

.filtering .darken-layer .bottom-cat-item,
.filtering .darken-layer .dropdown-item,
.filtering .dropdown-item {
  color: #d7d7d7;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.filtering .darken-layer .bottom-cat-item.active,
.filtering .darken-layer .dropdown-item.active,
.filtering .dropdown-item.active  {
  color: #282828;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.bottom-cat-item:last-of-type {
  margin-right: 0px;
}

.the-work-listing {
  z-index: 4;
  min-height: 100vh;
}

/*.the-work-listing .left-module,
.service-projects .left-module {
  overflow: hidden;
}*/

.work-grid-contents {
  opacity: 0;
  padding: 100px 0;
}

.the-work-listing.its-on-now {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-grid-item {
  padding: 110px 0;
  position: relative;
  top: 0;
}

.project-grid-item-innermost,
.testimonial-item-inner {
  width: 80%;
  margin: 0 auto;
}

.project-grid-item-innermost {
  align-items: center;
}

.lines {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.project-grid-item .lines {
  border-bottom: 2px solid #282828;
}

.project-grid-item:last-child .lines {
  border-bottom: 0;
}

.top-contents {
  position: relative;
  z-index: 4;
}

.marker {
  position: relative;
  float: left;
  width: 100%;
}

.work-grid-marker {
  position: absolute;
  top: 50%;
}

.project-title-info {
  width: calc(95% - 363px);
  margin-right: auto;
  align-items: center;
}

.project-description {
  width: 363px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.57px;
}

.project-title-info h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.09;
  margin-bottom: 14px;
  max-width: 400px;
}

.transition-in:not(.transition-out) .project-featured-image {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-featured-image {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  top: -2px;
  bottom: -2px;
  z-index: 2;
  background: no-repeat center center / cover;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;
}

.hover .project-featured-image,
.project-grid-item:hover .project-featured-image {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-grid-item:not(.testimonial-item):hover {
  cursor: pointer;
}

.white-background-curtain {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  content: '';
  z-index: 3;
}

.work-grid-contents,
.white-background-curtain {
  -moz-transition: all .1s ease;
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}

.project-grid-item .project-small-meta {
  position: relative;
  overflow: hidden;
  min-height: 14px;
}

.view-project-bottom {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1px;
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  left: -128px;
}

.view-project-bottom img {
  position: relative;
  margin-right: 8px;
}

.hover .view-project-bottom,
.project-grid-item:hover .view-project-bottom {
  left: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-description {
  overflow: hidden;
}

.project-description span {
  left: 0;
  position: relative;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.hover .project-description span,
.hover .project-meta-inner,
.project-grid-item:hover .project-description span, 
.project-grid-item:hover .project-meta-inner {
  left: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;
}

.project-meta-inner {
  left: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  position: relative;
}

.hover h1,
.project-grid-item:hover h1 {
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-featured-image:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3));
  content: '';
}

.project-grid-item.fade-away {
  top: 50%;
  position: relative;
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition .project-featured-image {
  height: calc(100vh - 119px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  top: 0;
  opacity: 1;
}

.transition .desmone-main-container {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-loader {
  position: fixed;
  top: 0;
  height: 0%;
  width: 100%;
  left: 0;
  z-index: 10;
  visibility: hidden;
  clip: rect(0,auto,auto,0);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-loader.reveal {
  height: 100%;
  visibility: visible;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition .project-featured-image:before {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition .left-line-menu {
  opacity: 0!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.fill-bar .left-line-menu {
  background-color: #dfdfdf;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}

.transition .service-index-name:before {
  height: 0%!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}


/* ## Project
--------------------------------------------- */

.project-home-hero {
  height: 100vh;
}

.project-hero-text-left {
  width: 600px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.89;
  letter-spacing: .74px;
  left: -600px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-hero-image {
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
  background: no-repeat center center / cover;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.left-module {
  width: calc(100% - 88.5px);
  margin-right: auto;
}

.project-home-hero-true-height {
  height: calc(100vh - 119px);
  width: 100%;
  left: 0;
  top: 0;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}

.project-home-hero-true-height,
.project-hero-text-left,
.project-hero-image {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.active .project-hero-text-left,
.project-module.transition-up .project-hero-text-left {
  left: 0;
}

.active .project-hero-image,
.project-module.transition-up .project-hero-image {
  width: calc(90% - 600px);
  margin-left: auto;
}

.active .project-home-hero-true-height,
.project-module.transition-up .project-home-hero-true-height {
  max-width: 90%;
  width: 1200px;
}

.active2 .project-hero-image,
.project-module.transition-up .project-hero-image {
  height: 50%;
}

.sticky-project-meta {
  position: fixed;
  bottom: 29px;
  left: 0;
  z-index: 20;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.mobile-only-intro {
  display: none;
  font-weight: 300;
  line-height: 1.89;
  letter-spacing: .74px;
  font-size: 16px;
  margin-bottom: 26px;
}

.sticky-project-meta.mobile {
  display: none;
}

.sticky-project-meta.preloaded {
  bottom: -250px;
}

body .sticky-project-meta.frozen {
  position: absolute;
  bottom: 29px;
  color: #545454;
}

.sticky-project-meta h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

.project-meta-bundle {
  font-size: 12px;
  line-height: 1;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 10px;
}

.project-meta-bundle label {
  margin-right: 5px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.37px;
  font-family: 'Titling Gothic FB Condensed';
}

.project-meta-data {
  font-weight: 500;
}

.project-module {
  z-index: 4;
  position: absolute;
}

.white-base {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 2;
  right: 0;
  top: 0;
  background-color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.color-background.the-end,
.white-base.the-end,
.color-background.curtain-call.the-end,
.white-base.curtain-call.the-end {
  width: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.color-background {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 3;
  right: 0;
  top: 0;
  -moz-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  background-color: #fff;
}

.color-background.curtain-call {
  width: 88.5px;
  -moz-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.project-module.active {
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-module {
  top: 100vh;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  height: 100vh;
}

.project-module.active,
.project-module.start {
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.project-module.fade-away {
  opacity: 0;
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  pointer-events: none;
}

.project-module.transition-up {
  top: -100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.module-text-image.caption-present {
  bottom: 19px;
}

.module-text-image .image-caption {
  position: absolute;
  bottom: -19px;
  left: 0;
  font-size: 12px;
  font-weight: 300;
}

.module-text-image,
.project-module-text {
  width: 50%;
  position: relative;
  height: 100%;
  align-items: center;
}

.project-module .desmone-main-container {
  height: calc(100vh - 238px);
  margin: auto;
}

.module-text-image {
  background: no-repeat center center / cover;
}

.project-module-text-inner {
  width: 280px;
  max-width: 90%;
}

.project-module-text-inner h2 {
  font-weight: bold;
  letter-spacing: 0.5px;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.1;
}

.project-module-text-inner .the-text {
  font-size: 12px;
  font-weight: 300;
  line-height: 2.17;
  letter-spacing: 0.49px;
}

.odd .module-text-image {
  order: 2;
}

.odd .project-module-text {
  order: 1;
}

.odd.second-even .module-text-image {
  order: 1;
}

.odd.second-even .project-module-text {
  order: 2;
}

.even .module-text-image {
  order: 1;
}

.even .project-module-text {
  order: 2;
}

.even.second-even .module-text-image {
  order: 2;
}

.even.second-even .project-module-text {
  order: 1;
}

.even .project-module-text-inner,
.odd.second-even .project-module-text-inner {
  margin-left: 106px;
  margin-right: auto;
}

.even.second-even .project-module-text-inner {
  margin-right: auto;
  margin-left: 0;
}

.full-width-project-image {
  height: 100%;
  width: 100%;
  background: no-repeat center center / cover;
}

.full-width-image .desmone-main-container {
  height: calc(100% - 118px);
  margin: 0 auto;
}

.next-project.project-module .desmone-main-container {
  height: 100%;
  position: relative;
  z-index: 3;
  align-items: center;
}

.next-project.project-module {
  top: 0;
  z-index: 2;
  left: 0;
  clip: rect(0,auto,auto,0);
}

.next-project img {
    position: relative;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-left: 20px;
}

.next-project {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.9px;
}

.sticky-project-meta.the-end {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.fade-white .service-index-name .the-name,
.fade-white .menu-text {
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.fade-white .menu-lines span {
  background-color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.fade-white .service-index-name:before {
  height: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.desmone-side-navigation.black.fade-white .monogram-logo-menu.white {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.black.fade-white .monogram-logo-menu.black {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.fade-white .left-line-menu {
  background-color: #545454;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.next-project-load-container {
  position: relative;
  z-index: 1;
  height: 100vh;
}

.next-project-load-container.index-up {
  z-index: 4;
}

.min-height-holder {
  min-height: 100vh;
  position: relative;
}

.next-project.project-module.transition-between-projects {
  height: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  transition-delay: 800ms;
}

.transition-between-projects .bg {
  width: calc(100% - 88.5px);
  height: calc(100vh - 119px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-between-projects .frozen {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;
}

.next-project-button {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

body .service-index-name.project-section-active:before {
  height: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  background-color: #282828;
}

.white.fade-black .service-index-name,
.white.fade-black .menu-text {
  color: #282828;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.white.fade-black .left-line-menu {
  background-color: #dfdfdf;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.white.fade-black .menu-lines span {
  background-color: #282828;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.white.fade-black .monogram-logo-menu.white {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.white.fade-black .monogram-logo-menu.black {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* ## Home
--------------------------------------------- */

.mobile-only-service-index {
  display: none;
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.name-tagline-clip.mobile-only-service-inner {
  z-index: 5;
}

.mobile-only-service-inner.numbers-section {
  z-index: 2;
}

.mobile-only-service-inner {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
}

.the-numero {
  position: absolute;
  font-family: 'Titling Gothic FB Skyline';
  color: #fff;
  font-weight: 100;
  font-size: 400px;
  width: 144px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  pointer-events: none;
  opacity: .8;
}

.mobile-only-service-index {
  align-items: center;
  padding: 200px 0 150px;
}

.mobile-service-name {
  font-family: 'Titling Gothic FB Wide';
  font-weight: bold;
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 7.08px;
}

.mobile-service-tagline {
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  margin: 10px 0 25px;
}

.the-name-tagline-and-other {
  text-align: center;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  right: 0;
}

.learn-more-mobile {
  justify-content: center;
  align-items: center;
}

.learn-more-mobile-button {
  color: #282828;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1px;
  text-decoration: none;
}

.learn-more-mobile img {
  margin-right: 5px;
}

.learn-more-mobile,
.mobile-service-name,
.learn-more-mobile {
  min-height: 23px;
}

.learn-more-mobile-button,
.mobile-service-name span,
.mobile-service-tagline span {
  max-height: 23px;
  display: block;
}

.mobile-transition-to-service .learn-more-mobile-button,
.mobile-transition-to-service .mobile-service-name span,
.mobile-transition-to-service .mobile-service-tagline span {
  max-height: 0px;
  overflow: hidden;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-outer.active-transition {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/*Desktop*/

.home-logo {
    width: 144px;
    margin-bottom: 14px;
    align-items: center;
}

.home-logo .black {
  display: block;
}

.home-logo .white {
  display: none;
}

.home-main-text h1 {
    font-family: 'Titling Gothic FB Wide';
    font-weight: bold;
    color: #282828;
    line-height: 1;
    font-size: 63px;
    letter-spacing: 6.08px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.home-main-text h1 span.last {
  color: #fff;
  position: relative;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  left: 0;
}

.home-hero.transition-down span.last {
  left: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.home-hero.transition-down .desmone-main-container {
  top: -100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-modules.into-view {
  top: -100vh;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; 
}

.home-hero.transition-down .home-hero-right,
.desmone-side-navigation.transition-down {
  width: 398px!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.reveal-for-service-buttons {
  height: calc(100% - 100px);
}

.desmone-side-navigation.transition-down .menu-holder.phase2 {
  top: 45px;
}

.home-hero-right-image {
  background: no-repeat center center / cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: '';
  z-index: 1;
}

.home-hero-right {
  height: 100%;
  background: no-repeat center center / cover;
  content: '';
  right: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.home-hero-right,
.desmone-side-navigation.delayer,
.desmone-side-navigation.delayer .menu,
.home-main-text h1 span.last,
.home-hero.transition-down .desmone-main-container,
.service-modules.into-view {
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;  
}

.transition-down .home-hero-right:after {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.home-hero-right:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
    width: 100%;
    background-color: #BBDDE6;
    content: '';  
    z-index: 3;
}

.home-hero-right:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.13) 12%);
    content: '';
    z-index: 2;
}

.home-hero {
    height: 100vh;
    z-index: 2;
    background-color: #fff;
}

.home-hero .desmone-main-container {
    position: relative;
    height: 100%;
    z-index: 3;
    top: 0;
    -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.home-main-text {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 55%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.service-circles,
.home-bottom-text {
    width: 57%;
}

.service-circle {
    width: 16%;
    margin-right: 4%;
    text-align: center;
    cursor: pointer;
}

.service-icon {
    width: 100%;
    border-radius: 50%;
    background: no-repeat center center / cover;
}

.service-name {
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    margin-top: 15px;
    line-height: 1;
}

.home-bottom-text {
    position: absolute;
    left: 0;
    bottom: 24px;
    justify-content: flex-end;
    padding-right: 4%;
    align-items: center;
}

.bottom-text-blurb {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.36;
  width: 353px;
  margin-right: 36px;
  max-width: calc(100% - 176px);
}

.bottom-text-button .black {
  display: block;
}

.bottom-text-button .white {
  display: none;
}

.bottom-text-button {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.1px;
  width: 140px;
  height: 41px;
  align-items: center;
  justify-content: center;
  border: solid 2px #282828;
  cursor: pointer;
}

.bottom-text-button img {
    margin-right: 15px;
}

.service-modules {
  height: 100vh;
  z-index: 2;
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-module-area-left {
    width: calc(100% - 398px);
    position: relative;
    top: 0;
    z-index: 2;
    background-color: #fff;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.service-module-area-right {
    width: 398px;
    position: absolute;
    top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  right: 0;
  height: 100%;
}

.service-module-area-right.transition-to-service {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-service .service-table-of-contents,
.transition-to-service.menu-holder,
.transition-to-service .service-layer-bottom,
.service-table-of-contents.show.transition-to-service {
  opacity: 0!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-service .service-number-count,
.transition-to-service .service-layer-bottom {
  width: calc(100% - 88.5px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  left: 0;
  right: auto;
}

.service-module-right-left-line,
.left-line-menu {
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  content: '';
  z-index: 2;
  top: 0;
}

.left-line-menu {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.white-bar .left-line-menu {
  background-color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.left-line-menu.gray,
.single-projects .left-line-menu,
.single-post .left-line-menu,
.page-template-desmone-blog-listing-page-template .left-line-menu,
.page-template-desmone-link-in-bio-page-template .left-line-menu {
  background-color: #d7d7d7;
  z-index: 3;
  opacity: 0;
}

.service-module-right-left-line {
  background-color: #545454;
}

.service-module-featured-project {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    height: 100%;
    z-index: 1;
}

.service-module-featured-project.active {
    z-index: 10;
}

.service-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    clip: rect(0,auto,auto,0);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 1;
}

.transition.service-layer {
    height: 0;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.service-layer-inner {
    min-height: 100vh;
    height: 100vh;
    position: relative;
    opacity: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.entire-service-container[data-service="Envision"] .main-titling-number {
  color: #BBDDE6;
}

.service-layer[data-service="Envision"] .service-layer-inner,
.featured-projects-right-sticky[data-color="Envision"],
.featured-shower[data-step="Envision"],
.service-index-name[data-service="Envision"]:before,
.service-module-featured-project[data-service="Envision"] .service-logo-circle,
.color-background[data-service="Envision"],
.desmone-side-navigation[data-service="Envision"] .white-bar-bg,
div[data-service="Envision"] .featured-project-link-box:hover,
div[data-service="Envision"] .mobile-only-service-index,
div[data-service="Envision"] .mobile-color-way,
.entire-service-container[data-service="Envision"] .associated-project-link a:hover,
#Shareholders .team-title-inner {
    background-color: #BBDDE6;
}

.desmone-side-navigation[data-color="Envision"],
.the-black-menu-backdrop[data-color="Envision"] {
    background-color: #BBDDE6!important;  
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

div[data-service="Envision"] .featured-project-link-box,
.entire-service-container[data-service="Envision"] .associated-project-link a {
    border-color: #BBDDE6;
}

.service-layer[data-service="Plan"] .service-layer-inner,
.featured-projects-right-sticky[data-color="Plan"],
.featured-shower[data-step="Plan"],
.service-index-name[data-service="Plan"]:before,
.service-module-featured-project[data-service="Plan"] .service-logo-circle,
.color-background[data-service="Plan"],
.desmone-side-navigation[data-service="Plan"] .white-bar-bg,
div[data-service="Plan"] .featured-project-link-box:hover,
.entire-service-container[data-service="Plan"] .associated-project-link a:hover,
div[data-service="Plan"] .mobile-only-service-index,
div[data-service="Plan"] .mobile-color-way,
#Architects .team-title-inner {
    background-color: #D0DEBB;
}

.desmone-side-navigation[data-color="Plan"],
.the-black-menu-backdrop[data-color="Plan"] {
    background-color: #D0DEBB!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;  
}

.entire-service-container[data-service="Plan"] .main-titling-number {
  color: #D0DEBB;
}

div[data-service="Plan"] .featured-project-link-box,
.entire-service-container[data-service="Plan"] .associated-project-link a {
    border-color: #D0DEBB;
}

.service-layer[data-service="Design"] .service-layer-inner,
.featured-projects-right-sticky[data-color="Design"],
.featured-shower[data-step="Design"],
.service-index-name[data-service="Design"]:before,
.service-module-featured-project[data-service="Design"] .service-logo-circle,
.color-background[data-service="Design"],
.desmone-side-navigation[data-service="Design"] .white-bar-bg,
div[data-service="Design"] .featured-project-link-box:hover,
div[data-service="Design"] .mobile-only-service-index,
div[data-service="Design"] .mobile-color-way,
.entire-service-container[data-service="Design"] .associated-project-link a:hover,
#Interior-Designers .team-title-inner {
    background-color: #F8E08E;
}

.desmone-side-navigation[data-color="Design"],
.the-black-menu-backdrop[data-color="Design"] {
    background-color: #F8E08E!important;  
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.entire-service-container[data-service="Design"] .main-titling-number {
  color: #F8E08E;
}

div[data-service="Design"] .featured-project-link-box,
.entire-service-container[data-service="Design"] .associated-project-link a {
    border-color: #F8E08E;
}

.service-layer[data-service="Execute"] .service-layer-inner,
.featured-projects-right-sticky[data-color="Execute"],
.featured-shower[data-step="Execute"],
.service-index-name[data-service="Execute"]:before,
.service-module-featured-project[data-service="Execute"] .service-logo-circle,
.color-background[data-service="Execute"],
.desmone-side-navigation[data-service="Execute"] .white-bar-bg,
div[data-service="Execute"] .featured-project-link-box:hover,
div[data-service="Execute"] .mobile-only-service-index,
div[data-service="Execute"] .mobile-color-way,
.entire-service-container[data-service="Execute"] .associated-project-link a:hover,
#Designers .team-title-inner {
    background-color: #E7B78A;
}

.desmone-side-navigation[data-color="Execute"],
.the-black-menu-backdrop[data-color="Execute"] {
    background-color: #E7B78A!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.entire-service-container[data-service="Execute"] .main-titling-number {
  color: #E7B78A;
}

div[data-service="Execute"] .featured-project-link-box,
.entire-service-container[data-service="Execute"] .associated-project-link a {
    border-color: #E7B78A;
}

.service-layer[data-service="Thrive"] .service-layer-inner,
.featured-projects-right-sticky[data-color="Thrive"],
.featured-shower[data-step="Thrive"],
.service-index-name[data-service="Thrive"]:before,
.service-module-featured-project[data-service="Thrive"] .service-logo-circle,
.color-background[data-service="Thrive"],
.desmone-side-navigation[data-service="Thrive"] .white-bar-bg,
div[data-service="Thrive"] .featured-project-link-box:hover,
div[data-service="Thrive"] .mobile-only-service-index,
div[data-service="Thrive"] .mobile-color-way,
.entire-service-container[data-service="Thrive"] .associated-project-link a:hover,
#Marketing-and-Business .team-title-inner {
    background-color: #DAA5AD;
}

.desmone-side-navigation[data-color="Thrive"],
.the-black-menu-backdrop[data-color="Thrive"] {
  background-color: #DAA5AD!important; 
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.entire-service-container[data-service="Thrive"] .main-titling-number {
  color: #DAA5AD;
}

div[data-service="Thrive"] .featured-project-link-box,
.entire-service-container[data-service="Thrive"] .associated-project-link a {
    border-color: #DAA5AD;
}

.service-no-1 {
    z-index: 10;
}

.service-no-2 {
    z-index: 9;
}

.service-no-3 {
    z-index: 8;
}

.service-no-4 {
    z-index: 7;
}

.service-no-5 {
    z-index: 6;
}

.service-layer-bottom {
    width: 100%;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 36px;
    min-width: 398px;
    -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-layer-name {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 7.08px;
  font-family: 'Titling Gothic FB Wide';
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  margin-bottom: 12px;
}

.service-link {
  text-decoration: none;
  font-weight: 500;
  letter-spacing:  -0.1px;
  line-height: 1;
  font-size: 14px;
  color: #282828;
  cursor: pointer;
  margin-left: -13px;
}

.service-link img {
    margin-right: 5px;
}

.service-index {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    z-index: 20;
    position: absolute;
}

.service-number-count span,
span.next-number {
    top: 100%;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    right: 0;
}

.service-number-count span.active,
span.next-number.active {
    top: 50%;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
        transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.service-number-count span.push,
.main-titling-number .the-service-number.bye  {
    top: -100%;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.service-number-count {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    justify-content: center;
    font-family: 'Titling Gothic FB Skyline';
    font-size: 540px;
    color: #fff;
    font-weight: 100;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: 500px;
    line-height: 1;
    letter-spacing: 6.3px;
    z-index: 2;
    pointer-events: none;
    justify-content: center;
    min-width: 398px;
    opacity: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
      -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.service-number-inner {
  width: 200px;
  position: relative;
}

.the-zero {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.home .service-table-of-contents {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  pointer-events: none;
}

.home .open .service-table-of-contents {
  pointer-events: initial;
}

.home .service-table-of-contents.show {
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  pointer-events: initial;
}

.service-table-of-contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 14px;
    z-index: 3;
}

.home .service-index-name:not(.no-delay),
.home .menu-text:not(.no-delay) {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.service-index-name {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 1px;
  font-family: 'Titling Gothic FB Condensed';
  position: relative;
  height: 55px;
  color: #282828;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  align-items: center;
  cursor: pointer;
}

.service-index-name:before {
/*  top: -50%;
  transform: translateY(50%);
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);*/
  top: 0;
  position: absolute;
  z-index: 3;
  left: -14px;
  height: 0%;
  width: 3px;
  content: '';
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-index-name .the-name {
  position: relative;
  padding-bottom: 5px;
  width: 100%;
}

.serviceline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  content: '';
  height: 2px;
  background-color: #282828;
}

.service-index-name.active .serviceline {
  width: 131px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-index-name:last-of-type {
    margin-bottom: 0px;
}

.service-module-area-left-container {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.service-module-gallery,
.service-module-inner {
    width: 100%;
}

.service-module-gallery {
    position: relative;
}

.service-module-image {
  width: 100%;
  background: no-repeat center center / cover;
  position: relative;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  top: 0;
  max-height: 71vh;
}

.service-padding-top {
    padding-top: 64%;
    width: 100%;
    max-height: 500px;
}

.gallery-arrows {
    width: 37px;
    align-items: flex-start;
    position: relative;
}

.gallery-arrows .right {
    margin-left: 11px;
}

.service-module-info {
    width: calc(100% - 56px);
    margin-left: auto;
    position: relative;
}

.featured-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 5px;
}

.featured-description {
    letter-spacing: 0.37px;
    font-size: 12px;
    line-height: 1.5;
}

.featured-project-link-area {
    align-items: flex-end;
    margin-left: auto;
    position: relative;
}

.featured-service-project-meta {
    width: 440px;
}

.service-module-bottom-info {
    margin-top: 21px;
    bottom: 0;
    position: relative;
    max-height: 65px;
}

.project-link-holder {
    width: 128px;
    height: 41px;
}
.project-link-holder .slick-list,
.project-link-holder .slick-track {
  height: 100%;
}

.featured-project-link-box {
    display: flex!important;
    display: -webkit-flex!important;
    display: -moz-flex!important;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: -0.1px;
    line-height: 1;
    color: #282828;
    border: 2px solid;
    cursor: pointer;
}

.featured-project-link-box:hover {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-logo {
  width: 140px;
  margin-right: auto;
  position: relative;
  z-index: 6;
  top: -6px;
  align-items: center;
}

.service-logo img {
  position: relative;
  z-index: 2;
}

.service-logo-circle {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  position: absolute;
  left: -6px;
  bottom: -6px;
  opacity: 1;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-logo-circle.transition {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.the-service-tag {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 300;
    width: auto;
    margin-left: auto;
}

.service-module-tagline {
  padding-bottom: 28px;
  text-align: right;
  position: relative;
  align-items: center;
  top: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.gallery-arrows img {
    cursor: pointer;
}

.vertical-curtain {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    z-index: 4;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.horizontal-curtain {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;
    z-index: 4;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.horizontal-curtain.active.going-backwards {
  width: 100%;
  right: 0;
  left: auto;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.horizontal-curtain.active.transition-out.going-backwards {
  right: auto;
  left: 0;
  width: 0%;
  -moz-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.horizontal-curtain.active {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.horizontal-curtain.active.transition-out {
  left: auto;
  right: 0;
  width: 0%;
  -moz-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.service-module-featured-project.active.transition .vertical-curtain {
    height: 100%;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.service-module-featured-project .vertical-curtain {
    height: 100%;
}

.service-module-featured-project.active .vertical-curtain {
    height: 0%;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
/*
.service-modules.into-view.out-of-view-for-ending .service-number-inner span.active {
  top: -200%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-modules.into-view.out-of-view-for-ending .the-zero {
  top: 200%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}*/

.service-modules.into-view.out-of-view-for-ending .service-module-area-left {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  top: -100vh;
}

.service-modules.into-view.out-of-view-for-ending .service-module-area-right,
.home-hero.ending .home-hero-right,
.desmone-side-navigation.transition-down.ending {
  width: 88.5px!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-modules.into-view.out-of-view-for-ending .service-layer-inner,
.service-modules.into-view.out-of-view-for-ending .service-number-count,
.home-hero.ending {
  opacity: 0!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-index-name.active .serviceline.hide {
  width: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.ending .service-index-name.active .serviceline {
  width: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.desmone-side-navigation.ending .service-index-name:before {
  height: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  transition-delay: 900ms;
}

.desmone-side-navigation.ending .service-index-name {
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.end-of-home-cta {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 1;
}

.end-of-home-cta .desmone-main-container {
  position: relative;
  z-index: 3;
  align-items: center;
  height: 100%;
}

.end-of-home-cta h2 {
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.55;
  letter-spacing: 0.9px;
  color: #fff;
  margin-bottom: 14px;
}

.black-and-white-effect:after,
.about-special-curtain {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #282828;
  content: '';
  z-index: 3;
  opacity: .9;
}

.black-and-white-effect .bg {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  z-index: 2;
  opacity: 1;
}

.cta-button {
  color: #fff;
  text-decoration: none;
  letter-spacing: -0.1px;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  align-items: center;
}

.cta-button img {
  margin-right: 10px;
}

.ending .menu-lines span {
  background-color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.ending .menu-text {
  color: #fff;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-modules.into-view.out-of-view-for-ending .service-module-area-right,
.home-hero.ending .home-hero-right, 
.service-modules.into-view.out-of-view-for-ending .service-layer-inner,
.service-modules.into-view.out-of-view-for-ending .service-number-count,
.service-modules.into-view.out-of-view-for-ending .service-index-name,
body .desmone-side-navigation.transition-down.ending:not(.no-delay),
.ending .menu-lines:not(.no-delay) span,
.ending .menu-text {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.top-most-contact-bar {
    top: 20px;
    position: absolute;
    left: 0;
    align-items: center;
}

.contact-label {
  font-family: 'Titling Gothic FB Condensed';
  margin-right: 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.12px;
}

.office-location {
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  margin-right: 25px;
  position: relative;
  top: 1px;
  text-decoration: none;
  color: #282828;
}

.office-location:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 0%;
  content: '';
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.office-location:hover:after {
  width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.office-location:nth-child(1):after {
  background-color: #BBDDE6;
}

.office-location:nth-child(2):after {
  background-color: #F8E08E;
}

.office-location:nth-child(3):after {
  background-color: #DAA5AD;
}

.menu-holder.hold .menu-lines span,
.menu-holder.hold .menu-text,
.home .monogram-logo-menu:not(.no-delay) {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.monogram-logo-menu {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 39px;
  z-index: 10;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.home .monogram-logo-menu {
  bottom: -200px;
}

.home .ending .monogram-logo-menu.white {
  bottom: 29px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.home .ending .monogram-logo-menu {
  margin: 0 auto!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.home .monogram-logo-menu {
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  margin-left: 23px;
  margin-right: auto;  
}

.home .force-white .monogram-logo-menu.white {
  bottom: 29px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.first-image-for-transition {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: no-repeat center center / cover;
  opacity: 0;
}

.transition-to-project .first-image-for-transition {
  opacity: 1;
}

.transition-to-project .service-module-featured-project.active {
  background-color: #fff!important;
}

.transition-to-project .service-module-gallery {
  height: calc(100vh - 119px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .slick-list {
  display: none!important;
}

.transition-to-project .end-of-home-cta {
  opacity: 0;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .service-layer-inner {
  background-color: #fff!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .service-module-area-left {
  width: calc(100% - 88.5px);
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .menu-holder {
  top: -100px!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .service-module-area-left-container {
  width: 100%;
  max-width: 100%;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.toc-min-container {
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.transition-to-project .service-table-of-contents {
  opacity: 0!important;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .service-module-area-right {
  width: 88.5px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .service-module-tagline {
  top: -100px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.transition-to-project .service-module-bottom-info {
  bottom: -200px;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.service-module-inner .slick-slide {
  display: none;
  transition: opacity 0ms ease 0s!important;
}

.service-module-inner .slick-slide.slick-active {
  display: block;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */


@media (max-width: 1350px) {
  .home-main-text h1 {
        font-size: 4.5vw;
    }
    .service-circles {
        width: 57%;
    }

    .team-index-panel {
      width: 310px;
    }

    .right-side-people-grid {
      width: calc(100% - 310px);
    }
}

@media (max-width: 1250px) {

  .active .project-hero-image,
  .project-hero-text-left {
    width: 48%
  }

  .project-hero-text-left {
    font-size: 15px;
  }

  .contact-form-titling h1 {
    margin-top: -20px;
    text-align: left;
    margin-bottom: 20px;
  }

  .form-side {
    width: 95%;
  }

  .contact-form-titling {
    width: 100%;
  }
  .purpose-statements,
  .contact-social {
    display: none;
  }
}

@media (max-width: 1200px) {
  .work-grid-titling {
    width: 570px;
  }
  .work-grid-title {
    width: calc(100% - 570px);
  }
}

@media (max-width: 1150px) {
  .blog-post {
    margin-bottom: 69px;
  }

  .bg-wrap.about-special .bg.engaged {
    width: 45%;
  }

  .work-grid-hero .work-grid-titling {
    width: 520px;
    font-size: 13px;
  }

  .work-grid-title {
    width: calc(100% - 520px);
  }

  .featured-service-project-meta {
    width: calc(97% - 128px);
  }

}

@media (max-width: 1100px) {
  .long-string .the-test-text {
    font-size: 15px;
  }
  .very-long-string .the-test-text {
    font-size: 13px;
  }
}

@media (max-width: 1000px) {
  .about-hero-top, .about-hero-blurb {
      width: 100%;
      padding-left: 40px;
  }
  .about-hero-text-box h1 {
    font-size: 46px;
  }
  .about-hero-blurb {
    font-size: 14px;
  }
  .about-hero-text-box {
    width: 470px;
  }
  .title-and-star-holder h1 {
    font-size: 28px;
  }
  .testimonial-left {
    font-size: 17px;
  }
}

@media (min-width: 952px){

  .single-projects .left-line-menu,
  .single-post .left-line-menu,
  .page-template-desmone-blog-listing-page-template .left-line-menu,
  .page-template-desmone-link-in-bio-page-template .left-line-menu {
    opacity: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .home .menu.return {
    transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -moz-transform: translate(-0%, -50%);
    -o-transform: translate(-0%, -50%);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    left: 0;
  } 

  .home .menu {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    left: -50px;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 20;
    width: 88.5px; 
  }

  .transition-down .menu {
    left: 50%!important;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  body.home,
  body.single-projects {
    height: 100%;
    overflow: hidden;
  }


}

@media (max-width: 981px) {

  .lib-tile {
    width: 31.5%;
    margin-right: 2%!important;
  }

  .lib-tile:nth-child(3n) {
    margin-right: unset!important;
  }

  .lib {
    padding: 100px 0;
  }
  .lib h1 {
    margin-bottom: 25px;
    font-size: 15px;
    letter-spacing: 3px;
  }
  .work-grid-hero .work-grid-hero-inner {
    margin-top: 0px;
  }

  .mobile-only-footer,
  .mobile-bg-end {
    display: block;
  }

  .from-cta-holder,
  .from-hero {
    display: none;
  }

  .the-job-postings {
    padding: 100px 0;
  }

  .careers-intro-text-area {
    padding: 100px 0 75px;
  }

  .bottom-cat-item {
    color: #282828;
  }

  .sticky-bottom-nav {
    top: 42px;
    border-bottom: 1px solid #282828;
    border-top: 1px solid #282828;
    background-color: #fff;
    z-index: 100;
  }

  .the-work-listing .work-grid-contents {
    opacity: 1;
    padding: 0 0 100px;
  }

  .the-work-listing {
    background-color: #fff;
  }

  .about-ending-text {
    display: none;
  }

  .ending-headings {
      width: 600px;
      margin-right: auto;
      max-width: 100%;
  }

  .ending-headings .service-link {
    margin-left: 0;
  }

  .testimonial-section {
    padding: 105px 0 150px;
    overflow: hidden;
  }

  .testimonials {
    width: 450px;
    margin: 0 auto;
    max-width: 80%;
  }

  .testimonials .slick-list,
  .awards-inner .slick-list {
    overflow: visible;
  }

  .project-grid-item.testimonial-item {
    padding: 0;
  }

  .testimonial-item.slick-slide {
    opacity: .2;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    outline: none!important;
  }

  .testimonial-item.slick-slide.slick-active {
    opacity: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .testimonial-half,
  .testimonial-item-inner {
    width: 100%;
    max-height: 100%;
  }

  .testimonial-center-image-holder {
    display: none;
  }

/*  .testimonial-center-image-holder,
  .project-grid-item .lines {
    display: none;
  }*/

  .about-ending-inner {
    opacity: 1!important;
  }

  .award-inner-left {
    width: 100%;
  }

  .award-inner-project-link {
    display: none;
  }

  .awards-showcase-container {
    width: 100%;
    padding: 0;
  }
  .awards-inner {
    width: 300px;
    padding: 0;
    margin: 0 auto;
    max-width: 75%;
    text-align: center;
  }

  .award-inner {
    width: 95%;
    margin: 0 auto;
  }

  .award-item:hover .award-giver,
  .award-giver,
  .award-item:hover .the-year,
  .the-year,
  .award-item .award-name,
  .award-item:hover .award-name {
    color: #535353!important;
  }

  .award-item.slick-active:hover .award-name,
  .award-item.slick-active .award-name {
    color: #fff!important;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .awards {
    background-color: #282828;
    padding-bottom: 150px;
    overflow: hidden;
  }

  .award-item:hover .award-white-panel {
    opacity: 0!important;
  }

  .award-item.slick-active {
    opacity: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .award-item {
    padding-bottom: 0;
    opacity: .6;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .view-work-down:not(.career-down) {
    display: none!important;
  }

  blockquote p {
    font-size: 18px;
  }

  .general-main-content {
    padding: 100px 0 150px;
    font-size: 15px;
  }

  .team-categories.mobile-only {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #282828;
    border-top: 1px solid #282828;
    padding: 15px 0;
    top: 42px;
    position: sticky;
  }

  .team-categories a:last-of-type {
    margin-right: 0;
    padding-right: 12px;
  }

  .team-categories a {
    width: auto;
    margin-right: 15px;
    margin-bottom: 0;
    color: #282828!important;
  }

  .team-categories {
    display: none;
  }

  .team-index-panel-inner h2 {
    margin-bottom: 0;
  }

  .right-side-people-grid {
    width: 100%;
    padding: 0px 0 100px;
  }

  .team-index-panel-inner {
    position: relative;
    height: auto;
  }

  .team-name,
  .team-title-inner {
    font-size: 10px;
  }

  .people-grid-container {
    width: 600px;
    max-width: 90%;
    margin: 0 auto;
    padding-top: 75px;
  }

  .team-index-panel {
    width: 100%;
    padding: 100px 0 75px;
  }

  .testimonial-image-half {
    display: none;
  }

  .right-fifty {
    margin: 0 auto;
    width: 600px;
    max-width: 90%;
  }

  .intro-first-section-text {
    padding-bottom: 0;
  }

  .right-fifty-inner {
    width: 100%;
    max-width: 100%;
  }

  .project-grid-item.testimonial-item:first-of-type {
    padding-top: 0;
  }

  .work-grid-hero,
  .careers-hero {
    height: calc(100vh - 85px);
    margin-top: 42px;
  }

  .intro-first-section {
    margin-top: auto;
    background-color: #fff;
    padding: 100px 0 0;
  }

  .work-grid-titling {
    width: 100%!important;
  }

  .work-grid-hero-inner {
    width: 600px;
    margin: 0 auto;
    max-width: 100%;
  }

  .work-grid-title {
    width: 100%;
  }

  .left-module.mobile {
    display: block;
  }

  body .sticky-project-meta.frozen,
  .left-module.desktop {
    display: none!important;
  }

  .sticky-project-meta.desktop {
    display: none;
  }

  .sticky-project-meta.mobile {
    display: block!important;
  }

  .full-width-image[data-service="Envision"] {
      background-color: #BBDDE6;
  }
  .full-width-image[data-service="Plan"] {
      background-color: #D0DEBB;
  }
  .full-width-image[data-service="Design"] {
      background-color: #F8E08E;
  }
  .full-width-image[data-service="Execute"] {
      background-color: #E7B78A;
  }
  .full-width-image[data-service="Thrive"] {
      background-color: #DAA5AD;
  }

  .full-width-image {
    padding: 50px 0;
  }

  .related-posts {
      padding: 100px 0;
  }
  .white-curtain-ending {
    opacity: 0!important;
  }

  .related-posts-inner, .gradients.blog-active .blog-container {
    width: 100%;
  }

  .service-column {
    width: calc(45% - 110px)
  }
/*
  .testimonial-item-inner {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
  }*/

  .project-grid-item-innermost {
    width: 100%;
  }

  .project-title-info {
    width: 40%;
  }

  .project-description {
    width: 50%;
  }

  .white-bar-bg {
    background-color: transparent!important;
  }

  .the-header-container.open .toc-min-container, 
  .the-header-container.open .left-line-menu {
    opacity: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    pointer-events: initial;
  }

  .white .menu-text, 
  .menu-text {
    color: #282828;
  }

  .menu-lines span,
  .white .menu-lines span {
    background-color: #282828;
  }

  .service-curtain {
    z-index: 49!important;
  }

  .toc-min-container,
  .left-line-menu {
    opacity: 0;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    pointer-events: none;
  }

  .left-module {
    width: 100%;
  }

  .service-modules,
  .service-module-area-left-container {
    height: auto!important;
  }

  .end-of-home-cta {
    position: relative;
  }

  .monogram-logo-menu {
    display: none!important;
  }

  .service-index,
  .service-number-count {
    height: 100%;
  }

  .desmone-side-navigation {
    height: 42px;
  }

  .the-header-container.open .desmone-side-navigation,
  .desmone-side-navigation {
    width: 78.5px!important;
  }

  .desmone-popover-menu-contents {
    width: calc(100% - 78.5px);
  }

  .the-header-container.open .desmone-side-navigation {
    right: calc(100% - 78.5px);
  }

  .mobile-nav-bg {
    width: 100%;
    position: fixed;
    top: 0;
    visibility: visible;
    height: 42px;
    background-color: #fff;
    left: 0;
    z-index: 2;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
  }

  .toc-min-container {
    width: 100px;
  }

  .left-line-menu {
    height: 100vh;
  }

  .mobile-nav-bg.hide {
    top: -100px;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .desmone-side-navigation .menu-holder {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: auto;
    right: 5px;
  }

  .bottom-text-button .black {
    display: none;
  }

  .bottom-text-button .white {
    display: block;
  }

  .home-hero-right:before {
    background-image: none;
    background-color: rgba(40,40,40,.3);
  }

  .bottom-text-blurb {
    color: #fff;
  }

  .bottom-text-button {
    border-color: #fff;
    color: #fff;
  }
  .mobile-toggler {
    display: block;
  }

  .home-logo .black {
    display: none;
  }

  .home-logo .white {
    display: block;
  }

  .mobile-only-service-index .service-index {
    z-index: 4;
  }

  .mobile-only-service-index {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .service-name {
    margin-top: 11px;
    font-size: 12px;
  }

  .bottom-text-blurb {
    font-size: 12px;
  }

  .home-main-text h1 {
    color: #fff;
  }

  .home-logo {
    width: 125px;
  }

  .service-module-tagline,
  .service-module-area-right,
  .top-most-contact-bar {
    display: none!important;
  }

  .service-module-area-left,
  .service-module-area-left-container {
    width: 100%;
    max-width: 100%;
  }

  .service-module-featured-project {
    position: relative;
    width: 100%;
    height: 100vh;
  }

  .service-module-inner {
    width: 700px;
    max-width: 90%;
    margin: 0 auto;
    padding-bottom: 100px;
    position: relative;
    display: none;
  }

  .mobile-color-way {
    position: absolute;
    top: 0;
    left: -25%;
    width: 150%;
    height: 50%;
    content: '';
  }

  .service-module-featured-project .vertical-curtain {
    display: none;
  }

  .home-hero-right {
    width: 100%;
    height: 100%;
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
  }

  .home-hero-right-image {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      transform: translateZ(0);
      will-change: transform;
  }

  .service-circles {
    display: none;
  }

  .an-office-location {
    font-size: 11px;
  }

  .project-module {
    float: left;
    width: 100%;
    position: relative;
    height: auto;
    top: auto;
  }

  .project-module:not(.next-project):not(.project-home-hero) {
    margin-bottom: 100px;
  }

  .project-module:nth-last-child(2) {
    margin-bottom: 0px;
  }

  .project-home-hero .project-hero-image-and-text {
    height: auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .project-hero-image {
    order: 1;
    height: 80vh;
    position: relative;
    width: 100%;
    float: left;
    float: left;
    display: block;
    content: '';
    -ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -o-transform: translateY(-0%);
  }

  .sticky-project-meta.mobile {
    order: 2;
  }

  .project-hero-text-left {
    display: none;
  }

  .mobile-only-intro {
    display: block;
  }

  .project-home-hero-true-height {
    height: auto;
  }

  .project-hero-text-left {
    position: relative;
    z-index: 3;
    left: 0;
    width: 90%;
    margin: 0 auto 100px;
    transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -o-transform: translateY(-0%);
    top: 0;
    float: left;
    order: 2;
  }

  .module-text-image:before {
    padding-top: 100%;
    display: block;
    width: 100%;
    content: '';
    position: relative;
  }

  .full-width-project-image:before {
    padding-top: 75%;
    display: block;
    width: 100%;
    content: '';
    position: relative;
  }

  .full-width-project-image {
    height: auto;
    width: 100%;
  }

  .project-module .desmone-main-container {
    height: auto;
    align-items: center;
  }

  .sticky-project-meta {
    position: relative;
    width: 100%;
    bottom: auto;
    padding: 35px 0 50px;
  }

  .color-background,
  .white-base {
    display: none;
  }

  body .full-width-image {
    background-color: transparent!important;
  }

  .even .project-module-text-inner, 
  .odd.second-even .project-module-text-inner {
    margin-left: 10%;
  }

}

@media (max-width: 921px) {
  .the-work-listing .darken-layer{
    display: none!important;
  }
  .bottom-cat-item[data-cat-select="All"]{
    margin-left: 5%;
  }

  .bottom-cat-item:last-of-type {
    padding-right: 15px;
  }

  .bottom-cat-item  {
     flex: 0 0 auto;
  }

  .sticky-bottom-nav {
      justify-content: flex-start;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }

    .sticky-bottom-nav::-webkit-scrollbar {
      display: none;
    }
}

@media only screen and (max-width: 860px) {

  .transition-curtain.mobile {
    display: block;
  }

  .careers-intro-text-text {
    font-size: 14px;
  }

  .page-template-desmone-contact-page-template .the-header-container .the-office-half {
    display: block;
  }

  .contact-page-template .desmone-popover-menu-contents-inner {
    width: 500px;
    max-width: 90%;
  }

  .contact-page-template .the-office-half {
    display: none!important;
  }

  .contact-page-template .the-office-half {
    margin-top: 130px;
  }

  .contact-form-titling h1 {
    margin-top: 0px;
  }

/*  .contact-page-template .the-menu-half {
    order: 2;
  }*/

  .contact-page-template .the-menu-half,
  .contact-page-template .the-office-half,
  .contact-page-template .office-inner,
  .contact-page-template .form-side {
    width: 100%;
  }

  .contact-page-template {
    height: auto;
    padding: 150px 0;
  }

  .blog-contents {
    padding-bottom: 0;
  }

  .blog-date {
    color: #fff!important;
  }

  .project-grid-item:hover span {
    left: 0!important;
  }

  .team-name {
    letter-spacing: 1.3px;
  }
  .work-grid-contents {
    padding: 150px 0;
  }
  .the-work-listing .work-grid-contents {
    padding: 0 0;
  }
  .related-posts {
    padding: 0 0 100px;
  }
  .project-featured-image:before {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4));
  }
  .project-title-info h1 {
    color: #fff;
  }
  .view-project-bottom {
    display: none;
  }
  .project-title-info-inner {
    width: 100%;
  }
  .project-meta-bundle:last-of-type {
    margin-right: 0px;
  }
  .project-meta-inner {
    color: #fff;
    order: 1;
    width: 100%;
    left: 0px!important;
    opacity: 1!important;
  }
  .project-small-meta {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .project-grid-item .lines {
    border: 0px;
  }
  .project-grid-item {
    margin-bottom: 7px;
  }
  .project-featured-image {
    opacity: 1;
  }
  .top-block {
    font-size: 19px;
  }
  .blog-post-title {
    max-width: calc(100% - 200px);
  }

  .blog-post-image {
    width: 200px;
  }

  .learn-block {
    opacity: 1;
  }

  .blog-post:nth-child(odd) .blog-post-title-inner {
    margin-left: 17px;
  }

  .blog-post:nth-child(even) .blog-post-title-inner {
    margin-right: 17px;
  }

  .home-bottom-text {
    width: 100%;
    justify-content: flex-start;
  }
  .bottom-text-blurb {
    max-width: calc(100% - 146px);
  }
  .bottom-text-button {
    font-size: 12px;
    width: 110px;
    height: 39px;
  }

  .intro-section {
    height: auto;
    padding: 150px 0;
  }

  .testimonial-right {
    width: 199px;
  }

  .testimonial-left {
    width: calc(90% - 199px);
  }

  .bottom-text-blurb {
    width: 230px;
  }

  .bottom-text-button img {
    margin-right: 5px;
  }

  .mobile-service-tagline {
    font-size: 16px;
  }

  .mobile-service-name {
    font-size: 23px;
  }

  .the-numero {
    font-size: 300px;
    width: 110px;
  }
  .the-menu-half {
    width: 293px;
  }

  .the-office-half {
    width: calc(100% - 293px);
  }

  .primary-nav-items .menu-item {
    font-size: 25px;
  }

  .an-office-location {
    font-size: 10px;
  }

  .desmone-popover-menu-contents-inner {
    max-width: 88%;
  }

  .project-description {
    display: none;
  }

  .project-title-info {
      width: 500px;
      margin: 0 auto;
      max-width: 100%;
  }


}

@media (max-width: 800px) {

  .testimonial-holder.no-headshot {
    width: 100%!important;
    margin-left: 0px!important;
  }

  .job-post-desc {
    font-size: 12px;
    line-height: 1.5;
  }

  .tab-content label,
  .job-small-info {
    font-size: 10px;
  }

  .job-arrow-name h3 {
    font-size: 16px;
  }

  .career-perk-title {
    width: 100%;
  }

  .career-perk-text {
    width: 100%;
  }

  .career-perk-title h3 {
    margin-bottom: 10px;
  }

  .career-page-blurb {
    width: 246px;
    font-size: 12px;
  }

  .work-grid-title h1,
  .right-fifty-inner h2,
  .career-page-hero-inner h1 {
    font-size: 17px;
  }

  .value-section h2 {
    font-size: 15px;
  }

  .work-grid-titling {
    font-size: 14px;
  }

  .intro-first-section-text {
    font-size: 10px;
  }

  .intro-first-section-text p {
      margin-bottom: 11px;
  }

  .testimonial-left {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
  }

  .testimonial-right {
      width: 500px;
      margin: 0 auto;
      padding-top: 41px;
      max-height: 100%;
  }

  .test-headshot-holder {
    width: 122px;
  }

  .testimonial-right {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
  }

  .testimonial-holder {
    width: calc(95% - 150px);
    margin-left: 20px;
  }

  .service-testimonial-area {
    height: auto;
    margin-top: 100px;
  }
}

@media (max-width: 720px) { 

  .site-by {
    display: none;
  }

  .job-meta-info {
    width: 40%;
  }

  .contact-page-template .the-menu-half,
  .contact-page-template .the-office-half {
    position: relative;
    height: auto;
    left: 0;
    bottom: 0;
    top: auto;
    transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -o-transform: translateY(-0%);
  }


  .mobile-only-service-index {
    padding: 150px 0 100px;
  }

  .main-titling {
    position: fixed!important;
  }

  .service-hero-section {
    margin-top: 0;
  }

  .the-office-half,
  .the-menu-half,
  .office-inner {
    width: 100%;
  }

  .phone-side,
  .office-inner {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .an-office-location {
    width: 47%;
    margin-bottom: 19px;
    padding-bottom: 32px;
    line-height: 1.3;
  }

  .an-office-location:nth-child(odd) {
    margin-right: 6%;
  }

  .phone-side {
    position: absolute;
    bottom: 11px;
    left: 0;
  }

  .address-side,
  .phone-side {
    width: 100%;
    margin-right: 0;
  }

  .service-table-of-contents,
  .the-menu-half {
    top: 25%;
    transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -o-transform: translateY(-25%);
  }

  .the-menu-half {
    position: absolute;
    height: 275px;
    align-items: center;
  }

  .the-office-half {
    bottom: 7%;
    position: absolute;
    width: calc(100% + 49px);
    left: -62px;
  }

  .desmone-popover-menu-contents-inner {
    max-width: 80%;
  }

  .featured-title {
    font-size: 17px;
  }

  .featured-project-link-area {
    width: 100%;
    margin-top: 15px;
  }

  .primary-nav-items .menu-item {
    font-size: 22px;
    letter-spacing: 5px;
    margin-bottom: 21px;
  }

  .secondary-nav-items {
    margin-bottom: 27px;
  }
  .secondary-nav-items {
    font-size: 13px;
  }

  .team-member {
    width: 47%;
    margin-right: 6%!important;
  }

  .team-member:nth-child(2n) {
    margin-right: 0!important;
  }
}

@media (max-width: 700px) {

  .arrow-area {
    width: 34px;
  }

  .awards-slider-slider {
    width: calc(100% - 68px);
  }

  blockquote p {
      font-size: 14px;
  }

  .general-main-content {
    padding: 50px 0 100px;
  }

  .general-main-content h2 {
    font-size: 19px;
  }

  .general-hero h1 {
    font-size: 22px;
  }

  .sticky-project-meta {
    padding: 25px 0 50px;
  }

  .module-text-image .image-caption {
    font-size: 9px;
  }

  .project-small-meta .project-meta-bundle {
    width: auto;
    margin-right: 15px;
  }

  .project-meta-bundle {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 12px;
  }

  .project-meta-bundle:nth-child(2n) {
    margin-right: 0;
  }

  .project-module-text-inner {
    width: 400px;
  }

  .module-text-image:before {
    padding-top: 75%;
  }

  .project-module-text-inner {
    margin: 0 auto!important;
  }

  .module-text-image {
    width: 100%;
    order: 1!important;
    margin-bottom: 30px;
  }

  .project-module-text {
    order: 2!important;
    width: 100%;
  }

  .gradients {
    display: none;
  }

  .column-image.one:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9) 90%);
  }

  .column-image.two:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9) 90%);
  }

  .column-image.three:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9) 90%);
  }

  .middle-services {
    padding: 150px 0;
  }

  .service-column {
      width: 300px;
      position: absolute;
      height: 100%;
      max-width: 90%;
  }

  .right-column.service-column {
    right: 0;
  }
  .blog-post-image {
      width: 130px;
  }
  .blog-post-title {
      max-width: calc(100% - 130px);
  }
  .home-main-text h1 {
    font-size: 33px;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 0;
  }

  .blog-post:nth-child(odd) .blog-post-title-inner {
      margin-left: 25px;
  }

  .main-title-info h1 {
    font-size: 23px;
  }

  .service-number-inner,
  .main-titling-number {
    width: 163px;
    font-size: 440px;
  }

  .home-main-text {
    top: 50%;
  }

  .home-bottom-text {
    padding-right: 0;
  }

  .bottom-text-blurb {
      width: 230px;
      margin-right: 20px;
      max-width: calc(100% - 110px);
  }

  .bottom-text-button {
      font-size: 10px;
      width: 87px;
      height: 45px;
  }

  .home-bottom-text {
    align-items: center;
  }
}

@media (max-width: 600px) {

  .lib-tile {
    width: 48%;
    margin-right: 4%!important;
    margin-bottom: 4%;
  }

  .lib-tile:nth-child(3n) {
    margin-right: 4%!important;
  }

  .lib-tile:nth-child(2n) {
    margin-right: unset!important;
  }

  .lib h1 {
    margin-bottom: 21px;
    font-size: 13px;
  }

  .send-area .wpcf7-form-control-wrap {
    width: 100%;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-end;
  }

  .send-area {
    justify-content: flex-end;
  }

  .long-string .the-test-text {
    font-size: 14px;
  }

  .team-categories.mobile-only {
    justify-content: flex-start;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
  }

  .team-categories.mobile-only::-webkit-scrollbar {
    display: none;
  }

  .team-categories a{
     flex: 0 0 auto;
  }

  .team-categories a.active {
    margin-left: 5%;
  }

  .project-hero-text-left {
    font-size: 16px;
  }

  .testimonial-left {
      font-size: 16px;
      letter-spacing: 1px;
  }

  .top-block {
    font-size: 16px;
  }

  .blog-post-title-inner {
    margin: 0 auto!important;
  }

  .project-title-info h1 {
    font-size: 19px;
  }

  .blog-post:nth-child(even) .blog-post-title-inner {
    padding-right: 19px;
  }

  .blog-post:nth-child(odd) .blog-post-title-inner {
    padding-left: 19px;
  }

}

@media (max-width: 530px) {
  .blog-post-title {
      max-width: calc(100% - 119px);
  }

  .blog-post-image {
    width: 119px;
  }
}

@media (max-width: 500px) {

  .one-half input, .one-half select, .true-select-current {
    font-size: 13px;
  }

  .true-dropdown {
    top: 30px;
  }

  .project-module-text-inner .the-text {
    line-height: 1.7;
  }

  p.wp-caption-text {
    font-size: 9px;
  }

  .general-main-content a:after {
    height: 3px;
  }

  .general-main-content h2 {
      font-size: 16px;
      margin-bottom: 12px;
  }

  .general-main-content h3 {
      font-size: 14px;
      margin-bottom: 9px;
  }

  .general-main-content p {
    margin-bottom: 18px;
  }

  .general-main-content a {
    padding-bottom: 3px;
  }

  .general-main-content .wpcf7 {
    margin: 25px auto 0;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .general-main-content .wpcf7 {
    padding: 50px 0 18px;
  }

  .submit-box input {
    height: 36px;
  }

  .gallery {
    width: 100%;
    margin: 25px auto;
  }

  .view-work-down {
    font-size: 12px;
  }

  .job-post-desc li {
    margin-bottom: 8px;
  }

  .job-post-desc {
    font-size: 10px;
  }

  .bottom-posting-contents.open {
    padding: 25px 0;
  }

  .job-arrow-name h3 {
    font-size: 13.5px;
    padding-left: 9px;
  }

  .job-post-desc {
    padding-left: 0px;
  }

  .job-meta.first {
    margin-bottom: 12px;
  }

  .the-job-postings {
    padding: 75px 0;
  }

  .values {
    margin-top: 75px;
  }

  .value-section {
    padding: 75px 0 50px;
  }

  .career-perk-text {
    font-size: 11px;
  }

  .careers-intro-text-text {
    font-size: 12px;
  }

  .careers-intro-text-area {
    padding: 50px 0;
  }

  .intro-first-section {
    padding: 50px 0 0;
  }

  .testimonial-half {
    font-size: 12px;
  }

  .testimonial-giver {
    font-size: 11px;
  }

  .testimonial-section {
    padding: 70px 0 125px;
  }

  blockquote p {
      font-size: 12px;
      width: 90%;
  }

  blockquote {
    margin: 0 0 25px;
  }

  .general-main-content {
    font-size: 12px;
  }

  .project-module-text-inner h2 {
    margin-bottom: 10px;
  }

  .project-module:not(.next-project):not(.project-home-hero) {
    margin-bottom: 75px;
  }

  .project-hero-text-left {
    margin-bottom: 50px;
  }

  .project-hero-text-left {
      font-size: 14px;
  }

  .full-width-image {
    padding: 0;
  }

  .sticky-project-meta h1 {
    font-size: 18px;
    margin-bottom: 9px;
  }

  .mobile-only-intro {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.5;
  }

  .project-meta-bundle {
    font-size: 10px;
  }

  .the-intro-text {
    font-size: 14px;
  }
  .intro-section {
    padding: 100px 0;
  }
  .top-block {
    font-size: 14px;
  }
  .learn-block {
    font-size: 12px;
  }
  .learn-block img {
      margin-left: -8px;
      margin-right: 2px;
      width: 10px;
  }
  .testimonial-right {
    padding-top: 28px;
  }
  .associated-project-link {
    font-size: 12px;
  }
  .test-headshot-holder {
      width: 110px;
  }

  .testimonial-holder {
      width: calc(95% - 110px);
      margin-left: auto;
  }

  .dtt {
    width: 183px;
  }
  .copyrightline {
    font-size: 11px;
  }

  .built-by a {
    width: 116px;
  }

  .built-by {
    margin-top: 40px;
  }
}

@media (max-width: 400px) {

}

/* # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

  *,
  *::before,
  *::after {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]::after,
  a[href^="#"]::after,
  .site-title > a::after {
    content: "";
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 2cm 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  .content,
  .content-sidebar {
    width: 100%;
  }

  button,
  input,
  select,
  textarea,
  .breadcrumb,
  .comment-edit-link,
  .comment-form,
  .comment-list .reply a,
  .comment-reply-title,
  .edit-link,
  .entry-comments-link,
  .entry-footer,
  .header-widget-area,
  .hidden-print,
  .home-top,
  .nav-primary,
  .nav-secondary,
  .post-edit-link,
  .sidebar {
    display: none !important;
  }

  .title-area {
    text-align: center;
    width: 100%;
  }

  .site-title > a {
    margin: 0;
    text-decoration: none;
    text-indent: 0;
  }

  .site-inner {
    padding-top: 0;
    position: relative;
    top: -100px;
  }

  .author-box {
    margin-bottom: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    orphans: 3;
    page-break-after: avoid;
    page-break-inside: avoid;
    widows: 3;
  }


  img {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  blockquote,
  pre,
  table {
    page-break-inside: avoid;
  }

  dl,
  ol,
  ul {
    page-break-before: avoid;
  }

}