@font-face {
  font-family: FrutigerLTPro-Light;
  src: url(fonts/FrutigerLTPro-Light.eot);
  src: url(fonts/FrutigerLTPro-Light.eot?#iefix) format('embedded-opentype'),url(fonts/FrutigerLTPro-Light.woff) format('woff'),url(fonts/FrutigerLTPro-Light.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: FrutigerLTPro-Roman;
  src: url(fonts/FrutigerLTPro-Roman.eot);
  src: url(fonts/FrutigerLTPro-Roman.eot?#iefix) format('embedded-opentype'),url(fonts/FrutigerLTPro-Roman.woff) format('woff'),url(fonts/FrutigerLTPro-Roman.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ProximaNova;
  src: url("../stylesheets/fonts/ProximaNova-Regular.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaBold;
  src: url("../stylesheets/fonts/ProximaNova-Bold.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaExtrabold;
  src: url("../stylesheets/fonts/ProximaNova-Extrabold.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaSemiBold;
  src: url("../stylesheets/fonts/ProximaNova-Semibold.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaBlack;
  src: url("../stylesheets/fonts/ProximaNova-Black.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaItalic;
  src: url("../stylesheets/fonts/ProximaNova-RegularItalic.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaBoldItalic;
  src: url("../stylesheets/fonts/ProximaNova-BoldIt.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaSemiBoldItalic;
  src: url("../stylesheets/fonts/ProximaNova-SemiboldItalic.otf") format("opentype");
}

.hidden,.invisible {
  visibility: hidden;
}
footer a,footer a:hover {
  text-decoration: underline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, hr, main, nav, section, summary{
  display: block;
}
nav ol, nav ul, ul{
  list-style: none;
}
fieldset, hr, img, legend {
  border: 0;
}
body, fieldset, figure, form {
  margin: 0;
}
fieldset, hr, legend {
  padding: 0;
}
.bk-wrapper a, .bk-wrapper p, .browsehappy, .contactInfo, .slick-dots, blockquote, header nav a {
  text-align: center;
}
h2, h5{
  line-height: 1.33333333333333;
}
h3, h6, html {
  line-height: 1.5;
}
a, audio, canvas, video {
  display: inline-block;
}
dfn, em, p.qoute {
  font-style: italic;
}
a:active, a:focus, a:hover {
  outline: 0;
}
.cf:after, hr {
  clear: both;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
button, html, input, select, textarea {
  font-family: sans-serif;
  color: #222
}
abbr[title] {
  border-bottom: 1px dotted;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
}
mark {
  background: #ff0;
  color: #000;
}
dl, menu, ol, p, pre, ul {
  margin: 1em 0;
}
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}
q {
  quotes: none
}
q:after, q:before {
  content: '';
  content: none;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
dd {
  margin: 0 0 0 40px;
}
menu, ol, ul {
  padding: 0 0 0 40px;
}
img {
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
legend{
  white-space: normal
}
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
textarea, tr {
  vertical-align: top;
}
button, input {
  line-height: normal;
}
button, select {
  text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.nbb, .nbb:hover, a.logo-button {
  border-bottom: none;
}
textarea {
  overflow: auto;
  resize: vertical;
}
audio, canvas, img, video {
  vertical-align: middle;
}
.browsehappy {
  padding: 12px;
  margin-bottom: 0;
}
td, th, tr {
  text-align: left;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
}
h1 {
  font-size: 3em;
  line-height: 1.25;
}
h2 {
  font-size: 2.25em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.3125em;
  line-height: 1.42857142857143;
}
h5 {
  font-size: 1.125em;
}
a,h6,p {
  font-size: 1em;
}
.large {
  font-size: 3.75em;
  line-height: 1.2;
  margin-bottom: .4em;
}
.x-large,.xx-large {
  margin-bottom: .66666666666667em;
}
.x-large {
  font-size: 4.5em;
  line-height: 1.16666666666667;
}
.xx-large {
  font-size: 5.25em;
  line-height: 1.14285714285714;
}
.medium {
  font-size: 1.125em;
  line-height: 1.33333333333333;
  margin: 0 0 1.33333333333333em;
}
.x-medium,h4 {
  margin: 0 0 1.14285714285714em;
}
.x-medium {
  font-size: 1.3125em;
  line-height: 1.42857142857143;
}
article,aside,footer,h1,h2,h3,header,p,section,ul {
  margin: 0 0 1em;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 {
  margin: 0 0 .5em;
}
h2 {
  margin: 0 0 0.5rem;
  padding-top: 0.5rem;
}
h3 {
  margin: 1.5rem 0 0.75rem;
}
h6,li,p {
  margin: 0 0 1.5em;
}
h5 {
  margin: 0 0 1.33333333333333em;
}
.nmb {
  margin-bottom: 0;
}
.nmt {
  margin-top: 0;
}
.nmr {
  margin-right: 0;
}
.npb {
  padding-bottom: 0;
}
.npt {
  padding-top: 0;
}
::-moz-selection {
  background: #ee2741;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #ee2741;
  color: #fff;
  text-shadow: none;
}
*,:after,:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table {
  border-spacing: 0;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}
tr:nth-of-type(odd) {
  background: #eee;
}
th {
  background: #333;
  color: #fff;
  padding: 1em 2em;
}
td {
  padding: 2em;
  background: #F0F0F0;
}
td,th {
  border: 1px solid #ccc;
}
iframe {
  max-width: 100%;
}
@media screen and (max-width:480px) {
  #grid[data-columns]::before {
    content: '1 .column.size-1of1';
  }
  #grid {
    width: calc(100% + 1.5em);
    transform: translate(-.75em,0);
  }
}
@media screen and (min-width:420px) and (max-width:700px) {
  #grid[data-columns]::before {
    content: '2 .column.size-1of2';
  }
}
@media screen and (min-width:701px) and (max-width:767px) {
  #grid[data-columns]::before {
    content: '3 .column.size-1of3';
  }
}
@media screen and (min-width:768px) and (max-width:900px) {
  #grid[data-columns]::before {
    content: '2 .column.size-1of2';
  }
}
@media screen and (min-width:901px) and (max-width:1300px) {
  #grid[data-columns]::before {
    content: '3 .column.size-1of3';
  }
}
@media screen and (min-width:1301px) and (max-width:1450px) {
  #grid[data-columns]::before {
    content: '4 .column.size-1of4';
  }
}
@media screen and (min-width:1451px) and (max-width:1600px) {
  #grid[data-columns]::before {
    content: '4 .column.size-1of4';
  }
}
@media screen and (min-width:1601px) and (max-width:1800px) {
  #grid[data-columns]::before {
    content: '5 .column.size-1of5';
  }
}
@media screen and (min-width:1801px) {
  #grid[data-columns]::before {
    content: '6 .column.size-1of6';
  }
}
.gridOffset {
  width: calc(100% + 1.5em);
  transform: translate(-.75em,0);
}
.column {
  float: left;
  padding: 0 .75em;
}
.size-1of1 {
  width: 100%;
}
.size-1of2 {
  width: 50%;
}
.size-1of3 {
  width: 33.333%;
}
.size-1of4 {
  width: 25%;
}
.size-1of5 {
  width: 20%;
}
.size-1of6 {
  width: 16.66666666666667%;
}
.salWrapper a.imgWrap,.salWrapper a.imgWrap img {
  width: 100%;
  height: auto;
}
.salWrapper {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 3em 0 rgba(0,0,0,.1);
  position: relative;
}
.flexbox .salWrapper:before,.slick-slider:after,.slick-slider:before {
  content: "";
  position: absolute;
  height: 100%;
}
.flexbox .salWrapper:before {
  width: 100%;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1),inset 0 0 0 1px #fff;
  pointer-events: none;
  display: block;
}
.salWrapper .infoWrap {
  padding: 1.5em;
}
.salWrapper .infoWrap h3 {
  margin-bottom: .5em;
  line-height: 1.25;
}
.salWrapper .infoWrap p {
  margin-bottom: .75em;
}
.second-level-lp .column {
  float: none;
  padding: 0;
  margin-bottom: 3em;
}
a.logo-button,a.logo-button h1,aside a.boost-agile h1,header .boost-icon,header nav a,i.boost-icon,section aside i.boost-icon,ul {
  float: left;
}
.slick-arrow {
  display: none !important;
}
.slick-slider:after,.slick-slider:before {
  width: 1px;
  background: #eee;
  display: block;
}
.slick-slider:after {
  left: 0;
  top: 0;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.03),2px 0 0 0 rgba(0,0,0,.02),3px 0 0 0 rgba(0,0,0,.01);
}
.slick-slider:before{
  left: initial;
  right: 0;
  box-shadow: -1px 0 0 0 rgba(0,0,0,.03),-2px 0 0 0 rgba(0,0,0,.02),-3px 0 0 0 rgba(0,0,0,.01);
}
@media screen and (min-width:81.25em){
    .slick-arrow{
        display:block!important;
        width:3em;
        height:3em;
        text-indent:-99999px;
        border-radius:100%;
        border:none;
        position:absolute;
        outline:0;
        top:50%;
        z-index:100;
        background:#fff;
        box-shadow:0 0 0 4px #fff,0 0 0 5px #E8E8E8;
    }
    .slick-arrow:hover:before{
        color:#333
    }
    .slick-disabled{
        background:#eee
    }
    .slick-arrow.slick-disabled:before{
        color:#ddd
    }
    .slick-prev{
        left:-1.5em
    }
    .slick-next{
        right:-1.5em
    }
    .slick-arrow:before{
        position:absolute;
        top:.05em;
        left:-.1em;
        display:block;
        width:inherit;
        color:#909090;
        height:inherit;
        text-indent:0;
        line-height:3
    }
    .slick-prev:before{
        content:"\25C0"
    }
    .slick-next:before{
        content:"\25b6";
        left:initial;
        right:-.1em
    }
}
a, a:hover{
  color: #cf2688;
  text-decoration: none;
}
a[target*=blank], a[target*=blank] {
  text-decoration: underline;
}
.slick-dots li,b{
    text-indent:-99999px
}
.headingText:before,.ir:before{
    content:""
}
.slick-dots{
    margin-top:3em
}
.slick-dots li{
    display:inline-block;
    width:.75em;
    height:.75em;
    background:#000;
    border-radius:100%;
    margin:.2em;
    opacity:.15
}
.contactInfoWrap,footer,header,hr,section{
    width:100%
}
.slick-dots li:hover{
    cursor:pointer
}
.slick-dots .slick-active{
    opacity:.5
}
.services-landing .slick-track{
    display:flex;
    align-items:center
}
body{
    font-family:ProximaNova,sans-serif
}
ul{
    padding:0
}
hr{
    box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1),0 1px 0 0 rgba(255,255,255,.1);
    border-top:none;
    margin:1.5em 0
}
blockquote{
    margin:0
}
blockquote span{
    font-size:1em;
    margin:2em 0 .75em;
    padding-top:.5em;
    opacity:.75;
    border-top:2px solid rgba(255,255,255,.25)
}
p.qoute{
    font-size:1.5em
}
.i-hov:hover{
    box-shadow:none
}
b{
    display:none
}
section.o a>p{
    color:#fff!important
}
.expandWrap, .headWrap, .section-wrap {
  max-width: 60em;
  margin: 0 auto;
}
.section-wrap{
    max-width:50em
}.contactCloseIcon,.headingText{
    position:absolute;
    display:block
}
.contactInfo{
    padding:1.5em 0;
    width:70%;
    margin:0 auto;
    color:#333
}
.contactInfo span{
    color:rgba(0,0,0,.15);
    font-weight:400;
    margin:0 .25em
}
.contactCloseIcon{
    top:50%;
    left:1em;
    margin-top:-1.09375em;
    width:2.1875em;
    height:2.1875em;
    background:url(../images/closeIcon.svg) 50%/45% no-repeat #666;
    text-indent:-99999px;
    border-bottom:0!important;
    opacity:1;
    border-radius:100%
}
.headingText{
    padding:1.5em 2em 1.5em 0;
    text-align:right;
    height:12rem;
    top:55%;
    right:0;
    z-index:10000;
    color:#fff;
    background: #CF2688;
}

.gallery-cell,.headingText h2{
    position:relative
}
.headingText h2{
    z-index:1;
    margin-bottom:5px;
    padding-top: 0;
}
.headingText:before{
    position:absolute;
    left:-48px;
    top:0;
    z-index:0;
    width:0;
    height:0;
    border-left:3rem solid transparent;
    border-bottom:12rem solid #CF2688;
}
@media screen and (max-width:480px){
    .headingText h2{
      position: relative;
      font-size: 1.5rem;
      z-index: 1;
      margin-bottom: 5px;
    }
    .headingText{
      position: absolute;
      padding: 1.5em 1.5em 1.5em 0;
      text-align: right;
      top: 15em;
      width: 17em;
      height: 6rem;
      right: 0;
      display: block;
      z-index: 10000;
      color: #fff;
      background: #cf2688;
    }
    .headingText:before{
      content: "";
      position: absolute;
      left: -47px;
      top: 0;
      z-index: 0;
      width: 0;
      height: 0;
      border-left: 2rem solid transparent;
      border-bottom: 6rem solid #cf2688;
    }
}
@media screen and (max-width:770px){
    .headingText {
      top: 45%;
    }
    .headingText:before{
        left:-48.5px;
    }
}
@media screen and (max-width:737px){
    .headingText:before{
        left:-48px
    }
}
@media screen and (max-width:480px){
    .headingText:before{
        left:-32px
    }
}
.mainGallery{
    position:relative;
    overflow:hidden
}
.mainGallery .gallery-cell img{
    width:100%
}
.top{
    padding-top:6em;
    background-color:#fff
}
.home .section-wrap{
    padding-top:6em;
    padding-bottom:0;
    width:calc(100% - 13em)
}
.work-landing .section-wrap{
    padding:0;
    width:calc(100% - 3em);
    max-width:100%
}
.second-level-lp .section-wrap{
    padding-top:0;
    width:30em;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-delay:.15s;
    animation-delay:.15s
}
aside li a,aside.events img{
    width:100%
}
article,section,section .h1Wrap{
    margin-bottom:0
}
section h1 span{
  font-weight:300
}
section h1 {
  color: #cf2688;
}
.work-landing h1{
    text-align:center;
    margin:.75em 0!important;
    padding-right:0!important
}
.landing-page h1{
  margin: 4rem 0 0.75rem;
  text-align: center;
}
.second-level-lp h1{
    text-align:left;
    margin:1.5em 0 0!important
}
.second-level-lp h1+h3{
    color:#aaa
}
.call-to-action,.eventWrap,aside.events,section.twoCol .info ul{
    margin-bottom:0
}
section.twoCol .info h2 span{
    color:#e21e32;
    font-weight:800
}
.call-to-action {
  color:#cf2688;
  -webkit-transition:padding .35s;
  transition:padding .35s;
  padding-right:.33333333333333em;
  text-shadow:none;
  font-family: 'ProximaNovaSemiBold', sans-serif;
}
.call-to-action:hover{
    padding-right:.66666666666667em;
    color:#e21e32
}
.call-to-action+span{
    font-size:1.125em;
    color:#e21e32
}
aside,nav{
    display:none
}
aside.events ul{
    float:none;
    margin:0
}
aside.events ul li{
    margin:0;
    text-align:left;
    background:#444
}
aside.events ul li:nth-of-type(odd){
    background:#3C3C3C
}
aside.events ul li:hover{
    background:#222
}
aside.events .viewMoreWrapper{
    padding:1.5em 0 .75em;
    background:#e21e32;
    background:rgba(226,30,50,.9);
    text-align:center;
    position:fixed;
    bottom:0;
    box-shadow:0 -4px 0 rgba(0,0,0,.05),0 -3px 0 rgba(0,0,0,.05),0 -2px 0 rgba(0,0,0,.05)
}
aside li a:hover,aside p a:hover{
    box-shadow:none
}
aside.events .viewMoreWrapper p a{
    padding:0
}
.eventWrap ul li a span{
    display:block
}
aside li a,aside p a{
    cursor:pointer;
    color:#fff;
    text-decoration:none
}
aside p a{
    border-bottom:1px solid rgba(255,255,255,.25);
    display:inline;
    text-align:center
}
aside p a:hover{
    border-bottom:1px solid rgba(255,255,255,.65)
}
aside li a{
    padding:.9375em 1.5em
}
aside a.boost-agile h1{
    font-size:1.25em;
    line-height:2.4;
    margin-right:.5em;
    width:auto
}
aside a.boost-agile h1 span{
    line-height:1
}
aside a.boost-agile img,aside a.boost-agile svg{
    width:3em;
    height:1.8125em;
    margin-top:.65em
}
aside a.boost-agile{
    width:auto
}
#clients .clientImages .desktop,#ourWork .imgWrap .desktop,.services-landing article img{
    display:none
}
#clients h1,.servicesButton,footer{
    text-align:center
}
.servicesButton{
    font-size:1em;
    font-weight:400;
    background:#fff;
    background:rgba(255,255,255,.85);
    padding:0 1.14285714285714em;
    border-bottom:0;
    border-radius:2.38095238095238em;
    line-height:2.28571428571429em;
    color:#333;
    text-shadow:none;
    margin-bottom:0;
    width:calc(50% - .75em)
}
.servicesButton:hover{
    background:rgba(255,255,255,1);
    color:#333
}
.home #ourWork .grid-column h4{
    margin-bottom:0;
    margin-top:.375em
}
#ourWork .grid-column h3 a,#ourWork .grid-column h4 a{
    color:#333;
    margin-bottom:.375em;
    line-height:1;
    font-size:1em
}
#ourWork .three-up a{
    font-size:1em
}
#ourWork .testimonial {
    margin-top: 1.5rem;
}
#homeStory{
    box-shadow:inset 0 0 5px 5px rgba(0,0,0,.025);
    text-shadow:none;
    color:#FFF;
    background:#e21e32
}
#homeStory h3{
    margin-bottom:0
}
#homeStory h3 span{
    color:#FEFFD9
}
#clients .section-wrap{
    margin-bottom:3em;
    padding-bottom:5em
}
#clients h1{
    margin-bottom:1em
}
.gallery-cell{
    width:100%
}
#clients .gallery-cell blockquote{
    padding:0 1em
}
#clients .is-selected{
    opacity:1
}
.flickity-page-dots{
    padding:0
}
.flickity-page-dots .dot{
    background:#ccc!important
}
#clients .flickity-enabled{
    position:static
}
#clients .section-wrap{
    position:relative
}
#clients .flickity-page-dots{
    position:static;
    width:100%;
    padding:0;
    margin:1.5em 0 0;
    list-style:none;
    text-align:center;
    line-height:1
}
.landing-page #clients .flickity-enabled{
    position:relative
}
.rallyLogo{
    width:14em;
    background:#F5F5F5;
    padding:1em;
    margin-top:1.5em
}
.ourProcess h3 span{
    font-weight:700;
    color:#e21e32
}
.social ul li a,footer,footer a{
    color:#fff
}
.servicesBreakdown li{
    position:relative;
    display:inline-block;
    background:#F7F7F7;
    padding:.375em .75em;
    margin-bottom:.75em;
    margin-right:.75em;
    font-size:.85em
}
.ourProcess{
    outline:0;
    padding:0 4.5em
}
.ourProcess li,.ourProcess p:last-child,.ourProcess ul{
    margin-bottom:0
}
.ourProcessWrap{
    margin-top:3em
}
.second-level-lp .info img{
    width:100%;
    margin-bottom:2em
}
.about-us-wrapper img{
    margin-bottom:1.5em
}
.three-up .grid-column img{
    width:100%;
    height:auto
}
.landingIntro{
  font-size: 1.5em;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
footer{
    background:#e21e32;
    margin-bottom:0
}
.social a.icon{
    line-height:3;
    width:3em;
    height:3em;
    background-color:#FFF;
    background:rgba(255,255,255,.85);
    margin:.75em;
    border-radius:100%
}
.ir,.visuallyhidden{
    border:0;
    overflow:hidden
}
.social a.icon:hover{
    background-color:#fff
}
.social a svg{
    width:100%;
    height:100%
}
.social a.icon:last-child{
    margin-right:0
}
.ir{
    background-color:transparent
}
.ir:before{
    display:block;
    width:0;
    height:150%
}
.hidden{
    display:none!important
}
.visuallyhidden{
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.cf:after,.cf:before{
    content:" ";
    display:table
}
@media only screen and (min-width:500px){
    html{
        font-size:12px
    }
    .home .section-wrap{
        width:32em
    }
    .second-level-lp .section-wrap{
        width:35em
    }
    section.twoCol .info ul li{
        width:45%;
        float:left;
        margin:0
    }
    section.twoCol .info ul li.firstC{
        margin-left:0;
        margin-right:5%
    }
    section.twoCol .info ul li.lastC{
        margin-left:5%;
        margin-right:0
    }
    #homeStory h2{
        color:#fff
    }
    section.section-sidebar .info{
        width:95%;
        float:left
    }
    #ourWork .salWrapper img,.second-level-lp .info img{
        border:8px solid #EEE
    }
    #ourWork .salWrapper a.imgWrap{
        width:100%;
        position:relative
    }
    #ourWork .salWrapper .hoverOverlay{
        background:url(../images/owch.svg) 50% 50% no-repeat;
        background-size:80px;
        width:100%;
        height:100%;
        position:absolute;
        background-color:rgba(226,30,50,.7);
        display:none
    }
    #ourWork .salWrapper a.imgWrap{
        height:auto;
        overflow:visible;
        border:none
    }
    #ourWork .salWrapper img{
        margin-top:0;
        border:4px solid #EEE
    }
    .work-landing #ourWork ul li{
        margin-bottom:1.5em
    }
    .services-landing .ourProcess img{
        display:block;
        float:right;
        width:45%;
        max-width:17.3125em;
        height:auto
    }
    #clients .clientImages .desktop{
        display:block
    }
    #clients .clientImages .mobile,.three-up hr,.two-up hr{
        display:none
    }
    .grid-column{
        float:left;
        margin-right:3em
    }
    .grid-column:last-child{
        margin-right:0
    }
    .three-up .grid-column{
        width:26%
    }
    .csscalc .three-up{
        width:calc(100% + 3em);
        -webkit-transform:translate(-1.5em,0);
        -ms-transform:translate(-1.5em,0);
        transform:translate(-1.5em,0)
    }
    .csscalc .three-up .grid-column{
        width:calc(33.33333333333333% - 3em);
        margin:0 1.5em
    }
    .two-up .grid-column{
        width:45%
    }
    .csscalc .two-up{
        width:calc(100% + 3em);
        -webkit-transform:translate(-1.5em,0);
        -ms-transform:translate(-1.5em,0);
        transform:translate(-1.5em,0)
    }
    .csscalc .two-up .grid-column{
        width:calc(50% - 3em);
        margin:0 1.5em
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
    .hoverOverlay{
        display:none!important
    }
}
@media only screen and (min-width:768px){
    html{
        font-size:14px
    }
    .headWrap{
        width:100%;
        height:auto;
        background:#e21e32
    }
    .headWrap a.logo-button{
        position:static;
        left:0;
        padding:2.5em 1.5em;
        width:100%;
        justify-content:center;
        -webkit-justify-content:center;
        height:auto;
        margin-left:0;
        line-height:1
    }
    .no-flexbox a.logo-button{
        padding:2.5em 3em
    }
    a.logo-button h1{
        display:none
    }
    div.contactInfoWrap{
        background:url(../images/contactus.jpg) #333;
        background-size:cover
    }
    .top{
        padding-top:0
    }
    .landing-page .top,.top{
        margin-left:10em;
        width:auto
    }
    .servicesButton{
        margin-right:1.14285714285714em;
        margin-bottom:0;
        width:auto;
        float:left
    }
    aside,nav{
        display:block
    }
    aside.events h2{
        font-size:1.125em;
        font-weight:600;
        margin:0;
        text-align:left;
        line-height:1.33333333333333;
        padding:.66666666666667em 1.33333333333333em;
        background:#333
    }
    aside.events .viewMoreWrapper{
        width:10em;
        display:none
    }
    #partners .innerWrap{
        width:60%;
        float:left
    }
    .rallyLogo{
        float:right;
        margin-top:0
    }
    .contactInfoWrap embed{
        height:31.25em
    }
    .contactInfo{
        font-size:.85em;
        width:80%
    }
    .bk-wrapper{
        overflow:visible;
        height:100%;
        background:#333
    }
    .bk-wrapper a{
        width:100%;
        padding:3em;
        -webkit-transition:background 1s;
        transition:background 1s
    }
    .bk-wrapper a.back-button{
        background:#A71830
    }
    .bk-wrapper svg{
        display:block;
        margin:0 auto
    }
    .bk-wrapper a:hover{
        background:#861226
    }
    .bk-wrapper p{
        font-size:1.2em;
        line-height:1.5;
        margin-top:1em
    }
    #ourWork .imgWrap .mobile{
        display:none
    }
    #ourWork .imgWrap .desktop{
        display:block
    }
    .hoverOverlay{
        display:block!important
    }
}
@media only screen and (min-width:850px){
    html{
        font-size:16px
    }
    .no-flexbox a.logo-button{
        padding:2.5em 1.3em
    }
    .landing-page .top,.top{
        margin-left:12.1875em
    }
    aside.events .viewMoreWrapper{
        width:12.1875em;
        display:block
    }
    aside.events ul{
        margin-bottom:7em
    }
    .contactInfo{
        font-size:1em
    }
}
@media only screen and (min-width:940px){
    .clientImages{
        padding-right:15%
    }
    section .h1Wrap a,section .h1Wrap p{
        font-size:1.125em;
        line-height:1.66666666666667;
        margin-bottom:1.33333333333333em
    }
    #ourWork .three-up a.imgWrap,section .h1Wrap{
        margin-bottom:0
    }
    .second-level-lp .section-wrap{
        width:40em
    }
}
@media only screen and (min-width:1180px){
    .no-flexbox a.logo-button{
        padding:2.5em 2.8em
    }
    .landing-page .top,.top{
        margin-left:15em
    }
    .section-wrap .info{
        position:relative
    }
    section .h1Wrap+img+hr{
        width:100%;
        float:left;
        margin-top:0
    }
    aside.events .viewMoreWrapper{
        width:15em
    }
    .clientImages{
        padding-right:0
    }
    #homeStory .info{
        width:90%
    }
    #homeStory.e{
        text-align:right
    }
    #homeStory.e .info{
        float:right
    }
    .columnLayout{
        -webkit-columns:2;
        -moz-columns:2;
        columns:2;
        -webkit-column-gap:3em;
        -moz-column-gap:3em;
        column-gap:3em
    }
    .columnLayout p,.columnLayout p+h3{
        break-after:avoid;
        page-break-after:avoid;
        -webkit-column-break-after:avoid
    }
    .csscalc #about-us .column:first-of-type p{
        margin-bottom:0
    }
    .second-level-lp .section-wrap{
        width:55em;
        max-width:60em
    }
}
@media only screen and (min-width:1350px){
    .home .section-wrap{
        padding-top:9em
    }
}
@media only screen and (min-width:1430px){
    #ourWork .salWrapper .hoverOverlay{
        background:url(../images/owch.svg) 50% 50% no-repeat;
        background-size:68px;
        width:100%;
        height:100%;
        position:absolute;
        background-color:rgba(226,30,50,.7);
        display:none
    }
    section .h1Wrap{
        width:100%;
        float:left
    }
    section .service-imgs{
        display:block;
        position:absolute;
        right:0;
        top:50%;
        -webkit-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        transform:translate(0,-50%);
        width:16.5em;
        height:auto
    }
    .home .section-wrap{
        max-width:40em
    }
}
.lt-ie9 .bk-wrapper,.lt-ie9 header{
    position:static
}
html.lt-ie9{
    font-size:16px
}
.lt-ie10 aside a.boost-agile .svg,.lt-ie10 header .boost-icon.svg,.lt-ie9 aside a.boost-agile .svg,.lt-ie9 header .boost-icon.svg{
    display:none
}
.lt-ie10 .headWrap a.logo-button{
    height:auto;
    padding-top:1.75em
}
.lt-ie9 .top{
    padding-top:0
}
.lt-ie9 .main-nav{
    display:block
}
.lt-ie10 .browsehappy,.lt-ie9 #clients ul.clientlogos,.lt-ie9 #ourWork ul li a.imgWrap,.lt-ie9 .contactIcon img,.lt-ie9 header a.side-menu{
    display:none
}
.lt-ie9 header nav a{
    width:16.66666666666667%;
    line-height:3;
    font-size:1em
}
.lt-ie9 .contactIcon{
    margin-top:2.8em
}
.lt-ie9 .contactIcon b{
    margin-top:0
}
@media only screen and (min-width:768px){
    .lt-ie10.ieBugFix .browsehappy,.lt-ie10.ieBugFix .landing-page .top,.lt-ie10.ieBugFix .top{
        margin-left:13em
    }
    .lt-ie10 .browsehappy{
        display:block
    }
}
@media only screen and (min-width:850px){
    .lt-ie10.ieBugFix .bk-wrapper,.lt-ie10.ieBugFix aside.events .viewMoreWrapper,.lt-ie10.ieBugFix header{
        width:16em
    }
    .lt-ie10.ieBugFix .browsehappy,.lt-ie10.ieBugFix .landing-page .top,.lt-ie10.ieBugFix .top{
        margin-left:16em
    }
}
@media only screen and (min-width:1180px){
    .lt-ie10 .headWrap a.logo-button{
        padding:2.5em 4.7em
    }
    .lt-ie10.ieBugFix .bk-wrapper,.lt-ie10.ieBugFix aside.events .viewMoreWrapper,.lt-ie10.ieBugFix header{
        width:20em
    }
    .lt-ie10.ieBugFix header{
        min-width:20em
    }
    .lt-ie10.ieBugFix .browsehappy,.lt-ie10.ieBugFix .landing-page .top,.lt-ie10.ieBugFix .top{
        margin-left:20em
    }
}
@media print{
    blockquote,img,pre,tr{
        page-break-inside:avoid
    }
    *{
        background:0 0!important;
        color:#000!important;
        box-shadow:none!important;
        text-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href)")"
    }
    abbr[title]:after{
        content:" (" attr(title)")"
    }
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{
        content:""
    }
    blockquote,pre{
        border:1px solid #999
    }
    thead{
        display:table-header-group
    }
    img{
        max-width:100%!important
    }
    @page{
        margin:.5cm
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
}
b,h1,h2,h3,h4,h5,h6,strong,th{
    font-family:ProximaNovaExtrabold;
    font-weight:400
}
h6.job-title{
    font-family:ProximaNova
}
.slick-track{
    background-color:#fff
}
.mainGallery .banner-image{
    overflow:hidden;
    display:inline-block
}
.headingText{
    width: 25.5em;
}
#about-us,#ourServices,#ourWork{
    margin-bottom:0
}
footer{
    background-color: #442575;
    padding:100px 0
}
footer .wrapper {
    max-width: 1170px;
    padding: 0 1.0625rem;
    position: relative;
    margin: 0 auto;
}
footer .footer-column{
    width: 33.33%;
    float: left;
    padding: 0 0.9375rem;
}
footer .footer-column p {
    text-align: left;
    font-size: 1rem;
    line-height: 1.875rem;
    margin-top: 0;
    margin-bottom: 0;
}
footer .footer-column ul.link-list{
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  border-right: 0;
  margin: 0 0 1.875rem;
  padding: 0;
  list-style-type: none;
}
footer .footer-column ul.link-list li{
  text-align: left;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
}
footer .footer-column ul li a{
    text-decoration:none
}
footer .footer-column ul.social{
    text-align:left;
    margin-left:0
}
footer .footer-column ul.social {
    text-align: left;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    right: 2.4375rem;
    margin-bottom: 0;
    width: auto;
}
footer .footer-column ul.social li{
    display:inline-block;
    margin:0 10px 20px
}
footer .footer-column ul.social li a{
    display:block;
    width:23px;
    height:23px;
    text-indent:-9999px;
    position:relative
}
footer .footer-column ul.social li a:after,footer .footer-column ul.social li a:before{
    display:inline-block;
    width:23px;
    height:23px;
    content:'';
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:all .3s;
    position:absolute;
    top:0;
    left:0
}
footer .footer-column ul.social li a:after{
    opacity:1;
    visibility:visible
}
footer .footer-column ul.social li.facebook a:after{
    background-image:url(../images/social/fb.png)
}
footer .footer-column ul.social li.instagram a:after{
    background-image:url(../images/social/in.png)
}
footer .footer-column ul.social li.linkedin a:after{
    background-image:url(../images/social/li.png)
}
footer .footer-column ul.social li.twitter a:after{
    background-image:url(../images/social/tw.png)
}
footer .footer-column ul.social li a:before{
    opacity:0;
    visibility:hidden
}
footer .footer-column ul.social li a:hover{
    background-image:none
}
footer .footer-column ul.social li a:hover:before{
    opacity:1;
    visibility:visible
}
footer .footer-column ul.social li a:hover:after{
    opacity:0;
    visibility:hidden
}
footer .footer-column ul.social li.facebook a:before{
    background-image:url(../images/social/fb-hover.png)
}
footer .footer-column ul.social li.instagram a:before{
    background-image:url(../images/social/in-hover.png)
}
footer .footer-column ul.social li.linkedin a:before{
    background-image:url(../images/social/li-hover.png)
}
footer .footer-column ul.social li.twitter a:before{
    background-image:url(../images/social/tw-hover.png)
}
footer .copyright{
    clear: both;
    text-align: left;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
}
@media screen and (max-width:768px){
    .mainGallery .banner-image{
        height:auto!important
    }
    footer{
        padding:50px 0 30px
    }
    footer .footer-column{
        width:100%;
        margin-bottom:2em
    }
    footer .footer-column ul.link-list{
        display:none
    }
    footer .footer-column p.address{
        margin-top:1.5em
    }
    footer .copyright,footer .footer-column p,footer .footer-column ul.social{
        text-align:center
    }
    footer .copyright{
        padding-left:0
    }
    footer .footer-column ul.social {
      position: static;
      display: inline-block;
      float: none;
    }
}
@media screen and (max-width:768px){
    #intro .projectLink{
        bottom:4px
    }
    .slick-dots{
        bottom:15%
    }
}
@media screen and (max-width:767px){
    nav ul{
        margin-bottom:0
    }
    .side-menu b{
        display:none
    }
    .home .section-wrap {
      width: 100%;
      padding-top: 3rem;
    }
    .mainGallery {
      font-size: 0.6rem;
    }
    .headingText h2 {
      font-size: 1.5rem;
    }
    section h1, .landing-page h1 {
      font-size: 2.5rem;
      margin-top: 3rem;
    }
    .js-search-results {
      text-align: center;
    }
}
@media screen and (max-width:480px){
    .headingText{
        top:35%;
        width:21em !important;
        height: 6rem;
    }
    .headingText:before {
      border-bottom-width: 6rem;
    }
    .headingText h2 {
      font-size: 1rem;
    }
    .home .section-wrap h1 {
      font-size: 2.5rem;
      margin-top: 0;
    }
}
.leadin-content-body h4{
    font-family:ProximaNova,sans-serif
}

