/*!
Theme Name: TigerSwan
Theme URI: http://underscores.me/
Author: bluetext
Author URI: https://www.bluetext.com/
Description: Bluetext has one of the strongest branding, digital marketing and strategic communications practices in the U.S. and possesses the creative resources and strategic firepower demanded by organizations ranging from the largest global enterprises to the most promising start-ups.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tigerswan
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

TigerSwan is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
Code by Jonathan C.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

html {
	font-family: 'Montserrat', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

html, body{
	-webkit-overflow-scrolling: touch;
}

body.admin-bar header.fixed {
    top: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	outline: none;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: separate;
    border-spacing: 20px 0;
}

td,
th {
	padding: 20px 30px;
	text-align: left;
}

th{
	text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

table tr:nth-child(even){
	background-color: #f5f5f5;
}

td{
	font-size: 18px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #061120;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

/* h1, h2, h3, h4, h5, h6 {
	clear: both;
} */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none;
	color: initial;
}

h1{
	font-size: 60px;
	font-weight: 800;
	letter-spacing: 3px;
	line-height: normal;
}

h2{
	font-size: 50px;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: normal;
}

h3{
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: normal;
}

h4{
	font-size: 25px;
	font-weight: 800;
	line-height: 33px;
}

h5{
	font-size: 22px;
	font-weight: 600;
	line-height: 33px;
}

h6{
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 29px;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

body.no-scroll {
    overflow: hidden;
}

hr {
	border: none;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
	padding: 0;
	margin: 5px 0 20px 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em; 
}

ul li::before {
	content: "• ";
	color: #51a8f8; /* or whatever color you prefer */
	font-size: 40px;
	top: 6px;
	position: relative;
}

ul li li::before {
	top: 2px;
	font-size: 30px;
}

ol {
	list-style: decimal;
	counter-reset: item;
	margin-left: 20px;
}

ol li { 
	display: block;
    margin-bottom: 25px;
}

ol li:before { 
	content: counter(item) "- "; 
	counter-increment: item; 
	color: #51a8f8; 
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

#content li{
	text-indent: -25px;	
}
#content ol,
#content ul{
	padding-left: 30px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.center-page-large{
	max-width: 1720px;
	width: 89.58333333333333%;
	margin: 0 auto;
/* 	max-width: 1200px; */
}

.center-page{
	max-width: 1500px;
	width: 78.125%;
	margin: 0 auto;
/* 	max-width: 1040px; */
}

div[class^="btn-"] a{
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 24px;
	min-width: 225px;
	display: inline-block;
	padding: 13px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	border: 2px solid transparent;
}

.btn-white a,
.btn-white-border a{
	background: #fff;
	color: #022c58;
}

.btn-white a:hover{
	background: #022c58;
	color: #fff;
}

.btn-white-border a,
.btn-transparent a{
	border-color:#022c58 !important;
}

.btn-white a:hover,
.btn-white-border a:hover,
.btn-transparent a:hover{
	background: #022c58;
	color: #fff;
}

.btn-transparent,
.btn-transparent a{
	color: #022c58;
}

.btn-blue a{
	background: #022c58;
	color: #fff;
	border-color: #fff;
}

.btn-blue a:hover{
	background: #51a8f8;
	color: #fff;
	border-color: transparent;
}

a.cta-text-white{
	background: transparent;
	color: #3081ad;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	text-decoration: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

a.cta-text-white:hover{
	border-bottom: 2px solid;
}

.space-215 {
    height: 200px;
}

.space-100 {
    height: 100px;
}

.skyblue{
	color: #51a8f8;
}

.desktop-hide{
	display: none !important;
}

.none{
	display: none;
}

.no-transition,
.no-transition *,
.select2-container,
.select2-container *{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}

.full-width {
    width: 100% !important;
    max-width: 100% !important;
}

div.opacity {
    opacity: 0;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
form.hs-form input.hs-button {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 24px;
	min-width: 225px;
	display: inline-block;
	padding: 13px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	border: 2px solid transparent;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	background: #f5f5f5;
	border-radius: 40px;
	border: 1px solid #959595;
	color: #061120;
    font-size: 15px;
    padding: 10px 20px;
	width: 100%;
	display: block;
	margin: 0 auto;
	font-weight: 600;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
    box-shadow: none !important;
}

/* Webkit */
[placeholder]:focus::-webkit-input-placeholder { opacity: 0; }
/* Firefox < 19 */
[placeholder]:focus:-moz-placeholder { opacity: 0; }
/* Firefox > 19 */
[placeholder]:focus::-moz-placeholder { opacity: 0; }
/* Internet Explorer 10 */
[placeholder]:focus:-ms-input-placeholder { opacity: 0; }

textarea {
	width: 100%;
}

select{
	width: 100%;
    font-size: 15px;
    padding: 12px 20px;
    background: #f5f5f5;
    border-radius: 40px;
    text-transform: initial;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/

.home-hero-img{
    background: #061120;
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

img.hero-image {
/*      position: absolute; */
	width: 100%;
    object-fit: cover;
    filter: grayscale(95%);
    filter: url(images/gray.svg#grayscale);
    -webkit-filter: grayscale(95%);
    -moz-filter: grayscale(95%);
    -ms-filter: grayscale(95%);
    -o-filter: grayscale(95%);
    opacity: 0.6;
}

.home img.hero-image {
	height: 950px;
}

.home #primary {
    background: url(images/home-bg.png) 0 -35px no-repeat;
    padding-top: 150px;
    background-size: 100%;
    transition: none;
    position: relative;
    z-index: 1;
}

.scrollUp div.blue-bg{
    background: url(images/home-bg.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 50px;
    transition: none;
}
.home #primary.active{
    background-attachment: fixed;
    background-position: 0 bottom;
}
.home #primary.active.scrollUp{
    background-attachment: initial;
    background-position: 0 0%;
}

.promo-slider-gallery{
	position: relative;
	z-index: 1;
}

.sub-nav {
    left: 3.125%;
    position: fixed;
	top: 0;
    bottom: 0;
    z-index: 9999;
}

.sub-nav.inactive a{
    opacity: 0;
}

.sub-nav:hover a{
	opacity: 1;
}

.sub-nav.hide{
	display: none;
}

.sub-nav ul{
	position: absolute;
	padding-left: 0 !important;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-nav ul,
.sub-nav li{
	margin: 0;
	padding: 0; 
	list-style: none;
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}

.sub-nav li a{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}

.sub-nav li{
	padding: 10px 0;	
	padding-left: 35px;
    position: relative;
    width: 140px;
    text-indent: 0 !important;
    line-height: 13px;
   	background: url(images/sub-nav/sub-nav-off.png) center left no-repeat;
}

.sub-nav li:hover,
.sub-nav li.current{
    background-image: url(images/sub-nav/sub-nav-on.png);
}

.sub-nav li:hover a,
.sub-nav li.current a{
	font-weight: 800;
}

.sub-nav li:after,
.sub-nav li:before{
	display: none;
}

.sub-nav li:first-child{
   	background: url(images/sub-nav/sub-nav-first-off.png) center left no-repeat;
}

.sub-nav li:first-child:hover,
.sub-nav li:first-child.current{
    background-image: url(images/sub-nav/sub-nav-first-on.png);
}

.sub-nav li:last-child{
   	background: url(images/sub-nav/sub-nav-last-off.png) center left no-repeat;
}

.sub-nav li:last-child:hover,
.sub-nav li:last-child.current{
    background-image: url(images/sub-nav/sub-nav-last-on.png);
}


/*
* Blue Sub Nav
*/
.sub-nav.blue-nav li {
    background: url(images/sub-nav/sub-nav-blue-off.png) center left no-repeat;
}

.sub-nav.blue-nav li:hover,
.sub-nav.blue-nav li.current {
    background-image: url(images/sub-nav/sub-nav-blue-on.png);
}

.sub-nav.blue-nav li a{
	color: #022c58;
}

.sub-nav.blue-nav li:first-child{
   	background: url(images/sub-nav/sub-nav-blue-first-off.png) center left no-repeat;
}

.sub-nav.blue-nav li:last-child{
   	background: url(images/sub-nav/sub-nav-blue-last-off.png) center left no-repeat;
}

.sub-nav.blue-nav li:first-child:hover,
.sub-nav.blue-nav li:last-child.current{
   	background: url(images/sub-nav/sub-nav-blue-first-on.png) center left no-repeat;
}

.sub-nav.blue-nav li:last-child:hover,
.sub-nav.blue-nav li:last-child.current{
   	background: url(images/sub-nav/sub-nav-blue-last-on.png) center left no-repeat;
}


/*
* Hero Zone
*/
.hero-zone {
	padding: 70px;
	max-width: 745px;
	width: 100%;
}

.hero-zone h1{
	color: #fff;
    font-size: 45px;
    line-height: 55px;
	padding-right: 60px;
}
.hero-zone .promo-description {
    color: #fff;
    font-size: 16px;
}
.hero-zone .promo-description p{
    margin-bottom: 1em;
}

.home .hero-zone .btn-white {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}

.promo-slider {
    padding-left: 115px;
}

.promo-slider>div{
    display: inline-block;
    margin-left: -4px;
    vertical-align: top;
}

.promo-slider .promo-content{
	display: inline-block;
	max-width: 690px;
	padding: 70px;
	width: 43%;
}

.promo-slider .promo-content *{
	transition: none;
}

.sticky.is-stuck {
    top: 40px !important;
}

.promo-slider .promo-content{
	color: #fff;
}

.promo-slider .promo-slider-cat{
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 0;
}

.promo-slider .promo-slider-title{
	margin: 0;
}

.promo-slider .promo-slider-desc {
    font-size: 20px;
/*     padding-right: 40px; */
}

.promo-slider-gallery {
	padding-top: 45px;
    max-width: 918px;
    width: 57%;
    overflow: auto;
    padding-bottom: 150px;
}

.promo-slider-gallery img {
    padding-top: 40px;
}

.cta-grid-wrapper{
	margin-top: 180px;
}

.cta-grid h4{
	margin: 0;
}

.cta-grid {
    text-align: center;
}

.cta-grid h2{
	text-align: left;
}

.cta-grid .cta-col {
    width: 23%;
    width: calc(25.4% - 25px);
    border: 2px solid #b7b7b7;
    display: inline-block;
    margin: 0 25px 25px -4px;
    padding: 25px;
    text-align: left;
    vertical-align: top;
}

.cta-grid .cta-col a.cta-text-white {
    padding: 5px 0 3px 0;
    position: absolute;
    bottom: 15px;
    border-bottom: 2px solid transparent;
}

.cta-grid .cta-col a.cta-text-white:hover{
	border-color: #3081ad;
}

a.cta-full-link{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 60px;
}

.cta-grid .cta-col:hover{
	cursor: pointer;
}

.cta-col {
    position: relative;
}

.cta-col-content {
    margin-bottom: 20px;
}

.cta-col.first{
	margin-left:0 !important;
}

.cta-col.last{
	margin-right:0 !important;
}

.resource-cards .first{
    margin-left: 0px;
}

.resource-cards .date{
	color: #6c6c6c;
	font-weight: 600;
}

.resource-cards .last{
    margin-right: 0px;
}

.cta-col p,
.subscribe-block p{
    color:#6c6c6c;
}

.resource-wrapper{
	margin-top: 60px;
}

.resource-cards>div{
    max-width: 462px;
    float: left;
    width: 31%; /*29.792%*/
    width: calc(34.4% - 54px);
    margin:0 28px;
    position: relative;
}

.resource-cards-col .feat-img{
	background: #51a8f8;
	line-height: 0;
	position: relative;
}

.resource-cards-col .feat-img img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity: 0.4;
}

.resource-cards-col:hover .feat-img{
	background: #fff;
}

.resource-cards-col p {
	color: #6c6c6c;
}

.resource-cards-col:hover .feat-img img {
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
    opacity: 1;
}

.subscribe-block {
    max-width: 860px;
    margin: 0 auto;
    padding-top: 20px;
}

.subscribe-wrapper{
	text-align: center;
	padding-top: 30px;
}

.subscribe-wrapper input:not([type="submit"]){
    background: #f5f5f5;
    border-radius: 40px;
    border: 1px solid #959595;
    color: #061120;
    font-size: 22px;
    padding: 20px 60px;
    width: 100%;
	display: block;
	margin: 0 auto;
	font-weight: 600;
}

.subscribe-wrapper input:not([type="submit"])::placeholder{
    color: #061120;
   	font-family: 'Montserrat', sans-serif;
}

.subscribe-wrapper input[type="submit"],
form.hs-form input.hs-button{
	background: #fff;
	border-color: #022c58;
	color: #022c58;
	margin: 30px 0;
	text-shadow: none;
	font-family: 'Montserrat', sans-serif;
	-moz-transition: 0.5s !important;
	-webkit-transition: 0.5s !important;
	transition: 0.5s !important;
}

form.hs-form input.hs-button{
	margin-top: 15px;
	min-width: 170px;
}

form.hs-form input.hs-button:hover,
form.hs-form input.hs-button:focus,
form.hs-form input.hs-button:active{
    background: #022c58 !important;
    box-shadow: none !important;
    border-color: #022c58 !important;
    color: #fff !important;
    border-width: 2px !important;
}

.subscribe-wrapper label{
	/* display: none !important; */
}

form.hs-form .actions {
    margin: 0 auto !important;
    padding: 0 !important;
}

ul.hs-error-msgs.inputs-list{
	padding: 20px 0 0 0 !important;
}

.hs_error_rollup ul.hs-error-msgs.inputs-list {
    padding-top: 0 !important;
}

ul.hs-error-msgs.inputs-list label{
	display: block !important;
    color: #f04b41;
    font-size: 16px;
   	font-family: 'Montserrat', sans-serif;
}

ul.hs-error-msgs.inputs-list * {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

.subscribe-block {
    max-width: 620px;
    width: 100%;
}
.subscribe-block h2{
	margin-bottom: 13px;
}
.subscribe-block p{
    max-width: 520px;
    width: 100%;
    margin: 0 auto 20px auto;
    line-height: 20px;
}

.video-wrapper{
	position: relative;
	padding: 120px 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper h2{
	color: #fff;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 35%;
    z-index: 5;
}

.video-wrapper .video-caption{
    display: block;
    margin-top: 10px;
    font-size: 20px;
}

.video-block{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-block:before {
    content: '';
    background: rgba(2, 44, 88, 0.34);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.video-block .play{
	background: url(images/play.png);
    width: 119px;
    height: 119px;
    position: absolute;
    bottom: 40%;
    margin: auto;
    z-index: 5;
    left: 0;
    right: 0;
    cursor: pointer;
}
.video-block.hide h2,
.video-block.hide .play,
.video-block.hide:before{
	display: none;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header#masthead {
    position: fixed;
    width: 100%;
    z-index: 99999;
}

header#masthead.fixed .main-header{
    background: #fff;
}

header#masthead p{
    margin: 0;
}

.main-header{
	padding: 13px 0 6px 0;
}

.site-header.active{
	background-image: url('images/menu-bg.png');
	background-size: 100%;
	padding-bottom: 500px;
	height: 100%;
	overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
}

.site-header.up,
.site-header.tab{
	margin-top:-150px;
}

.site-branding img.white,
.active .site-branding img.black,
.fixed .site-branding img.white{
	display: none;
}

.active:not(.fixed) .site-branding img.white,
.fixed .site-branding img.black{
	display: block;
}

.site-branding {
    display: inline-block;
}

.header-right.right {
    margin-top: 29px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

nav li:before{
	display: none;
}

nav.top-navigation {
    display: inline-block;
}

nav.top-navigation ul{
	margin: 0;
	padding: 0;
}

nav.top-navigation li {
    border-radius: 30px;
    border: 2px solid #fff;
    display: inline;
    list-style: none;
    margin-left: 30px;
    padding: 17px 40px;
    text-align: center;
}

nav.top-navigation li:first-child{
	margin-left: 0;
}

nav.top-navigation li:first-child:hover{
	background: #022c58;
	border-color: #022c58;
}

nav.top-navigation li a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.fixed nav.top-navigation li,
.white-menu .site-header:not(.active) nav.top-navigation li{
	border-color: #061120;
}

.fixed nav.top-navigation li a,
.white-menu .site-header:not(.active) nav.top-navigation li a{
	color: #061120;
}

.white-menu .site-header:not(.active) nav.top-navigation li a:hover{
	color: #fff;
}

.fixed #nav-icon span,
.white-menu .site-header:not(.active) #nav-icon span{
	background: #061120;
}

nav.top-navigation li.red-link{
    background: #f04b41 !important;
    border-color: #f04b41 !important;
}

nav.top-navigation li.red-link a{
    color: #fff !important;
}

nav.top-navigation li.red-link:hover {
    background: #cc473e !important;
    border-color: #cc473e !important;
}

nav.top-navigation li.red-link a{
    color: #fff;
}

.internal:not(.white-menu) .active nav.top-navigation li{
	border-color: #fff;
}

.internal:not(.white-menu) .active nav.top-navigation li a{
	color: #fff;
}

.internal:not(.white-menu) .active #nav-icon span{
	background: #fff;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #54bbf6;
}

a:focus {
	outline: none;
}

a:hover, a:active {
	outline: 0;
}

textarea:focus, input:focus, select:focus{
    outline: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*
* Button
*/

#nav-icon {
  width: 56px;
  height: 44px;
  position: relative;
/*   margin: -5px 0 0 30px; */
  margin: -10px 0 0 25px;
  float: right;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 8px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 18px;
}

#nav-icon span:nth-child(3) {
  top: 36px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/*
* Menu
*/
.main-navigation *{
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.main-navigation a{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.main-navigation {
    clear: both;
    display: none;
    margin: 0 auto;
    max-width: 1500px;
    padding-top: 100px;
    padding-left: 8.854166666666666%;
    padding-left: 6%;
    width: 100%;
    width: 100%;
}

.active .main-navigation {
	display: block;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
/* 	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */
    float: left;
    position: absolute;
    top: 100%;
    right: -9999em;
    z-index: 99999;
}

.main-navigation li li:first-child,
.main-navigation li li:hover,
.main-navigation li ul:hover li:first-child:hover{
    background: url(images/lightblue-plus.png) left 2px no-repeat;
	transition: all 0s;
}
.main-navigation li ul:hover li:first-child{
	background: none;
}
.main-navigation ul ul ul {
	right: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	font-size: 30px;
	font-weight: 500;
}

.main-navigation ul li.on > ul{
	/* left: 0;
	top: 25px;
	display: block !important; */
	display: none;
	transition-duration: 0.3s;
    max-width: 430px;
    width: 100%;
    top: 0;
    left: 100%;
}

.main-navigation li {
	line-height: 1;
	display: block;
	padding-bottom: 45px;
	position: relative;
	max-width: 65%;
}

.main-navigation li li{
    padding-bottom: 15px;
    padding-left: 25px;
    max-width: 100%;
}

.main-navigation a {
    color: #fff;
    display: block;
    font-size: 66.95px;
    font-weight: 600;
    text-decoration: none;
}

.main-navigation a:hover{
    color: #51a8f8;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul,
.active .main-navigation ul {
	display: block;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.left{
	float: left;
}

.right{
	float: right;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	/* margin-top:  60px;
	margin-bottom: 60px; */
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	text-align: left;
    color: #636363;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#colophon{
	background: url(images/footer-bg.jpg) center top no-repeat #00081b;
	background-size: contain;	
	color: #fff;
}
footer#colophon .center-page{
	padding-top: 245px;
	padding-bottom: 100px;
}
footer#colophon .footer-one{
    max-width: 400px;
    padding: 0 40px;
    text-align: center;
    width: 28%;
}
footer#colophon .footer-one img{
	margin-bottom: 40px;
}
footer#colophon span{
	display: block;
	margin-bottom: 10px;
}
footer#colophon .footer-two{
	max-width: 1100px;
	padding: 10px 0 0 65px;
	width: 72%;
}
footer#colophon nav.footer-nav ul{
	padding: 0;
	margin: 0;
}
footer#colophon nav.footer-nav ul li{
    margin: 0 15px;
    padding: 0;
	display: inline-block;
	vertical-align: top;
	width: 18%;
}
footer#colophon nav.footer-nav>ul>li:last-child{
	width: auto;
}
footer#colophon nav.footer-nav ul li a{
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 10px;
	text-decoration: none;
}

