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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-envelope-alt:before {
  content: "\e90d"; }

.icon-phone-alt:before {
  content: "\e90e"; }

.icon-minusCircle:before {
  content: "\e90c"; }

.icon-plusCircle:before {
  content: "\e90b"; }

.icon-illustration-thin:before {
  content: "\e910"; }

.icon-illustration:before {
  content: "\e911"; }

.icon-small-x:before {
  content: "\e90f"; }

.icon-lightbulb:before {
  content: "\e909"; }

.icon-wrench:before {
  content: "\e900"; }

.icon-eye:before {
  content: "\e901"; }

.icon-chat:before {
  content: "\e902"; }

.icon-development:before {
  content: "\e903"; }

.icon-identity:before {
  content: "\e904"; }

.icon-presentation:before {
  content: "\e905"; }

.icon-pencil:before {
  content: "\e906"; }

.icon-arrowLeft:before {
  content: "\e907"; }

.icon-arrowRight:before {
  content: "\e908"; }

.icon-play-circle-o:before {
  content: "\f01d"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-phone:before {
  content: "\f095"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-facebook-f:before {
  content: "\f09a"; }

.icon-bars:before {
  content: "\f0c9"; }

.icon-navicon:before {
  content: "\f0c9"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-comment-o:before {
  content: "\f0e5"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile:before {
  content: "\f10b"; }

.icon-mobile-phone:before {
  content: "\f10b"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-code:before {
  content: "\f121"; }

.icon-ellipsis-v:before {
  content: "\f142"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-behance:before {
  content: "\f1b4"; }

.icon-vine:before {
  content: "\f1ca"; }

.icon-pinterest-p:before {
  content: "\f231"; }

.icon-vimeo:before {
  content: "\f27d"; }

.icon-cross:before {
  content: "\e90a"; }

/* BREAKPOINTS */
/* COLORS */
/* FONTS */
/* BORDER STYLES */
/* TYPOGRAPHY */
.grid-container {
  max-width: 88rem; }

hr.divider {
  border: 0;
  height: 4em;
  margin: 0; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 0; }

.video-wrapper object,
.video-wrapper iframe,
.video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* UTLITIES */
.row.padded {
  padding: 0 3.5%; }

.clearfix:after {
  display: table;
  content: "";
  clear: both; }

.table {
  display: table; }

.bleed {
  width: 100%; }

.bleed-content {
  position: relative; }
  .bleed-content .bleed__image {
    position: static;
    padding: 0; }
    .bleed-content .bleed__image:last-child {
      right: 0; }
    .bleed-content .bleed__image:first-child {
      left: 0; }
    .bleed-content .bleed__image .bleed__image__wrapper {
      position: static; }

.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important; }

.hidden {
  text-indent: -9999px; }

.heading-wIcon {
  margin: 1em auto;
  padding: 1px 0; }
  .heading-wIcon .icon {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 1rem; }
    .heading-wIcon .icon img {
      max-width: 50px; }
  .heading-wIcon.alt .icon {
    border: 0;
    padding: 0; }
    .heading-wIcon.alt .icon img {
      max-width: 3.5em; }
  .heading-wIcon .shrink {
    max-width: calc(100% - 1.25rem);
    text-align: center; }

p.subheading {
  width: 85%;
  font-size: 1.25em;
  margin: 2em auto; }

h1 + p.subheading {
  text-align: center; }

.supplemental {
  font-size: 1.25em;
  font-family: "Century Gothic", "Muli", arial, sans-serif;
  padding: 2em 0; }
  .supplemental P {
    margin: 1em auto; }
  .supplemental p:last-child {
    margin-bottom: 0; }
  .supplemental .supplemental__source {
    margin-top: 2rem;
    font-weight: bold; }
    .supplemental .supplemental__source:before {
      content: "\2014 "; }

.supplemental h1,
.supplemental h2,
.supplemental h3,
.supplemental h4,
.supplemental h5,
.supplemental h6 {
  font-weight: bold;
  font-size: 1.25em; }

input[type="color"],
[type="date"],
[type="datetime-local"],
[type="datetime"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea,
select {
  height: 2.325em; }
  input[type="color"]:focus,
  [type="date"]:focus,
  [type="datetime-local"]:focus,
  [type="datetime"]:focus,
  [type="email"]:focus,
  [type="month"]:focus,
  [type="number"]:focus,
  [type="password"]:focus,
  [type="search"]:focus,
  [type="tel"]:focus,
  [type="text"]:focus,
  [type="time"]:focus,
  [type="url"]:focus,
  [type="week"]:focus,
  textarea:focus,
  select:focus {
    border-width: 2px; }

.slider {
  background-color: transparent;
  height: auto; }

.bg-blur {
  padding-top: 3em;
  padding-bottom: 3em;
  position: relative;
  z-index: 0; }
  .bg-blur .bg-blur__image-holder {
    background-color: #1a9ed0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: -1; }
    .bg-blur .bg-blur__image-holder img {
      height: 100%;
      width: 100%;
      -webkit-filter: blur(0.75em) opacity(50%);
              filter: blur(0.75em) opacity(50%);
      mix-blend-mode: multiply;
      -webkit-transform: scale(1.03);
              transform: scale(1.03); }

.garnish {
  display: none; }

.has-garnish {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  z-index: 0; }
  .has-garnish .garnish_spacer {
    border: 0;
    display: none;
    height: 22vw;
    margin: 0;
    padding: 0; }
    .has-garnish .garnish_spacer.tiny {
      height: 8vw; }
    .has-garnish .garnish_spacer.small {
      height: 15vw; }
    .has-garnish .garnish_spacer.large {
      height: 28vw; }
    .has-garnish .garnish_spacer.huge {
      height: 34vw; }
  .has-garnish .garnish {
    display: block;
    max-width: 100%;
    position: relative;
    z-index: -1; }
    .has-garnish .garnish.above {
      z-index: 1; }
    .has-garnish .garnish.garnish--top {
      top: 0rem; }
      .has-garnish .garnish.garnish--top.pull {
        top: -1vw; }
        .has-garnish .garnish.garnish--top.pull.more {
          top: -3vw; }
    .has-garnish .garnish.garnish--left {
      left: -0.9375rem; }
    .has-garnish .garnish.garnish--bottom {
      bottom: 0rem; }
      .has-garnish .garnish.garnish--bottom.pull {
        bottom: -1vw; }
        .has-garnish .garnish.garnish--bottom.pull.more {
          bottom: -3vw; }
    .has-garnish .garnish.garnish--right {
      right: -0.9375rem; }

@media only screen and (min-width: 46.0625rem) {
  .heading-wIcon .icon img {
    max-width: 100px; }
  .has-garnish .garnish_spacer {
    display: block; }
  .has-garnish .garnish {
    max-width: 50%;
    position: absolute; }
    .has-garnish .garnish.garnish--left {
      left: 0rem; }
    .has-garnish .garnish.garnish--right {
      right: 0rem; } }

@media only screen and (min-width: 64rem) {
  .bleed-content {
    position: relative; }
    .bleed-content .bleed__image {
      position: absolute;
      top: 0;
      bottom: 0; }
      .bleed-content .bleed__image.anchor-bottom {
        top: 2vw;
        bottom: 0; }
      .bleed-content .bleed__image.anchor-top {
        top: bottom;
        bottom: 2vw; }
      .bleed-content .bleed__image.anchor-left {
        left: 0;
        right: auto; }
      .bleed-content .bleed__image.anchor-right {
        left: auto;
        right: 0; }
      .bleed-content .bleed__image .bleed__image__wrapper {
        position: relative;
        height: 100%;
        overflow: hidden; }
        .bleed-content .bleed__image .bleed__image__wrapper img {
          position: absolute;
          max-width: none;
          width: auto; }
  .supplemental {
    font-size: 1.5em; }
  .has-garnish .garnish_spacer {
    height: 28vw; }
    .has-garnish .garnish_spacer.tiny {
      height: 15vw; }
    .has-garnish .garnish_spacer.small {
      height: 22vw; }
    .has-garnish .garnish_spacer.large {
      height: 34vw; }
    .has-garnish .garnish_spacer.huge {
      height: 40vw; }
  .has-garnish .garnish {
    width: 60%; }
    .has-garnish .garnish.garnish--top.pull {
      top: -2vw; }
      .has-garnish .garnish.garnish--top.pull.more {
        top: -5vw; }
    .has-garnish .garnish.garnish--bottom.pull {
      bottom: -2vw; }
      .has-garnish .garnish.garnish--bottom.pull.more {
        bottom: -5vw; } }

body {
  ackground-color: #20b2e7;
  font-size: 1em;
  font-family: arial, sans-serif;
  line-height: 1.5em;
  text-align: left; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* Retina-specific stuff here */ }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Campton", "Century Gothic", "Muli", arial, sans-serif;
  font-weight: 300; }

h1 {
  color: #2eb3e5;
  font-size: 3em;
  text-transform: lowercase;
	text-transform:capitalize;
  	ont-weight:700;
  text-align: center;
  line-height: 1em; }

p {
  line-height: 1.5em;
  margin: 2em auto; }

.indent {
  text-indent: 0.5em; }

.highlight {
  /* 'highlighted text' */
  display: inline;
  color:  #25b4dc;
  ackground: #343637;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  position: relative;
  left: -0.2em;
  ox-shadow: 0.1em 0 0 0.15em #343637, -0.15em 0 0 0.15em #343637; }

.scriptTagline {
  overflow: hidden;
  margin: 2em auto 3em; }
  .scriptTagline img {
    display: block;
    max-width: none;
    width: 180%;
    margin-left: -40%; }

.circle {
  border-radius: 50%;
  border: 1px solid #fff; }

@media only screen and (min-width: 46.0625rem) {
  .scriptTagline img {
    width: 150%;
    margin-left: -25%; } }

@media only screen and (min-width: 64rem) {
  .scriptTagline img {
    width: 100%;
    margin-left: auto; } }

/* '_nav.scss' */
/* MOBILE NAV */
#offcanvas-wrap {
  box-shadow: 0 0 1em #121212; }

#mobile-wrap {
  background: #343637;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-out; }
  #mobile-wrap.opened {
    max-height: 100vh; }

#mobilenav {
  list-style: none;
  padding: 1em;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "Campton", "Century Gothic", "Muli", arial, sans-serif;
  font-size: 1.25em;
  letter-spacing: 3px; }
  #mobilenav li {
    display: block;
    padding: 0.5em;
    border-top: 1px solid #404344; }
    #mobilenav li:first-child {
      border: none; }
    #mobilenav li a {
      color: #dbff00;
      text-decoration: none; }

@media only screen and (max-width: 46.0625rem) {
  #logo-wrap {
    display: block;
    margin: 0;
    padding: 1em 0 1em 1em;
    float: left;
    width: 72%; }
  #menuTrigger {
    float: right;
    margin: 0;
    padding: 1em 0;
	adding:1em 0 0;
    width: 27%;
    font-size: 10vw;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: all 0.25s ease-in; }
    #menuTrigger.active {
      color: #dbff00;
	    color: #fff;
      -webkit-transform: rotate(180deg); }
  #mainnav {
    display: none; } }