/* additional */

html {
  box-sizing: border-box;
  font-size: 100%;
}

body {
  padding-top: 5.375rem !important;
}

header {
  background-color: #442575;
  margin-bottom: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 5.375rem;
}
  .banner-image .large:after, .banner-image .mobile:after {
    content: '';
    display: block;
    width: 100%;
    height: 14rem;
    background:linear-gradient(0deg, rgba(255,255,255,0.01) 0%, rgba(122,76,173,0.03) 10%, #442575 100%);
    position: absolute;
    top: 0;
    mix-blend-mode: multiply;
  }
  header .wrapper, section#hero .wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0.125rem 2rem 0.0625rem;
    position: relative;
    height: 100%;
  }
  header .wrapper:after {
    content: '';
    display: block;
    clear: both;
  }
  header .logo {
    padding: 1.45rem 0;
    float: left;
    width: 7.875rem;
  }
  header .mobile-logo {
    display: none;
  }
  header nav {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
  header nav ul {
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
    float: none;
    padding: 0;
    text-align: center;
  }
  header nav > ul {
     height: 100%;
  }
  header nav ul li {
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    font-size: 1rem;
    float: left;
    position: relative;
  }
  header nav > ul > li {
    height: 100%;
    box-sizing: initial;
  }
  header nav ul li a {
    font-family: 'ProximaNovaBold', sans-serif;
  }
  header nav > ul > li > a {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff !important;
  }
  header nav ul li a:hover, footer a:hover {
    color: #A292BA !important;
  }
  header nav ul li.parent span.fa {
      font-size: 0.8rem;
      margin-left: 0.2rem;
  }
  header nav ul li.parent > a:hover:after, header nav ul li:hover > a:after {
    border-color: #A292BA;
  }
  header nav ul li .tag {
    background-color: #FF0000;
    width: 1.8rem;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-family: "ProximaNovaBold", sans-serif;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 2px;
    float: right;
    margin: 0.35rem 0 0 0.375rem;
  }
  header nav ul li .nav-button {
    border: 1px solid #ffffff;
    border-radius: 2.5rem;
    padding: 0.3rem 1.8rem 0.25rem;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
  }
  header nav ul li .nav-button:hover {
    background-color: #ffffff;
    color: #442575 !important;
  }
  header nav ul li ul {
    position: absolute;
    top: 100%;
    left: 0.5rem;
    text-align: left;
    width: 17.5rem;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    box-shadow: 0 0 1.8rem rgba(0,0,0,0.2);
    z-index: 4;
  }
  header nav ul li ul li {
    display: block;
    width: 100%;
  }
  header nav ul li ul li .fa {
    font-size: 0.625rem;
  }
  header nav ul li ul li a {
    text-align: left;
    padding: 0.25rem 0;
  }
  header nav ul li ul.shown {
    opacity: 1;
    visibility: visible;
  }
  header nav ul li ul:before {
    content: '';
    background-color: #ffffff;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    position: absolute;
    top: -0.5rem;
    left: 2rem;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  header nav ul li ul li a {
    color: #000000;
  }
  header nav ul li ul li a:hover {
    color: rgba(0,0,0,0.5) !important;
  }
  header nav ul li a {
    color: #ffffff;
    display: inline-block;
    margin: 0 1.15rem;
  }
  header nav ul li a[target*=blank], header nav ul li a[target*=blank]:hover {
    text-decoration: none;
  }
  header nav ul li ul li a {
    margin: 0 0;
  }
  header nav ul li a:hover {
    color: #ffffff;
  }
  header nav > ul > li.active:after {
    content: '';
    display: inline-block;
    width: 70%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
  }
  header nav > ul > li:hover > a {
    color: #A292BA !important;
  }
  header nav > ul > li.active:hover:after {
    background-color: #A292BA;
  }

  header nav ul li ul li a .fa-angle-left {
    display: none;
  }

header .mobile-menu-trigger {
  display: none;
}

#hero {
  background-color: #442575;
  padding-top: 1rem;
}
section#hero .wrapper {
  padding-top: 0;
}
.hero__heading h1 {
  color: #ffffff;
  font-size: 3.75rem;
  font-family: 'ProximaNovaExtrabold', sans-serif;
  margin: 2rem 0 4rem;
}
.hero__heading h1 em {
  color: #CD2D87;
  font-style: normal;
}
.hero__banner {
  position: relative;
}
.hero__banner__image {
  overflow: hidden;
  max-height: 40rem;
}
.hero__banner__image--mobile {
  display: none;
}
.hero__banner__text {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  background: rgb(255,255,255);
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 49%, rgba(205,45,135,1) 49%, rgba(205,45,135,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(205,45,135,1) 49%,rgba(205,45,135,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(205,45,135,1) 49%,rgba(205,45,135,1) 100%);
}
.hero__banner__text:after {
  content: '';
  display: block;
  clear: both;
}
.hero__banner__text__cta {
  width: 49%;
  float: right;
  color: #ffffff;
  padding: 3rem 2rem;
  background-color: #CF2688;
}
.hero__banner__text__cta h2 {
  font-size: 2.25rem;
  margin-bottom: 2rem;
  line-height: 3.1875rem;
}
.hero__banner__text__cta a {
  color: #ffffff;
  font-size: 1rem;
  font-family: 'ProximaNovaBold', sans-serif;
  border: 1px solid #ffffff;
  border-radius: 2.5rem;
  padding: 0.3rem 1.8rem 0.25rem;
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
}
.hero__banner__text__cta a:hover {
  background-color: #ffffff;
  color: #CF2688;
}

@media (min-width: 1440px) {
  .hero__banner__text {
    background: none;
  }
}
@media (min-width: 1180px) {
  .hero__banner__image {
    height: 40rem;
    position: relative;
  }
  .hero__banner__image img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
}
@media (max-width: 1160px) {
  header nav {
    right: 2rem;
  }
  header nav ul li {
    font-size: 1rem;
  }
  header nav ul li a {
    margin: 0 0.6rem;
    font-size: 0.95rem
  }
}
@media (max-width: 1023px) {
  header nav ul li {
    font-size: 0.9rem;
  }
  header nav ul li a {
    margin: 0 0.5rem;
  }
  header nav ul li .tag {
    margin-top: 6px;
  }
}
@media (min-width: 941px) {
  header nav ul li.parent:hover > ul {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 990px) {
  body {
    overflow-x: hidden;
  }
  header .wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  header nav {
    background-color: #442575;
    width: 18.75rem;
    height: 150%;
    position: fixed;
    z-index: 2;
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    right: -40.625rem;
  }
  header nav.shown {
    right: 0;
  }
  header nav > ul {
    padding: 5rem 0;
    box-sizing: initial;
    border-left: 21.875rem solid transparent;
    margin-left: -21.875rem;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  }
  header nav ul li {
    width: 100%;
    height: auto;
    font-size: 1.125rem;
    text-align: right;
    box-sizing: border-box;
  }
  header nav ul li a {
    display: block;
    text-align: right;
    width: 100%;
    margin: 0;
    padding: 1rem 2rem 1rem;
  }
  header nav ul li .nav-button {
    width: auto;
    display: inline-block;
    margin: 1rem 2rem;
    float: none;
  }
  header nav > ul > li.active:after {
    display: none;
  }
  header nav > ul > li > a {
    top: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }
  header nav ul li ul {
    left: -21.875rem;
    top: 0;
    width: 21.875rem;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
  }
  header nav ul li ul li a {
    padding: 1rem 2rem;
  }
  header nav.subnav-shown ul {
    border-color: #ffffff;
  }
  header nav ul li ul.shown {
    opacity: 1;
    visibility: visible;
  }
  header nav ul li ul:before {
    right: -0.5rem;
    left: auto;
    top: 1.125rem;
  }
  header .mobile-menu-trigger {
    display: inline-block;
    width: 1.75rem;
    height: 1.3125rem;
    position: relative;
    border-bottom: 3px solid #ffffff;
    position: fixed;
    right: 1.5rem;
    top: 2.2rem;
    z-index: 3;
  }
  header .mobile-menu-trigger:before, header .mobile-menu-trigger:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0.2rem;
    background-color: #ffffff;
    position: absolute;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  }
  header .mobile-menu-trigger a {
    display: block;
    text-indent: -9999px;
    outline: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
  }
  header .mobile-menu-trigger:before {
    top: 0;
  }
  header .mobile-menu-trigger:after {
    top: 9px;
  }
  header .mobile-menu-trigger.cross {
    border-bottom: 0;
  }
  header .mobile-menu-trigger.cross:before {
    top: 9px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
  }
  header .mobile-menu-trigger.cross:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }
}
@media (max-width: 836px) {
  section#hero .wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .hero__heading h1 {
    font-size: 3rem;
  }
  .hero__banner__text__cta h2 {
    font-size: 1.75rem;
    line-height: 2.55rem;
  }
  .hero__banner__text__cta {
    padding: 2rem 1rem;
  }
}
@media (max-width: 767px) {
  body, body.home {
    padding-top: 3.6rem !important;
  }
  header {
    padding-bottom: 0.75rem;
    height: 3.6rem;
  }
  header .wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  header .logo {
    display: none;
  }
  header .mobile-logo {
    display: inline-block;
    height: 1.875rem;
    margin-top: 0.75rem;
  }
  header .mobile-logo img {
    max-height: 100%;
  }
  header nav {
    width: 101%;
    right: -101%;
  }
  header nav.shown {
    right: -1px;
  }
  header nav > ul {
    border-left: 0;
    margin-left: 0;
  }
  header nav ul li {
    padding: 0;
  }
  header nav ul li a {
    padding: 0.5rem 1.5rem 0.5rem;
  }
  header nav ul li ul li {
    padding-left: 0;
  }
  header nav ul li ul li a {
    padding: 0.5rem 1rem;
  }
  header nav ul li.parent.subnav-shown > a {
    color: #000000 !important;
    z-index: 4;
    text-align: left;
    display: inline-block;
    width: auto;
    margin-left: 8.65rem;
  }
  header nav ul li.parent span.fa.fa-angle-down {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }
  header nav ul li.parent.subnav-shown span.fa.fa-angle-down {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    margin-left: 0.5rem;
  }
  header nav ul li ul {
    background-color: #ffffff;
    z-index: 3;
    left: 0;
    width: 19rem;
    padding-top: 3.4375rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
    top: -0.75rem;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }
  header nav ul li ul li a {
    text-align: right;
    margin: 0;
  }
  header nav ul li ul:before {
    top: 1.5625rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }
  header nav ul li ul:after {
    display: block;
    width: 100%;
    background-color: #ffffff;
    height: 9999px;
    position: absolute;
    top: -31.25rem;
    z-index: 1;
    left: 0px;
  }
  header nav ul li ul li {
    z-index: 2;
  }
  header nav ul li ul li a {
    font-family: 'ProximaNova', sans-serif;
  }
  header .mobile-menu-trigger {
    top: 1.2rem;
    right: 1.5rem;
  }
  .banner-image .large:after, .banner-image .mobile:after {
    display: none;
  }
  header nav ul li ul li a .fa-angle-right {
    display: none;
  }
  header nav ul li ul li a .fa-angle-left {
    display: inline-block;
  }
  header nav ul li .nav-button {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .hero__heading h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-top: 1rem;
  }
  .hero__banner__image {
    display: none;
  }
  .hero__banner__image--mobile {
    display: block;
  }
  .hero__banner__text {
    background: none;
    position: static;
    top: 0;
    transform: none;
  }
  section#hero .wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  section#hero .hero__banner__text .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .hero__banner__text__cta {
    width: 78%;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
  .hero__banner__text__cta h2 {
    margin-bottom: 1rem;
  }
  .hero__banner__text__cta {
    width: 100%;
    padding: 1.5rem 1.5rem;
  }
  .hero__banner__text__cta h2 {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
  .hero__banner__text__cta a {
    font-size: 0.875rem;
    padding: 0.25rem 1.5rem;
  }
}
@media (max-width: 320px) {
  header nav ul li ul {
    padding-top: 3rem;
    padding-left: 0;
    width: 15.5rem;
  }
  header nav ul li {
    font-size: 0.85rem;
  }
  header nav ul li.parent.subnav-shown > a {
    margin-left: 7rem;
  }
  header nav ul li .tag {
    margin-top: 3px;
  }
}

.section-wrap {
  max-width: 900px;
  padding: 0 1.5rem 3rem;
}
.portfolio-grid__background {
  padding: 2.5rem 0;
}
.column {
  padding: 0;
}
.portfolio-grid__right .row,
.portfolio-grid__left .row,
.portfolio-grid__medium-container {
  margin: 0 0 !important;
}
.portfolio-grid__medium-container {
  padding-bottom: 8px !important;
}
.medium-up-2>.column:nth-of-type(2n+1) {
  padding-right: 4px;
}
.medium-up-2>.column:last-child {
  padding-left: 4px;
}
.portfolio-grid__client-name.anzac {
  margin-top: 0.625rem;
}

#resources {
  background-color: #f3f3f3;
  color: #525252;
  overflow-x: hidden;
}
#resources .section-wrap {
  max-width: 900px;
  padding: 0 15px;
}
.page--resources {
  margin-left: -2%;
  margin-right: -2%;
}
.page--resources h1 {
  text-align: center;
  color: #cf2688;
  font-size: 3.125rem;
  margin-bottom: 1.5rem;
}
.page--resources h1+p {
  text-align: center;
  font-size: 1.75rem;
  color: #666666;
  margin-bottom: 3rem;
}
.page--resources > h1, .page--resources > p {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.page__contents {
  background-color: #ffffff;
  padding: 2rem;
  width: 46%;
  margin: 2%;
  float: left;
  box-shadow: 0 0 50px rgba(0,0,0,0.1);
}
.page__contents:nth-child(2n+1) {
  clear: both;
}
.page__contents__icon {
  margin-bottom: 1rem;
  height: 56px;
  width: auto;
}
.page__contents__name {
  font-size: 1.875rem;
  color: #343434;
  margin-bottom: 0.5rem;
}
.page__contents__description {
  font-size: 1.25rem;
  color: #656565;
}
.page__contents__list p {
  text-align: left;
  font-size: 1rem;
  line-height: 1.6rem;
}
.page__contents__list p:last-child {
  margin-bottom: 0;
}
.page__contents__list p a {
  font-family: 'ProximaNovaBold', sans-serif;
  text-decoration: underline;
  color: #000000;
}
.page__contents__list p a:first-child {
  display: block;
  margin-bottom: 0.3rem;
}

@media screen and (max-width:767px) {
  #resources .section-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .page--resources h1 {
    font-size: 2.5rem;
    margin-top: 4rem;
  }
  .page--resources h1+p {
    font-size: 1.25rem;
  }
  .page__contents {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2rem;
    float: none;
    height: auto !important;
    min-height: 0 !important;
  }
}

