/*
Theme Name: Forgione
Theme URI: http://forgionelandscaping.com/
Description: Custom theme for Forgione Landscaping
Author: Scott Poulin and Steve Dariotis
Version: 0.5
*/
@font-face { font-family: Montserrat; src: url("fonts/Montserrat-Light.eot"); src: url("fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Light.woff") format("woff"), url("fonts/Montserrat-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 300; }
@font-face { font-family: Montserrat; src: url("fonts/Montserrat-Regular.eot"); src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Regular.woff") format("woff"), url("fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 400; }
@font-face { font-family: AGI; src: url("fonts/AGI.eot"); src: url("fonts/AGI.eot?#iefix") format("embedded-opentype"), url("fonts/AGI.woff") format("woff"), url("fonts/AGI.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: normal; font-style: italic; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: inherit; font: inherit; vertical-align: baseline; list-style: none; }

table { border-spacing: 0; }

article, aside, figure, footer, header, nav, section { display: block; }

.bg-black { background-color: #231f20 !important; }
.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4 { color: white; }

.text-black { color: #231f20 !important; }

.bg-blue { background-color: #001640 !important; }
.bg-blue, .bg-blue a { color: white !important; }
.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4 { color: white; }

.text-blue { color: #001640 !important; }

.bg-gray-pale { background-color: #e5e8ec !important; }

.text-gray-pale { color: #e5e8ec !important; }

.bg-green { background-color: #60a60e !important; }
.bg-green h1, .bg-green h2, .bg-green h3, .bg-green h4 { color: white; }

.text-green { color: #60a60e !important; }

.bg-green-light { background-color: #9dc170 !important; }
.bg-green-light h1, .bg-green-light h2, .bg-green-light h3, .bg-green-light h4 { color: white; }

.text-green-light { color: #9dc170 !important; }

.bg-purple { background-color: #720d54 !important; }
.bg-purple h1, .bg-purple h2, .bg-purple h3, .bg-purple h4 { color: white; }

.text-purple { color: #720d54 !important; }

.bg-white { background-color: white !important; }

.text-white { color: white !important; }

body, html { background-color: white; }

body, input, select, textarea { font: 100%/1.875 Montserrat, Geneva, sans-serif; font-weight: 300; color: #231f20; }

a { text-decoration: underline; color: #001640; }
a:active { background: transparent; }

.aligncenter { text-align: center; }
.aligncenter div, .aligncenter img { margin-left: auto; margin-right: auto; }

.alignleft { float: left; }

.alignright { float: right; text-align: right; }

b, strong { font-weight: 400; }

.bg-image-cover { background-repeat: no-repeat; background-position: center top; background-size: cover; }

.bg-image-top { background-repeat: no-repeat; background-position: center top; }

big, .big { font-size: 1.25em; }

.block { display: block; clear: both; width: 95%; margin-left: 2.5%; margin-right: 2.5%; margin-bottom: 4em; }
.block.aligncenter, .block.alignright { float: none; text-align: left; }
.block iframe { max-width: 100%; }
.block img { max-width: 100%; height: auto; }

button, .button, .checkout-button, input[type=button], input[type=submit], input[type=reset] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; height: 2em; line-height: 2em; white-space: nowrap; background: white; color: #1e1a1b; text-align: center; text-decoration: none; text-transform: uppercase; padding: 0 20px; border: 1px solid #60a60e; -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-transition-property: color, background-color; -webkit-transition-property: color, background-color; -o-transition-property: color, background-color; -ms-transition-property: color, background-color; transition-property: color, background-color; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
button:hover, button:active, button.active, .button:hover, .button:active, .button.active, .checkout-button:hover, .checkout-button:active, .checkout-button.active, input[type=button]:hover, input[type=button]:active, input[type=button].active, input[type=submit]:hover, input[type=submit]:active, input[type=submit].active, input[type=reset]:hover, input[type=reset]:active, input[type=reset].active { background-color: #60a60e; color: white; }
button.big, .button.big, .checkout-button.big, input[type=button].big, input[type=submit].big, input[type=reset].big { height: 3em; line-height: 2.85em; font-size: 1.25em; border-width: 2px; display: block; width: 100%; }

input[type=radio], input[type=checkbox], label[for] { cursor: pointer; }

.clear, .dissolve, .horizontal-scroll, section { clear: both; }

.clear:before, .dissolve:before, .horizontal-scroll:before, section:before, .clear:after, .dissolve:after, .horizontal-scroll:after, section:after { content: ""; display: block; width: 100%; clear: both; }

.columns-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 25px; -webkit-column-gap: 25px; column-gap: 25px; }

.dissolve, .horizontal-scroll { position: relative; width: 100%; overflow: hidden; }
.dissolve .directional-nav a, .horizontal-scroll .directional-nav a { overflow: hidden; text-indent: 150%; white-space: nowrap; background: url(images/sprites.png) no-repeat left -200px; background-size: 300px; position: absolute; display: block; left: 2.5%; top: 50%; margin-top: -40px; height: 80px; width: 40px; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; z-index: 100; }
.dissolve .directional-nav a:hover, .horizontal-scroll .directional-nav a:hover { -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; }
.dissolve .directional-nav a[href="#next"], .horizontal-scroll .directional-nav a[href="#next"] { left: auto; right: 2.5%; background-position: -40px -200px; }
.dissolve img, .horizontal-scroll img { display: block; }
.dissolve .main article, .horizontal-scroll .main article { text-align: center; width: 80%; margin-left: 10%; margin-right: 10%; display: inline-block; vertical-align: middle; line-height: normal; }
.dissolve .page-nav, .horizontal-scroll .page-nav { display: none; }

.dissolve { height: 200px; }
.dissolve .main > div { position: absolute; top: 0; }
.dissolve .main > div:first-child { z-index: 50; }
.dissolve .main > div article { position: absolute; top: 0; bottom: 0; left: 0; line-height: 200px; }
.dissolve .main > div article > * { display: inline-block; vertical-align: middle; line-height: normal; text-align: center; max-width: 560px; }
.dissolve .main > div > img { width: 200%; margin-left: -50%; }

footer { font-size: .75em; padding: 9em 0 3em; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-bottom: .75em; padding-top: .25em; line-height: 1; color: #60a60e; }

h1, h6 { text-transform: uppercase; }

h2 { line-height: 1.2222; }

h3 { font-family: AGI, Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.5714; }

h1, .h1 { font-size: 3em; }

h1 .h2 { font-size: 0.75em; }
h1 .h3 { font-size: 0.58333em; }
h1 .h4 { font-size: 0.5em; }
h1 .h5 { font-size: 0.41667em; }
h1 .h6 { font-size: 0.33333em; }

h2, .h2 { font-size: 2.25em; }

h2 .h1 { font-size: 1.33333em; }
h2 .h3 { font-size: 0.77778em; }
h2 .h4 { font-size: 0.66667em; }
h2 .h5 { font-size: 0.55556em; }
h2 .h6 { font-size: 0.44444em; }

h3, .h3 { font-size: 1.75em; }

h3 .h1 { font-size: 1.71429em; }
h3 .h2 { font-size: 1.28571em; }
h3 .h4 { font-size: 0.85714em; }
h3 .h5 { font-size: 0.71429em; }
h3 .h6 { font-size: 0.57143em; }

h4, .h4 { font-size: 1.5em; }

h4 .h1 { font-size: 2em; }
h4 .h2 { font-size: 1.5em; }
h4 .h3 { font-size: 1.16667em; }
h4 .h5 { font-size: 0.83333em; }
h4 .h6 { font-size: 0.66667em; }

h5, .h5 { font-size: 1.25em; }

h5 .h1 { font-size: 2.4em; }
h5 .h2 { font-size: 1.8em; }
h5 .h3 { font-size: 1.4em; }
h5 .h4 { font-size: 1.2em; }
h5 .h6 { font-size: 0.8em; }

h6, .h6 { font-size: 1em; }

h6 .h1 { font-size: 3em; }
h6 .h2 { font-size: 2.25em; }
h6 .h3 { font-size: 1.75em; }
h6 .h4 { font-size: 1.5em; }
h6 .h5 { font-size: 1.25em; }

hr { border: none; height: 0px; overflow: hidden; border-bottom: 1px solid #231f20; clear: both; margin: 2em 0; }

header { position: fixed; z-index: 500; width: 100%; height: 80px; background: #001640; }
header a { text-decoration: none; }
header a[href="#mobile-menu"] { position: absolute; top: 1.5em; right: 2.5%; z-index: 55; overflow: hidden; text-indent: 150%; white-space: nowrap; width: 36px; height: 20px; border-top: 4px solid white; border-bottom: 4px solid white; }
header a[href="#mobile-menu"]:after { content: " "; height: 0; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -2px; border-bottom: 4px solid white; }
header nav { background: #001640; height: 0; padding: .5em 5% 0; margin: 0 -2.5%; overflow: hidden; text-transform: uppercase; }
header nav.open { height: auto; }
header nav a { color: #60a60e; -moz-transition-property: color; -webkit-transition-property: color; -o-transition-property: color; -ms-transition-property: color; transition-property: color; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
header nav a:hover { color: white; }
header nav li { position: relative; }
header nav ul { padding: .5em 0 1em; }
header .wrap { padding: .75em 0; }

.hidden { display: none; }

.horizontal-scroll { height: 300px; }
.horizontal-scroll .main > div { position: relative; display: block; float: left !important; clear: none !important; overflow: hidden; }

.indent { margin: 0 3%; }

.inline { display: inline !important; }

input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, .select-box, textarea { background: #dce9cd; background: rgba(255, 255, 255, 0.65); color: #231f20; -webkit-appearance: none; border: 1px solid #60a60e; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-transition-property: color, background-color; -webkit-transition-property: color, background-color; -o-transition-property: color, background-color; -ms-transition-property: color, background-color; transition-property: color, background-color; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-delay: 0; -webkit-transition-delay: 0; -o-transition-delay: 0; -ms-transition-delay: 0; transition-delay: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .875em; height: 2.7142em; padding: 5px 8px; width: 100%; display: block; margin-bottom: .75em; }
input[type=date]:active, input[type=date]:focus, input[type=date].valid, input[type=datetime]:active, input[type=datetime]:focus, input[type=datetime].valid, input[type=datetime-local]:active, input[type=datetime-local]:focus, input[type=datetime-local].valid, input[type=email]:active, input[type=email]:focus, input[type=email].valid, input[type=month]:active, input[type=month]:focus, input[type=month].valid, input[type=number]:active, input[type=number]:focus, input[type=number].valid, input[type=password]:active, input[type=password]:focus, input[type=password].valid, input[type=tel]:active, input[type=tel]:focus, input[type=tel].valid, input[type=text]:active, input[type=text]:focus, input[type=text].valid, input[type=time]:active, input[type=time]:focus, input[type=time].valid, input[type=url]:active, input[type=url]:focus, input[type=url].valid, input[type=week]:active, input[type=week]:focus, input[type=week].valid, select:active, select:focus, select.valid, .select-box:active, .select-box:focus, .select-box.valid, textarea:active, textarea:focus, textarea.valid { background: rgba(255, 255, 255, 0.85); outline: none; }
input[type=date]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, select:disabled, .select-box:disabled, textarea:disabled { background: #ccc; background: rgba(204, 204, 204, 0.65); }
input[type=date].error, input[type=datetime].error, input[type=datetime-local].error, input[type=email].error, input[type=month].error, input[type=number].error, input[type=password].error, input[type=tel].error, input[type=text].error, input[type=time].error, input[type=url].error, input[type=week].error, select.error, .select-box.error, textarea.error { background-color: #FFEFEA; border-color: #FF9184; }

::-webkit-input-placeholder { color: #231f20; }

:-moz-placeholder { color: #231f20; }

::-moz-placeholder { color: #231f20; }

:-ms-input-placeholder { color: #231f20; }

#logo { overflow: hidden; text-indent: 150%; white-space: nowrap; display: inline-block; width: 155px; height: 51px; background: url(images/sprites.png) no-repeat left top; background-size: 200px; margin-left: 2.5%; vertical-align: middle; -moz-transition-property: width, height, background-size; -webkit-transition-property: width, height, background-size; -o-transition-property: width, height, background-size; -ms-transition-property: width, height, background-size; transition-property: width, height, background-size; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }

.modal { display: block; width: 80%; height: 80%; display: none; position: fixed; z-index: 1001; left: 10%; top: 20px; background: #fff; }
.modal .close { position: absolute; display: block; width: 34px; height: 34px; right: 10px; top: 10px; background: #001640; color: white; font-size: 24px; line-height: 34px; text-decoration: none; text-align: center; z-index: 100; }
.modal .close:hover { text-decoration: none; }

.nobr { white-space: nowrap; }

ol.standard, section ol, #tinymce ol, ul.standard, .modal ul, section ul, #tinymce ul { padding-left: 2em; margin: 0 0 1em; }
ol.standard li, section ol li, #tinymce ol li, ul.standard li, .modal ul li, section ul li, #tinymce ul li { margin-bottom: .25em; }

ol.standard li, section ol li, #tinymce ol li { list-style: outside decimal; }

ul.standard li, .modal ul li, section ul li, #tinymce ul li { list-style: outside disc; }

ul.columns-2 { padding-left: 0; }
ul.columns-2 li { list-style: none; }

.overlay { width: 100%; height: 100%; position: fixed; z-index: 1000; left: 0px; top: 0px; background: #000; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; display: none; zoom: 1; }

p { margin: 0 0 1em; }

section { overflow: hidden; position: relative; min-height: 100px; padding: 3.5em 0 1em; }
section:first-of-type { padding-top: 80px; padding-bottom: 0; }

small, .small { font-size: 87.5%; }

.smaller { font-size: 75%; }

.social a, .social li { display: inline-block; }
.social a { overflow: hidden; text-indent: 150%; white-space: nowrap; width: 72px; height: 72px; margin: 0 .375em; background: url(images/sprites.png) no-repeat left -100px; background-size: 300px; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-delay: 0; -webkit-transition-delay: 0; -o-transition-delay: 0; -ms-transition-delay: 0; transition-delay: 0; }
.social a:hover { -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; }
.social a[href*="linkedin.com"] { background-position: -84px -100px; }
.social a[href*="plus.google.com"] { background-position: -168px -100px; }

textarea { height: 9em; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

#tinymce { padding: 10px; }

.wrap { width: 96%; max-width: 1200px; position: relative; margin-left: auto; margin-right: auto; }

#intro .dissolve { height: 200px; }

#projects .block { margin-bottom: 1em; }
#projects .button { font-size: 1.25em; line-height: 1.9em; width: 2em; padding: 0; text-align: center; margin: 0 .25em .25em; }
#projects h5 { color: #231f20; }
#projects .horizontal-scroll { margin-bottom: 1.5em; height: 200px; }
#projects .horizontal-scroll .directional-nav a { background-position: -80px -200px; }
#projects .horizontal-scroll .directional-nav a[href="#next"] { background-position: -120px -200px; }
#projects .horizontal-scroll .main { height: 100%; }
#projects .horizontal-scroll .main > div { background: url(images/loading.gif) no-repeat center center; height: 100%; }
#projects .horizontal-scroll .main > div img { height: 110%; width: auto; display: block; margin: -2.8% auto 0; }

#quote, #testimonials { padding: 1.25em 0 1em; }

#testimonials .horizontal-scroll { height: 450px; }

@media (max-width: 450px) { #projects .button { font-size: 1em; margin: 0 .125em .25em; } }
@media (max-width: 500px) { h1 { font-size: 2.5em; }
  h2 { font-size: 1.6875em; }
  h3 { font-size: 1.5em; }
  h4 { font-size: 1.125em; }
  #intro .dissolve { height: 300px; }
  #projects .horizontal-scroll { height: 300px; } }
@media (max-width: 700px) { .dissolve .directional-nav a, .horizontal-scroll .directional-nav a { background-position: left -133px; background-size: 200px; margin-top: -26px; height: 53px; width: 27px; }
  .dissolve .directional-nav a[href="#next"], .horizontal-scroll .directional-nav a[href="#next"] { background-position: -27px -133px; }
  #projects .horizontal-scroll .directional-nav a { background-position: -53px -133px; }
  #projects .horizontal-scroll .directional-nav a[href="#next"] { background-position: -80px -133px; } }
@media (min-width: 600px) { .modal > div { margin: 3em 2em; }
  #intro .dissolve { height: 375px; }
  #projects .horizontal-scroll { height: 350px; } }
@media (min-width: 750px) { .block { display: block; margin-bottom: 3em; }
  .block.aligncenter { float: none !important; clear: both !important; margin-left: auto; margin-right: auto; }
  .block.alignmiddle { float: none !important; display: inline-block; vertical-align: middle; }
  .block.alignright { float: right !important; }
  .block.width-17 { width: 11.66667%; float: left; clear: none; }
  .block.width-20 { width: 15%; float: left; clear: none; }
  .block.width-25 { width: 20%; float: left; clear: none; }
  .block.width-33 { width: 28.33333%; float: left; clear: none; }
  .block.width-40 { width: 35%; float: left; clear: none; }
  .block.width-50 { width: 45%; float: left; clear: none; }
  .block.width-60 { width: 55%; float: left; clear: none; }
  .block.width-67 { width: 61.66667%; float: left; clear: none; }
  .block.width-75 { width: 70%; float: left; clear: none; }
  .block.width-80 { width: 75%; float: left; clear: none; }
  .block.width-83 { width: 78.33333%; float: left; clear: none; }
  .block.width-100 { width: "95%%"; float: none; }
  .dissolve .main > div > img { width: 140%; margin-left: -20%; }
  header { height: 146px; -moz-transition-property: height; -webkit-transition-property: height; -o-transition-property: height; -ms-transition-property: height; transition-property: height; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; text-align: center; }
  header a[href="#mobile-menu"] { display: none; }
  header nav { width: 100%; margin: 1em 0 0; -moz-transition-property: margin-top; -webkit-transition-property: margin-top; -o-transition-property: margin-top; -ms-transition-property: margin-top; transition-property: margin-top; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; padding: 0; overflow: visible; }
  header nav > ul { padding: 0; }
  header nav > ul > li { position: relative; display: inline-block; font-size: 1.25em; margin: 0 1em; }
  #logo { width: 232px; height: 77px; background-size: 300px; margin: 0; }
  .mobile { display: none !important; }
  .no-mobile { display: inherit !important; }
  .modal { width: 90%; }
  .scrolling header { height: 80px; }
  .scrolling #logo { width: 155px; height: 50px; background-size: 200px; }
  .scrolling section:first-of-type { padding-top: 80px; }
  section { padding: 8.75em 0 4.5em; }
  section:first-of-type { padding-top: 146px; }
  #intro .dissolve { height: 325px; }
  #projects .horizontal-scroll { height: 430px; }
  #testimonials .horizontal-scroll { height: 400px; } }
@media (min-width: 900px) { header.compact { height: 100px; }
  header.compact nav { margin-top: 0; }
  header nav { margin-top: 2em; }
  #intro .dissolve { height: 400px; }
  #projects .horizontal-scroll { height: 530px; }
  #testimonials .horizontal-scroll { height: 360px; } }
@media (min-width: 1000px) { .bg-gray-pale.with-gradient { background: -moz-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(5%, #dbdfe4), color-stop(95%, #dbdfe4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); }
  #contact h4 { display: inline-block; margin-left: 1em; margin-right: 1em; }
  #contact h4:first-of-type { margin-right: 0; }
  #contact h4:first-of-type:after { content: "|"; margin-left: 1em; margin-right: -.25em; color: #001640; }
  #intro .dissolve { height: 440px; }
  #projects .horizontal-scroll { height: 590px; }
  #testimonials .horizontal-scroll { height: 335px; } }
@media (min-width: 1100px) { .bg-gray-pale.with-gradient { background: -moz-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(10%, #dbdfe4), color-stop(90%, #dbdfe4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); }
  #intro .dissolve { height: 480px; }
  #projects .horizontal-scroll { height: 650px; }
  #testimonials .horizontal-scroll { height: 310px; } }
@media (min-width: 1200px) { .dissolve .main > div > img { width: 100%; margin-left: 0; }
  #intro .dissolve { height: 380px; }
  #projects .horizontal-scroll { height: 710px; }
  #testimonials .horizontal-scroll { height: 310px; } }
@media (min-width: 1300px) { .bg-gray-pale.with-gradient { background: -moz-linear-gradient(left, #ffffff 0%, #dbdfe4 15%, #dbdfe4 85%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(15%, #dbdfe4), color-stop(85%, #dbdfe4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #dbdfe4 15%, #dbdfe4 85%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #dbdfe4 15%, #dbdfe4 85%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #dbdfe4 15%, #dbdfe4 85%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #dbdfe4 15%, #dbdfe4 85%, #ffffff 100%); } }
@media (min-width: 1400px) { #intro .dissolve { height: 440px; } }
@media (min-width: 1500px) { .bg-gray-pale.with-gradient { background: -moz-linear-gradient(left, #ffffff 0%, #dbdfe4 20%, #dbdfe4 80%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(20%, #dbdfe4), color-stop(80%, #dbdfe4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #dbdfe4 20%, #dbdfe4 80%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #dbdfe4 20%, #dbdfe4 80%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #dbdfe4 20%, #dbdfe4 80%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #dbdfe4 20%, #dbdfe4 80%, #ffffff 100%); } }
@media (min-width: 1600px) { #intro .dissolve { height: 500px; } }
@media (min-width: 1800px) { .bg-gray-pale.with-gradient { background: -moz-linear-gradient(left, #ffffff 0%, #dbdfe4 25%, #dbdfe4 75%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(25%, #dbdfe4), color-stop(75%, #dbdfe4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #dbdfe4 25%, #dbdfe4 75%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #dbdfe4 25%, #dbdfe4 75%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #dbdfe4 25%, #dbdfe4 75%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #dbdfe4 25%, #dbdfe4 75%, #ffffff 100%); }
  #intro .dissolve { height: 560px; } }
@media (min-width: 2000px) { #intro .dissolve { height: 620px; } }
.IE8 .block { display: block; margin-bottom: 3em; }
.IE8 .block.aligncenter { float: none !important; clear: both !important; margin-left: auto; margin-right: auto; }
.IE8 .block.alignmiddle { float: none !important; display: inline-block; vertical-align: middle; }
.IE8 .block.alignright { float: right !important; }
.IE8 .block.width-17 { width: 11.66667%; float: left; clear: none; }
.IE8 .block.width-20 { width: 15%; float: left; clear: none; }
.IE8 .block.width-25 { width: 20%; float: left; clear: none; }
.IE8 .block.width-33 { width: 28.33333%; float: left; clear: none; }
.IE8 .block.width-40 { width: 35%; float: left; clear: none; }
.IE8 .block.width-50 { width: 45%; float: left; clear: none; }
.IE8 .block.width-60 { width: 55%; float: left; clear: none; }
.IE8 .block.width-67 { width: 61.66667%; float: left; clear: none; }
.IE8 .block.width-75 { width: 70%; float: left; clear: none; }
.IE8 .block.width-80 { width: 75%; float: left; clear: none; }
.IE8 .block.width-83 { width: 78.33333%; float: left; clear: none; }
.IE8 .block.width-100 { width: "95%%"; float: none; }
.IE8 .modal > div { margin: 3em 2em; }
.IE8 #intro .dissolve { height: 375px; }
.IE8 #projects .horizontal-scroll { height: 350px; }
.IE8 .dissolve .main > div > img { width: 140%; margin-left: -20%; }
.IE8 header { height: 146px; -moz-transition-property: height; -webkit-transition-property: height; -o-transition-property: height; -ms-transition-property: height; transition-property: height; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; text-align: center; }
.IE8 header a[href="#mobile-menu"] { display: none; }
.IE8 header nav { width: 100%; margin: 1em 0 0; -moz-transition-property: margin-top; -webkit-transition-property: margin-top; -o-transition-property: margin-top; -ms-transition-property: margin-top; transition-property: margin-top; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; padding: 0; overflow: visible; }
.IE8 header nav > ul { padding: 0; }
.IE8 header nav > ul > li { position: relative; display: inline-block; font-size: 1.25em; margin: 0 1em; }
.IE8 #logo { width: 232px; height: 77px; background-size: 300px; margin: 0; }
.IE8 .mobile { display: none !important; }
.IE8 .no-mobile { display: inherit !important; }
.IE8 .modal { width: 90%; }
.IE8 .scrolling header { height: 80px; }
.IE8 .scrolling #logo { width: 155px; height: 50px; background-size: 200px; }
.IE8 .scrolling section:first-of-type { padding-top: 80px; }
.IE8 section { padding: 8.75em 0 4.5em; }
.IE8 section:first-of-type { padding-top: 146px; }
.IE8 #intro .dissolve { height: 325px; }
.IE8 #projects .horizontal-scroll { height: 430px; }
.IE8 #testimonials .horizontal-scroll { height: 400px; }
.IE8 header.compact { height: 100px; }
.IE8 header.compact nav { margin-top: 0; }
.IE8 header nav { margin-top: 2em; }
.IE8 #intro .dissolve { height: 400px; }
.IE8 #projects .horizontal-scroll { height: 530px; }
.IE8 #testimonials .horizontal-scroll { height: 360px; }
.IE8 .bg-gray-pale.with-gradient { background: -moz-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(5%, #dbdfe4), color-stop(95%, #dbdfe4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #dbdfe4 5%, #dbdfe4 95%, #ffffff 100%); }
.IE8 #contact h4 { display: inline-block; margin-left: 1em; margin-right: 1em; }
.IE8 #contact h4:first-of-type { margin-right: 0; }
.IE8 #contact h4:first-of-type:after { content: "|"; margin-left: 1em; margin-right: -.25em; color: #001640; }
.IE8 #intro .dissolve { height: 440px; }
.IE8 #projects .horizontal-scroll { height: 590px; }
.IE8 #testimonials .horizontal-scroll { height: 335px; }
.IE8 .bg-gray-pale.with-gradient { background: -moz-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(10%, #dbdfe4), color-stop(90%, #dbdfe4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #dbdfe4 10%, #dbdfe4 90%, #ffffff 100%); }
.IE8 #intro .dissolve { height: 480px; }
.IE8 #projects .horizontal-scroll { height: 650px; }
.IE8 #testimonials .horizontal-scroll { height: 310px; }
.IE8 .dissolve .main > div > img { width: 100%; margin-left: 0; }
.IE8 #intro .dissolve { height: 380px; }
.IE8 #projects .horizontal-scroll { height: 710px; }
.IE8 #testimonials .horizontal-scroll { height: 310px; }
.IE8 .dissolve .directional-nav a, .IE8 .horizontal-scroll .directional-nav a, .IE8 #logo, .IE8 .social a { background-image: url(images/sprites-ie8.png); }
.IE8 section#intro { padding-top: 80px; padding-bottom: 0; }

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