/* mkto recaptcha /*

.g-recaptcha {
	visibility: hidden;
}
.mktoForm .g-recaptcha {
	visibility: visible;
}
.g-recaptcha.g-recaptcha {
	margin-top: 20px;
	margin-left: 110px;
}
.g-recaptcha > DIV {
	width: 168px !important;
}
.g-recaptcha > DIV > DIV {
	border-left: 5px solid transparent;
	border-top: 5px solid transparent;
	border-radius: 5px;
	transition: background-color 400ms ease-out;
	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/250687/spiffygif_86x86.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.g-recaptcha.mktoInvalid > DIV > DIV {
		background-color: #F63C00;
		transition: background-color 400ms ease-in;
}.

/* end recaptcha */


ani-hidden {
    opacity: 0
}

.ani-visible {
    opacity: 1
}

.df-form-pad {
padding: 10px;
}


.vid-mini-cat {
text-transform: uppercase;
font-size: .8rem;
color: #7b8ca0;
}

.next-green {
color:#abc243;
}
.previous-yellow {
color:#fdba12;
}


/* DEFAULT LP */

.df-landing-footer a:link {
 color:#ffcd05;
}

.df-landing-footer a:visited {
 color:#ffcd05;
}

.df-landing-gradient-bg-top {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 123, 195, 0.9), rgba(0, 123, 195, 0.3)) repeat scroll 0 0;
    height: 100%;
    width: 100%;
    min-height: 500px;
}

.df-landing-topbar {
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff;
    border-top: 10px solid #007bc3;
}

.df-landing h1 {
    color: #ffffff;
    font-size: 4rem;
    font-weight: 700;
    padding-top: 80px;
   line-height: 72px;
}

.df-landing h2 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 30px;
    padding-top: 20px;
}

.df-landing h3 {
    color: #222222;
    font-size: 2rem;
    font-weight: 300;
}

.df-landing-form-head {
    color: #222222;
    font-size: 2rem;
    font-weight: 300;
}

.df-landing h1 span {
    color: #ffcd05;
    font-size: 4rem;
    /*font-weight: 400;*/
    display: block;
}

.df-landing ul li {
    color: #222222;
}

.df-landing-form-head-b {
    background-color: rgb(171, 194, 76);
    color: #222222;
    margin-bottom: 10px;
    padding: 20px;
}

.df-landing-form-head-b p {
    color: #222222;
}

.df-landing-form-head-b h2 {
    color: #271b1b;
    padding-bottom: 10px;
}


/*.default-form-pad {
    padding: 10px;
}*/

.df-landing-form-bg {
    background: rgb(220, 218, 218) none repeat scroll 0 0;
    margin-bottom: 20px;
    min-height: 510px;
    padding-bottom: 20px;
}

.df-landing-form-pad {
    padding-top: 20px;
}

.df-landing-para {
    color: #ffffff;
padding-bottom: 60px;
}

.df-landing-quote {
    font-size: 1.2rem;
    font-style: italic;
    padding-top: 40px;
}

.df-landing-author {
    margin-top: 20px;
}

.df-landing-benefit-box {
    margin-top: 70px;
    margin-bottom: 50px;
}

.df-landing-two {
    font-size: 1.6rem;
    color: #007bc3;
    font-weight: 400;
}

.default-testimonial {
    border-top: 5px solid #f5f7f7;
    border-bottom: 5px solid #f5f7f7;
    margin-top: 60px;
    margin-bottom: 90px;
}

.default-testimonial-box {
    background-color: #f0f0f0;
    font-style: italic;
    font-weight: 300;
    font-size: 1.5rem;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.default-testimonial-title {
    color: #414350;
    font-weight: 600;
    font-size: 1.3rem;
    padding: 15px;
}

.df-landing-footer {
    background-color: #007bc3;
    padding: 8px;
    color: #ffffff;
    font-size: .9rem;
}

.df-landing-author {
    font-weight: 300;
    font-size: 1.2rem;
    font-style: normal;
}

.df-landing-hidden {
    opacity: 0;
}

.df-landing-visible {
    opacity: 1;
}

.df-landing-hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 1em 0;
    padding: 0;
}

.df-landing-bg-image-thanks {
    min-height: 500px;
    background-position: 55% 80%;
    background-repeat: no-repeat;
    background-size: cover;
}

.df-landing-bg-image {
    min-height: 500px;
    background-position: 55% 80%;
    background-repeat: no-repeat;
    background-size: cover;
}

.cs-num {
    font-size: 3rem;
    display: block;
    color: #414350;
    font-weight: 700;
}

.cs-num-pad {
    margin-top: 30px;
}

.cs-msg-bdy {
    color: #555555;
    font-size: 1.3rem;
    font-weight: 300;
}


/* END: DEFAULT LP */

.prodp-default {
    padding-top: 80px;
    padding-bottom: 80px;
}

.prodp-testim-bg {
    background-color: #cce5f3;
    padding-top: 40px;
    padding-bottom: 40px;
}

.prodp-gallery {
    background-color: #007bc3;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #ffffff;
    min-height: 600px;
}

.prodp-gallery h2 {
    color: #ffffff;
    margin-bottom: 60px;
}

.prodp-cta {
    background-color: #333333;
    padding-top: 60px;
    padding-bottom: 60px;
}

.prodp-cta h2 {
    color: #ffffff;
}

.prodp-cta h3 {
    color: #d7d7d7;
    font-size: 1.82rem;
}

.prodp-cta-underbtn {
    color: #999693;
    font-size: .8rem;
    margin-top: 10px;
}