footer#colophon nav.footer-nav ul li.menu-item-has-children > a {
	margin-bottom: 0px;
}

footer#colophon nav.footer-nav ul li li{
	display: block;
	width: 100%;
}
footer#colophon nav.footer-nav>ul>li>a{
	font-weight: 800;
}
.footer-one a{
	color: #fff;
	text-decoration: none;
}
footer#colophon nav.footer-nav ul li a:hover{
	color: #51a8f8;
}

/*
* Social links
*/
.phone-social{
	margin-bottom: 35px;
}
.phone-social span,
.social-links{
    display: inline-block !important;
}
.social-links,
.social-links li{
	margin:0;
	padding:0;
}
.social-links{
	margin-left: 20px;
}
.social-links li:before{
	display: none;
}
.social-links li{
    background: #fff;
    border-radius: 50%;
    color: #00081b;
    display: inline-block;
    height: 32px;
    padding: 4px;
    text-align: center;
    width: 32px;
    margin:6px;
}
.social-links li i{
	color: #00081b;
}
.social-links li:hover{
	background: #51a8f8;
}

/*
* Landing page
*/
.internal #primary {
    background: url(images/internal-waves-header.png) no-repeat;
    padding-top: 150px;
    background-size: 100%;
    transition: none;
}
.page-template-template-landing-page div.content-slider {
/*     background: #fff; */
	margin-top: 100px;
}
.internal .hero-image-wrapper:after {
    content: '';
    background: #fff;
    position: absolute;
    top: 95%;
    width: 100%;
    height: 50%;
}
.internal h2{
	letter-spacing: 1px;
}
.internal #primary.active{
    background-attachment: fixed;
    background-position: 0 bottom;
}
.internal #primary.active.scrollUp{
    background-attachment: initial;
    background-position: 0 62%;
}
.internal img.hero-image{
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
	opacity: 0.4;
	z-index: 0;
	position: relative;
}    
.landing-page-template img.hero-image{
	height: 1050px;
	object-fit: cover;	
}
.internal .hero-image-wrapper{
	background: #022c58;
	position: absolute;
	right: 0;
	z-index: -1;
	width: 100%;
	overflow: hidden;
}
.internal .hero-zone h1 {
    color: #061120;
    margin-top: 0;
}
.internal .hero-zone {
    padding: 10px 10px 70px 70px;
}
.internal .hero-zone .promo-description{
	color: #061120;
	font-weight: 400;
}
.internal .hero-zone .btn-white {
    display: inline;
    margin: 0 35px 0 0;
}
.internal .hero-zone .btn-white a{
    border-color: #022c58;
}
.landing-content-slider,
.skyblue-bg .promo-slider .promo-content{
	position: relative;
	overflow: hidden;
}
.landing-content-slider, .landing-content-slider *,
.skyblue-bg .promo-slider .promo-content, .skyblue-bg .promo-slider .promo-content *{
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}
.landing-content-slider>div{
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
}
.landing-content-slider-gallery{
	width: 42.2%;
}
.landing-slider-content{
	width: 57.8%;
	padding: 0 110px;
}
.landing-slider-content h3{
	color: #51a8f8;
	margin-top: 0;
}
.landing-slider-content{
	font-size: 20px;
}
.skyblue-bg{
    background: url(images/skyblue-waves.jpg) 0 0 no-repeat #00aafa;
    background-size: 100%;
    padding-top: 200px;
    margin-top: 45px;
}
.skyblue-bg .promo-slider .promo-content {
    color: #fff;
    margin-top: 50px;
}
.cta-grid-wrapper-3{
	margin-bottom: 80px;
}
.cta-grid-wrapper-3 .cta-grid-3{
    text-align: center;
}
.cta-grid-3 .cta-col {
/*     float: left; */
    display: inline-block;
    max-width: 445px;
    text-align: center;
    width: 29.666666666666668%;
    width: calc(33% - 60px);
    margin: 0 40px;
    vertical-align: top;
}
.cta-grid-3 h2 {
    text-align: left;
}
.cta-grid-wrapper-2{
	margin: 80px auto;
}
.cta-grid-wrapper-2 .cta-col{
	width:46%;
	width: calc(50% - 56px);
	float: left;
	margin: 0 56px;
}
.cta-grid-wrapper-2 h3{
	color: #51a8f8;
	letter-spacing: 2px;
	margin-bottom: 0;
}

.app-promo-block-wrapper{
	position: relative;
	padding: 200px 0;
}
.app-promo-block-wrapper/* :before */{
	background: url(images/gray-wave.jpg) no-repeat;
	background-size: cover;
}
.app-promo-block .buttons>div{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.quote{
	position: relative;
	padding-left: 15px;
	margin: 60px 0;
}
.quote:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 100%;
    background: #51a8f8;
    position: absolute;
    left: -30px;
}
.quote p {
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    margin: 15px 0;
    color: #022c58;
}
.quote .author {
    text-transform: uppercase;
    font-size: 25px;
    color: #022c58;
}
.app-promo-block-content {
    max-width: 1020px; 
    width: 68%;
    padding-right: 180px;
    font-size: 20px;
}
.phone-image {
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 453px;
    text-align: center;
    width: 32%;
}
.image-app {
    padding: 23% 6%;
    position: relative;
}
.app-promo-block .btn-transparent{
	margin-top: 5px;
	margin-bottom: 20px;
	width: 100%;
}

