/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea {font-family: 'Open Sans', sans-serif;}
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0;font-family: 'Open Sans', sans-serif;}
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
 
h1 { font-size: 130%; margin: 0.67em 0;}
h2 { font-size: 1.8em; margin: 0.67em 0;}
h3 { font-size: 1.25em; margin: 0.8em 0; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }

/* * Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
Global Styles
========================================================================== */
a { color: #EE1F24; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a:hover, a:focus { color: #808080; text-decoration: none; }
p { word-spacing: 1px; line-height: 25px; color: #555555; font-size:1.25em; }
h3 {color:#333333; text-transform: uppercase; font-weight: bold; }
h3::after { content: " "; border: solid 2px #EE1F24; display: block; width: 40px; margin: 20px auto; }
.section-padding { padding: 80px 0 90px 0;}
.dark-bg { background: #f3f5f8; }
.light-bg { background-color: #fff; }
.box-hover { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
.box-hover:hover, .box-hover:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.wrapper { height: 650px; }
.nopadding { padding: 0; }
.inner { padding-top: 170px; }
.quote {border-top: 1px dotted #cccccc;margin: 2em 0 0 0;}
.quote .fa {font-size:30px; padding-top:1em;}
.left-align {text-align:left;}
.center-align {text-align:center;}
.italic {font-style:italic; line-height:1.5em;}
.red {color:#EE1F24; margin-right: 10px;}
.link {margin: 3em 0 0 0; padding:2em 0 0 0;border-top:1px #cccccc dotted;}
.copyright {font-size:1em;}
.white {color:#ffffff;}
/* ==========================================================================
Top Header
========================================================================== */
.logo img {width: 40%; margin-bottom: 1%;border-bottom:2px solid #fff; padding-bottom:4%}
.main {background: url('../img/map-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*background-attachment: fixed;*/ padding: 5% 0 2% 0;}
.main h1 {color: #ffffff; line-height: 25px;letter-spacing: 2px; word-spacing: 1px; margin:0 0 10% 0;}

div .arrowDown-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main .icon {font-size: 2.5em; height: 2%; width: 2%; line-height: 2%; max-width: 50%; position: relative; margin: 0 auto; text-shadow: none; background: none; opacity:0.5; filter: alpha(opacity=50);}
	
/* ==========================================================================
Intro
========================================================================== */
.intro { background: #f3f5f8; }
h2.arrow { font-size: 1.8em; text-transform: uppercase; color: #353535; letter-spacing: 1px; background: url('../img/h2-bg.png') no-repeat center bottom; padding-bottom: 30px; font-weight: bold; }

/* ==========================================================================
Work
========================================================================== */
.work-wrapper { margin: 70px 0 0; }
.icon { height: 150px; width: 150px; line-height: 150px; max-width: 100%; background: #9AA6B0; text-shadow: 2px 2px #626A70; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; font-size: 4em; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px; }
.work .left-align{width:80%; margin:0 auto; }

/* ==========================================================================
About
========================================================================== */
.about { background: url('../img/keyboard-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.about h2, .about h3, .about p { color: #fff;}

/* ==========================================================================
Contact
========================================================================== */

/* ==========================================================================
Footer
========================================================================== */
footer { background-color: #222222; padding: 0.2em 0; }
footer p { color: #808080; }
/* ==========================================================================
FlexSlider Custom CSS
========================================================================== */
#servicesSlider { margin-top: 70px; }
ul.slides li { margin-bottom: 20px; }
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }