/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Import: fonts
   ========================================================================== */


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
	font: normal 1em/100% 'Open Sans', Verdana, Arial, sans-serif;		
}
select,
textarea,
input[type="submit"],
button[type="submit"] {
	font-size:0.875em;
}
textarea {
	resize: vertical;	
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 */
::-moz-selection {
    background: #CCC;
    text-shadow: none;
}

::selection {
    background: #CCC;
    text-shadow: none;
}

/* WebKit browsers */
::-webkit-input-placeholder { 
    color: #999;
	text-transform:uppercase;
}
.dark ::-webkit-input-placeholder { 
    color: #313131;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { 
    color: #999;
	text-transform:uppercase;	
}
.dark :-moz-placeholder { 
    color: #313131;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder { 
    color: #999;
	text-transform:uppercase;	
}
.dark ::-moz-placeholder { 
    color: #313131;
}
/* Internet Explorer 10+ */
:-ms-input-placeholder { 
    color: #999;
	text-transform:uppercase;	
}
.dark :-ms-input-placeholder { 
    color: #313131;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
select,
input[type="submit"],
button[type="submit"] {
	transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out, background 0.2s ease-in-out; 
    box-shadow: 0 0 10px rgba(255,255,255,0);
	border:none;
	background:#EEE;
}
input[type="submit"],
button[type="submit"] {
	padding:0.875em 1.5em;
	width:100%;
	text-transform:uppercase;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus,
input[type="submit"]:focus,
button[type="submit"]:focus {
    box-shadow: 0 0 10px #FFF;
	outline:0;
	background:#DDD;
}

button i.fa-spinner {
	margin-left:0.5em;
}

span.error, small.error {
	font-family:'Open Sans', Verdana, Arial, sans-serif;		
	font-weight: 300;
	font-style: normal;
	background:#FF7676;
}

.inline-inputs {
	background:#FFF;	
	padding:0.5rem;
	margin-bottom:1rem;	
}
.inline-inputs ~ .error {
	margin-top:-1rem;	
}
.inline-inputs label {
	display:inline-block;	
	margin:0 0.5rem 0 0;
	font: normal 0.875em/100% 'Open Sans', Verdana, Arial, sans-serif;		
}
.inline-inputs label input {
	margin:0;	
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

a {
	color:#0085B2;	
	text-decoration:none;	
    transition: all 0.3s ease-in-out;		
}
a:hover {
	color:#00A5DC;	
}
a[href^="tel:"] {
	white-space:nowrap;	
}

blockquote {
	font: 300 1.125em/150% 'Open Sans', Verdana, Arial, sans-serif;		
	border:none;
	padding:0;
	color:#666;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#app-notices {
	position:fixed;
	top:-5em;
	left:0;		
	width:100%;
	color:#FFF;	
	z-index:9999999;
	font: 300 1.25em/150% 'Open Sans', Verdana, Arial, sans-serif;		
}
#app-notices div.notice {
	padding:0.75em;
	background:rgba(200,0,0,0.9);
    box-shadow: 0 0.1em 2em rgba(200,0,0,0.7);		
    border:1px solid rgba(255,0,0,0.2); 
}
#app-notices div.notice a {
	color:#FFF;	
}
#app-notices div.notice div.icon {
	float:left;
	margin:0 0.5em 0 0;	
}
#app-notices div.notice div.close {
	float:right;	
	text-align:left;
	cursor:pointer;
	margin:0 0 0 1em;
}

#app-menu, #app-tagline {
	position:fixed;
	z-index:1000;
	width:100%;	
	color:#FFF;
}
#app-menu.expanded {
	position:absolute;
}
#app-menu.expanded + #app-tagline {
	display:none;
}
#app-menu a {
	transition: background 0.3s ease-in-out;						
}

#app-tagline {
	background:rgba(0,0,0,0.5);
	font: 300 1.25em/150% 'Open Sans', Verdana, Arial, sans-serif;		
	text-transform:uppercase;
	z-index:999;
}
#app-tagline a {
	color:#FFF;
	transition:none;
}
#app-tagline a:hover {
	text-decoration:underline;	
}

#app-cover {
	overflow:hidden;
	background:#EAEAEA;
}
#app-cover .swiper-container {
	position:relative;
}
#app-cover .swiper-slide {
	position:relative;		
	display:block;
}
#app-cover .swiper-slide header {
	position:absolute;
	z-index:50;	
	text-align:left;
	overflow:visible;	
	background:rgba(19, 62, 87, 0.9);
	padding:1em;
}
#app-cover .swiper-slide header h1 {
	font: 300 3.75em/100% 'Open Sans', Verdana, Arial, sans-serif;		
	color:#FFF;	
}
#app-cover .swiper-slide header h2 {
	font: 300 2.5em/100% 'Open Sans', Verdana, Arial, sans-serif;			
	color:#FFF;		
}
#app-cover .swiper-slide header .arrow {
	background:rgba(19, 62, 87, 0.9);
	display:block;	
	position:absolute;
	width:1.5em;
	height:1.5em;
	text-align:center;
	left:-1.5em;
	top:0;
	color:#FFF;
	font-size:2.5em;
	box-sizing:border-box;
	padding-top:0.25em;
}
#app-cover .swiper-pagination {
	bottom:0;
}
#app-cover .swiper-pagination-bullet {	
	font-size:0.75em;
	margin:0 0.688em;
	background: #FFF; 
	opacity: 1; 
	border-radius:0 !important;
}
#app-cover .swiper-pagination-bullet-active {
	background: rgba(255,255,255,0.6); 
}
#app-cover .shadow {
	width:100%;
	height: 1em;	
	position:absolute;
	z-index:50;
	bottom:0;
	box-shadow:inset 0 -0.750em 0.938em -0.625em rgba(0,0,0,1);	
}

#app-get-quote header h1 {
	font:700 1.25em/100% 'Open Sans', Verdana, Arial, sans-serif;
	color:#FFF;
	padding:0.875em;	
	margin:0 0 0.5em 0;
	text-align:center;
	background:#252525;
}
#app-get-quote a {
	color:#0085B2;		
}
#app-get-quote a:hover {
	color:#00A5DC;
}
#app-get-quote p {
	color:#FFF;
	padding:1em;
	text-align:center;		
}
#app-get-quote form label {
	color:#FFF;
	text-align:left;	
}
#app-get-quote input, #app-get-quote textarea {
	background:#FFF;
	color:#313131;
	font-weight:300;
}
#app-get-quote textarea {
	resize: vertical;	
}
#app-get-quote small.error {
	padding-top:0.125em;
	padding-bottom:0.125em;	
	background:#AAA;
}
#app-get-quote button {
	background:#dddddd;
	color:#313131;
	font-weight:300;
}
#app-get-quote button:hover {
	background:#AAA;
}
#app-get-quote input[type="submit"]:focus,
#app-get-quote button[type="submit"]:focus {
    box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
#app-get-quote div.services {
	margin-bottom:1em;	
}
#app-get-quote div.services label, #app-get-quote div.services input {
	margin-bottom:0;
}
#app-get-quote ul.off-canvas-list {

}
#app-get-quote ul.off-canvas-list li a {
	font:300 1em/100% 'Open Sans', Verdana, Arial, sans-serif;			
	padding:0.75em 1em;
	text-transform:uppercase;
}
#app-get-quote ul.off-canvas-list li a:hover {
	background: #242424; 
}

#app-service-map {
	height:0;
	position:relative;
	transition: height 0.5s ease-in-out;
	overflow:hidden;
}
#app-service-map.open {
	height:25em;
	border:none;
}
#app-service-map.open .google-map-shadow {
	width:100%;
	height: 1em;	
	position:absolute;
	z-index:50;
}
#app-service-map.open .google-map-shadow.top {
	box-shadow:inset 0 0.750em 0.938em -0.625em rgba(0,0,0,1);		
}
#app-service-map.open .google-map-shadow.bottom {
	box-shadow:inset 0 -0.750em 0.938em -0.625em rgba(0,0,0,1);	
	bottom:0;
}
#app-service-map .google-map {
	height: 25em;
	background:#CCC;		
}
#app-service-map .google-map iframe {
	width: 100%;
}
#app-service-map .google-map img { 
	max-width: none; 
}

#app-footer {
	background:#4f4f4f;	
	color:#FFF;
	font-weight: 300;
	font-size:		
}
#app-footer h1 {
	font:300 1.5em/130% 'Open Sans', Verdana, Arial, sans-serif;			
	margin:0 0 0.5em 0;	
	color:#FFF;
	text-transform:uppercase;
}
#app-footer p {
	font-size:0.875em;
	font-weight:300;
}
#app-footer p:last-child {
	margin-bottom:0;
	padding-bottom:0;	
}
#app-footer a {
	color:#FFF;	
	font-weight:700;
}
#app-footer div.newsletter {
	background:#5f5e5e;	
	text-align:center;	
}
#app-footer div.newsletter form {
	margin:2em 0 0 0;	
}
#app-footer div.newsletter input {
	background:#FFF;
	border:none;
	color:#313131;
	text-align:center;
	font-weight:300;
}
#app-footer div.newsletter button {
	background:#dddddd;
	color:#313131;
	margin:0;
	font-weight:300;
	text-transform:uppercase;				
}
#app-footer div.newsletter button:hover {
	background:#AAA;
}
#app-footer div.newsletter input[type="submit"]:focus,
#app-footer div.newsletter button[type="submit"]:focus {
    box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
#app-footer div.newsletter small.error {
	padding-top:0.125em;
	padding-bottom:0.125em;	
	background:#AAA;
}
#app-footer aside.legal ul.social {
	margin:0;
	padding:0;	
}
#app-footer aside.legal ul.social li {
	margin:0.313em 0 0 0;
	padding:0;	
	display:inline-block;
}
#app-footer aside.legal ul.social li a {
	width:1.5em;	
	height:1.5em;
	display:inline-block;
	text-align:center;
	color:#FFF;
}
#app-footer aside.legal {
	background:#3b3b3b;	
	padding:0.628em 0;	
	position:relative;	
}
#app-footer aside.legal p {
	margin:0;
	font-size:0.875em;	
}
#app-footer aside.legal a {
	font-weight:300;	
}
#app-footer aside.legal a:hover {
	text-decoration:underline;
}

#app-blogger div.wrapper {
	border-bottom: 1px solid #ccc;	
	margin:0 0 1.5em 0;
	padding:0 0 1.5em 0;	
}
#app-blogger div.wrapper:last-child {
	border-bottom: none;	
	margin:0;
	padding:0;		
}
#app-blogger div.wrapper h1 {
	transition: all 0.3s ease-in-out;	
	cursor:pointer;	
}
#app-blogger div.wrapper h1:hover {
	color:#0085B2;
}
#app-blogger div.wrapper h1 i.fa {
	-webkit-transition: -webkit-transform 0.2s ease-in-out;		
	transition: transform 0.2s ease-in-out;		
}
#app-blogger div.wrapper h1 i.open {
	-webkit-transform: rotate(-180deg); 
    transform: rotate(-180deg);	
}
#app-blogger div.wrapper .author {
	font-size:0.75em;
	margin:0.5em 0 0 0;	
	color:#999;
}

section.feature-image {
	background:no-repeat center center;
	box-shadow:inset 0 0.750em 0.938em -0.625em rgba(0,0,0,1), inset 0 -0.750em 0.938em -0.625em rgba(0,0,0,1);		
	min-height:23.750em;
	max-height:31.25em;
	position:relative;
}
section.feature-image.bg-0 {
	background-image:url(../img/bg-0.jpg);
}
section.feature-image.bg-1 {
	background-image:url(../img/bg-1.jpg);
}
section.feature-image.bg-2 {
	background-image:url(../img/bg-2.jpg);	
}
section.feature-image.bg-3 {
	background-image:url(../img/bg-3.jpg);	
}
section.feature-image.bg-4 {
	background-image:url(../img/bg-4.jpg);	
}
section.feature-image.bg-5 {
	background-image:url(../img/bg-5.jpg);	
}
section.feature-image.bg-6 {
	background-image:url(../img/bg-6.jpg);	
}
section.feature-image.bg-7 {
	background-image:url(../img/bg-7.jpg);	
}
section.feature-image.bg-8 {
	background-image:url(../img/bg-8.jpg);	
}
section.feature-image.bg-9 {
	background-image:url(../img/bg-9.jpg);	
}
section.feature-image.bg-10 {
	background-image:url(../img/bg-10.jpg);	
}
section.feature-image.bg-11 {
	background-image:url(../img/bg-11.jpg);	
}
section.feature-image.bg-12 {
	background-image:url(../img/bg-12.jpg);	
}
section.feature-image.bg-13 {
	background-image:url(../img/bg-13.jpg);	
}
section.feature-image.bg-14 {
	background-image:url(../img/bg-14.jpg);	
}
section.feature-image.bg-15 {
	background-image:url(../img/bg-15.jpg);	
}
section.feature-image.bg-16 {
	background-image:url(../img/bg-16.jpg);	
}
section.feature-image h1, section.feature-image h2 {
	color:#FFF;	
	margin:0;
}
section.feature-image header {
	text-align:left;
	padding:1em;	
	background:rgba(19, 62, 87, 0.9);
	position:absolute;
}
section.feature-image header a {
	color:#FFF;
}
section.feature-image header h1 {
	font: 300 2.5em/100% 'Open Sans', Verdana, Arial, sans-serif;		
}
section.feature-image header h2 {
	font: 300 1.5em/100% 'Open Sans', Verdana, Arial, sans-serif;		
}
main.plain, section.plain {
	padding:2em;		
	color:#666;
}
main.plain p, section.plain p, main.plain li, section.plain li,
main.plain, section.plain, main.plain div, section.plain div {
	font: 300 1.125rem/150% 'Open Sans', Verdana, Arial, sans-serif;		
}
main.plain header, section.plain header {
	margin:0;	
}
main.plain p:last-child, section.plain p:last-child {
	margin-bottom:0;	
}
main.plain a, section.plain a {
	color:#333;
	font-weight:normal;
}
main.plain a:hover, section.plain a:hover {
	color:#000;	
}
main.plain .highlight, section.plain .highlight {
	font-weight:normal;
}
main.plain h1, section.plain h1 {
	font: 300 2.25em/100% 'Open Sans', Verdana, Arial, sans-serif;			
	margin:1em 0 0.5em 0;
	color:#262626;
}
main.plain header h1, section.plain header h1 {
	margin-top:0;
}
main.plain h1 span, section.plain h1 span {
	font-weight:700;	
}
main.plain h2, section.plain h2 {
	font: 300 1.5em/100% 'Open Sans', Verdana, Arial, sans-serif;			
	margin:0.5em 0 0 0;
	color:#333;	
	text-align:center;
}
main.plain h3, section.plain h3 {
	font: 300 1.5em/100% 'Open Sans', Verdana, Arial, sans-serif;	
	color:#000;
}
main.plain input[type="submit"], main.plain button[type="submit"],
section.plain input[type="submit"], section.plain button[type="submit"] {
	background:#666;
	color:#FFF;
	border:none;
}
main.plain input[type="submit"]:hover, main.plain button[type="submit"]:hover,
section.plain input[type="submit"]:hover, section.plain button[type="submit"]:hover {
	background:#777;
}
main.plain input[type="submit"]:focus, main.plain button[type="submit"]:focus,
section.plain input[type="submit"]:focus, section.plain button[type="submit"]:focus {
	box-shadow: 0 0 15px #DDD;
}

.button.clear {
	font: 300 2em/100% 'Open Sans', Verdana, Arial, sans-serif;	
	background:rgba(0,0,0,0.1);	
	border:1px solid #999;
	border-radius:0.375em;
	color:#333;
	text-align:left;
	padding:0.313em 1em;
	position:relative;
}
.button.clear.icon {
	padding:0.313em 3em 0.313em 1em;	
}
.button.clear strong {	
	text-transform:uppercase;
	font-size:1.125em;
	font-weight:400;
	margin:0.125em 0;
	display:block;
}	
.button.clear.icon i {
	position:absolute;
	top:0.5em;
	right:0.5em;
	font-size:150%;
}
.button.clear:hover {
	background:rgba(0,0,0,0.2);	
}

.phone {
	color:#ECC480 !important;
}

div.blocking {
	background:rgba(0,0,0,0.01);
	position:absolute;
	text-align:center;
	z-index:999;
}
div.spinner {
	margin:0 auto;
}

.popup-gallery {
	list-style:none;
	display:inline-block;
	margin:0 auto;	
}
.popup-gallery li {
	display:inline-block;
	margin:0 1em 1em 0;
}
.popup-gallery li a {
	display:block;
	border:1px solid #CCC;	
}

ul.tick-list {
	list-style:none;	
	margin-left:0;
	margin-right:0;
}
ul.tick-list li:before {
	content:'\f058';
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	margin:0 0.5em 0 0;	
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.services .columns {
	margin-bottom:1em;
}
.services .columns a {
	color:#FFF !important;	
	text-transform:uppercase;
	text-align:center;
}
.services .columns a strong {
	background:rgba(21, 102, 150, 0.8);
	transition:all, 0.3s ease-in-out;
	display:block;	
	padding:0.5em;
	font-weight:300;
}
.services .columns a:hover strong {
	background:rgba(21, 102, 150, 1);	
}

.faq {
	border-top:1px solid #CCC;
	margin:2.5em 0 0 0;
	padding:2.5em 0 0 0;	
}
.faq h2 {
	font: 300 1.5em/100% 'Open Sans', Verdana, Arial, sans-serif;	
	color:#000;
}
.faq h2.a {	
	float:left;
	margin:0 0.313em 0 0;
}

.contact-details span {
	font-weight:bold;
	color:#000;
}
.contact-details span.social {
	display:inline-block;	
}

.swiper-container .swiper-slide {
	visibility:hidden;
}
.swiper-container .swiper-slide:first-child {
	visibility:visible;
}

.video-link {
	position:relative;
	display:block;
	outline:none;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.video-link .cover {
	opacity:0;
	transition: all 0.3s ease-in-out;		
	background:#FFF;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9;	
}
.video-link:hover .cover {
	opacity:0.3;
}
.video-link i {
	position:absolute;
	width:2.5em;
	height:2.5em;
	margin:-1.75em 0 0 -1.25em;
	padding:0.675em 0 0 0.318em;				
	top:50%;
	left:50%;
	color:#FFF;
	z-index:10;
	font-size:200%;
	font-weight:bold;
	border:2px solid #FFF;
	border-radius:100%;
	text-align:center;
	background:rgba(255,255,255,0.35);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 1);	
}
.video-link span {
	position:absolute;
	top:50%;
	width:100%;
	margin:1.5em 0 0 0;
	left:0;
	color:#FFF;
	z-index:10;
	text-align:center;
	text-transform:uppercase;
	font: 300 1.5em/100% 'Open Sans', Verdana, Arial, sans-serif;	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

/*
 * Fix the wretched safari
 */
html.safari, html.safari #app-menu {
	padding:0 0.938em 0 0 !important;	
}
/*
 * Fix fixed menu IE
 */
html.ie.off-canvas-open #app-menu {
	position:absolute;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.full-width {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
}

.nowrap {
	white-space:nowrap;	
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.float-left {
	float:left;	
}
.float-right {
	float:right;	
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

[unselectable], .unselectable, label {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;	
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* Small screens */
@media only screen { 
	#app-menu {
		min-height:3.75em;
		background:rgba(0,0,0,0.8);
	}
	#app-menu.expanded {
		min-height:0;	
	}
	#app-menu ul.title-area {
		background:transparent;		
		padding:0.375em 0.5em 0.375em 1em;
		width:auto;
	}
	#app-menu ul.title-area li.name h1 a {
        padding:0; 	
		width:auto;	
		display:inline-block;
	}
	#app-menu ul.title-area li.name h1 a img {
		width:175px;
		height:37px;
	}
	#app-menu ul.title-area li.name h1 a:hover {
		opacity:0.8;	
	}
	#app-menu section.top-bar-section ul li {
		background:transparent;	
	}
	#app-menu .top-bar-section ul li:hover:not(.has-form) > a {
		background:transparent;
	}
	#app-menu section.top-bar-section ul li a, #app-menu section.top-bar-section .dropdown li.parent-link a, #app-menu section.top-bar-section .dropdown li.title h5 a {
		font: normal 1em/2em 'Open Sans', Verdana, Arial, sans-serif;	
		text-transform:uppercase;	
		padding:0.125em 0.5em;
	}
	#app-menu section.top-bar-section ul li a:hover, #app-menu section.top-bar-section ul li:hover:not(.has-form) > a {
		background:#000;	
	}
	#app-menu section.top-bar-section li.has-dropdown > a:after {
        font:normal 1em/100% 'FontAwesome';
		content: '\f105';
        display: block;
        width: auto;
        height: auto;
        border:none;
		top:1em;
		margin-right:1.25em;
	}
	#app-menu section.top-bar-section li .button {
		font: 300 1em/100% 'Open Sans', Verdana, Arial, sans-serif;	
		background:transparent;
		border:1px solid #ECC480;
		border-radius:0.375em;
		text-align:center;
		padding:0.625em 1em;
		color:#ECC480;
	}
	#app-menu section.top-bar-section li .button:first-child {	
		margin:0 0 0.5em 0;
	}
	#app-menu section.top-bar-section li .button strong {	
		text-transform:uppercase;
		font-size:1.125em;
		font-weight:700;
		margin:0.313em 0;
	}	
	#app-menu section.top-bar-section li .button:hover {
		background:transparent;	
	}
	
	#app-tagline {
		top:4.25em;
		font-size:0.875em;	
	}
	#app-tagline .columns:last-child {
		text-align:right;	
	}
	
	#app-cover .swiper-slide header {
		bottom:1em;
		right:0;
		width:60%;
		padding:0.5em;
	}
	#app-cover .swiper-slide header h1 {
		font-size:1em;
	}
	#app-cover .swiper-slide header h2 {
		font-size:0.5em;
	}
	#app-cover .swiper-slide header .arrow {
		display:none;	
	}
	#app-cover .swiper-pagination { 
		display:none !important;
	}	
	#app-cover .swiper-pagination-bullet { 
		width: 1em; 
		height: 1em; 
	}	
	
	#app-footer {
		text-align:center;	
	}
	#app-footer div.about, #app-footer div.logos, #app-footer div.newsletter {
		padding:1em;
	}	
	#app-footer div.logos p {
		display:inline-block;
		padding:0.5em;
	}
	#app-footer aside.legal ul {
		font-size:0.938em;
	}
	#app-footer aside.legal p {
		font-size:1.125em;
	}				
	
	section.feature-image {
		min-height:12.5em;
	}
	section.feature-image.bg-0, section.feature-image.bg-3, section.feature-image.bg-4, section.feature-image.bg-5, section.feature-image.bg-7, section.feature-image.bg-8, section.feature-image.bg-9, section.feature-image.bg-10, section.feature-image.bg-11, section.feature-image.bg-12, section.feature-image.bg-13, section.feature-image.bg-14, section.feature-image.bg-15, section.feature-image.bg-16 {
		min-height:20em;		
	}
	section.feature-image header {
		bottom:1.5em;
	}
	section.feature-image.tr header {
		bottom:auto;
		top:1.5em;
		left:auto;
		right:0;
	}	
	section.feature-image header h1 {
		font-size:1em;
	}
	section.feature-image header h2 {
		font-size:0.75em;
	}	
	
	.image-left, .image-right {
		float:none;
		margin:1em 0;	
		text-align:center;
	}	
} /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {
	#app-menu {
		background:rgba(0,0,0,0.8);	
	}
	#app-menu section.top-bar-section {
		height:100%;
		padding:1em 0.5em 1em 0;
		float:right;
	}	
	#app-menu section.top-bar {
		background:transparent;
	}
	#app-menu section.top-bar-section {
		margin-top:-0.875em;	
	}
	#app-menu section.top-bar-section ul li a {
		font: 300 0.938em/2em 'Open Sans', Verdana, Arial, sans-serif;	
		text-transform:uppercase;	
		padding:0 0.375em;		
	}
	#app-menu section.top-bar-section ul li {
		background:transparent;
		z-index:10;
	}
	#app-menu section.top-bar-section ul li.has-dropdown:hover > a {	
		transition:none;
	}
	#app-menu section.top-bar-section ul li:hover:not(.has-form) > a {
		background:rgba(21, 102, 150, 0.9);
	}
	#app-menu section.top-bar-section li.hover > a:not(.button) {
		background:rgba(21, 102, 150, 0.9);
	}
	#app-menu section.top-bar-section li:not(.has-form) a:not(.button) {
		background: transparent; 
	}
	#app-menu section.top-bar-section li:not(.has-form) a:not(.button):hover {
		background:rgba(21, 102, 150, 0.9);
	}
	#app-menu section.top-bar-section .dropdown {
		min-width:5em;	
	}	
	#app-menu section.top-bar-section .dropdown li a {
		background:rgba(21, 102, 150, 0.9);
		font: 300 0.75em/2em 'Open Sans', Verdana, Arial, sans-serif;	
		padding:0 1em;								
	}
	#app-menu section.top-bar-section li.has-dropdown > a {
		padding-right:1.25em !important;
	}
	#app-menu section.top-bar-section li.has-dropdown > a:after {
        font-size:0.750em;
		content: '\f107';
		top:1.125em;
		margin-right:0.625em;
	}
	#app-menu section.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		background:rgba(21, 102, 150, 0.9);
	}
	#app-menu section.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
		background:#195173;
	}		
	#app-menu section.top-bar-section li.has-form {
		bottom:-1.25em;
		right:0;
		position:absolute;
		z-index:9;
	}
	#app-menu section.top-bar-section li.has-form .button {
		font-size:0.875em;
		width:auto;
		float:none;
		display:inline-block;
		padding:0.125em 0.5em;
	}
	
	#app-tagline {
		top:3.75em;
		font-size:1em;	
	}	
	
	#app-cover .swiper-slide header {
		bottom:1em;
		right:0;
		width:55%;
		padding:1em;
	}
	#app-cover .swiper-slide header h1 {
		font-size:2em;
	}
	#app-cover .swiper-slide header h2 {
		font-size:1em;
	}
	#app-cover .swiper-pagination { 
		display:block !important;
		bottom:1em;
		margin:0;
		text-align:left;
		left:1em;		
	}	
	#app-cover .swiper-pagination-bullet { 
		width: 1.25em; 
		height: 1.25em; 
	}		
	
	#app-footer aside.legal ul {
		font-size:1em;
	}		
	
	section.feature-image {
		min-height:18.5em;
	}	
	section.feature-image.bg-0, section.feature-image.bg-3, section.feature-image.bg-4, section.feature-image.bg-5, section.feature-image.bg-7, section.feature-image.bg-8, section.feature-image.bg-9, section.feature-image.bg-10, section.feature-image.bg-11, section.feature-image.bg-12, section.feature-image.bg-13, section.feature-image.bg-14, section.feature-image.bg-15, section.feature-image.bg-16 {
		min-height:31.25em;		
	}	
	section.feature-image header h1 {
		font-size:1.5em;
	}
	section.feature-image header h2 {
		font-size:1.125em;
	}	
	#app-cover .swiper-slide header .arrow {
		display:block;	
	}	
	
	.image-left {
		float:left;
		margin:0 1em 1em 0;	
	}
	.image-right {
		float:right;
		margin:0 0 1em 1em;	
	}	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { 
	#app-menu {
		min-height:0;
		height:5.5em;
	}
	#app-menu ul.title-area {
		height:100%;
		width:auto;
		padding:1.125em 0.5em 1.125em 1em;
	}
	#app-menu ul.title-area li.name h1 a {
        width:auto;
	}
	#app-menu ul.title-area li.name h1 a img {
		width:236px;
		height:50px;
	}
	#app-menu section.top-bar-section {
		padding:1.5em 0;
		margin-top:0;
	}
	#app-menu section.top-bar-section .dropdown {
		min-width:7em;	
	}	
	#app-menu section.top-bar-section ul li a {
		font: 300 1.250em/2em 'Open Sans', Verdana, Arial, sans-serif;	
	}
	#app-menu section.top-bar-section .dropdown li a {
		font: 300 0.75em/2.5em 'Open Sans', Verdana, Arial, sans-serif;	
	}
	#app-menu section.top-bar-section li.has-form {
		margin:-0.625em 0 0 0;		
		display:block;
		position:relative;
		right:auto;
		bottom:auto;
	}
	#app-menu section.top-bar-section li.has-form .button {
		background:transparent;
		border-radius:0.375em;
		font-size:1em;
		line-height:100%;
		text-align:left;
		padding:0.188em 0.625em;
		display:block;
	}
	#app-menu section.top-bar-section li .button strong {	
		text-transform:uppercase;
		display:block;
		font-size:1.125em;
		margin:0.125em 0;
	}
	
	#app-tagline {
		top:4.375em;
		font-size:1.25em;		
	}
	
	#app-cover .swiper-slide header {
		bottom:5em;
	}	
	#app-cover .swiper-slide header {
		width:55%;
	}	
	#app-cover .swiper-slide header h1 {
		font-size:2.5em;
	}
	#app-cover .swiper-slide header h2 {
		font-size:1.5em;
	}
	#app-cover .swiper-pagination { 
		text-align:left;
		left:1em;
	}
	
	#app-footer {
		text-align:left;	
	}	
	#app-footer div.about, #app-footer div.logos, #app-footer div.newsletter {
		padding:2em;
	}
	#app-footer div.logos {
		text-align:right;	
	}
	
	section.feature-image {
		min-height:23.750em;
	}	
	section.feature-image header h1 {
		font-size:2em;
	}
	section.feature-image header h2 {
		font-size:1.5em;
	}				
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 80em) { } /* min-width 1025px and max-width 1280px, use when QAing large screen-only issues */

/* Larger screens */
@media only screen and (min-width: 80.063em) { 
	#app-menu ul.title-area {
		padding-left:2em;
	}
	#app-menu section.top-bar-section {
		padding:1.25em 1em;
	}
	#app-menu section.top-bar-section ul li a {
		font: 300 1.563em/2em 'Open Sans', Verdana, Arial, sans-serif;	
	}
	#app-menu section.top-bar-section .dropdown li a {
		font: 300 1em/2.5em 'Open Sans', Verdana, Arial, sans-serif;	
	}
	#app-menu section.top-bar-section li.has-form {
		margin:-0.25em 0 0 0;		
	}				
	
	#app-tagline {
		top:3.675em;
		font-size:1.5em;		
	}	
	#app-tagline .columns {
		padding-left:1.25em;
		padding-right:1.25em;		
	}
	
	#app-cover .swiper-slide header {
		bottom:10em;
	}
	#app-cover .swiper-slide header h1 {
		font-size:3em;
	}
	#app-cover .swiper-slide header h2 {
		font-size:2em;
	}	
	#app-cover .swiper-pagination { 
		bottom:2em;
		left:2em;
	}	
			
	#app-footer div.links h1 {
		font-size:1.375em;		
	}
	#app-footer aside.legal ul {
		font-size:1.125em;
	}	
}