/* HEADER / MASTHEAD */
header {
  background-color: #b8f707;
  osition: absolute;
  width: 100%;
  height: 160px;
  z-index: 99; }

 header.home {
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 160px;
  z-index: 99; }

img#logo {
  display: block;
  margin: auto;
  width: 85%; }

@media only screen and (min-width: 46.0625rem) {
  /* HEADER / MASTHEAD */
  img#logo {
    display: block;
    margin: auto;
    width: 30vw;
    max-width: 505px;
    min-width: 250px;
    height: auto; }
  #menuTrigger {
    display: none; }
  nav {
    display: table;
    margin: -0.5rem auto 0; }
  ul#mainnav {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none; }
    ul#mainnav li {
      float: left;
      display: inline-block; }
    ul#mainnav a {
      font-family: "Campton", "Century Gothic", "Muli", arial, sans-serif;
      ont-weight: 700;
      color: #fff;
	color:#000;
      text-transform: uppercase;
      text-decoration: none;
      display: inline-block;
      padding: 1rem 1.5rem 1rem;
padding: 1.5rem 1rem 0.5rem;
      text-align: center;
      font-size: 0.9rem;
      letter-spacing: 0.1em; }
      ul#mainnav a:hover {
        border-bottom: 2px solid #dbff00;
	border-bottom: 2px solid #25b4dc; } }