/*
* App detail
*/
.detail-page-template.internal .hero-zone h1{
	color: #fff;
	letter-spacing: 2px;
}
.hero-image-wrapper.no-image{
    height: 1080px;
    width: 100%;
}
.detail-page-template #primary{
	background-image: url('images/detail-waves-header.jpg');
	background-color: #fff;
	padding-top: 140px;
}
.detail-page-template #primary.fixed{
	background-attachment: fixed;
	background-position: 0 center;
}
.detail-page-template .hero-zone{
    max-width: 100%;
    padding: 0 90px 0;
    width: 100%;
}
.detail-page-template .hero-zone>div{
	float: left;
	text-align: center;
}
.detail-page-template .hero-zone .col-1{
    width: 38%;
    color: #022c58;
}
.detail-page-template .hero-zone .col-1 img{
    max-width: 86px;
}
.detail-page-template .hero-zone .col-1 .callout-description {
    padding: 0 10px 5px 10px;
}
.detail-page-template .section-app .col-3 {
    padding: 20% 80px 0;
}
.detail-page-template div#app-detail {
    width: 35%;
    float: right;
    text-align: left;
}
.detail-page-template .hero-zone .col-1 p,
.detail-page-template .hero-zone .col-1 li,
.detail-page-template .hero-zone .col-1 span{
	font-size: 20px;
}
.detail-page-template .hero-zone .col-1 .callout-description *{
	margin: 0 auto 5px auto;
}
.detail-page-template .hero-zone .btn-white{
	margin:0 auto;
	float: none;
}
.detail-page-template .hero-zone .col-2{
	width: 21.121%;
}
.detail-page-template .hero-zone .col-2 .phone-image{
	margin: 0 auto;
	width: 100%;
}
.detail-page-template .app-store{
	height: 30px;
	margin-top: 5px;
	max-width: 86px;
	display: inline-block;
}
.detail-page-template .app-store.play-store{
    max-width: 98px;
}
.detail-page-template .app-store img {
    height: 100%;
}
.app-feature.hero-wrapper{
	position: relative;
	min-height: 840px;
}
.app-feature-section{
	display: none;
	position: absolute;
	height: 100%;
    width: 100%;
}
#app-feature-1{
	display: block;
}
.nav-arrows{
	display: none;
    color: #fff;
    margin: 42px auto 0 auto;
    float: none !important;
    font-size: 40px;
    z-index: 9999;
    position: relative;
}
.nav-arrows.show {
	display: block;
}
.nav-arrows>span{
    background: url('images/slide-arrows.png') no-repeat;
    display: block;
    height: 15px;
    width: 27px;
    cursor: pointer;
}
.nav-arrows .nav-prev{
	background-position: center 0;
}
.nav-arrows .nav-next{
 	background-position: center -15px;
}
.nav-arrows>span,
.nav-arrows .slide-number{
	display: block;
	width: 100%;
}
.nav-arrows .slide-number{
	margin: 20px 0;
}
.nav-arrows span.disable{
    cursor: none;
    pointer-events: none;
    opacity: 0.3;
}
.detail-page-template .hero-zone .col-3{
	width:40%;
	float: right;
	color: #fff;
}
.detail-page-template .app-detail.hero-zone {
	padding:0;
}
.detail-page-template .app-detail.hero-zone h1{
	margin: 0px;
	/* word-break: break-all; */
}
.detail-page-template h3{
    margin-bottom: 0;
}
.detail-page-template .hero-zone .promo-description{
	color: #fff;
	text-align: left;
	float: none;
	padding-right: 20px;
}
.detail-page-template .hero-zone .promo-description p{
	text-shadow: 0 0 15px #002859;
}
.detail-page-template .hero-zone .col-1 .callout-2{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #cfcfcf;
}
/* .detail-page-template .hero-zone .callout{
    max-width: 390px;
    margin: 0 auto;
    font-size: 20px;
} */
.detail-page-template .hero-zone .hide-callout{
	display: none;
}
.detail-page-template .hero-zone .col-1, 
.detail-page-template .hero-zone .col-3 {
    padding: 0 50px;/* 10% 50px; */
    position: relative;
}
.detail-page-template .hero-zone .col-1 {
    padding: 70px 50px 0 50px;
}
.detail-page-template div#app-detail{
	padding-top: 70px;
}
.detail-page-template #app-feature-1 .hero-zone.mobile-hide .col-3>div{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 80%;
}

.detail-page-template .features-matrix-wrapper{
	background-image:url('images/detail-app-wave.jpg');
	background-repeat: no-repeat;
	padding: 200px 0;
	background-size: cover;
}
.detail-page-template .features-matrix-wrapper h2{
	margin-bottom: 0;
}
.detail-page-template .features-matrix-content{
	max-width: 1080px;
	padding-right: 0;
	padding-bottom: 90px;
	font-size: 20px;
}
.features-matrix-content .buttons>div{
	display: inline-block;
	padding-right: 40px;
}
.features-matrix-content .buttons>div a{
	padding-left: 30px;
	padding-right: 30px;
}
.app-features-tabs ul{
	padding:0;
	margin:0;
}
.app-features-tabs ul li{
	padding: 0;
	text-indent: 0px !important;
	text-align: right;
}
.app-features-tabs ul li:before{
	display: none;
}
.app-features-tabs ul li h6{
	border-bottom: 1px solid;
	color: #022c58;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	margin: 0;
	padding: 35px 0;
	text-transform: uppercase;
	min-width: 180px;
}
.app-features-tabs ul li.active{
    background: url(images/arrow-icon.png) no-repeat;
    background-position: left center;
    padding-left: 29px;

    -webkit-transition:none;
    -moz-transition:none;
    transition:none;
}
.app-features-tabs ul li h6:hover,
.app-features-tabs ul li h6:hover a,
.app-features-tabs ul li.active h6,
.app-features-tabs ul li.active h6 a{
	color: #3081ad;
}
.app-features-image,
.app-features-content{
    padding: 0 25px;
    width: 100%;
    /* text-align: center; */
}
.app-features-content .buttons>div {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 20px;
}
.features-matrix>div,
.app-featured-images>div{
	display: none;
}
.features-matrix>div.active,
.app-featured-images>div.active{
	display: block;
}
.app-matrix-image{
	text-align: center;
}
.testimonial-block {
    padding-bottom: 49px;
}
.testimonial-block .cta-col{
	max-width:745px;
	width:50%;
	font-size: 20px;
}
.testimonial-block .cta-col span.cta-title{
	font-size: 45px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 40px;
	display: block;
}
.testimonial-block .cta-col.right{
	padding: 0 65px;
}
.testimonial-block .testimonial-content{
	margin: 35px 0 0 0;
}
.testimonial-block .testimonial-content p{
	font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    margin: 15px 0;
    color: #3081ad;
   	height: auto;
}
.testimonial-block .author{
	font-size: 22px;
    color: #3081ad;
    text-transform: uppercase;
    font-weight: 500;
}
.app-features-tabs {
    max-width: 345px;
    width: 23%;
}
.app-features-tabs ul{
    padding-left: 0 !important;
}
.app-featured-images {
    max-width: 1155px;
    width: 77%;
}

/*
* Listing page
*/
.listing-page-template .space-215 {
    height: 120px;
}
.listing-header-wrapper {
    background: url(images/blue-waves-header.jpg) no-repeat #ffffff;
    background-size: 100%;
    background-position: 0 190px;/* 225px; */
}
.listing-header-wrapper.trigger {
    background-attachment: fixed;
    background-position: 0 275px;/*310px;*/
}
.listing-header-wrapper.trigger-out {
    background-attachment: initial;
/*     background-position: 0 680px; */
    background-position: 0 585px;/* 620px; */
}
.listing-header-left h1{
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 20px;
}
.listing-header-left {
    max-width: 900px;
    width: 52%;
    padding: 100px 140px 0;
}
.listing-header-left .entry-header{
	padding-bottom: 130px;
}
.listing-header-left .listing-description{
	min-height: 80px;
}
.listing-description p {
	margin-bottom: 0;
}
.listing-header-left .main-featured {
    padding: 0px 10px 100px 130px;
    position: relative;
}
.listing-header-left .main-featured h4{
    margin-bottom: 0;
}
.listing-header-left .main-featured *{
	color: #fff;
}
.listing-header-left .main-featured a.read-now{
	color: #51a8f8;
	font-size: 25px;
	padding: 0;
}
.listing-header-left .main-featured:before {
    background: url(images/bell.png) no-repeat;
    content: '';
    height: 195px;
    position: absolute;
    top: -150px;
    left: -80px;
    width: 195px;
    background-size: 100%;
}
.listing-header-right {
    max-width: 820px;
    width: 48%;
    padding: 0 112px;
}
.listing-header-right .listing-posts {
    background: #51a8f8;
    color: #fff;
    padding: 65px 45px;
    margin-bottom: 25px;
}
.listing-header-right .listing-posts h3,
.listing-header-right .listing-posts h3 a{
	margin: 0;
	font-size: 45px;
	color: #fff;
}
.listing-header-right .listing-posts h3:hover,
.listing-header-right .listing-posts h3:hover a{
	color: #022c58;
}
.twitter-area{
	background:#f5f5f5;
	padding-bottom: 50px;
}
.twitter-area .tweet.left{
    position: relative;
    width: 33.33%;
    vertical-align: top;
    opacity: 0;  
}
.twitter-area.loading .tweet{
	opacity: 1;
	transition-duration: 1s;
}
.twitter-area.loading .tweet.tweet-3{
	transition-delay: 0.5s;
}
.twitter-area.loading .tweet.tweet-2{
	transition-delay: 1s;
}
.twitter-area.loading .tweet.tweet-1{
	transition-delay: 1.5s;
}
.tweet-container {
	padding: 0 60px 0 80px;
}
.twitter-area i.fa.fa-twitter {
    font-size: 35px;
    color: #022c58;
    position: absolute;
    left: 0;
    top: 0;
}
.twitter-area .twitter_intents a{
	background: url('images/twitter-sprite.png') no-repeat;
    height: 15px;
    width: 20px;
    display: inline-block;
    transition: none;
    margin-right: 15px;
}
.twitter-area .twitter_intents a.retweet{
	background-position:0 0;
}
.twitter-area .twitter_intents a.favorite{
	background-position:-25px 0;
}
.twitter-area .twitter_intents a.reply{
	background-position:-51px 0;
}
.twitter-area .twitter_intents a.retweet:hover{
	background-position:0 -15px;
}
.twitter-area .twitter_intents a.favorite:hover{
	background-position:-25px -15px;
}
.twitter-area .twitter_intents a.reply:hover{
	background-position:-51px -15px;
}
.twitter-area p.timestamp,
.twitter-area p.timestamp a{
    margin: 0;
    color: #061120;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.twitter-area p.the-tweet {
    font-size: 20px;
    font-weight: 500;
}
.twitter-area p.the-tweet a{
    color: #061120;
    font-weight: 600;
    transition: none;    
}
.twitter-area .twitter-credit a{
	text-decoration: none;	
	color: #061120;
	transition: none;
}
.twitter-area p.the-tweet:hover a{
	color: #51a8f8;
    transition: none;
}

form li::before{
	display: none;
}
.filter select{
	width: 300px;
}
button.ms-choice{
    border: 2px solid #022c58;
    border-radius: 25px;
    padding: 5px 10px;
}
input.btn-filter {
    background: transparent;
    max-width: 185px !important;
    font-size: 25px !important;
    color: #022c58 !important;
}

/*
* Scroll box
*/
.ms-drop ul::-webkit-scrollbar {
    width: 20px;
}
.ms-drop ul::-webkit-scrollbar-track {
    background: #b4b4b4;
    border-left: 9px solid #022c58;
    border-right: 9px solid #022c58;
}
.ms-drop ul::-webkit-scrollbar-thumb {
	background: #51a8f8;
	border-left: 7px solid #022c58;
	border-right: 7px solid #022c58;
	border-radius: 8px;
}
.ms-drop ul::-webkit-scrollbar-button {
    width: 15px;
    height: 15px;
}
/*
* End scroll box
*/

.ms-parent.opened button {
    background: #022c58;
}
.ms-parent.opened .ms-choice > span.placeholder{
    color:#fff;
}
.ms-parent.opened {
    background: #022c58;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.ms-parent.opened .ms-drop{
	background: #022c58;
	-webkit-border-bottom-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border: none;
    padding: 0 0 10px 0;	
}
.ms-parent.opened .ms-drop ul > li label,
.ms-parent.opened .ms-choice > span{
	color: #fff;
}
.ms-drop ul{
	padding-left: 0 !important;
	overflow-x: hidden !important;
}
.ms-drop ul > li{
	padding-left: 0;
	text-indent: 0 !important;
}
.ms-drop input[type="checkbox"] {
    display:none;
}
.ms-drop input[type="checkbox"] + span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 0 0 15px;
    vertical-align: middle;
    background: url(images/checkbox.png) left top no-repeat;
    cursor: pointer;
    padding-left: 25px;
}
.ms-drop input[type="checkbox"]:checked + span {
    background:url('images/checkbox.png') -25px top no-repeat;
}
.ms-drop input[type="checkbox"] + span:before {
    content: '';
    padding-left: 20px;
}
.btn-filter:focus,
.btn-filter:hover{
	border:none;
}
.resource-listing .pagination {
    border-top: 1px solid #808080;
    position: relative;
}
.resource-listing .single-listing {
    margin-bottom: 40px;
}
.resources-wrapper .filter{
	margin-bottom: 80px;
}
.resource-listing .featured-image.left {
    width: 31%;
}
.resource-listing .listing-excerpt.right {
    width: 69%;
    padding-left: 40px;
}
.listing-page-template.internal #primary {
	background: none;
}
.listing-excerpt h3, .listing-excerpt h3 a {
    color: #01aafb;
    font-weight: 600;
    margin: -5px 0 15px 0;
}
.listing-excerpt p{
	font-size: 20px;
	line-height: 30px;
}
.listing-excerpt span,
.listing-excerpt span a{
	font-size: 22px;
	color: #808080;
	text-decoration: none;
}
.listing-excerpt span a:hover{
	text-decoration: underline;
}
.listing-excerpt span.tags{
    border-left: 1px solid #808080;
    margin-left: 15px;
    padding-left: 15px;
}
.resources-wrapper .btn-white-border{
	text-align: center;
	margin-top: 30px;
}
.resources-wrapper span.pag-number {
    color: #01aafb;
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
    display: block;
}
.loading:before{
	content: '';
	display: none;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	margin: auto;
}
.loading.load:before{
	display: block;
}

/*
* Single post
*/
.single.internal #primary,
.generic-page.internal #primary{
	background: none !important;
	padding-top: 0;
}
.single .main-header {
    background-color: #fff;
    padding-bottom: 15px;
    -moz-transition: background-color 0s ease;
    -webkit-transition: background-color 0s ease;
    transition: background-color 0s ease;
}
.single .active .main-header {
	background: none;
	padding-bottom: 0;
}
.single #content .center-page {
    max-width: 1200px;
    z-index: 1;
    position: relative;
}
.single #content .cta-grid-wrapper-3.center-page{
	max-width: 1500px;
}
.single-header{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 35px;
}

/*
* Social Share
*/
#at20mc,
#at20mc *{
	transition: none !important;
}
.share-buttons *,
.share-buttons{
    text-align: center;
}	
.addthis_toolbox a{
	padding: 0 !important;
	float: none !important;
}
.addthis_toolbox a *{
	transition: none;
}
.share-buttons a span:hover {
    background-color: #01aafb !important;
    border-radius: 100%;
}
.addthis_toolbox a span,
.share-buttons a svg{
    background: none !important;
    width: 50px !important;
    height: 50px !important;

}
.share-buttons a svg{
    width: 32px !important;
    height: 32px !important;
    margin-top: 8px;
}
a.addthis_button_compact svg,
a.addthis_button_email svg{
	display: none;
}
a.addthis_button_compact span{
	background: url(images/share-sprite.png) no-repeat !important;
    background-position: -10px -71px !important;
}
a.addthis_button_email span{
	background: url(images/share-sprite.png) no-repeat !important;
    background-position: -7px -6px !important;
    width: 50px !important;
    height: 50px !important;
}

.generic-page .share-buttons svg{
    fill: #00aeff !important;
}
.generic-page a.addthis_button_compact span{
    background-position: -74px -71px !important;
}
.generic-page a.addthis_button_email span{
    background-position: -71px -6px !important;
}
.generic-page a.addthis_button_email span:hover {
    background-position: -8px -6px !important;
}
.generic-page a.addthis_button_compact span:hover {
    background-position: -10px -71px !important;
}
.generic-page .share-buttons span:hover svg{
    fill: #fff !important;
}

.single-header h1{
	color: #fff;
    text-align: center;
}
.single-header:before,
.single .mobile-header:before{
    content: '';
    background: rgba(2, 44, 88, 0.59);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
.single .entry-info{
    background: url(images/single-waves.png);
    background-size: 100%;
    position: relative;
    width: 100%;
    padding-top: 135px;
    padding-bottom: 30px;
    text-align: center;
}
.single .entry-info h5,
.single .entry-info h5 a{
    color: #3081ad;
    margin: 0;
}
.single .entry-info h5 a:hover{
	text-decoration: underline;
}
.post-content.text-block{
	font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}
.single-header .entry-header-wrapper{
	padding:350px 140px 130px 140px;
}
.inline-promo,
.single .video-wrapper{
	padding: 40px 0;
}
.inline-promo .left{
	width: 40%;
}
.inline-promo .right{
	width: 55%;
}
.inline-promo .right h4{
	margin: 10px 0 0 0;
}

/*
* Generic Page
*/
.internal.generic-page #primary {
    padding-top: 200px;
}

.iphone.osx-safari.home #primary.active:after{
	content:'';
	background: url(images/home-bg.png) 0 bottom no-repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: -1;
    background-size: 130%;
}

.iphone.osx-safari.home #primary.active.scrollUp:after{
    position: relative;
}

.iphone.osx-safari.home #primary.active{
	background: none;
}


/* Adding Styles to Correct Mobile Spacing for Generic Page Header */
@media screen and (max-width: 768px) {
	.internal.generic-page #primary {
		padding-top: 50px;
	}
}

.internal.generic-page #primary{
	background: none;
}
.generic-page #content .center-page{
	max-width: 1200px;
}
.generic-page .ssba-wrap a{
	height: 60px;
}
.generic-page .ssba-wrap a:before{
	background-position-y: -24px;
	transition: none;
}
.generic-page .ssba-wrap>div:after{
    background-position-y: -30px !important;
    height: 36px;	
}
.generic-page .ssba-wrap a:hover:before{
	background-position-y: 6px;
}
.generic-page .ssba-wrap a:hover{
    background: #00aafb;
    border-radius: 50%;
}
.generic-header {
    text-align: center;
}
.generic-header h1{
	margin-bottom: 60px;
}

.single #content .video-wrapper,
.generic-page #content .video-wrapper{
	max-width: 980px;
}

/*
* Error Page
*/
.error-page .subscribe-wrapper{
	display: none;
}
.error404 #primary{
    background: url(images/404-bg.jpg) no-repeat;
    background-size: 100%;
    padding-bottom: 290px;
}
.error-page .header-error{
	padding-top: 250px;
	padding-bottom: 200px;
	max-width: 550px;
	text-align: center;
}
.error-page h1{
    font-size: 270px;
    margin: 35px 0 0 0;
    color: #fff;
    line-height: 1;
}
.error-page h2{
	font-size: 60px;
	color: #fff;
	margin: 0;
}
.error-page .entry-content{
	color: #fff;
	font-size: 25px;
	margin: 0;
}
.error-page .text-error * {
    color: #fff;
    font-size: 60px;
    line-height: 1;
}
.error-page footer#colophon {
    background-image: url(images/footer-bg-trans.png);
    background-size: cover;
    margin-top: -350px;
    background-color: transparent;
}
.error403 #primary{
    background: url(images/403-bg.jpg) no-repeat;
    background-size: 100%;
    padding-bottom: 290px;
}
.error403 .text-error {
    margin: 10% 70px 0 0;
}

/*
* Logos
*/
.logo-promo-wrapper {
    text-align: center;
}
.logo-image {
    display: inline-block;
    margin: 25px;
	max-width: 20%;
	max-width: calc(20% - 45px);    
    vertical-align: middle;
}
.logo-image img{
	width: 100%;
	max-width: 315px;
	max-height: 150px;
}
.logo-image.first {
    margin-left: 0;
}
.logo-image.last {
    margin-right: 0;
}

/*
* Contact Page
*/
.page-template-template-contact-page .single-header .entry-header-wrapper{
	padding-right: 95px;
	padding-left: 95px;
	max-width: 65% !important;
}
.contact-content {
    background: url('images/contact-bg.jpg') top right no-repeat;   
}
.page-template-template-contact-page.single #content .contact-content .center-page{
    max-width: 1440px;
    margin-left: auto;
    margin-right: 85px;
}
.left-contact-content{
	width:47.04716285924834%;
	padding-right: 110px;
}
.left-contact-content{
	font-size: 22px;
	line-height: 1.5;
}
.left-contact-content b,
.left-contact-content strong,
.form-row{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
}
.left-contact-content p{
	margin: 0;
}
.left-contact-content b,
.left-contact-content strong{
	margin: 30px 0;
	display: block;
	line-height: 1;
}
.left-contact-content a{
	text-decoration: none;
}
.right-contact-form.right{
	width:52.02652910832719%;
	padding-top: 15px;
	padding-right: 70px;
}

/*
* Form CF7 a 2 col responsive
*/
#responsive-form{
	max-width:705px;
	margin:0 auto;
    width:100%;
}
#responsive-form .wpcf7-form-control-wrap{
	display:block;
	margin-top: 8px;
	margin-left: -15px;
}
#responsive-form *{
	transition: none;
}
#responsive-form input:not([type="checkbox"],[type="radiobutton"],[type="submit"]),
#responsive-form textarea, #responsive-form select{
	width: 100%;
}
.form-row{
	width: 100%;
	text-transform: uppercase;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
span.wpcf7-not-valid-tip {
    text-align: right;
    font-size: 14px;
    font-style: italic;
    text-transform: initial;
    color: #061120;
}
.wpcf7-select input{
	/* display: none; */
}
.wpcf7-form-control-wrap button.ms-choice {
    background: whitesmoke;
    border: 1px solid #959595;
}
.wpcf7-form-control-wrap .ms-choice > div{
    background: url(images/contact-arrows.png) right center no-repeat;
    width: 28px;
    margin-right: 20px;
    transition: none;
}
.wpcf7-form-control-wrap .ms-choice > div.open {
    background: url(images/contact-arrows.png) left center no-repeat;
}
.wpcf7-form-control-wrap .ms-parent.opened,
.wpcf7-form-control-wrap .ms-parent.opened .ms-drop{
    background: whitesmoke;	
}
.wpcf7-form-control-wrap .ms-parent button.ms-choice{
	min-width: initial;
}
.wpcf7-form-control-wrap .ms-parent.opened button.ms-choice{
 	border:none;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
	border-top: 1px solid #959595;
	-webkit-border-radius: 25px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 25px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 25px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.wpcf7-form-control-wrap .ms-drop ul{
	border-top: 0;
	padding-top: 0;
}
.wpcf7-form-control-wrap .ms-drop ul::-webkit-scrollbar-track {
	background: #959595;
    border-color: #f5f5f5;
}
.wpcf7-form-control-wrap .ms-drop ul::-webkit-scrollbar-thumb {
	background: #dddddd;
    border-color: #f5f5f5;
}
.wpcf7-form-control-wrap button.ms-choice span {
    color: #061120 !important;
}
.wpcf7-form-control-wrap .ms-parent.opened .ms-drop {
    border: 1px solid #959595;
    border-top: 0;
	-webkit-border-radius: 1px;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius: 1px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-radius: 1px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
.wpcf7-form-control-wrap .ms-drop.bottom span {
    text-transform: initial;
    color: #061120;
    font-size: 16px;
}
input.wpcf7-form-control.wpcf7-submit {
    padding: 6px 10px;
    background: #fff;
    border: 2px solid #022c58;
}
input.wpcf7-form-control.wpcf7-submit:hover {
	background: #022c58;
	color: #fff;
}
span.wpcf7-list-item-label {
    font-weight: 500;
    text-transform: initial;
}
.wpcf7-list-item input[type="checkbox"],
.wpcf7-list-item input[type="radio"] {
    display:none;
}
.wpcf7-list-item input[type="checkbox"] + span,
.wpcf7-list-item input[type="radio"] + span {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}
.wpcf7-list-item input[type="checkbox"] + span:before,
.wpcf7-list-item input[type="radio"] + span:before {
    background: url(images/form-checks.png) left top no-repeat;
    content: '';
    display: inline-block;
    height: 25px;
    margin-right: 10px;
    vertical-align: middle;
    width: 25px;
    transition:none;
}
.wpcf7-list-item input[type="checkbox"]:checked + span:before {
    background:url('images/form-checks.png') -25px top no-repeat;
}
.wpcf7-list-item input[type="radio"]:checked + span:before {
    background:url('images/form-checks.png') -50px top no-repeat;	
}
.ms-parent.wpcf7-form-control.wpcf7-select{
	width: 100% !important;
}

body>div:not(#page) {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

/*
* Responsive
*/

/* 
* Bigger screens 
*/
@media screen and (min-width: 1921px) {
	.home img.hero-image,
	.landing-page-template img.hero-image{
	    height: 1080px;
	}
	.detail-page-template #primary {
	    padding-top: 200px;
	}
	.single .entry-info {
	    padding-top: 175px;
	}
}
@media screen and (min-width: 2134px) {
	.home img.hero-image,
	.landing-page-template img.hero-image{
	    height: 1200px;
	}
}

/*
* Desktop 1730
*/
@media screen and (max-width: 1730px) {
	.internal .sub-nav {
		bottom: 0;
		top: initial;
	}
	/* Footer */
	footer#colophon .footer-one {
	    max-width: 400px;
	    padding: 0 25px;
    	font-size: 12px;
	}
	footer#colophon span {
	    font-size: 16px;
	}
	.social-links {
	    margin-left: 0;
	}
	.social-links li {
	    height: 25px;
	    padding: 0;
	    width: 25px;
	    margin: 0 0 0 10px;
	}
	footer#colophon nav.footer-nav ul li a {
    	font-size: 14px;
	}
}

@media screen and (max-width: 1750px) {
	.landing-page-template img.hero-image {
	    height: 880px;
	}
}

/*
* Desktop 1600 - Desktop 1366
*/
@media screen and (max-width: 1600px) {
	h1{
		font-size: 32px;
		letter-spacing: 5px;
		line-height: normal;
	}

	h2{
		font-size: 35px;
		line-height: normal;
	}

	h3{
		font-size: 24px;
		letter-spacing: 0px;
		line-height: normal;
	}

	h4{
		font-size: 20px;
		line-height: normal;
	}

	h5{
		font-size: 18px;
		line-height: auto;
	}

	h6{
		font-size: 16px;
		letter-spacing: normal;
		line-height: auto;
	}
	#nav-icon {
		margin: 0 0 0 25px;
	}	
	#nav-icon.open {
		margin-top: -6px;
	}
	.site-title img {
	   /*  width: 207px; */
	    width: 185px;
	}
	.header-right.right {
	    margin-top: 13px;
	}
	.space-215 {
	    height: 80px;
	}
	.home .space-215 {
	    height: 65px;
	}
	div[class^="btn-"] a,
	a.cta-text-white{
	    font-size: 16px;
	    padding: 5px 20px;
	}
	.center-page{
		max-width: 1040px;
	}
	.home img.hero-image {
		height: 810px;
	}
	footer#colophon .center-page {
		max-width: 1500px;
	    max-width: 100%;
	    width: 89.58333333333333%;
	}
	footer#colophon .footer-one {
    	padding: 0 25px 0 0;
	}
	footer#colophon span {
	    font-size: 14px;
	}
	footer#colophon .footer-two {
	    padding: 10px 0 0 45px;
	}
	.center-page-large{
		max-width: 1200px;
	}
	nav.top-navigation li{
		padding: 5px 25px;
	}
	nav.top-navigation li a {
    	font-size: 12px;
	}
	#nav-icon {
    	width: 40px;
	}
	#nav-icon span {
    	height: 5px;
	}
	#nav-icon span:nth-child(2){
		top: 10px;
	}
	#nav-icon span:nth-child(3) {
	    top: 20px;
	}
	.sub-nav {
	    left: 1%;
	}
	.sub-nav li a {
		font-size: 10px;
	}
	.video-wrapper h2 {
	    top: 30%;
	}
	.main-navigation {
	    padding-top: 60px;
		max-width: 1000px;
	}
	.main-navigation li{
		padding-bottom: 30px;
		max-width: 650px;
		width: 100%;
	}
	.main-navigation a {
	    font-size: 45px;
	}	
	.main-navigation ul ul a {
	    font-size: 22px;
	}
	.main-navigation ul li.on > ul {
    	top: 0;
    	left: 100%;
	}
	button, input[type="button"], input[type="reset"], input[type="submit"],
	.filter select{
		font-size: 14px;
		max-width: 240px;
	}
	.filter select,
	button.ms-choice{
		max-width: 300px;
	}
	
	/*Home*/
 	.hero-zone {
    	padding: 50px;
    	max-width: 520px;
	} 
	.home .hero-zone {
		padding: 40px 55px 50px 40px;
    	max-width: 570px;
	}
	h1,
	.hero-zone h1{
		font-size: 35px;
	    line-height: normal;
	    letter-spacing: 2px;
	    margin-bottom: 0;
	    line-height: 40px;
	}
	.home h1{
		margin-top: 0;
	}
	.landing-page-template .hero-zone h1{
		font-size: 32px;
	}
	.promo-slider {
	    padding-left: 85px;
	}
	.promo-slider .promo-content {
    	padding: 50px;
	}
	.promo-slider-gallery {
    	padding-top: 50px;
    	max-width: 565px;
	}
	.cta-col p {
	    overflow: hidden;
	    color: #6c6c6c;
	}
	.resource-cards-col p{
		overflow: hidden;
	}

	/*
	* Landing page
	*/
	.internal .sub-nav ul {
	    bottom: 0;
	}
	.internal .hero-zone{
		padding: 0 20px 0 20px;
	}
	.hero-zone .promo-description{
		font-size: 16px;
	}
	.internal .hero-zone .btn-white a {
	    font-size: 14px;
	    max-width: 210px;
	    padding: 6px 0;
	}
	.internal .hero-zone .btn-white {
	    margin: 0 5px 0 0;
	}
	div.content-slider {
	    margin-top: 130px;
	}
	.landing-slider-content {
	    padding: 0 75px;
	}
	.landing-slider-content,
	.promo-slider .promo-slider-desc {
	    font-size: 16px;
	}
	.cta-grid-3 .cta-col {
	    margin: 0 28px;
	}
	.app-promo-block-wrapper {
	    padding: 120px 0;
	}
	.app-promo-block-content {
	    padding-right: 150px;
	}
	.app-store{
	    height: 44px;
	}
	.quote p {
	    font-size: 20px;
	    line-height: 25px;
	}
	.quote .author {
    	font-size: 17px;
	}
	.cta-grid-wrapper-2 {
	    margin: 40px auto;
	}
	.landing-page-template img.hero-image{
		height: 800px;
	}

	/*
	* App
	*/
	.detail-page-template .hero-zone .col-1 p,
	.detail-page-template .hero-zone .col-1 li,
	.detail-page-template .hero-zone .col-1 span{
		font-size: 16px;
	}
	.detail-page-template .hero-zone .btn-white{
		margin: 0 auto;
	}
	.detail-page-template .features-matrix-content,
	.app-features-tabs ul li h6{
		font-size: 14px;
	}
	.app-features-tabs ul li h6{
		padding: 25px 0;
	}
	.testimonial-block .cta-col span.cta-title {
	    font-size: 30px;
	}
	.testimonial-block .testimonial-content p {
	    font-size: 19px;
	    line-height: 28px;
	}
	.testimonial-block .author {
	    font-size: 19px;
	}
	.detail-page-template .hero-zone .col-3 p {
	    font-size: 16px;
	}
	.app-feature-phone{
		margin-top: -50px;
	}
	.app-feature.hero-wrapper{
		min-height: 610px;
	}
	.detail-page-template .hero-zone .col-1{
		padding-top: 0px;
	}
	.detail-page-template div#app-detail{
		padding-top: 15px;
	}
	.detail-page-template .hero-zone .col-1 .callout-description *{
		line-height: 22px;
	}
	.detail-page-template .hero-zone .promo-description {
	    line-height: 22px;
	}

	/*Listing*/
	.listing-page-template .space-215{
		height: 0;
	}
	.listing-header-right .listing-posts h3, .listing-header-right .listing-posts h3 a{
		font-size: 35px;
	}
	.listing-header-right {
	    margin-right: 80px;
	    max-width: 420px;
	    padding: 0;
	    width: 48%;
	}
	.listing-header-left {
	    max-width: 612px;
	    width: 52%;
	    padding: 0 65px 0 100px;
	}
	.listing-header-wrapper {
	    background-position: 0 105px;/* 125px; */
	}
	.listing-header-wrapper.trigger{
	    background-position: 0 230px;/* 250px; */
	}
	.listing-header-wrapper.trigger-out {
    	background-position: 0 505px;/* 525px; */
	}
	.listing-header-right .listing-posts {
	    padding: 45px 32px;
	}
	.listing-header-left .main-featured:before{
		width: 142px;
		height: 142px;
	}
	.listing-header-left .main-featured {
	    padding: 0px 10px 100px 80px;
	}
	.listing-page-template p.featured-content {
	    overflow: hidden;
	    font-size: 15px;
	}
	.resources-wrapper.center-page{
		max-width: 1060px;
	}
	.listing-excerpt p {
	    font-size: 16px;
	    line-height: 23px;
	    margin-bottom: 15px;
	    overflow: hidden;
	}
	.listing-excerpt span, .listing-excerpt span a{
		font-size: 16px;
	}
	.resources-wrapper span.pag-number {
	    font-size: 18px;
	}
	input.btn-filter {
		min-width: auto;
	    max-width: 150px !important;
	    font-size: 16px !important;
	    border:none;
	}
	.ms-choice{
		height: 35px;
		line-height: 35px;
	}
	.ms-choice > div{
		height: 35px;
		background-position: left center;
	}
	.ms-choice > div.open{
		background-position: right center;		
	}
	.ms-drop ul > li label {
	    font-size: 16px;
	}
	.twitter-area p.timestamp, 
	.twitter-area p.timestamp a,
	p.twitter-credit {
	    font-size: 14px;
	    margin-top: 0;
	}
	.twitter-area p.the-tweet {
    	font-size: 15px;
    	margin-bottom: 0;
	}
	
	/*
	* Single
	*/
	.single #content .center-page:not(.cta-grid-wrapper-3):not(.video-wrapper):not(.app-promo-block-wrapper){
    	max-width: 845px;
	}
	.single-header .entry-header-wrapper {
    	padding: 270px 70px 80px;
	}
	.single .entry-info {
	    padding-top: 85px;
	}
	.single .entry-info h5, .single .entry-info h5 a,
	.post-content.text-block{
		font-size: 16px;
	}
	.inline-promo .right p{
		font-size: 14px;
		overflow: hidden;
	}
	td{
		font-size: 12px;
		line-height: 1.5;
	}
	th{ 
		font-size: 14px; 
	}

	/*
	* Newsletter
	*/
	.subscribe-wrapper input:not([type="submit"]){
	    font-size: 15px;
	    padding: 15px 50px;
	}
	.subscribe-wrapper input[type="submit"],
	form.hs-form input.hs-button{
	    padding: 5px 18px;
	    font-size: 14px;
	}

	/*
	* Generic
	*/
	.generic-page #content .center-page:not(.cta-grid-wrapper-3):not(.video-wrapper):not(.app-promo-block-wrapper) {
	    max-width: 845px;
	}
	.single #content .video-wrapper, .generic-page #content .video-wrapper{
		max-width: 690px;
	}
	.video-wrapper .video-caption {
	    font-size: 16px;
	}

	/*
	* Error Page
	*/
	.error-page .header-error{
		padding-top: 120px;
		max-width: 360px;
	}
	.error-page h1{
		margin-top: 0;
	    font-size: 180px;
	}
	.error-page h2{
		font-size: 35px;
	}
	.error-page .text-error h3{
		margin: 20px 0;
	}	
	.error-page .entry-content{
		font-size: 16px;
	}
	.error-page .text-error * {
	    font-size: 60px;
	}
	.error-page .text-error img {
		width: 150px;
	}	
	.error403 .text-error {
	    margin: 0 70px 0 0;
	}
	.error-page .text-error * {
		font-size: 45px;
	}

	/*
	* Contact Page
	*/
	.page-template-template-contact-page.single #content .contact-content .center-page{
		max-width: 1440px !important;
		width: 75%;
	}
	.left-contact-content b, .left-contact-content strong, .form-row {
    	font-size: 15px;
	}
	.left-contact-content {
	    font-size: 15px;
	    font-weight: 400;
	}
	.right-contact-form.right {
	    padding-right: 0px;
	}
}

@media screen and (min-width: 1601px) {
	.hero-zone .promo-description {
		font-size: 20px;
	}

}

/*
* Desktop 1366
*/
@media screen and (max-width: 1366px) {
	.detail-page-template .hero-zone .col-2 {
	    max-width: 20%;
	}
	.app-feature.hero-wrapper {
	    min-height: 500px;
	}
	.landing-page-template img.hero-image{
		height: 680px;
	}
	.home img.hero-image {
		height: 680px;
	}
}

/*
* Only on ipad
*/
@media screen and (max-width: 1366px) and (min-width: 769px) {
	.safari.iphone.osx-safari.internal .hero-zone h1{
		padding-right: 60px;		
	}
}

/*
* Desktop 1295
*/
@media screen and (max-width: 1295px) {
	.home #primary,
	.scrollUp div.blue-bg {
    	background-size: 130%;
	}
}

/*
* Desktop 1200
*/
@media screen and (max-width: 1200px) {
	.promo-slider {
	    padding-left: 25px;
	}

	.landing-page-template img.hero-image {
	    height: 550px;
	}

	.listing-header-right{
		margin-right: 0;
	}
	.listing-header-left {
	    padding: 0 65px;
	}
	.listing-header-wrapper {
	    background-position: 0 250px;
	}

	footer#colophon .center-page {
    	padding-top: 150px;
	}
	footer#colophon .footer-one {
	    padding: 0;
	}
	footer#colophon nav.footer-nav ul li a {
	    font-size: 12px;
	}
	footer#colophon .footer-two {
    	padding: 10px 0 0 10px;
	}
	footer#colophon nav.footer-nav ul li {
	    margin: 0 10px;
	}
}

/*
* Desktop 1100
*/
@media screen and (max-width: 1100px) {
	.cta-grid .cta-col,
	.cta-grid .cta-col.first,
	.cta-grid .cta-col.last{
    	width: calc(50% - 30px);
    	margin: 10px !important;
	}
	.error-page .text-error * {
	    font-size: 30px;
	}
	.error-page h1 {
    	font-size: 200px;
	}
	.error-page h2 {
    	font-size: 45px;
	}
	.error-page .header-error {
	    padding-top: 150px;
	    padding-bottom: 0;
	}
	.text-error img{
		width: 140px;
	}
}

@media screen and (max-width: 1185px) {
	.listing-header-wrapper {
	    background-position: 0 120px;
	}
	.listing-header-wrapper.trigger {
	    background-position: 0 260px;
	}
	.listing-header-right .listing-posts {
	    padding: 30px;
	}
	.listing-header-right {
    	max-width: 365px;
	}
	.listing-header-right .listing-posts h3 a {
	    font-size: 25px;
	}
	.wpcf7-form-control-wrap button.ms-choice,
	.ms-parent.wpcf7-form-control.wpcf7-select.opened{
	    width: 100% !important;
	    max-width: 100% !important;
	}
	.page-template-template-contact-page .single-header .entry-header-wrapper{
		max-width: 100% !important;
	}
}

@media screen and (max-width: 1024px) {
	input.btn-filter {
	    max-width: 120px !important;
	}
	.detail-page-template #app-feature-1 .hero-zone.mobile-hide .col-3>div {
	    max-width: 100%;
	    margin: 0 20px;
	}
	.detail-page-template .hero-zone .col-1 {
	    padding: 0 25px 0 25px;
	}
	.detail-page-template .hero-zone .col-1 .callout-description {
    	padding: 0 0 5px 0;
	}
	.detail-page-template div#app-detail {
	    padding-top: 0;
	}
	.detail-page-template .hero-zone .promo-description {
	    overflow: hidden;
	}
	.main-navigation li {
    	max-width: 530px;
	}
	.home img.hero-image {
	    height: 585px;
	}
	.app-promo-block-content .app-store {
	    max-width: 45%;
	    height: 50px;
	}
	.app-promo-block-content .app-store img{
	    height:100%;
	}
}

@media screen and (max-width: 1023px) {
	.left-contact-content.left,
	.right-contact-form.right,
	.ms-parent.wpcf7-form-control.wpcf7-select{
		width: 100%;
		padding: 0;
	}
	.page-template-template-contact-page .entry-header-wrapper.center-page{
		width: 100% !important;
	}
}

@media screen and (max-width: 960px) {
	.landing-page-template img.hero-image {
	    height: 450px;
	}
	.home img.hero-image {
	    height: 510px;
	}
	.home #primary,
	.home #primary.active{
/*		background-size: 150%;
 		background-position-y: -200px; */
 		background-size: 100%;
    	background-image: url(images/home-bg-960.png);
	}
	.scrollUp div.blue-bg {
	    background-size: 150%;
	}
	.sub-nav li {
    	width: 110px;
	}
}

@media screen and (max-width: 900px) {
	.error-page .header-error {
	    padding-top: 95px;
    	max-width: 410px;
	}
	.error-page h1 {
	    font-size: 90px;
	}
	.error-page .text-error * {
	    font-size: 24px;
	}
	.main-navigation li {
    	max-width: 50%;
	}
}

/*
* IPAD RESOURCES BEGIN
*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1185px) 
and (orientation : portrait) { 

	/*
	* Listing
	*/
	.internal div#content {
	    padding-top: 75px;
	}
	.listing-page-template.internal .space-215{
		height: 0;
	}
	.listing-page-template.internal #primary{
		padding-top: 0;
	}
	.listing-header-left{
	    padding: 0 0;
	    max-width: 100%;
	    width: 100%;
	}
	.listing-header-left .main-featured {
	    padding: 60px 0px 60px 0px;
	}
	.listing-header-left .main-featured:before {
	    width: 173px;
	    height: 173px;
	    left: 0;
	    top: -100px;
	}
	.listing-header-wrapper{
	    background: url(images/blue-waves-mobile.jpg) no-repeat;
	    background-size: 100%;
	    background-position: 0 260px;
	}
	.listing-header-wrapper a.read-now.cta-text-white {
	    padding: 0;
	}
	.listing-header-right{
		max-width: 100%;
		width: 100%;
	}
	.resources-wrapper span.apply-filter {
	    background: #002959;
	    color: #fff;
	    display: block;
	    font-size: 22px;
	    font-weight: 600;
	    line-height: 1;
	    padding: 20px 30px;
	    text-transform: uppercase;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		position: relative;
	}
	.resources-wrapper span.apply-filter:after{
		content: '';
		background: url(images/plus-icon.png);
		width: 25px;
		height: 25px;
		display: block;
		position: absolute;
		right: 25px;
		top: 15px;
		transition-duration: 100ms;
	}
	.resources-wrapper .filter-fields{
		display: none;
	}
	.resources-wrapper form.desktop-hide.opened {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    left: 0;
	    z-index: 9999;
	}
	.resources-wrapper form.desktop-hide.opened .filter-area{
		overflow-y: auto;
	    position: fixed;
	    width: 100%;
	    top: 70px;
	    bottom: 0;
	    background: #002959;		
	}

	.resources-wrapper .opened .filter-fields{
	    display: block;
	    position: relative;
	    z-index: 1;
	    max-width: 85%;
	    margin: 0 auto;		
	}
	.resources-wrapper .opened span.apply-filter:after{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.resources-wrapper form.desktop-hide.opened:before {
	    content: '';
	    background: #002959;
	    position: absolute;
	    left: 0;
	    height: 500%;
	    width: 100%;
	}
	.resources-wrapper label.main-label {
	    color: white;
	    display: block;
	    font-size: 20px;
	    font-weight: 600;
	    margin: 15px 0;
	    text-transform: uppercase;
	}
	.field-check {
		padding: 10px 0;
		color: #fff;
		font-size: 20px;
		font-weight: 500;	    
	}
	.filter-fields input[type="checkbox"] + label:before{
		content: '';
		display: inline-block;
		width: 25px;
		height: 25px;
		margin: 0 15px 0 0;
		vertical-align: middle;
		background: url(images/checkbox.png) left top no-repeat;
		transition: none;
		cursor: pointer;
	}
	.filter-fields input[type="checkbox"]:checked + label:before{
	    background: url(images/checkbox.png) -25px top no-repeat;
	}
	.field-check input[type="checkbox"]{
		display: none;
	}
	.resources-wrapper .opened .filter-fields.submit-btn {
		max-width: 100%;
		width: 100%;
		border-top: 1px solid #00aafb;
		margin-top: 20px;
		text-align: right;
	}
	.resources-wrapper .opened .filter-fields.submit-btn input.btn-filter{
		margin-top: 10px;
		color: #01aafb !important;
		font-weight: 700;
	}
	.resource-listing .featured-image.left,
	.resource-listing .featured-image.left img,	
	.resource-listing .listing-excerpt.right {
	    width: 100%;
	    padding-left: 0px;
	}
	.resource-listing .single-listing {
	    margin-bottom: 60px;
	}
	.pagination .right {
	    float: none;
	    text-align: center;
	}
	.resources-wrapper span.pag-number{
		font-size: 20px;
	}
	.twitter-area .tweet.left {
	    width: 100%;
	    margin-bottom: 20px;
	}

}

/*
* IPAD RESOURCES END
*/


/*
* Mobile
*/
@media screen and (max-width: 768px) {
	h1{ font-size: 35px; }
	h2{ font-size: 30px; }
	h3{ font-size: 25px; }
	h4{ font-size: 20px; }
	h5{ font-size: 18px; }
	h6{ font-size: 16px; }
	.center-page {
    	width: 90%;
	}
	.center-page-large {
    	width: 95%;
	}
    .mobile-hide,
    .site-branding img.white{
    	display: none !important;
    }
   	.mobile-full{
    	width: 100% !important;
    }
    .internal:not(.white-menu) .active #nav-icon span{
    	background:#000;
    }
    header#masthead{
    	padding-bottom: 0;
    	z-index: 999;
    }
    header#masthead.active{
        height: 100%;
	    overflow-y: scroll;
    }
    header#masthead.top {
	    top: 0;
	}
    body.admin-bar header#masthead.active{
        top: 46px;
    }
    .main-header {
	    background: #fff !important;
	    padding: 10px 0 5px 0 !important;
	}
	.site-branding img.black,
	.desktop-hide{
		display: block !important;
	}
	.site-title img {
    	width: 180px;
	}
	#nav-icon span:nth-child(2) {
	    top: 13px;
	}	
	#nav-icon span:nth-child(3) {
	    top: 26px;
	}
	.site-header.active {
    	background: #061120;
	}
    .home #primary {
	    background: url(images/home-bg-mobile.png) 0 35px no-repeat;
	    background-size: 100% !important;
	    background-position-y: 0 !important;
	    padding-top: 150px;
	    transition: none;
	}
	.home:not(.error-page) #primary.active,
	.home:not(.error-page) #primary.active.scrollUp{
		background-attachment: initial;
		background-position: 0 0;
	}
	.home .site-content{
		background-position: right top !important;
	    background-size: auto 640px !important;		
	}
	#nav-icon span{
		background:#000;
	}
	nav.top-navigation.desktop-hide{
		display: none !important;
	}	
	.active nav.top-navigation.desktop-hide{
		display: block !important;
		width: 100%;
		text-align: center;
		margin-top: 60px;
	}
	.main-navigation {
    	padding: 65px 60px 0 60px;
	}
	.main-navigation a {
    	font-size: 30px;
    	margin-bottom:40px;
	}
	.main-navigation ul ul{
		position: relative;
		right: 0;	   
		top:0 !important;
		margin-bottom: 25px;
		display: none;
		width: 100%;
	}
	.main-navigation ul li{
	 	padding: 0;
	 	display: inline-block;
    	width: 100%;
    	max-width: 100%
	}	
	.main-navigation ul li a{
	 	padding-left: 0;
	}
	.main-navigation ul li li a{
	 	padding-left: 0;
	 	margin-bottom: 15px;
	 	font-size: 20px;
	}
	.main-navigation ul ul:before,
	.active .main-navigation ul ul{
		display: none;
	}
	.main-navigation ul li.on > ul{
		left: 0;
	}
	#primary-menu,
	#primary-menu *{
		transition:none;
	}
	#primary-menu ul li{
		background: none;
	}
	#primary-menu ul li em {
	    display: block;
	    float: right;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 55px;
	    height: 38px;
	    color: #fff;
	    font-size: 35px;
	    font-weight: 300;
	    text-align: center;
	    line-height: 30px;
	}
	#primary-menu ul li em:before, #primary-menu ul li em:after {
	    content: "";
	    position: absolute;
	    background: #fff;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	#primary-menu ul li em:before {
	    width: 25px;
	    height: 3px;
	}
	#primary-menu  ul li em:after {
	    height: 25px;
	    width: 3px;
	}
	#primary-menu ul li.open > em:after {
  		content: none; 
	}
	.fixed nav.top-navigation li{
		border-color: #fff;
	}	
	.fixed nav.top-navigation li a{
		color: #fff;
	}
	img.hero-image {
	    height: 510px;
	    object-fit: cover;
	    object-position: right;
	}
	.home img.hero-image {
	    margin-top: 75px;
	    height: 460px;
	}
	nav.top-navigation li {
    	display: inline-block;
	}
	nav.top-navigation li {
    	width: 47.916666666666664% !important;
	}
	nav.top-navigation li:first-child {
    	width: 39.583333333333336% !important;
	}	

	/*
	* Home
	*/
	.hero-zone h1,
	.landing-page-template .hero-zone h1{
	    font-size: 35px;
	    line-height: 40px;
	}
	.internal .hero-zone h1 {
	    padding-right: 0;
	}
	.hero-zone{
    	/* padding: 210px 20px 75px 0; */
    	padding: 300px 20px 75px 0;
    	max-width: 450px;
	}
	.home .hero-zone {
	    padding: 300px 20px 75px 0;
	    max-width: 570px;
	}
	.hero-zone .promo-description {
		font-size: 16px;
	}
	.home #primary .blue-bg {
	    background: none;
	    padding-bottom: 0;
	}
	.promo-slider{
		padding-left: 0;
	}
	.promo-slider .promo-content{
		width: 100%;
    	padding: 20px;
	}
	.promo-slider .promo-content * {
    	color: #061120;
	}
	.promo-slider .btn-white a{
		background:transparent;
		border-color: #022c58;
		color: #022c58;
	}
	.promo-slider-gallery{
		width: 100%;
		max-width: 100%;
		padding-bottom: 0;
	}
	.promo-slider-gallery img{
		padding-top: 15px;
	}
	.cta-grid-wrapper {
	    margin-top: 40px;
	}
	.cta-grid .cta-col{
		margin: 10px auto 30px auto !important;
		width: 73.95833333333333% !important;
		float: none;
    }
    .cta-grid .cta-col a.cta-text-white{
    	padding-left: 0;
    	padding-right: 0;
    	font-size: 16px;
    	font-weight: 600;
    }
    .cta-col p {
	    font-size: 16px;
	}
    .resource-cards h2,
    .cta-grid-wrapper-2 h2{
	    text-align: center;
	}
    .cta-grid-wrapper-2 h2{
    	font-weight: 800;
    	letter-spacing: 2px;
    }
    .cta-grid-wrapper-2 h3 {
	    letter-spacing: 0px;
	}
	.resource-cards>div,
	.resource-cards-col .feat-img img{
		width: 100%;
		max-width: 100%;
	    margin: 0 auto;
	}
	.resource-cards>div{
		margin-bottom: 30px;
	}
	.video-wrapper {
	    padding: 40px 0;
	}
	.video-block .play{
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
	}
	.video-wrapper h2{
	    color: #061120;
	    margin-bottom: 40px;
	    position: relative;
	}
	.video-block a{
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 10;
	}
	.resource-cards .date{
		font-size: 18px;
	}
	.resource-cards h3{
		margin-bottom: 15px;
	}
	.resource-wrapper {
	    margin-top: 30px;
	}
	.cta-grid h2{
		margin-top: 0;
	}

	/*
	* Landing
	*/
	.internal #primary{
		background-image: url('images/internal-waves-header-mobile.png');
	}
	.internal div#content {
	    padding-top: 75px;
	}
	.internal .space-215 {
	    height: 250px;
	}
	.internal img.hero-image {
    	height: 445px;
	}
	.internal .hero-zone{
		padding: 0;
		max-width: 100%;
	}
	.internal .hero-zone .btn-white {
	    margin: 0 20px 30px 0;
	    display: block;
	}
	.internal .col-mb-100{
		width: 100%;
		max-width: 100%;
		padding: 0 5px 0 5px;
	}
	.landing-content-slider-gallery{
	    text-align: center;
	}
	.internal .skyblue-bg {
	    background: none;
	    padding-top: 0;
	}
	.internal .promo-wrapper {
    	width: 100%;
	}
	.internal .promo-wrapper .promo-slider{
    	background: url('images/skyblue-waves.mobile.jpg') 0 0 no-repeat;
    	background-size: contain;
    	padding: 0 20px;
	}
	.internal .promo-content {
	    margin-bottom: 20px;
	}
	.internal .promo-slider .promo-content *{
		color: #fff;
	}
	.internal .promo-slider .promo-content .btn-white a{
	    border-color: #fff;
	    background: #fff;
	    color: #000;
	    padding: 13px 35px;
	}
	.internal .promo-slider-desc {
	    padding-right: 0;
	}
	.internal .video-wrapper{
		padding: 20px 0;
	}
	.cta-grid-3 h2{
		text-align: center;
	}
	.cta-grid-3 .cta-col,
	.cta-grid-wrapper-2 .cta-col{
	    margin: 0;
	    max-width: 100%;
	}
	.cta-grid-wrapper-2 .cta-col{
		margin-bottom: 20px;
	}
	.internal .app-promo-block-wrapper{
		background: none;
		padding-top: 0;
		padding-bottom: 30px;
	}
	.internal .app-promo-block-content{
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
	}
	.phone-image{
		width: 100%;
		max-width: 453px;
	}
	.app-promo-block>div {
	    float: none;
	    margin: 0 auto;
	}
	div.content-slider{
		margin-top: 0;
	}
	
	/*
	* App detail
	*/
	.detail-page-template #primary{
		background: #fff;
		padding: 0;
	}
	.detail-page-template .hero-zone.desktop-hide>div{
		width: 100%;
		max-width: 100%;
		padding: 0;
		float: none;
	}
	.detail-page-template .hero-zone.desktop-hide .col-1,
	.detail-page-template .hero-zone.desktop-hide .col-1 *{
		color: #000;
		text-shadow: none;
	}
	.detail-page-template .hero-zone .callout {
		color: #fff;
		padding-left: 40px;
		padding-right: 40px;
	    position: absolute;
	    top: 25%;
		left: 0;
		right: 0;
		text-align: center;
	}
	.detail-page-template .hero-zone .btn-white{
		margin:0 auto;
	}
	.detail-page-template .hero-zone .image-app:before {
	    background: rgba(0, 0, 0, 0.6);
	    bottom: 2%;
	    content: '';
	    height: 77%;
	    left: 6%;
	    position: absolute;
	    right: 6%;
	    top: 11%;
	    width: 88%;
	}	
	.detail-page-template .features-matrix-wrapper{
		background: none;
		padding-bottom: 60px;
		padding-top: 40px;
	}
	.features-matrix-wrapper .center-page{
	    margin: 0 auto;
	    width: 95%;
	}
	.app-features-tabs.desktop-hide,
	.app-featured-images{
	    width: 100%;
	    max-width: 100%;	    
	}
	.detail-page-template .features-matrix-wrapper h2{
		margin:20px 0; 
	}
	.app-features-tabs ul li{
		text-align: left;
		padding: 0 !important;
	}
	.app-features-tabs.desktop-hide ul li.active{
		background: none;
	}
	.app-features-tabs.desktop-hide>ul{
		background: url(images/arrow-select.png) no-repeat 98% top #061120;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		padding: 15px 25px !important;
		text-transform: uppercase;
		width: 100%;
	}
	.app-features-tabs.desktop-hide>ul ul{
		display: none;
		padding-left: 0 !important;
	}
	.app-features-tabs.desktop-hide>ul.open ul{
		display: block;
	}	
	.app-features-tabs.desktop-hide>ul.open{
		background-position: 98% -52px;
	}
	.app-features-tabs.desktop-hide>ul.open span.line {
	    display: block;
	    width: 100%;
	    height: 3px;
	    background: #02abfb;
	    margin-top: 15px;
	}
	.app-features-tabs.desktop-hide li,
	.app-features-tabs.desktop-hide li.active{
		padding-right: 0;
	}
	.app-features-tabs.desktop-hide li h6{
	    border: none;
	    color: #fff !important;
	    font-size: 18px;
	    padding-left: 30px;
	    text-transform: none;
	    width: 100%;
	}
	div.features-matrix-content {
	    text-align: center;
	}
	.app-features-image{
		padding: 0;
	}
	div[class^="btn-"] a, a.cta-text-white {
	    font-size: 18px;
	    padding: 13px 50px;
	}
	.testimonial-block .cta-col.right{
		padding: 15px 0 0 0;
	}
	.features-matrix-content .buttons>div {
	    margin-bottom: 20px;
	    padding: 0;
	}
	.testimonial-block .testimonial-content p{
    	height: auto;
	}
	.detail-page-template .hero-zone .col-2{
		position: relative;
    	top: 0;
	}
	.detail-page-template .app-detail.hero-zone{
		width: 100%;
		max-width: 100%;
		padding: 50px 0 25px;
		text-align: center;
	}
	.detail-page-template.internal .hero-zone h1,
	.detail-page-template .hero-zone .promo-description p{
		color: #061120;
		text-shadow: none;
	}
	.detail-page-template .hero-zone .promo-description{
		max-height: initial;
	}
	.app-feature-section{
		display: block;
		position: relative;
	}
	.nav-arrows{
		display: none;
	}
	.detail-page-template .app-store,
	.detail-page-template .app-store.play-store{
		height: auto;
		max-width: 100%;
	}
	.app-features-image, 
	.app-features-content{
		float: none;
		margin-bottom: 30px;
		padding: 0;
		width: 100%;
	}
	.testimonial-block-wrapper{
		margin-top: 20px;
	}
	.detail-page-template .hero-zone.desktop-hide .callout-2 {
	    margin: 40px 0;
	}
	.testimonial-block .author {
	    font-size: 16px;
	}
	.toggle-screenshot {
		background: url(images/plus-minus.png) no-repeat;
		width: 25px;
		height: 25px;
		position: absolute;
		right: 10%;
		z-index: 99;
		top: 15%;
		/* animation: beat .25s infinite alternate; */
	}
	.image-app.toggle-img .toggle-screenshot{
		background-position: 0 -25px;
	}
	.image-app.toggle-img:before,
	.image-app.toggle-img .callout{
		opacity: 0;
	}
	.detail-page-template div#app-detail {
	    padding-top: 15px;
	    width: 100%;
	    text-align: center;
	}
	.detail-page-template .hero-zone .promo-description{
		text-align: center;
	}
	.detail-page-template .hero-zone .col-1 .callout-2{
		padding-top: 0;
		border:0;
	}
	/* 
	* Listing
	*/
	.listing-excerpt h3, .listing-excerpt h3 a{
		margin-top: 15px;
	}
	.listing-page-template.internal .space-215{
		height: 0;
	}
	.listing-page-template.internal #primary{
		padding-top: 0;
	}
	.listing-header-left{
	    padding: 0 0;
	    max-width: 100%;
	    width: 100%;
	}
	.listing-header-left .main-featured {
	    padding: 60px 0px 60px 0px;
	}
	.listing-header-left .main-featured:before {
	    width: 173px;
	    height: 173px;
	    left: 0;
	    top: -100px;
	}
	.listing-header-wrapper{
	    background: url(images/blue-waves-mobile.jpg) no-repeat;
	    background-size: 100%;
	    background-position: 0 260px;
	}
	.listing-header-wrapper a.read-now.cta-text-white {
	    padding: 0;
	}
	.listing-header-right{
		max-width: 100%;
		width: 100%;
	}
	.resources-wrapper span.apply-filter {
	    background: #002959;
	    color: #fff;
	    display: block;
	    font-size: 22px;
	    font-weight: 600;
	    line-height: 1;
	    padding: 20px 30px;
	    text-transform: uppercase;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		position: relative;
	}
	.resources-wrapper span.apply-filter:after{
		content: '';
		background: url(images/plus-icon.png);
		width: 25px;
		height: 25px;
		display: block;
		position: absolute;
		right: 25px;
		top: 15px;
		transition-duration: 100ms;
	}
	.resources-wrapper .filter-fields{
		display: none;
	}
	.resources-wrapper form.desktop-hide.opened {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    left: 0;
	    z-index: 9999;
	}
	.resources-wrapper form.desktop-hide.opened .filter-area{
		overflow-y: auto;
	    position: fixed;
	    width: 100%;
	    top: 70px;
	    bottom: 0;
	    background: #002959;		
	}

	.resources-wrapper .opened .filter-fields{
	    display: block;
	    position: relative;
	    z-index: 1;
	    max-width: 85%;
	    margin: 0 auto;		
	}
	.resources-wrapper .opened span.apply-filter:after{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.resources-wrapper form.desktop-hide.opened:before {
	    content: '';
	    background: #002959;
	    position: absolute;
	    left: 0;
	    height: 500%;
	    width: 100%;
	}
	.resources-wrapper label.main-label {
	    color: white;
	    display: block;
	    font-size: 20px;
	    font-weight: 600;
	    margin: 15px 0;
	    text-transform: uppercase;
	}
	.field-check {
		padding: 10px 0;
		color: #fff;
		font-size: 20px;
		font-weight: 500;	    
	}
	.filter-fields input[type="checkbox"] + label:before{
		content: '';
		display: inline-block;
		width: 25px;
		height: 25px;
		margin: 0 15px 0 0;
		vertical-align: middle;
		background: url(images/checkbox.png) left top no-repeat;
		transition: none;
		cursor: pointer;
	}
	.filter-fields input[type="checkbox"]:checked + label:before{
	    background: url(images/checkbox.png) -25px top no-repeat;
	}
	.field-check input[type="checkbox"]{
		display: none;
	}
	.resources-wrapper .opened .filter-fields.submit-btn {
		max-width: 100%;
		width: 100%;
		border-top: 1px solid #00aafb;
		margin-top: 20px;
		text-align: right;
	}
	.resources-wrapper .opened .filter-fields.submit-btn input.btn-filter{
		margin-top: 10px;
		color: #01aafb !important;
		font-weight: 700;
	}
	.resource-listing .featured-image.left,
	.resource-listing .featured-image.left img,	
	.resource-listing .listing-excerpt.right {
	    width: 100%;
	    padding-left: 0px;
	}
	.resource-listing .single-listing {
	    margin-bottom: 60px;
	}
	.pagination .right {
	    float: none;
	    text-align: center;
	}
	.resources-wrapper span.pag-number{
		font-size: 20px;
	}
	.twitter-area .tweet.left {
	    width: 100%;
	    margin-bottom: 20px;
	}

	/*
	* Single
	*/
	.single-header{
		background: none !important;
	}
	.single .entry-header-wrapper{
		background: url(images/single-waves.png) no-repeat;
		background-size: 100%;
		width: 100%;
		background-position: center top;
		padding: 60px 15px 30px 15px;
		margin-top: -80px;
	}
	.single-header:before {
	    display: none;
	}
	.single .entry-info{
	    padding-top: 0;
	    padding-bottom: 15px;
		background: #fff;
	}
	.single-header h1{
		color: #000;
	}
	.inline-promo .left img,
	.inline-promo .left,
	.inline-promo .right{
		width: 100%;
	}
	.single .mobile-header{
		background: #51a8f8;
		line-height: 0;
		position: relative;
		max-height: 230px;
		overflow: hidden;
	}
	.single .mobile-header img{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		opacity: 0.4;
	}
	.single div[class^="btn-"] a {
	    max-width: 400px;
	}
	.single .share-buttons svg{
    	fill: #00aeff !important;
	}
	.single a.addthis_button_compact span{
	    background-position: -75px -71px !important;
	}
	.single a.addthis_button_email span{
	    background-position: -71px -6px !important;
	}

	/*
	* Error Page
	*/
	.error404 #primary {
	    background-image: url(images/404-bg-mobile.jpg);
	    background-size: cover;
	    padding-top: 50px;
	    background-position: 0 -380px;
	}
	.error403 #primary {
	    background-image: url(images/403-bg-mobile.jpg);
	    background-size: cover;
	    padding-top: 50px;
	    background-position: 0 -380px !important;
	}	
	.error-page .header-error {
	    padding-top: 200px;/* padding-top: 450px; */
	    max-width: 395px;
	    float: none;
	    margin: 0 auto 0 50px;
	}
	.error-page .text-error {
	    max-width: 285px;
	    margin: 0 50px 0 auto;
	    float: none;
	}
	.error-page .text-error *{
		font-size: 40px;
	}
	.error-page h1 {
	    font-size: 155px;
	}
	.error-page h2 {
	    font-size: 35px;
	}
	.error-page .entry-content {
	    font-size: 14px;
	    line-height: 1.5;
	}
	.error-page footer#colophon .center-page {
	    padding-top: 170px;
	}
	.error403 .text-error {
	    text-align: center;
	}
	.error403 footer#colophon {
	    background: #00081b;
	}
	.error-page .text-error img {
	    width: 95px;
	    margin-top: 90px;
	}
	
	/*
	* Logos
	*/
	.logo-image{
		max-width: 100%;
		width: 100%;
		margin: 40px auto;
	}

	/*
	* Footer
	*/
	footer#colophon .footer-one {
	    max-width: 100%;
	    width: 100%;
	}
	footer#colophon .center-page {
    	padding-top: 90px;
	}
	footer#colophon .footer-two{
		display: none;
	}
	.footer-one a{
		text-decoration: underline;
	}

	.subscribe-wrapper input:not([type="submit"]) {
	    min-width: auto;
	    width: 80%;
	    padding: 15px 20px;
	}
	.share-buttons a span:hover {
	    background-color: #01aafb !important;
	    border-radius: 100%;
	}
	.single .share-buttons a span:hover svg {
	    fill: #fff !important;
	}
	.single a.addthis_button_email span:hover {
	    background-position: -8px -6px !important;
	}
	.single a.addthis_button_compact span:hover {
	    background-position: -10px -71px !important;
	}
	.app-promo-block-content .app-store {
		height: 80px;
		max-width: 100%;
		width: 100%;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.internal .space-215 {
	    height: 150px;
	}
	.internal img.hero-image {
	    height: 360px;
	}
	img.hero-image{
		height: 350px;
		object-fit: cover;
	}
	.home #primary {
    	padding-top: 240px;
	}
	.hero-zone,
	.home .hero-zone{
    	padding: 130px 20px 75px 0;
	}
	.error403 #primary{
		background-position: 0 -230px !important;
		padding-top: 70px;
	}
	.error-page .text-error {
	    margin: 0 0 0 auto;
	}
	.error404 #primary {
	    padding-top: 30px;
	}
	.error-page .header-error {
	    padding-top: 100px;
	}
}