.gallery .gallery-cell .mobile {
  display: none;
}
@media screen and (max-width:768px) {
  .gallery .gallery-cell .mobile {
    display: block;
  }
  .gallery .gallery-cell .large {
    display: none;
  }
}
img {
  max-width: 100%;
}
.infoWrapper {
  margin-top: 35px !important;
}
.infoWrapper ul {
  list-style-type: disc;
  padding-left: 1rem;
}
  .infoWrapper ul li {
    margin-bottom: 0.25rem;
  }
.infoWrapper h3 {
  margin-bottom: 0.5rem;
}
.infoWrapper h3:first-child {
  margin-top: 0;
}
#resources .section-wrap {
  padding-bottom: 3rem;
}
.mainGallery .banner-image {
  width: 100%;
}
.clients-review .slick-dots {
  bottom: -3rem;
}
#clients .gallery-cell {
    outline: none;
}
.our-clients-wrapper .slick-slider {
  margin-bottom: 6rem;
}
.slick-dots li button:before {
  content: none;
}
.slick-arrow {
  visibility: hidden;
}
.leadinModal {
  display: block !important;
}
.leadinModal .leadinModal-close {
  outline: none;
}

.partner {
  margin-top: 5rem;
}
.partner img {
  max-width: 10rem;
  margin-bottom: 0.75rem;
}
.partner__link {
  margin-top: 2rem;
}
.portfolio__call-to-action {
  display: inline-block;
  background-color: #cf2688;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.1875rem;
  padding: 0.625rem 2.5rem;
  border-radius: 30px;
}
.portfolio__call-to-action:hover {
  background-color: #b71e77;
  color: #ffffff;
  padding-right: 2.5rem;
}
.view-more__button.portfolio__call-to-action {
  color: #ffffff;
  border: 0;
  font-family: 'ProximaNovaSemiBold', sans-serif;
  font-size: 1rem;
}
.view-more__button.portfolio__call-to-action:hover {
  background-color: #b71e77;
}
@media screen and (max-width: 768px) {
  .partner {
    margin-top: 4rem;
  }
}