@media only screen and (min-width: 64rem) {
  img#logo {
    width: 26vw;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -13vw; }
  ul#mainnav {
    margin: 2em auto; }
    ul#mainnav li {
      padding: 0 0.25em; }
    ul#mainnav li:nth-child(4) {
      margin-left: 34vw; }
    ul#mainnav a {
      font-size: 1.1vw; } }

@media only screen and (min-width: 90rem) {
  ul#mainnav {
    margin: 3.5rem auto; 
	margin:1.5rem auto;}
    ul#mainnav li {
      padding: 0 1.25em; }
    ul#mainnav a {
      padding: 1.5rem 1rem 1rem; 
padding: 2.0rem 1rem 0.5rem;} }

header.alt_masthead #menuTrigger,
header.alt_masthead nav ul#mainnav a {
  color: #343637; }

.interiorTopper {
  background-color:#b8f707;
}

/* '_hero.scss' */
/* HERO SLIDER */
.heroSlider .slide, .heroSlider .slide_alt {
  padding: 7em 0 7em;
	padding:0;
  overflow: hidden; 
}
  .heroSlider .slide.interiorTopper, .heroSlider .slide_alt.interiorTopper {
    padding-bottom: 0; }
  .heroSlider .slide h1, .heroSlider .slide_alt h1, .heroSlider h1 {
    color: #fff;
	color:#000;
	font-weight:700;
	text-transform: capitalize;
    margin-top: 1em;
	margin-top:0;
    padding-top: .5em; 
	padding-top:0;
    clear: right;}
  .heroSlider .slide p, .heroSlider .slide_alt p {
    color: #fff;
	color:#000; }

.heroSlider .heading {
  padding: 0.5em 0 1em; }

.heroSlider .leadIn, .heroSlider + .leadIn {
  background: #1aa2d5;
	background:#fff;
  padding: 3em 0;
text-align: center; }

  .heroSlider .leadIn p, .heroSlider + .leadIn p {
    font-size: 1.15em;
    line-height: 1.85em;
    width: 85%;
	max-width: 1200px;
    font-weight: 300;
    margin: auto;
    color: #fff;
	color:#000; }
  .heroSlider .leadIn a, .heroSlider + .leadIn a {
    color: #25b4dc;
text-decoration:underline; }

.heroSlider .slide_alt {
  padding: 7em 0 0;
	padding:0; }

.heroSlider.full .slide {
  min-height: 85vh; }

.slide.intro, .slide_alt.intro, #homesplash {
  background: #2eb3e5 url("../images/heroimg-gobright-dark.jpg") center top no-repeat;
  background-size: cover;
  color: #fff;
  text-align: left;
  position: relative; }
  .slide.intro img, .slide_alt.intro img, #homesplash img {
    display: block;
    margin: 2em auto 3em;
    /*width: 180%;
		margin-left: -40%;
		max-width: none;*/ }
  .slide.intro p, .slide_alt.intro p, #homesplash p {
    font-size: 1.15em;
    line-height: 1.85em;
    width: 85%;
    font-weight: 300;
    margin: auto;
    text-shadow: 0 0 .25em #000; }
  .slide.intro a, .slide_alt.intro a, #homesplash a {
    color: #dbff00; }

#homesplash_hover {
  display: none; }

/*.homepage:hover .intro{
	background: $blue url('../images/heroimg-gobright-roll.jpg') center top no-repeat;
	background-size: cover;
}*/
.slide_alt.intro p {
  text-shadow: none; }

a#tagline {
  display: block !important;
  width: 90%;
  max-width: 1102px;
  margin: auto;
  margin-bottom: 4em;
  text-align: center; }
  a#tagline img {
    margin-bottom: 0; }
  a#tagline span.tagline_cta {
    display: inline-block;
    padding: .5em 3em;
    font-size: 1em;
    font-weight: bold;
    background: #343637;
    text-decoration: none; }

a#tagline:hover span.tagline_cta {
  background: #2eb3e5;
  color: #dbff00; }

/*.homepage:hover a#tagline{
	background: url('../images/tagline_PoweredbyResults-on.png') center no-repeat;
	background-size: contain;
}*/
@media only screen and (min-width: 46.0625rem) {
  .heroSlider .slide, .slide_alt.intro {
    padding-top: 12em;
    /*&.intro img{
			width: 150%;
			margin-left: -25%;
		}*/ }
    .heroSlider .slide p, .slide_alt.intro p {
      font-size: 1.25em; }
  a#tagline {
    margin-bottom: 8em;
    position: relative; }
    a#tagline span.tagline_cta {
      position: absolute;
      bottom: -.5em;
      right: 0; }
  #homesplash_hover {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #2eb3e5 url("../images/heroimg-gobright-roll.jpg") center top no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .2s ease-out; }
    #homesplash_hover.lights-on {
      opacity: 1;
      transition: opacity .2s ease-in; } }

@media only screen and (min-width: 64rem) {
  .heroSlider .slide, .slide_alt.intro {
    padding-top: 12em;
    /*&.intro img{
			width: 100%;
			margin-left: auto;
		}*/ }
    .heroSlider .slide p, .slide_alt.intro p {
      font-size: 1.5em; }
  a#tagline {
    margin: 5em auto 12em; }
    a#tagline span.tagline_cta {
      position: absolute;
      display: inline-block;
      bottom: 0;
      right: 0;
      padding: .5em 3.5em;
      font-size: 1.25em;
      font-weight: bold; } }

/* '_footer.scss' */
/* FOOTER */
footer {
  padding: 1em 0 2em;
  ackground: #2eb3e5 url("../images/bg_footer_v2.jpg") center no-repeat;
  background-size: cover; }
  footer p.vcard {
    margin: 0 auto;
    text-align: center;
    display: table;
    color: #fff;
	color:#000;
	font-weight:700; 
    padding: 1em;}
    footer p.vcard span {
      display: block; }
      footer p.vcard span a {
        text-decoration: none;
        color: #fff; }
  footer .scriptTagline {
    margin: 2em auto 0; }
  footer .scriptTagline img {
    max-width: 90% !important;
    margin: auto !important; }
  footer ul.social {
    padding: 0;
    list-style: none;
    text-align: center; }
    footer ul.social li {
      display: inline-block;
      margin: 0 1em; }
      footer ul.social li a {
        display: block;
        font-size: 2em;
        line-height: 1.9em;
        width: 1.75em;
        height: 1.75em;
        text-decoration: none;
        color: #fff;
		color: #000;
    		background: #b8f707;
    		border: 0; }
footer ul.social {
margin-bottom:0 !important;
}

@media only screen and (min-width: 46.0625rem) {
  footer p.vcard span {
    display: table-cell;
    width: 33%; } }

/* '_services.css' */
/* SERVICES AREA */
.interiorTopper.services {
  ackground: #2eb3e5 url("../images/header-services.jpg") center no-repeat;
  background-size: cover; }

.bleed.services {
  background: #fff;
  padding: 1.5em 0;
  position: relative;
  overflow: hidden; }

#serviceIcons {
  margin: 1em .625em 0;
  text-align: center; }
  #serviceIcons .serviceInfo .icon span.option {
    border-width: 0;
    -webkit-transform: scale(1.75);
            transform: scale(1.75);
    opacity: 1;
    text-shadow: 0 0 1rem #bbb;
    transition: all .3s ease-in; }
  #serviceIcons .serviceInfo {
    position: absolute;
    background: #fff;
    color: #343637;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    opacity: 0;
    transition: all .5s ease-out; }
    #serviceIcons .serviceInfo .row {
      max-width: 88rem;
      margin: auto;
      display: table;
      height: 100%;
      padding: 0 .75rem; }
    #serviceIcons .serviceInfo .icon span.option {
      padding: 0;
      position: relative;
      top: .25em;
      line-height: 2.5em; }
    #serviceIcons .serviceInfo .copy {
      text-align: left;
      font-size: .9em; }
      #serviceIcons .serviceInfo .copy p, #serviceIcons .serviceInfo .copy h2 {
        width: 85%;
        margin: 0 auto 2em; }
      #serviceIcons .serviceInfo .copy h2 {
        margin: 1em auto .5em;
        font-size: 1.75em;
        font-weight: normal;
        color: #2eb3e5; }
      #serviceIcons .serviceInfo .copy a {
        color: #dbff00; }
        #serviceIcons .serviceInfo .copy a i {
          font-size: .75em; }
    #serviceIcons .serviceInfo .close span {
      opacity: 1;
      border: none;
      -webkit-transform: none;
              transform: none;
      text-shadow: none;
      font-size: 2em;
      color: #dbff00;
      padding: 12.5% 0; }
  #serviceIcons li.selected .serviceInfo {
    left: 0;
    opacity: 1; }
  #serviceIcons span.option {
    position: relative;
    /* Thin circle stroke */
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 0.5em;
    padding: 50% 0;
    width: 100%;
    color: #2eb3e5;
    font-size: 20vw;
    line-height: 0;
    cursor: pointer;
    opacity: .5;
    display: inline-block;
    transition: all .15s ease-out; }
    #serviceIcons span.option:hover {
      border-color: #2eb3e5;
      opacity: 1;
      transition: all .3s ease-in; }

@media only screen and (min-width: 46.0625rem) {
  #serviceIcons span.option {
    font-size: 3em; }
  #serviceIcons .serviceInfo .icon, #serviceIcons .serviceInfo .copy, #serviceIcons .serviceInfo .close {
    display: table-cell;
    vertical-align: middle; }
  #serviceIcons .serviceInfo .icon {
    width: 12.125%; }
    #serviceIcons .serviceInfo .icon span {
      line-height: 0; }
  #serviceIcons .serviceInfo .copy {
    font-size: 1em; }
  #serviceIcons .serviceInfo .close span {
    padding: 50% 1em; }
  #serviceIcons.alt span.option {
    font-size: 6em; }
  #serviceIcons.alt .serviceInfo .icon {
    width: 18.125%; }
    #serviceIcons.alt .serviceInfo .icon span.option {
      font-size: 5em; } }