.prodp-keyfeatures {
    background-color: #f9f9f9;
    padding-top: 60px;
    padding-bottom: 40px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.prodp-keyfeatures h3 {
    font-size: 1.2rem;
}

.prodp-keyfeatures-box {
    font-size: .9rem;
}

.prodp-keyfeatures-box-pad {
    margin-bottom: 40px;
}

.prodp-grn-btn {
    background-color: #fdba12;
    color: #333;
    font-size: .9rem;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 5px solid #333333;
}

.prodp-grn-btn a {
    color: #ffffff;
}

.prodp-gry-btn {
    background-color: #666666;
    color: #ffffff;
    border-right: 5px solid #333333;
    font-size: .9rem;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
}

.prodp-gry-btn a {
    color: #ffffff;
}

.btn-grp-space {
    margin-right: 10px;
}

.prodp-helpermenu {
    border-bottom: 1px dotted #b7b7b7;
    font-size: .9rem;
}

.prod-link {
    /* margin-bottom: 10px;
                   padding: 4px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fefefe;
    border-bottom: 1px dotted #b7b7b7;
    font-size: 0.9rem;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.prod-link:hover {
    background-color: #fff7d7;
}

.prodp-rt-bdr {
    border-left: 1px solid #cccccc;
}

.prodp-spec-pad {
    margin-bottom: 60px;
}

.prodp-spec-divider {
    border-left: 1px dotted #cccccc;
}

.prodp-syspec {
    margin-bottom: 40px;
}

.prodp-col-bg {
    background-color: #f4f4f5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.rq {
    margin-top: 80px;
}

.rq h1 {
    color: #007bc3;
    font-weight: 300;
    font-size: 4rem;
}

.rq h2 {
    font-size: 1.6rem;
    color: #007bc3;
    font-weight: 700;
}

.rq h3 {
    color: #007bc3;
}

.rq-pad {
    margin-top: 50px;
}

hr.rq-dotted {
    border-top: 1px dotted #8c8b8b;
}

.rq-form-head {
    padding: 10px;
    background-color: #007bc3;
    color: #b7d8ec;
    font-size: 2rem;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rq-form-head-title {
    color: #b7d8ec;
    font-size: 1.6rem;
    font-weight: 600;
}

.rq-form-head-instr {
    color: #b7d8ec;
    font-size: .8rem;
}

.rq-form-body {
    background-color: #b6d6ea;
    padding-top: 20px;
    padding-left: 10px;
}

.rq-ico {
    color: #f78d1e;
}

.home-alt-cta-box {
    color: #ffffff;
    margin-top: 10%;
    padding-left: 30px;
    margin-left: auto;
    margin-right: auto
}

.home-alt-cta-box h1 {
    color: #ffffff;
    font-weight: 700;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    font-size: 5rem;
    line-height: 80px;
}

.dual-bg {
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 50%, rgba(65, 67, 80, 0.9) 50%)
}

.dual-bg-two {
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 50%, rgba(89, 105, 125, 0.9) 50%)
}

.homepage-trade-left {
    background-color: rgba(0, 123, 195, .8);
    color: #ffffff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.homepage-trade-right {
    color: #ffffff
}

.home-alt-container {
    margin-top: 100px;
    margin-bottom: 100px
}

.home-alt-one {
    font-size: 3rem;
    color: #3f5773;
    font-weight: 300
}

.home-alt-one span {
    font-weight: 700
}

.home-alt-two {
    font-size: 5rem;
    color: #3f5773;
    font-weight: 300
}

.home-alt-two span {
    font-weight: 700
}

.home-alt-three {
    font-size: 1.4rem;
    color: #3f5773;
    font-weight: 400
}

.home-alt-three span {
    font-weight: 700
}

.home-alt-trade {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 300
}

.home-alt-trade-secondary {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 700
}

.home-alt-trade-copy {
    color: #ffffff;
    padding-top: 30px
}

.home-alt-trade-copy-two {
    color: #ffffff;
    padding-left: 20px
}

.home-alt-trade-subhead {
    padding-left: 20px;
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff
}

.home-alt-box {
    color: #ffffff;
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 30px
}

.home-alt-box a {
    color: #ffcc00
}

.home-alt-box h2 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700
}

.home-alt-box ul li {
    padding-bottom: 10px
}

.home-alt-lg {
    font-size: 5rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 70px;
    margin-top: 40px
}

.home-alt-pretitle {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.2rem
}

.home-alt-vid-co {
    font-weight: 700;
    font-size: 1.5rem;
    padding-top: 20px;
    color: #3f5773
}

.events-list {
    font-size: .9rem;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #f5f5f5
}

.webinar-list {
    font-size: .9rem;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #f2f2f6
}

.icon-med {
    font-size: 1.2rem
}

.ae2-banner h1 {
    font-size: 7rem;
    font-family: 'Cinzel', serif;
    font-weight: 900;
    color: #e9e9e9;
    line-height: 1;
    padding-top: 100px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
    padding-bottom: 50px
}

.ae2-banner span {
    font-size: 6rem;
    font-weight: 400;
    display: block
}

.ae2-banner h2 {
    font-size: 3rem;
    font-family: 'Cinzel', serif;
    font-weight: 400;
    color: #d8c5bb;
    padding-top: 500px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .7)
}

.ae2-banner-pt2 h2 {
    font-size: 2rem;
    font-family: 'Cinzel', serif;
    font-weight: 400;
    color: #ffcc00;
    padding-top: 50px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
    margin-bottom: 65px
}

.ae2-banner-pt2 h2 span {
    font-size: 3.5rem;
    font-family: 'Cinzel', serif;
    font-weight: 700;
    color: #b7b7b7
}

.ae2-banner p {
    color: #989897;
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-family: 'Cinzel', serif;
    padding-top: 30px
}

.ae2-para2 {
    padding-top: 100px;
    font-size: 1.6rem;
    padding-bottom: 50px;
    font-family: 'Cinzel', serif;
    color: #f3f3f3
}

.ae2-bgimg-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.ae2-cta {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    color: #f3f3f3;
    padding-top: 90px
}

.ae2-background {
    background-color: #010117
}

.ae2-egypt-bump {
    padding-top: 100px
}

.ae2-border {
    border-bottom: 5px solid #010118
}

.ae2-egypt-bg {
    border-top: 5px solid #aa884f;
    border-bottom: 5px solid #aa884f
}

.ae2-container {
    background-color: #010118
}

.ae2-bgimg-banner2 {
    padding-top: 100px;
    padding-bottom: 100px
}

.ae2-form {
    color: #f3f3f3;
    padding-bottom: 100px;
    font-size: 1.4rem;
    padding-top: 50px
}

.ae2-white {
    color: #f3f3f3;
    font-size: 1rem;
    font-weight: normal
}

.ae2-push {
    margin-top: 50px;
    margin-bottom: 500px
}

.ae2-vid-shadow {
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 1)
}

.webinar-banner {
    background-color: #3f5773;
    padding-top: 30px;
    padding-bottom: 30px
}

.webinar-banner h1 {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 2.3rem
}

.webinar-banner-time {
    color: #b8c1ca;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    padding-top: 15px
}

.webinar-info {
    padding-top: 60px;
    padding-bottom: 60px
}

.webinar-info h2 {
    color: #3f5773;
    font-size: 1.2rem;
    font-weight: 300;
    text-transform: uppercase
}

.webinar-info p {
    color: #3f5773;
    font-weight: 300
}

.webinar-info ul li {
    color: #3f5773;
    font-weight: 400
}

.webinar-form-head {
    background-color: #ee8a22;
    padding: 20px
}

.webinar-form-head h3 {
    font-weight: 300;
    font-size: 1.6rem;
    color: #ffffff
}

.webinar-form-container {
    background-color: #f5f6f8;
    padding: 20px
}

.webinar-speakers {
    margin-top: 100px
}

.webinar-speakers h3 {
    color: #3f5773;
    font-size: 1.2rem;
    font-weight: 300;
    text-transform: uppercase
}

.webinar-speaker-pad {
    margin-bottom: 40px
}

.maint-blue {
    background-color: #007bc3;
    padding-top: 30px;
    padding-bottom: 30px
}

.maint-yellow {
    background-color: #ffcd05;
    padding-top: 30px;
    padding: bottom: 70px
}

.maint-gray {
    background-color: #f4f6f6;
    padding-top: 30px;
    padding: bottom: 70px
}

.maint-blue h1 {
    color: #ffffff;
    font-weight: 700
}

.maint-blue h1 span {
    color: #ffffff;
    display: block;
    font-weight: 400;
    font-size: 1.7rem;
    color: #ffcc00
}

.maint-bmp-yellow {
    padding-top: 120px
}

.maint-bmp-gray {
    padding-top: 120px;
    padding-bottom: 80px
}

.univ-box {
    background-color: #e8f3fa;
    border-bottom: 5px solid #ffcd05;
    padding: 10px
}

.training-box {
    background-color: #acc8d8;
    padding: 20px
}

.training-list-box {
    background-color: #d6dbe1;
    padding: 10px;
    font-size: 0.875rem;
    margin-top: 20px;
    min-height: 90px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.training-list-title {
    border-bottom: 1px dotted #b2b2b2;
    font-size: 1.5rem;
    margin-bottom: 10;
    padding-bottom: 20px;
    text-transform: uppercase
}

.training-list-bottom {
    background-color: #3f5773;
    margin-bottom: 90px;
    font-size: 0.8rem;
    color: #fdba12;
    text-transform: uppercase;
    padding: 7px
}

.blog-quote {
    margin: 0 0 1rem;
    margin-top: 50px;
    margin-bottom: 30px;
    margin-left: 20px;
    padding-left: 30px;
    border-left: 1px solid #cacaca;
    line-height: 1.5;
    color: #3f5773;
    font-size: 1.6rem
}

.blog-box {
    border: 1px solid #555;
    background-color: #007bc3;
    margin-bottom: 30px
}

.blog-box a {
    color: #fff
}

.blog-box-title {
    background-color: #007bc3;
    padding: 7px;
    font-size: 0.875rem;
    border-top: 5px solid #222
}

.blog-box-title a:link {
    color: #fff
}

.blog-box-title a:visited {
    color: #fff
}

.blog-thumb-title {
    padding-top: 10px;
    font-size: 0.875rem
}

.blog-archive h3 {
    border-bottom: 1px solid #dbdbdb;
    font-size: 1rem;
    padding-bottom: 10px;
    text-transform: uppercase
}

.blog-sidebar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #d9d9d9;
    border-image: none;
    border-style: none none none dotted;
    border-width: 0 0 0 1px
}

.meta p {
    border-bottom: 1px dotted #b2b2b2;
    font-size: 0.875em;
    margin: 0;
    padding: 0.625em 0
}

.mega-menu {
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    z-index: 999
}

.mega {
    width: 1150px;
    margin: 0 auto !important;
    left: 0% !important;
    right: 0% !important;
    background-color: #fff;
    font-size: .9rem;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    padding-bottom: 20px
}

.mega-font {
    font-size: .9rem
}

.mega-title {
    background-color: #f0f2e4;
    color: #107cc1;
    padding: 10px;
    border-bottom: 4px solid #abc243
}

.mega-bg {
    background-color: #eef3f6;
    padding: 10px;
    margin-bottom: 30px
}

.mega-bg-trades {
    background-color: #C15927;
    padding: 10px;
    margin-bottom: 30px
}

.mega-bg-trades a {
    color: #ffffff
}

.mega-bg-company {
    background-color: #007bc3;
    padding: 10px;
    margin-bottom: 30px
}

.mega-bg-company a {
    color: #ffffff
}

.mega-bg-general {
    background-color: #eef3f6;
    padding: 10px
}

.mega-box-title {
    background-color: #007BC3;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #ffffff
}

.mega-box-title span {
    font-size: 1rem;
    color: #fff;
    font-weight: normal;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px
}

.mega-box-green-title {
    background-color: #00395a;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #ffffff
}

.mega-box-green-title span {
    font-size: 1rem;
    color: #fff;
    font-weight: normal;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px
}

.mega-bg li {
    font-size: .8rem
}

.mega-caret {
    color: #fdba12
}

.training-box {
    background-color: #acc8d8;
    padding: 20px
}

.partner-head span {
    display: block;
    font-size: 1.7rem
}

.head-span {
    display: block;
    font-size: .9rem;
    font-weight: 300
}

.event-logo {
    padding-top: 20px
}

.alert-icon {
    color: #ff0000;
    font-size: 2rem;
    margin-right: 20px;
    padding-top: 10px
}

.active-page {
    background-color: #c4cbd4
}

.link-bar {
    background-color: #fff8dc;
    padding: 10px
}

.addy-box {
    background-color: #fff;
    padding: 10px;
    height: 220px
}

.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.four-box {
    background-color: #eff1f3;
    margin-bottom: 30px
}

.four-box-head {
    background-color: #3f5773;
    padding: 10px;
    color: #fff;
    font-size: 1.7rem
}

.four-box-body {
    padding: 10px
}

.four-box-subtitle {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 10px
}

.four-box-image {
    border: 1px solid #d7d8da;
    margin-bottom: 8px
}

.bio-copy {
    font-size: .9rem;
    margin-top: 20px
}

.imagedropshadow {
    border: solid 15px #fff;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    z-index: -1
}

.exe-row-one {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px
}

.exe-row-two {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #e1e1e1;
    padding-top: 50px;
    padding-bottom: 50px
}

.countbox {
    font-size: 3rem;
    font-weight: bold;
    border-bottom: 5px solid #ffcc00;
    color: #007bc3;
    background-color: #f6f6f6
}

.count-desc {
    font-size: 1.4rem;
    margin-top: 20px
}

.counter-bg {
    background-color: #f5fafd;
    padding-top: 80px;
    padding-bottom: 80px
}

.exe-bg {
    background-color: #d9d9dc;
    padding-top: 80px;
    padding-bottom: 80px
}

.gradient-bg-top {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 123, 195, 0.9), rgba(0, 123, 195, .4)) repeat scroll 0 0;
    height: 100%;
    width: 100%
}

.demo-chek {
    font-size: 1.2rem;
    padding: 10px
}

.trades-fix {
    margin-top: 60px
}

.video-pad {
    margin-left: 60px
}

.gradient-bg-pv {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 123, 195, 0.7), rgba(0, 123, 195, .7)) repeat scroll 0 0;
    height: 100%;
    width: 100%
}

.pv-grey-bg {
    background-color: #414351
}

.pv-title {
    padding: 30px;
    color: #fff;
    font-size: 1.8rem
}

.pv-title h2 {
    color: #fff;
    margin-bottom: 80px
}

.pv-copy {
    font-size: 1.2rem
}

.modal-title {
    background-color: #414350;
    padding: 15px;
    color: #fff
}

.modal-closeit {
    background-color: #414350;
    color: #fff;
    margin-top: 16px;
    margin-right: 12px
}

.planview-thumb {
    margin-right: 50px;
    display: inline-block
}

.careers h2 {
    font-size: 1.4rem
}

.cat-title {
    font-size: 1.5rem;
    color: #777
}

.companytitle {
    font-size: .9rem;
    display: block
}

.ps-titlebox {
    background-color: #007bc3;
    padding: 10px;
    height: 80px;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.ps-titlebox:hover {
    background-color: #248ecb;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.ps-titlebox h3 {
    color: #ffffff;
    font-weight: 300;
    font-size: 1.3rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.ps-img {
    height: 150px;
    background-size: 600px 215px;
    background-repeat: no-repeat;
    background-position: 0% 50%
}

.ps-bottom {
    padding: 8px;
    background-color: #000000;
    border-top: 4px solid #fdba12;
    margin-bottom: 30px;
    color: #ffffff;
    font-size: .8rem;
    height: 55px
}

.ps-copy {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.ps-read {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 7rem;
    color: #ffffff;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.ps-read:hover {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 7rem;
    color: #fdba12;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.db-box {
    background-color: #007bc3;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff
}

.db-box h2 {
    color: #fff;
    font-family: AvantGardeGothicITCW02Dm;
    letter-spacing: -1px;
    font-size: 4rem
}

.db-box h2 span {
    color: #fff;
    font-family: AvantGardeGothicITCW02Dm;
    letter-spacing: -1px;
    font-size: 2rem;
    display: block
}

.quote-top-pad {
    margin-top: 100px
}

.whitetxt {
    color: #fff;
    text-decoration: underline
}

.whitetxt a:hover {
    text-decoration: underline;
    color: #ffcc00
}

.whitetxt:hover {
    text-decoration: underline;
    color: #ffcc00
}

.whitetxt a:link {
    text-decoration: underline
}

.ps-pad {
    padding-top: 30px
}

.compare-title {
    font-family: AvantGardeGothicITCW02Dm;
    font-size: 2rem;
    font-weight: 400
}

.section-border {
    border-bottom: 10px solid #99a6b5
}

.contractor-pad {
    padding-bottom: 80px;
    padding-top: 80px
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #007bc3;
    margin: 1em 0;
    padding: 0
}

.grow {
    transition: all .2s ease-in-out
}

.grow:hover {
    overflow: hidden;
    transform: scale(1.03)
}

.top-blue-bar {
    background-color: #007bc3;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #d4e3f1;
    font-size: .9rem;
    padding-bottom: 10px
}

.home-logo-pad {
    padding-top: 8px
}

.top-blue-bar a {
    color: #ffffff
}

.top-blue-bar a:hover {
    color: #fdba12
}

.brand-bar-menu {
    color: #007bc3
}

.brand-bar-menu a {
    color: #007bc3;
    font-size: .9rem
}

.brand-bar {
    padding-top: 15px;
    background-color: #fff
}

.mobile-logo-bar {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ffffff
}

.vid-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: rgba(0, 0, 0, 0.2)
}

.video-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.indent {
    margin-left: 45px
}

.errorpad {
    margin-top: 100px;
    margin-bottom: 100px
}

.errorpad h1 {
    font-family: AvantGardeGothicITCW02Dm;
    font-size: 6rem;
    font-weight: 400
}

.errorpad h1 span {
    font-family: AvantGardeGothicITCW02Dm;
    font-size: 1.3rem;
    font-weight: 300;
    display: block
}

.error-red {
    color: red
}

.offcanvas-logo {
    margin-top: 20px;
    margin-bottom: 20px
}

.offCanvas ul li a {
    color: #fff
}

.off-canvas-title {
    color: #fdba12;
    font-size: 1.5rem
}

.offcanvas-divider {
    background-color: #ffcc00;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold
}

.offcanvas-phone {
    color: #fff;
    margin-bottom: 20px
}

.offcanvas-contact {
    color: #fff;
    font-size: .8rem;
    padding-top: 30px;
    padding-bottom: 1500px
}

.menucolor ul li a {
    color: #ffffff
}

.offcanvas-list {
    margin-left: 10px
}

.offcanvas-light {
    background-color: #415975;
    padding-top: 20px;
    padding-bottom: 20px
}

.home-banner {
    background-position: 55% 80%;
    background-repeat: no-repeat;
    background-size: cover
}

.content-home-banner {
    height: 500px;
    background-position: 55% 80%;
    background-repeat: no-repeat;
    background-size: cover
}

.demo-banner {
    background-repeat: no-repeat;
    background-color: #414351;
    background-size: cover
}

.banner-nav {
    background: rgba(255, 255, 255, 0.8)
}

.banner-nav-title {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    padding-top: 20px
}

.banner-nav-title {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    padding-top: 20px
}

.home-nav {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 2px
}

.home-nav a {
    color: #123053
}

.home-nav a:hover {
    color: #f78d1e
}

.home-nav-icon {
    margin-right: 10px
}

.banner-nav-title-lower {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    padding-top: 20px
}

.home-cta-box {
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    margin-top: 10%;
    width: 76%;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto
}

.home-cta-box h1 {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 2.3rem
}

.home-cta-box h1 span {
    color: #ffcc00;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

.home-cta-pad {
    padding-top: 30px
}

.no-banner {
    margin-top: 40px;
    padding-bottom: 20px
}

input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0 0 0rem
}

::-webkit-input-placeholder {
    color: #888
}

input:-moz-placeholder {
    color: #888;
    margin: 0 0 0rem
}

.search-form {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.search-input {
    margin: 0 0 0rem;
    width: 196px;
    padding: 6px 10px 6px 35px;
    font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
    outline: none;
    position: relative;
    background: #fff url(../images/icons/search-dark.png) 10px center no-repeat;
    border: 1px solid #ffcc00;
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.search-btn {
    margin-left: 3px;
    width: 32px;
    height: 32px;
    color: #fff;
    font: bold 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    border: 1px solid #b9b9b9;
    outline: none;
    cursor: pointer;
    position: relative;
    background-color: #666;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.noframe .search-input {
    width: 245px;
    background: #fff;
    padding: 6px 10px;
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5)
}

.noframe.inbtn .search-input {
    width: 259px;
    background: #fff;
    padding: 6px 10px;
    padding-right: 35px
}

.noframe.nobtn .search-input {
    width: 261px;
    padding-left: 35px;
    background: #fff url(../images/icons/search-dark.png) 10px center no-repeat
}

.noframe.inbtn .search-btn {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 32px
}

.bread-crumb {
    background-color: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .8rem
}

.bread-crumb a {
    color: #007bc3
}

.bread-crumb ul {
    padding: 0;
    margin: 0
}

.ad {
    background-color: #e4e4e6;
    color: #123053;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 160px
}

.ad-home {
    background-color: #e4e4e6;
    color: #123053;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300
}

.ad-home span {
    font-size: 1rem;
    display: block;
    font-weight: bold
}

.ad span {
    display: block;
    font-size: 1.1rem;
    color: #222222;
    font-weight: 300
}

.ad-pad {
    padding-top: 15px
}

.phone-bar {
    background-color: #3f5773;
    color: #ffffff;
    font-size: 1.4em;
    text-transform: capitalize
}

.phone-bar span {
    color: #ffcc00
}

.phone-border {
    border-left: 1px solid #4b627c;
    padding-top: 20px;
    padding-bottom: 20px
}

.phone-border-last {
    border-left: 1px solid #4b627c;
    border-right: 1px solid #4b627c;
    padding-top: 20px;
    padding-bottom: 20px
}

.phone-bar a {
    color: #ffffff
}

.phone-bar-active {
    background-color: #fdba12;
    color: #222222;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.phone-bar-active:hover {
    background-color: #fdda82;
    color: #222222;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.phone-bar-active a {
    background-color: #fdba12;
    color: #222222
}

.phone-bar-contact {
    background-color: #2f435d;
    color: #ffffff;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.phone-bar-contact:hover {
    background-color: #5b7ea7;
    color: #ffffff;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.phone-bar-map {
    background-color: #39b54a;
    color: #ffffff
}

.btm-menu {
    background-color: #fcfcfc;
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 1px solid #ededed
}

.btm-menu h3 {
    text-transform: uppercase;
    font-size: 1rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-top: 20px
}

.btm-menu ul li a {
    font-size: .8rem
}

.footer {
    background-color: #f9f9f9;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #414351;
    border-top: 1px solid #e5e5e5
}

.footer-large-txt {
    font-size: 1.4rem;
    margin-bottom: 50px
}

.footer-large-txt a {
    font-size: 1.4rem;
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    text-transform: uppercase
}

.footer-small-txt {
    font-size: .8rem;
    margin-top: 20px;
    color: #959595
}

.footer a {
    color: #007bc3
}

.footer a:hover {
    color: #f78d1e;
    text-decoration: none
}

.footer ul li a {
    font-size: .8rem;
    margin: 0px;
    padding-left: 0px;
    padding-right: 20px
}

.social-circle {
    margin-top: 15px
}

.language {
    font-size: .9rem
}

.language select {
    font-size: .9rem
}

.copyright {
    background-color: #dce0e5;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: .8rem;
    color: #414351
}

.copyright a {
    color: #007bc3;
    text-decoration: none
}

.copyright a:hover {
    color: #f78d1e;
    text-decoration: none
}

.testimonial-box {
    background-color: #007bc3;
    padding: 10px;
    min-height: 200px;
    color: #ffffff;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.cat-name {
    background-color: #123053;
    padding: 8px;
    color: #ffffff;
    font-size: .9rem;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-bottom: 20px;
    height: 60px
}

.cat-name span {
    color: #ffcc00;
    text-transform: capitalize
}

.testimonial-box h3 {
    font-size: 1.3rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300
}

.testimonial-title {
    min-height: 75px
}

.testimonial-copy {
    font-size: .9rem;
    margin-top: 10px
}

.size-72 {
    font-size: 72px
}

.arrow-ico {
    font-size: 4rem
}

.cat-pad {
    padding-right: 10px
}

#filters {
    display: block;
    width: 100%;
    margin-bottom: -10px;
    margin-left: -16px
}

#filters ul li {
    display: inline;
    margin-bottom: 0px !important
}

#filters li:last-child {
    background: none
}

#filters a {
    color: #777;
    font-size: 12px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    padding: 4px 11px
}

#filters a:hover {
    color: #fff;
    background: #555;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#filters .selected {
    color: #ffffff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#filters .selected a {
    background: #ffcc00;
    color: #333 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.testimonial-info h2 {
    font-size: 1.6rem;
    padding-bottom: 0px
}

.rounded {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 12px
}

.project-div {
    line-height: 1.5
}

.study-title {
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 1.1
}

.study-title span {
    font-size: .9rem;
    display: block
}

.jump-pad {
    padding-top: 22px
}

.jumpit {
    font-size: .8rem
}

.testimonial-row {
    padding-top: 120px;
    padding-bottom: 120px;
    background: rgba(144, 197, 228, 1);
    background: -moz-linear-gradient(-45deg, rgba(144, 197, 228, 1) 0%, rgba(254, 225, 152, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(144, 197, 228, 1)), color-stop(100%, rgba(254, 225, 152, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(144, 197, 228, 1) 0%, rgba(254, 225, 152, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(144, 197, 228, 1) 0%, rgba(254, 225, 152, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(144, 197, 228, 1) 0%, rgba(254, 225, 152, 1) 100%);
    background: linear-gradient(135deg, rgba(144, 197, 228, 1) 0%, rgba(254, 225, 152, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#90c5e4', endColorstr='#fee198', GradientType=1)
}

.testimonial-feed {
    background-color: #e8f3fa;
    padding: 20px
}

.testimonial-block {
    background-color: #e8f3fa;
    margin-bottom: 80px;
    border-bottom: 5px solid #ffcd05
}

.testimonial-feed h3 {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: bold
}

.testimonial-img {
    height: 180px
}

.small-txt {
    font-size: .9rem
}

.testimonial-title-txt {
    font-size: .8rem
}

.testimonial-pad {
    padding-top: 60px
}

.testimonial-title {
    font-weight: 300
}

.cap {
    text-transform: capitalize
}

.gray-box {
    background-color: #414351;
    height: 300px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #ffffff;
    padding: 20px
}

.circle {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    background-color: #123053;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    border: 10px solid #007bc3;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.circle:hover {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    background-color: #123053;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    border: 10px solid #fdba12;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.overlay-blue-shade {
    box-shadow: 0px 650px rgba(0, 108, 179, 0.86) inset
}

.overlay-gray-shade {
    box-shadow: 0px 650px rgba(137, 137, 137, 0.8) inset
}

.overlay-darkblue-shade {
    height: 115px;
    box-shadow: 0px 650px rgba(0, 0, 0, 0.5) inset;
    margin-top: 51px;
    padding-top: 30px;
    font-size: 1.4rem;
    color: #ffffff
}

.overlay-darkblue-shade a {
    color: #fdba12;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.overlay-darkblue-shade a:hover {
    color: #ffffff;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.project-study-bg {
    background-repeat: no-repeat;
    background-size: contain
}

.project-studies-copy {
    color: #ffffff;
    z-index: 5;
    padding-top: 50px
}

.project-studies-title {
    font-size: 4rem;
    color: #ffffff;
    font-weight: 300
}

.project-studies {
    color: #ffffff
}

.overlay-white-shade {
    box-shadow: 0 375px rgba(255, 255, 255, 0.7) inset
}

.banner-box h1 {
    font-family: AvantGardeGothicITCW02Dm;
    font-size: 4rem;
    font-weight: 400;
    line-height: 55px;
    color: #fff
}

.banner-box h1 span {
    font-size: 2.3rem;
    display: block;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    padding-top: 20px;
    line-height: 1.3
}

.banner-box {
    padding-top: 90px;
    padding-bottom: 54px
}

.banner-box-phrase {
    font-size: 1.6rem
}

.banner-box-copy {
    color: #fff
}

.gradient-bg {
    background: linear-gradient(to right, rgba(0, 123, 195, .8), rgba(0, 123, 195, .0));
    width: 100%;
    height: 100%
}

.gradient-bg-oasis {
    background: linear-gradient(to right, rgba(22, 22, 22, .8), rgba(0, 123, 195, .0));
    width: 100%;
    height: 100%
}

.bgimg-banner {
    background-repeat: no-repeat;
    background-size: cover
}

.dl-ico {
    padding-top: 20px;
    color: #000000;
    font-size: 9rem !important
}

.demo-box {
    background-color: rgba(204, 204, 204, 1);
    border: 10px solid #ffffff;
    min-height: 640px
}

.demo-pad {
    padding-top: 40px
}

.orange {
    background-color: rgba(247, 141, 30, 1);
    padding: 10px;
    color: #ffffff;
    margin-bottom: 10px
}

.orange h2 {
    color: #ffffff;
    font-size: 1.5rem;
    text-transform: uppercase
}

.form-bg {
    padding: 10px
}

.demo-title {
    color: #ffffff;
    line-height: 1;
    font-size: 3rem
}

.demo-subhead {
    color: #ffffff;
    line-height: 1;
    font-size: 1.9rem
}

.demo-title span {
    color: #ffcd05;
    font-weight: bold
}

.demo-copy {
    color: #ffffff
}

.demo-small-copy {
    font-size: .9rem
}

.demo-lower-box {
    background-color: #414351;
    padding-bottom: 50px;
    padding-top: 30px;
    color: #ccc
}

.demo-white {
    color: #fff
}

sub,
sup {
    font-size: 45%;
    line-height: 0;
    position: relative
}

sup {
    top: -0.5em
}

.the-stacks {
    position: relative
}

.the-stacks::before {
    border-color: #dbdbdb transparent transparent;
    border-style: solid;
    border-width: 25px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    top: 0;
    width: 0
}

.the-stacks::after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 25px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    top: -1px;
    width: 0
}

.imagedropshadow {
    border: solid 15px #fff;
    background-color: #eceef0;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    z-index: -1
}

.callout-pad {
    margin-bottom: 40px
}

.size-24 {
    font-size: 24px
}

.product-title {
    font-size: 6rem;
    font-family: AvantGardeGothicITCW02Dm;
    margin-top: 40px;
    letter-spacing: -5px
}

.blu {
    background-color: #007bc3;
    padding: 30px 10px 30px 10px;
    color: #fff;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out
}

.blu:hover {
    background-color: #414351;
    transition: background-color 0.25s ease-out, color 0.25s ease-out
}

.blu-arrow {
    margin-top: -8px
}

.anchor-pad {
    margin-top: 20px
}

.boxnav {
    background-color: #ffffff;
    padding-bottom: 60px;
    margin-top: 40px
}

.scrollup {
    background: transparent url(../images/icons/scrollup.png) no-repeat scroll 0 0;
    bottom: 20px;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 40px
}

.content-row-a {
    margin-top: 100px
}

.row-space {
    padding-top: 100px
}

.content-quote {
    background-color: #f3f3f4;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 160px;
    margin-bottom: 160px
}

.quote-pad {
    padding-top: 120px;
    padding-bottom: 120px
}

.cen {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.content-request {
    margin-top: 200px;
    margin-bottom: 200px;
    padding-top: 90px;
    padding-bottom: 60px;
    height: 350px;
    background-position: 55% 80%;
    background-repeat: no-repeat;
    background-size: cover
}

.para-cta-box {
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-size: 3rem;
    font-weight: 700;
    width: 50%;
    padding: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto
}

.para-cta-box h2 {
    font-family: AvantGardeGothicITCW02Dm;
    color: #fff
}

a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden
}

section.module.parallax {
    height: 500px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 50px;
    margin-top: 200px;
    margin-bottom: 200px;
    border-top: 1px solid #414351;
    border-bottom: 1px solid #414351
}

section.module.parallax-home {
    height: 375px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 10px
}

section.module.parallax-trades {
    height: 550px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 10px
}

section.module.parallax-quote {
    height: 550px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 10px
}

.content-cta-box {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    margin-top: 10%;
    width: 60%;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto
}

.content-cta-box h1 {
    color: #ffffff;
    font-family: AvantGardeGothicITCW02Dm;
    font-size: 3rem
}

.content-cta-box h1 span {
    color: #ffcc00;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    font-size: 1.4rem
}

.home-cta-pad {
    padding-top: 30px
}

sup {
    vertical-align: super;
    font-size: 1.2rem;
    margin-left: 5px
}

.btn-arrow {
    color: #414351;
    font-size: 1.1rem;
    margin-left: 10px
}

.feature-list {
    background-color: #123053;
    font-weight: bold;
    padding: 20px;
    color: #ffffff;
    font-size: 1.5rem
}

.feature-list-pad {
    font-size: .9rem
}

.feature-list-col-a {
    background-color: #f9fafb;
    padding-top: 20px;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc
}

.feature-list-col-b {
    background-color: #f5f6f7;
    padding-top: 20px;
    border-bottom: 1px solid #cccccc
}

.section-head {
    margin-top: 30px;
    font-weight: bold;
    font-size: 1.3rem
}

.body-copy h2 {
    margin-top: 60px;
    font-size: 1.9rem
}

.whitepaper {
    margin-bottom: 100px
}

.icon-title {
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .8rem
}

.press-before h2 {
    font-size: 2rem;
    line-height: normal;
    font-weight: font-weight: normal;
    padding-bottom: opx padding-top: 50px
}

.press h1 {
    font-size: 1.2rem;
    margin-top: 50px
}

.press h2 {
    font-size: 2rem;
    line-height: normal;
    font-weight: font-weight: normal
}

.press h3 {
    font-size: 1.4rem;
    margin-top: 60px
}

.press-date {
    margin-top: 100px
}

.press-pad {
    margin-bottom: 50px
}

.map-canvas {
    height: 400px;
    width: 100%
}

.planroom {
    background-color: #e8f3fa;
    margin-bottom: 20px;
    padding: 10px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.planroom-link {
    background-color: #f7f7f7;
    margin-bottom: 20px;
    padding: 10px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.planroom-form {
    margin-top: 20px
}

.mapit {
    margin-top: 20px;
    margin-bottom: 20px
}

.modal-title-bg {
    background-color: #007bc3;
    color: #fff;
    margin-top: 40px;
    font-size: 2.2rem;
    font-weight: 300
}

.modal-title-share {
    background-color: #007bc3;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 300
}

.modal-body {
    margin-top: 20px
}

.innerbox {
    background-color: #eceef0;
    padding: 10px
}

.innerbox p {
    font-size: .9rem
}

.innerbox h2 {
    font-size: 1.3rem
}

.pheight {
    min-height: 200px
}

.logobox {
    background-color: #ffffff;
    padding: 20px
}

.img-pad-btm {
    margin-bottom: 30px
}

@media screen and (max-width: 39.9375em) {
    .dual-bg {
        height: 100%;
        background: linear-gradient(90deg, rgba(65, 67, 80, 0.9) 50%, rgba(65, 67, 80, 0.9) 50%)
    }
    .home-alt-trade-copy {
        color: #ffffff;
        padding-left: 20px
    }
    .small-text-center {
        text-align: center
    }
    .home-cta-box h1 {
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 1.7rem;
        font-weight: bold;
        text-align: center
    }
    .content-cta-box h1 {
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 2rem
    }
    .footer-logo-pad {
        margin-top: 70px
    }
    .footer-large-txt a {
        display: block;
        margin-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px
    }
    sup {
        vertical-align: super;
        font-size: .9rem;
        margin-left: 5px
    }
    .content-row-a {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .user-content {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1;
        padding-bottom: 0px
    }
    .content-quote {
        background-color: #f7f7f7;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 40px;
        margin-bottom: 40px
    }
    .planroom {
        background-color: #f7f7f7;
        margin-bottom: 20px;
        padding: 10px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }
    h2 {
        font-size: 2rem;
        letter-spacing: -2px;
        line-height: 1.3
    }
    blockquote,
    blockquote p {
        color: #ffffff;
        font-size: 1.2rem;
        line-height: 1.5
    }
    .product-title {
        font-size: 4rem;
        font-family: AvantGardeGothicITCW02Dm;
        margin-top: 40px;
        letter-spacing: -5px
    }
    .maint-number {
        display: inline-block;
        padding: 0.3em;
        min-width: 2.1em;
        font-size: 1.8rem;
        text-align: center;
        border-radius: 50%;
        background: #007bc3;
        color: #fff
    }
    .maint-number-pad {
        padding-top: 10px
    }
    .dotted {
        border: 0;
        background-color: #fff;
        border-top: 1px dashed #8c8c8c
    }
    .maint-form {
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
    .maint-quote-box {
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #e1e1e1;
        margin-top: 50px;
        margin-bottom: 50px
    }
    .overlay-blue-shade {
        box-shadow: 0px 950px rgba(0, 108, 179, 0.75) inset
    }
    .overlay-darkblue-shade {
        height: 115px;
        box-shadow: 0px 950px rgba(0, 0, 0, 0.5) inset;
        margin-top: 60px;
        padding-top: 30px;
        font-size: 1.4rem;
        color: #ffffff
    }
    section.module.parallax-trades {
        height: 950px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        padding-top: 10px
    }
    .ae2-banner h1 {
        font-size: 3rem;
        font-family: 'Cinzel', serif;
        font-weight: 900;
        color: #e9e9e9;
        line-height: 1;
        padding-top: 100px;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
        padding-bottom: 50px
    }
    .ae2-banner span {
        font-size: 2.5rem;
        font-weight: 400;
        display: block
    }
    .ae2-banner p {
        color: #989897;
        font-size: 1rem;
        letter-spacing: 1px;
        font-family: 'Cinzel', serif;
        padding-top: 30px
    }
    .ae2-push {
        margin-top: 50px;
        margin-bottom: 100px
    }
    .ae2-banner-pt2 h2 {
        font-size: 1.5rem;
        font-weight: 400;
        color: #ffcc00;
        padding-top: 2px;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
        margin-bottom: 65px
    }
    .ae2-banner-pt2 h2 span {
        font-size: 2rem;
        font-weight: 700;
        color: #b7b7b7
    }
    .ae2-cta {
        font-family: 'Cinzel', serif;
        font-size: 1rem;
        color: #f3f3f3
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .phone-bar {
        background-color: #3f5773;
        color: #ffffff;
        font-size: 1em;
        text-transform: capitalize
    }
    .banner-box h1 span {
        font-size: 1.4rem;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif
    }
}