@media screen and (max-width: 560px) {
	.center-page-large {
	    width: 90%;
	}
	.hero-zone,
	.home .hero-zone{
	    padding: 30px 0 75px 0;
	}
	.promo-slider .promo-content {
	    padding: 0;
	}
	.cta-grid .cta-col {
	    width: 85% !important;
	}
	.cta-grid h2 {
	    text-align: center;
	}
	.subscribe-block{
		padding-top: 0;
	}
	.home .site-content {
	    background-size: auto 365px !important;
	}
	.space-215 {
	    height: 130px;
	}
	.error-page .header-error {
	    padding-top: 140px;
	    margin: 0 auto;
	}
	img.hero-image {
	    height: 280px;
	}
	.error404 #primary {
	    background-position: 0 -300px;
	}
	.error403 #primary {
	    background-position: 0 -135px !important;
	    padding-top: 30px !important;
	}
	.error-page h1 {
	    font-size: 100px;
	}
	.error-page h2 {
	    font-size: 24px;
	}
}

@media screen and (max-width: 480px) {
	.app-promo-block .buttons>div{
		display: block;
	}
	.listing-header-wrapper {
	    position: relative;
	}
	.listing-header-wrapper:after {
		content: '';
		background: linear-gradient(to bottom, white 0%,white 50%,#ffffff 50%,#002959 50%,#002959 100%);
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		z-index: -1;
	}
	.error403 .text-error{
		margin: 0 auto;
		text-align: right;
	}
	nav.top-navigation li {
	    padding: 8px 20px;
	}
	img.hero-image {
	    height: 270px;
	}
	.internal .space-215 {
	    height: 100px;
	}
	div.content-slider {
	    margin-top: 40px;
	}
	.internal .promo-wrapper .promo-slider {
	    position: relative;
	}
	.internal .promo-wrapper .promo-slider:before {
	    content: '';
	    background: #00aafa;
	    height: 50%;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    left: 0;
	    z-index: -1;
	}
	.error404 #primary {
	    background-position: 0 -215px;
	}
	.subscribe-wrapper input:not([type="submit"]) {
    	width: 85%;
    	font-size: 12px;
    }
    .home img.hero-image {
	    height: 255px;
	}
}

@media screen and (max-width: 460px) {
	.home .hero-zone {
	    padding-top: 0px;
	}
	.home #primary {
	    padding-top: 200px;
	}
}

@media screen and (max-width: 430px) {
	.site-branding {
	    width: 65%;
	}
	.header-right.right {
	    margin-top: 10px;
	}
	.space-215 {
	    height: 80px;
	}
	nav.top-navigation li{
	    padding: 8px 10px;
	    /* width: 48%; */
	    /* max-width: 48%; */
	    display: inline-block;
	    margin: 0 auto;
	    line-height: 1;
	    vertical-align: middle;
	}
	.main-navigation {
	    padding: 30px;
	}
	.home .site-content {
	    background-size: auto 265px !important;
	}
	.internal .hero-zone .btn-white {
	    display: block;
	}
	div.content-slider {
	    margin-top: 40px;
	}
	.error-page .text-error img {
		width: 70px;
		margin-top: 70px;
	}
}

@media screen and (max-width: 415px) {
	.error404 #primary {
	    background-position: 0 -140px;
	}
	.error-page .text-error * {
	    font-size: 30px;
	}
	.error-page .text-error {
	    margin: 0 0 0 15%;
	    text-align: right;
	    max-width: 100%;
	}
}

@media screen and (max-width: 400px) {
	img.hero-image{
		height:180px;
	}
	.main-navigation a {
    	font-size: 22px;
	}
	#primary-menu ul li em {
	    width: 20px;
	    height: 20px;
	}
	#primary-menu ul li em:before {
    	width: 20px;
	}
	#primary-menu ul li em:after {
	    height: 20px;
	}
	.home .hero-zone .btn-white a{
	    font-size: 16px;
	    padding: 8px 30px;
	}
}

@media screen and (max-width: 380px) {
	img.hero-image {
	    height: 205px;
	}
	.internal .promo-wrapper .promo-slider:before {
	    height: 65%;
	}
	.detail-page-template .hero-zone .callout {
    	top: 15%;
	}
	.home div.hero-wrapper.center-page{
	    width: 100%;
	    padding: 0 5%;
	    background: url('images/home-bg-mobile-360.jpg') no-repeat;
	    background-position: center bottom;
	}
	.home #primary .blue-bg {
	    background: #fff;
	}
}

@media screen and (max-width: 370px) {
	nav.top-navigation li,
	nav.top-navigation li:first-child{
	    display: block;
	    margin: 0 auto 20px auto !important;
	    width: 90% !important;
	}
	.error-page .header-error {
    	padding-top: 100px;
	}
	.home #primary {
	    padding-top: 180px;
	}
	.home img.hero-image {
	    height: 185px;
	}
}

@media screen and (max-width: 320px) {
	.home #primary {
	    padding-top: 175px;
	}
	.hero-zone h1 {
	    font-size: 30px;
	    line-height: 30px;
	}
	.error-page .header-error {
	    padding-top: 100px;
	}
	.error-page .text-error h3 {
	    font-size: 24px;
	}
	.error-page .text-error img {
    	width: 55px;
	}
	.internal .hero-zone .btn-white a {
	    padding: 6px 15px;
	    min-width: auto;
	}
	.image-app .callout-description p{
	    font-size: 14px;
	    overflow: hidden;
	}
}

/* Portrait */
@media screen and (orientation:portrait) and (max-width: 736px) {
	.detail-page-template .hero-zone .col-2 .phone-image {
	    width: 90%;
	}
}

/* Heart beat animation 
@keyframes beat{
	to { transform: scale(1.1); }
}*/
.site-main{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.spinner-load {
	width: 40px;
	height: 40px;
	margin: 100px auto;
	background-color: #333;

	border-radius: 100%;  
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}

.twitter-area.loading .spinner-load {
	display: none;
}

@-webkit-keyframes sk-scaleout {
	0% { 
		-webkit-transform: scale(0) 
	}
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}


/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

@media print { 
	*{
		margin: 0 !important;
		padding: 5px 0 !important;
		text-align: left !important;
		color: #292929 !important;
	}
	header#masthead, footer#colophon .footer-two,
	footer#colophon, .share-buttons,
	.inline-promo .btn-white-border,
	.btn-white-border, .btn-transparent,
	.app-store, .subscribe-wrapper, .video-wrapper,
	#content li:before, p:empty{
		display: none !important;
	}
	h1, h1 a{ font-size: 26px !important; font-weight: bold !important; }
	h2, h2 a{ font-size: 24px !important; font-weight: bold !important; }
	h3, h3 a{ font-size: 22px !important; font-weight: bold !important; }
	h4, h4 a{ font-size: 20px !important; font-weight: bold !important; }
	h5, h5 a{ font-size: 18px !important; font-weight: bold !important; }
	h6, h6 a{ font-size: 16px !important; font-weight: bold !important; }
	p, li, span, strong, b, td, div{ font-size: 14px !important; }
	div{ max-width:100% !important; width: 100% !important; }
	img{ max-width: 400px !important; }
	#content ol, #content ul{
		padding-left: 20px !important;
		list-style: initial !important;
	}
	#content li{
		display: list-item !important;
 		margin-left: 20px !important;
		text-indent: 0 !important;
	}
	#content ol li{
		list-style: decimal !important;
	}
}