@media only screen and (min-width: 64rem) {
  #serviceIcons span.option {
    font-size: 5em; }
  #serviceIcons .serviceInfo .copy {
    font-size: 1em; }
    #serviceIcons .serviceInfo .copy h2 {
      font-size: 1.25em; }
  #serviceIcons.alt .serviceInfo .icon {
    width: 12.125%; } }

/* '_work.scss' */
/* FEATURED WORK AREA */
.interiorTopper.results {
  ackground: #2eb3e5 url("../images/header-results.jpg") center no-repeat;
  background-size: cover; }

/* FEATURED WORK AREA */
.interiorTopper.work {
  ackground: #2eb3e5 url("../images/header-work.jpg") center no-repeat;
  background-size: cover; }

.bleed.projects {
  background: #fff;
  text-align: center;
  padding: 2em 0; }

.block-grid.tiles {
  list-style: none;
  margin: 0; }
  .block-grid.tiles li {
    padding: 1rem; }
    .block-grid.tiles li .tile {
      border: 2px solid #2eb3e5;
      padding: 0;
      position: relative; }
      .block-grid.tiles li .tile img {
        display: block;
        width: 100%;
        transition: all 0.25s ease-in-out; }
      .block-grid.tiles li .tile .card {
        width: 100%;
        height: 100%;
        background: rgba(31, 172, 225, 0.95);
        border: 0;
        margin-bottom: 0;
        text-align: left;
        transition: all 0.25s ease-in-out;
        min-height: 17em; }
        .block-grid.tiles li .tile .card .cardContent {
          width: 100%;
          padding: 0.1rem 0.5rem 0.5rem; }
        .block-grid.tiles li .tile .card h2 {
          color: #fff;
          font-weight: 300;
          font-size: 1.85rem;
          line-height: 1.25em;
          margin-bottom: 0;
          margin-top: 1em; }
        .block-grid.tiles li .tile .card h3 {
          color: #dbff00;
          font-size: 1rem;
          margin-top: 0.5em; }
        .block-grid.tiles li .tile .card ul {
          list-style: none;
          padding-left: 0;
          margin: 2em 0 0; }
          .block-grid.tiles li .tile .card ul li {
            display: inline;
            padding: 0;
            color: #dbff00;
            text-transform: uppercase;
            font-weight: bold; }
            .block-grid.tiles li .tile .card ul li:after {
              content: "/";
              color: #fff;
              margin-left: 0.35em; }
            .block-grid.tiles li .tile .card ul li:last-child:after {
              content: ""; }
      .block-grid.tiles li .tile a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-indent: -9999px; }
      .block-grid.tiles li .tile:hover .card {
        opacity: 1; }

.block-grid.tiles.team li .tile .card {
  min-height: 6em; }

@media only screen and (min-width: 64rem) {
  .block-grid.tiles li {
    padding: 1rem; }
    .block-grid.tiles li .tile {
      overflow: hidden;
      padding: 1rem; }
      .block-grid.tiles li .tile .card {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.25s ease-in-out; }
        .block-grid.tiles li .tile .card .cardContent {
          position: absolute;
          bottom: 10%;
          left: 10%;
          width: 80%; }
      .block-grid.tiles li .tile:hover .card {
        opacity: 1;
        transition: all 0.4s ease-in-out; }
      .block-grid.tiles li .tile:hover img {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        transition: all 0.75s ease-in-out; } }

/* PROJECT DETAIL PAGE */
.interiorTopper img.logo {
  display: block;
  width: 90%;
  max-width: 600px;
  margin: 3em auto 2.5em; }

.interiorTopper img.logo.square {
  max-width: 90%;
  width: auto;
  max-height: 350px;
  margin: 0 auto; }

.workTopper {
  position: relative;
  padding-bottom: 2em !important; }
  .workTopper .projectPagination {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    height: 1em;
    width: 1em;
    font-size: 3em;
    color: #fff;
    text-decoration: none; }
    .workTopper .projectPagination.prev {
      left: 0.5em; }
    .workTopper .projectPagination.next {
      right: 0.5em; }

.workTopper p {
  max-width: 1200px; }

.work-gbn {
  background: url("../images/projects/gbn/gbn_splash.jpg") center no-repeat;
  background-size: cover; }

.work-tff {
  background: url("../images/projects/tff/tff_splash.jpg") center no-repeat;
  background-size: cover; }

.work-equineirr {
  background: url("../images/projects/equineirr/equineirr_splash.jpg") center no-repeat;
  background-size: cover; }

.work-j4k {
  background: url("../images/projects/j4k/j4k_splash.jpg") center no-repeat;
  background-size: cover; }

.work-badmedina {
  background: url("../images/projects/badmedina/badmedina_splash.jpg") center no-repeat;
  background-size: cover; }

.work-wclife {
  background: url("../images/projects/wclife/wclife_splash.jpg") center no-repeat;
  background-size: cover; }

.projectNav {
  display: none;
  text-align: center;
  margin: 0;
  padding: 1em; }
  .projectNav ol {
    padding: 0; }
  .projectNav li {
    display: inline-block;
    margin: 0.5em 0.75em; }
    .projectNav li a {
      display: block;
      background: #343637;
      color: #dbff00;
      text-decoration: none;
      font-family: "Campton", "Century Gothic", "Muli", arial, sans-serif;
      font-weight: 700;
      font-size: 1em;
      padding: 0.5em 0.75em; }
      .projectNav li a span {
        margin: 0 0 0 1em; }

.workingDetail {
  margin: 0 auto;
  background: #1a9ed0;
  color: #fff; }
  .workingDetail .shots {
    padding: 0;
    position: relative; }
    .workingDetail .shots span.gradient {
      position: absolute;
      z-index: 0;
      top: 0;
      width: 100%;
      height: 50px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a9ed0+19,000000+100&1+12,0+100 */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #1a9ed0 12%, rgba(26, 158, 208, 0.92) 19%, rgba(0, 0, 0, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9ed0', endColorstr='#00000000',GradientType=0 );
      /* IE6-9 */ }
  .workingDetail img {
    display: block;
    height: auto;
    width: 100%; }

.workingDetail {
  padding-top: 1px; }
  .workingDetail .bleed .bleedContent {
    background: #343637;
    padding: 0 0.9375rem; }

@media only screen and (min-width: 40rem) {
  .projectNav,
  .workTopper .projectPagination {
    display: block; }
  .projectNav li a {
    font-size: 1.25em; }
  .projectPagination {
    display: block; }
  .workingDetail .bleed {
    padding: 3em 0; }
    .workingDetail .bleed.bleed-content {
      padding: 0; }
    .workingDetail .bleed .grid-container {
      padding: 0 0.9375rem; }
    .workingDetail .bleed .bleedContent {
      background: transparent;
      padding: 0; } }

button.slick-arrow {
  width: 2rem; }

button.slick-arrow:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

button.slick-next {
  left: 100%;
  margin-left: 0.5rem; }

button.slick-next.slick-arrow:before {
  content: "\e908"; }

button.slick-prev {
  left: auto;
  right: 100%;
  margin-right: 0.5rem; }

button.slick-prev.slick-arrow:before {
  content: "\e907"; }

.imageGroup {
  border: 1px solid #fff;
  border-radius: 2rem;
  padding: 1rem; }
  .imageGroup .imageItem {
    -webkit-column-break-inside: avoid;
            break-inside: avoid;
    padding: 1rem; }
    .imageGroup .imageItem img {
      border-radius: 1rem; }

.imageGroup.alt {
  border: 0;
  padding: 0; }
  .imageGroup.alt .imageItem {
    border: 1px solid #fff;
    border-radius: 2rem;
    padding: 2rem;
    margin: 2em 1em; }
    .imageGroup.alt .imageItem.supplemental {
      border: 0;
      margin: 0; }

img.rounded {
  border-radius: 1rem; }

.iphone {
  background: url("/images/bg-iphone.png") center top no-repeat;
  background-size: 100%; }
  .iphone img {
    width: 86%;
    margin: auto;
    padding: 25% 0; }

@media only screen and (min-width: 46.0625rem) {
  .imageGroup {
    -webkit-columns: 2 auto;
            columns: 2 auto;
    -webkit-column-gap: 0;
            column-gap: 0; }
    .imageGroup.alt {
      -webkit-column-gap: 2rem;
              column-gap: 2rem; }
      .imageGroup.alt .imageItem {
        display: inline-block;
        margin: 2rem 0;
        vertical-align: top; } }

article {
  margin-bottom: 2em; }

.bleed.projects article {
  text-align: left; }

.casestudy {
  background-color: #fff;
  color: #252525; }
  .casestudy .row {
    max-width: 64rem; }
  .casestudy span[class*="icon-"] {
    position: relative;
    border: 1px solid #252525;
    border-radius: 50%;
    padding: 0.75em;
    padding: 50% 0;
    width: 100%;
    color: #0aa0d5;
    font-size: 22vw;
    text-align: center;
    line-height: 0;
    display: inline-block; }
  .casestudy h2 {
    text-align: center;
    vertical-align: middle;
    font-size: 1.75em;
    text-transform: lowercase;
    margin-top: 1.5em; }
    .casestudy h2 span[class*="icon-"] {
      padding: 0.725em 0;
      width: 1.5em;
      font-size: 1.25em;
      vertical-align: middle; }
  .casestudy p {
    font-size: 18px; }
  .casestudy ul.block-grid {
    list-style: none;
    padding: 0; }

.casestudy-detail .heading {
  min-height: 500px; }
  .casestudy-detail .heading h1 {
    margin-top: 0.5em;
    color: #343434; }
  .casestudy-detail .heading h2 {
    text-align: center;
    margin-bottom: 1em;
    color: #0aa0d5; }

@media only screen and (min-width: 738px) {
  .casestudy-detail .heading h1 {
    margin-top: 2em; } }

@media only screen and (min-width: 1080px) {
  .casestudy span[class*="icon-"] {
    font-size: 6vw; } }

@media only screen and (min-width: 1366px) {
  .casestudy span[class*="icon-"] {
    font-size: 4vw; } }

/* CHALLENGE & RESULTS SECTION */
.casestudy.challenge {
  background-color: #0aa0d5;
  color: #fff; }
  .casestudy.challenge h2 span[class*="icon-"] {
    color: #e3ff37; }
  .casestudy.challenge p {
    text-align: center; }

/* METHDS SECTION */
.casestudy.methods {
  background-color: #f5f5f5;
  padding: 1.5em 0 1em; }
  .casestudy.methods h2 {
    text-align: left;
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 0.75em; }
  .casestudy.methods li {
    font-family: "Century Gothic", "Muli", arial, sans-serif;
    text-align: center; }

/* WHAT WE DID SECTION */
.casestudy.whatwedid .block-grid li {
  margin-bottom: 1rem; }

.casestudy.whatwedid h3 {
  display: inline-block;
  background: #252525;
  color: #e3ff37;
  padding: 0.25em 0.5em;
  font-size: 1em;
  font-family: arial, sans-serif;
  font-weight: bold;
  margin: 0 0 0.5em; }

.casestudy.whatwedid h3 + p {
  margin: 0;
  font-size: 0.9em; }

.casestudy.whatwedid .block-grid span[class*="icon-"],
.casestudy.whatwedid .block-grid img {
  border: none;
  border-radius: 0;
  background: #0aa0d5;
  color: #fff;
  font-size: 12vw; }

/* CONTACT FORM */
.bleed.casestudy.contact {
  background-color: #0aa0d5;
  color: #fff; }
  .bleed.casestudy.contact h1 {
    color: #dbff00; }
  .bleed.casestudy.contact input,
  .bleed.casestudy.contact textarea {
    border: none; }
  .bleed.casestudy.contact .fancyField label {
    text-indent: -9999px;
    overflow: hidden; }
  .bleed.casestudy.contact input[type="submit"] {
    width: 100%;
    top: 0;
    background: #dbff00;
    color: #343637;
    text-transform: uppercase;
    font-weight: normal; }

@media only screen and (min-width: 736px) {
  .casestudy-detail .heading {
    min-height: 45vh; }
    .casestudy-detail .heading h1,
    .casestudy-detail .heading h2 {
      display: block; }
  .casestudy.whatwedid .block-grid span[class*="icon-"] {
    font-size: 9vw; } }

@media only screen and (min-width: 1080px) {
  .casestudy.whatwedid .block-grid span[class*="icon-"] {
    font-size: 7vw; } }

/* '_about.scss' */
/* ABOUT PAGE */
.interiorTopper.about {
  ackground: #2eb3e5 url("../images/header-about.jpg") center no-repeat;
  background-size: cover; }

.bleed.team {
  background: #fff;
  padding: 2em 0; }

.bleed.services-detail {
  background: #fff; }
  .bleed.services-detail #serviceIcons {
    list-style: none;
    padding-left: 0; }
    .bleed.services-detail #serviceIcons .serviceInfo {
      position: static;
      opacity: 1;
      padding: 1rem 0; }
    .bleed.services-detail #serviceIcons .icon {
      width: 50%;
      margin: auto; }
      .bleed.services-detail #serviceIcons .icon .option {
        /* Thin circle stroke */
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 0.5em;
        position: relative;
        padding: 50% 0;
        width: 100%;
        font-size: 25vw;
        line-height: 0;
        display: inline-block;
        -webkit-transform: none;
                transform: none;
        order-color: #343637;
		background-color: #b8f707;
		color: #000;
        opacity: 1;
        top: 0;
        text-shadow: none;
        cursor: default; }
    .bleed.services-detail #serviceIcons h1 {
      text-align: center;
      width: 85%;
      font-size: 1.75em;
      margin: 1em auto; }
    .bleed.services-detail #serviceIcons p {
      width: 85%;
      margin: 1em auto; }
    .bleed.services-detail #serviceIcons .highlight {
      font-weight: bold; }

.bleed.jobs {
  background: #343637;
  color: #efefef;
  padding: 2em 0; }
  .bleed.jobs h2 {
    text-align: center; }
  .bleed.jobs h3 {
    font-weight: bold; }
  .bleed.jobs a {
    color: #dbff00; }

@media only screen and (min-width: 46.0625rem) {
  .bleed.services-detail #serviceIcons .serviceInfo {
    padding: 2em  0; }
  .bleed.services-detail #serviceIcons .icon {
    width: 20%; }
    .bleed.services-detail #serviceIcons .icon .option {
      font-size: 5em; }
  .bleed.services-detail #serviceIcons h1, .bleed.services-detail #serviceIcons p {
    width: 92.5%;
    margin: 1em 0 1em auto; }
  .bleed.services-detail #serviceIcons h1 {
    font-size: 2.5em;
    margin: 0 0 0 auto;
    text-align: left; } }

@media only screen and (min-width: 64rem) {
  .bleed.services-detail #serviceIcons .serviceInfo {
    padding: 3em 0; }
  .bleed.services-detail #serviceIcons .icon {
    width: 12.5%; }
    .bleed.services-detail #serviceIcons .icon .option {
      font-size: 6em; }
  .bleed.services-detail #serviceIcons h1 {
    font-size: 3em; } }

/* '_contact.scss' */
/* CONTACT PAGE */
.interiorTopper.contact {
  ackground: #2eb3e5 url("../images/header-contact.jpg") bottom center no-repeat;
  background-size: cover; }

.bleed.contactInfo {
  text-align: center;
  background-color: #fff;
  font-size: 1em;
  padding: 1em 0;
  color: #2eb3e5;
	color:#000;
	font-weight:700;
  font-family: "Campton", "Century Gothic", "Muli", arial, sans-serif; }
  .bleed.contactInfo p {
    width: 100%;
    margin: .75rem auto;
    padding: 0 .75rem; }
  .bleed.contactInfo a {
    color: #2eb3e5;
    text-decoration: none; }
  .bleed.contactInfo i {
    display: block;
    margin: .25em auto;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.75em;
    height: 1.75em;
    width: 1.75em;
    background-color: #2eb3e5;
    color: #dbff00;
	background-color: #b8f707;
	color: #000;
font-weight:700;
    border-radius: 50%;
    vertical-align: middle; }

@media only screen and (min-width: 420px) {
  .bleed.contactInfo p {
    font-size: 1.25em; } }

@media only screen and (min-width: 46.0625rem) {
  .bleed.contactInfo i {
    display: inline-block;
    font-size: 1.25em; } }

@media only screen and (min-width: 46.0625rem) and (max-width: 920px) {
  .bleed.contactInfo .medium-4 {
    width: 100%; }
  .bleed.contactInfo .medium-8 {
    width: 100%; } }

@media only screen and (min-width: 978px) {
  .bleed.contactInfo {
    font-size: 1.15em; } }

@media only screen and (min-width: 64rem) {
  .bleed.contactInfo {
    font-size: 1.45em; }
    .bleed.contactInfo i {
      font-size: 1.5em; } }

@media only screen and (min-width: 1366px) {
  .bleed.contactInfo {
    font-size: 1.75em; } }