@media only screen and (min-width: 80.063em) and (max-width: 90em) { } /* min-width 1280px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dppx) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	#app-menu {
		height:160px !important;
		position:relative !important;	
	}
	#app-menu ul.title-area li.name h1 a img {
		content: url(../img/logo-grey.png) !important;
	}
	#app-menu .top-bar-section, #app-menu .toggle-topbar {
		display:none;
	}
	#app-cover {
		display:none;	
	}
	#app-skyline {	
		display:none;
	}
	#app-testimonials {
		display:none;	
	}
	#app-testimonials figure {
		border:none;
		text-align:left;	
	}
	#app-testimonials figure h1:before {
		margin:0;
	}
	#app-testimonials header {
		padding:0;	
	}	
	#app-testimonials img {	
		display:none;
	}
	#app-feature-stats {
		display:none;	
	}
	#app-footer {
		page-break-before:always;
	}
	#app-footer div.newsletter {
		display:none;
	}
	#app-footer div.links div.columns {
		width:25%;
		padding:0;
	}
	#app-footer aside.legal div.columns {
		width:50%;	
	}
	#app-footer aside.legal div.columns:last-child {
		display:none;	
	}
	section.colored {
		border:none !important;	
	}
	section.colored aside.feature {
		position:static !important;
	}
	section.feature-image {
		min-height:0 !important;
		max-height:none !important;
		height:auto !important;
	}
	section.feature-image header {
		padding:0;
	}
	section.feature-image header, section.feature-image header h1, section.feature-image a, section.feature-image header h1 a:after {
		font-size:20pt;	
	}
	section.feature-image header h2 {
		font-size:18pt;	
	}
}