/* CONTACT FORM */
.bleed.contact {
  background: #f1f1f1;
  padding: 2rem 0.9375rem 1rem; }
  .bleed.contact form {
    margin: 2em auto;
    position: relative; }
  .bleed.contact h2 {
    text-align: center;
    font-size: 1.85em;
    line-height: 1.15em;
    position: relative;
    padding-right: 2em; }
    .bleed.contact h2 i {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -.525em;
      color: #2eb3e5;
      font-size: 1.25em;
      vertical-align: middle;
      cursor: pointer;
    font-size: .7em;
    color:#000;
    background-color: #b8f707;
    padding: 9px 14px;
    border-radius: 50px;

 }
  .bleed.contact input, .bleed.contact input[type=text], .bleed.contact input[type=tel], .bleed.contact input[type=email], .bleed.contact select, .bleed.contact textarea {
    font-size: 1.5rem;
    line-height: 1em;
    margin-bottom: 0;
    background-color: transparent;
    font-family: "Campton", "Century Gothic", "Muli", arial, sans-serif; }
  .bleed.contact input[type=submit] {
    display: block;
    width: 80%;
    text-align: center;
    padding: .5em 3em;
    margin: 0 auto;
    position: relative;
    top: -2.75em;
    font-weight: bold;
    background-color: #343637;
    color: #dbff00;
	background-color: #b8f707;
    	color: #000;
    z-index: 5;
border-radius:10px; }
  .bleed.contact .fancyField {
    position: relative;
    margin-bottom: 1rem;
    z-index: 2; }
    .bleed.contact .fancyField input, .bleed.contact .fancyField textarea, .bleed.contact .fancyField select {
      width: 100%;
      background: #fff;
      box-shadow: 0px 0px 0px 2px transparent;
      transition: box-shadow 0.3s; }
      .bleed.contact .fancyField input:focus + label::after, .bleed.contact .fancyField textarea:focus + label::after, .bleed.contact .fancyField select:focus + label::after {
        -webkit-animation: anim-shadow 0.3s forwards;
        animation: anim-shadow 0.3s forwards; }
    .bleed.contact .fancyField select {
      background: #fff url("../images/ui/dropdown-arrowDown.png") no-repeat 98% 50%;
      background-size: auto 65%; }
    .bleed.contact .fancyField label {
      padding: 0;
      width: 100%;
      text-align: left; }
      .bleed.contact .fancyField label::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: calc(100% - 1.5em);
        box-shadow: 0px 0px 0px 0px;
        color: #dbff00; }

textarea::-webkit-input-placeholder {
  text-align: center; }

textarea:-moz-placeholder {
  text-align: center; }

textarea::-moz-placeholder {
  text-align: center; }

textarea:-ms-input-placeholder {
  text-align: center; }

input, input[type=text], input[type=tel], input[type=email], select, textarea {
  border: 2px solid #2eb3e5;
border:0;
  background-color: #f1f1f1; 
border-radius: 10px;
}

@-webkit-keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 100px 50px;
    opacity: 0; } }

@keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 100px 50px;
    opacity: 0; } }

/* Fancy checkboxes */
#formCheckboxes {
  text-align: center;
  margin: 1em auto 2em; }
  #formCheckboxes p {
    margin: 0 auto 2em; }

input[type=checkbox].fancyCheckbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=checkbox].fancyCheckbox + label.fancyLabel, input[type=checkbox].fancyCheckbox + label.fancyLabel.clr {
  padding-left: 1.85em;
  height: 1.5em;
  display: inline-block;
  line-height: 1.5em;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 1.35em;
  vertical-align: middle;
  cursor: pointer;
  margin: .5em 1em; }

input[type=checkbox].fancyCheckbox:checked + label.fancyLabel, input[type=checkbox].fancyCheckbox + label.fancyLabel.chk {
  background-image: url(../images/ui/checkbox-checked.png); }

label.fancyLabel {
  background-image: url(../images/ui/checkbox-unchecked.png);
  background-size: 1.5em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#formCheckboxes {
  max-height: 0;
  overflow: hidden;
  transition: all .5s ease-out; }
  #formCheckboxes.opened {
    max-height: 800px; }

@media only screen and (max-width: 46.0625rem) {
  #formCheckboxes {
    text-align: left; }
    #formCheckboxes input[type=checkbox].fancyCheckbox + label.fancyLabel {
      display: block;
      height: auto; } }

@media only screen and (min-width: 46.0625rem) {
  .bleed.contact h2 {
    position: static;
    padding-right: 0;
    font-size: 2.25em; }
    .bleed.contact h2 i {
      position: static;
      margin-left: .5em; }
  #formCheckboxes {
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-out; }
    #formCheckboxes.opened {
      max-height: 400px; }
  .bleed.contact input[type=submit] {
    width: 60%; } }

@media only screen and (min-width: 64rem) {
  #formCheckboxes {
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-out; }
    #formCheckboxes.opened {
      max-height: 225px; }
  .bleed.contact input[type=submit] {
    width: 40%; } }

/* FORM VALIDATION */
.success {
  position: absolute;
  bottom: 7.75em;
  left: 10%;
  z-index: 99;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  width: 80%;
  margin: 1em auto;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 1.35em;
  font-family: "Century Gothic", "Muli", sans-serif;
  border: 2px solid #000000;
  padding: .75em;
  background: #DBFF00;
  color: #343434;
  transition: all .2s ease-out; }

.error {
  width: 80%;
  margin: 1em auto;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 1.35em;
  font-family: "Century Gothic", "Muli", sans-serif;
  border: 2px solid #000000;
  padding: .75em;
  background: #DBFF00;
  color: #343434; }

@media only screen and (min-width: 64rem) {
  .show-for-large-up {
    display: inline !important; } }