/* ========================================================================= */
/* !RESETS AND DEFAULTS */
/* ========================================================================= */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }

em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; }

/* a:focus { outline:0; } :focus, :active { outline:none; outline:0; } ::-moz-focus-inner { outline:none; } */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

li { list-style: none; }

a { text-decoration: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; }

input, select { vertical-align: middle; }

sub { vertical-align: sub; font-size: smaller; line-height: 0px; }

sup { vertical-align: super; font-size: smaller; line-height: 0px; }

input, button, textarea, select, label, img { display: inline-block; max-width: 100%; height: auto; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=submit], button, textarea, select { -webkit-appearance: none; outline: 1px solid transparent; }

textarea { resize: none; overflow: auto; }

button, a span { cursor: pointer; }

button { border: 0; text-align: center; }

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

table { table-layout: fixed; }

a[href^=tel] { color: inherit; }

select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }

select:-moz-focusring { color: transparent; }

select::-ms-expand { display: none; }

/* != FONT SMOOTHING */
body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* != ms-clear */
input[type=text]::-ms-clear { display: none; }

/* != BACKGROUND POSITION AND BOX SIZING */
*, *:before, *:after { box-sizing: border-box; background-position: center; background-repeat: no-repeat; }

/* != .clearfix - CLEAR ELEMENTS */
.clear { clear: both; }

.clearfix { display: block; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */
.wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }

/* ========================================================================= */
/* !FONTS (@fontface generated with FontSpring Syntax formatting */
/* ========================================================================= */
@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-Thin.woff") format("woff"); font-style: normal; font-weight: 100; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-ThinItalic.woff") format("woff"); font-style: italic; font-weight: 100; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-ExtraLight.woff") format("woff"); font-style: normal; font-weight: 200; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-ExtraLightItalic.woff") format("woff"); font-style: italic; font-weight: 200; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-Light.woff") format("woff"); font-style: normal; font-weight: 300; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-LightItalic.woff") format("woff"); font-style: italic; font-weight: 300; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-Regular.woff") format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-RegularItalic.woff") format("woff"); font-style: italic; font-weight: 400; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-Medium.woff") format("woff"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-MediumItalic.woff") format("woff"); font-style: italic; font-weight: 500; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-SemiBold.woff") format("woff"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-SemiBoldItalic.woff") format("woff"); font-style: italic; font-weight: 600; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-Bold.woff") format("woff"); font-style: normal; font-weight: 700; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-BoldItalic.woff") format("woff"); font-style: italic; font-weight: 700; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-ExtraBold.woff") format("woff"); font-style: normal; font-weight: 800; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-ExtraBoldItalic.woff") format("woff"); font-style: italic; font-weight: 800; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-Black.woff") format("woff"); font-style: normal; font-weight: 900; }

@font-face { font-family: "Metropolis"; src: url("../fonts/Metropolis/Metropolis-BlackItalic.woff") format("woff"); font-style: italic; font-weight: 900; }

@font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.woff") format("woff"); font-weight: 700; font-style: italic; }

@font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.woff") format("woff"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.woff") format("woff"); font-weight: 800; font-style: italic; }

/* ========================================================================= */
/* !SASS VARIABLES & MIXINS */
/* ========================================================================= */
/* // Use Case: $b (second) variable is optional and defaults to 'max-width' @include break(1100){ h1{ background: red; } } // Output @media screen and (max-width: 1100px) { h1 { background: red; } } // Also, if you want to specify the 2nd variable for break type (i.e., min-height) @include break(1100, 'min-height'){ h1 { background:red; } } // Output @media screen and (min-height: 1100px) { h1 { background: red; } } */
/* // inline SVGs // usage: background-image: inline-svg('<svg><!-- your svg code --></svg>'); */
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

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

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; }

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

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); }
  .mfp-arrow-left { transform-origin: 0; }
  .mfp-arrow-right { transform-origin: 100%; }
  .mfp-container { padding: 5px; } }

.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.mfp-title { position: absolute; color: #fff; bottom: calc(100% + 10px); }

.mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; }

/* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.85; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

/* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.15s ease-out; }

/* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/* content animate out */
/* ========================================================================= */
/* !STYLES */
/* ========================================================================= */
html, body { font: normal 300 15px/1.5 Metropolis, sans-serif; color: #414342; scroll-behavior: smooth; }

/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */
/* ::selection         { background: #aaa; color: #fff; } ::-moz-selection    { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */
/* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */
.aligncenter { display: block; margin: 25px auto; }

.alignleft { float: left; margin: 0 25px 25px 0; }

.alignright { float: right; margin: 0 0 25px 25px; }

.alignnone { display: inline-block; }

/* != LAYOUT STYLES ===== */
h1 { color: #fff; font-size: 80px; font-weight: 700; line-height: .9; margin: 0 0 20px 0; }

@media screen and (max-width: 650px) { h1 { font-size: 60px; } }

@media screen and (max-width: 500px) { h1 { font-size: 40px; } }

h2 { font-size: 40px; color: #004265; line-height: 1; }

h3 { font-size: 30px; line-height: 1; color: #004265; margin: 0 0 20px 0; }

h4 { font-size: 30px; line-height: 1; color: #004265; margin: 0 0 20px 0; position: relative; }

h4 span { display: inline-block; background: #fff; position: relative; padding-right: 20px; z-index: 1; }

h4:before { content: ''; position: absolute; left: 0; top: 12px; width: 100%; height: 0; border-top: 3px solid #e7e8e8; }

p + h4 { margin-top: 40px; }

h5 { font-size: 18px; line-height: 1; color: #004265; margin: 0 0 20px 0; position: relative; }

h6 { display: block; font-size: 13px; color: #a7a9a8; text-transform: uppercase; letter-spacing: .1em; }

h3 + h6, h4 + h6 { margin: -20px 0 20px 0; }

p { margin: 0 0 20px 0; }

a { color: #c3a44f; }

a:hover { color: #004265; }

a.btn { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 13px; background: #c3a44f; display: inline-block; border-radius: 2px; line-height: 40px; padding: 0 20px; letter-spacing: .1em; transition: .2s; }

a.btn:hover { background: #004265; }

.content-main ul:not([class*="gf"]) > li { position: relative; padding-left: 10px; }

.content-main ul:not([class*="gf"]) > li:before { content: '\2022'; position: absolute; left: 0; }

.content-main ol { counter-reset: li; }

.content-main ol > li { position: relative; padding-left: 20px; }

.content-main ol > li:before { content: counter(li) ". "; counter-increment: li; position: absolute; right: calc(100% - 15px); }

.wrap { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 20px; }

#header { position: absolute; background: linear-gradient(to bottom, rgba(0, 66, 101, 0.3) 0, rgba(0, 66, 101, 0) 100%); z-index: 10; width: 100%; padding: 10px 0; }

@media screen and (max-width: 550px) { #header { text-align: center; } }

#logo { display: inline-block; width: 193px; height: 37px; }

#logo img { max-width: 100%; }

@media screen and (max-width: 650px) { #logo { width: 150px; height: auto; } }

#main-nav { float: right; }

#main-nav ul li { display: inline-block; padding: 6px 0 0 30px; }

#main-nav ul li a { font-size: 13px; padding: 0 0 2px 0; font-weight: 600; text-transform: uppercase; color: #fff; position: relative; letter-spacing: .1em; }

#main-nav ul li a:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; border-top: 2px solid #fff; transition: .2s; }

#main-nav ul li:hover a:after { left: 0; width: 100%; }

@media screen and (max-width: 650px) { #main-nav ul li { padding: 6px 0 0 20px; }
  #main-nav ul li a { font-size: 12px; } }

@media screen and (max-width: 550px) { #main-nav { float: none; }
  #main-nav ul { text-align: center; } }

@media screen and (max-width: 350px) { #main-nav ul li { padding: 10px 5px 0; }
  #main-nav ul li a { font-size: 12px; } }

#banner { height: 90vh; position: relative; z-index: 1; overflow: hidden; }

@media screen and (max-width: 650px) { #banner { height: 80vh; } }

#slideshow { width: 100%; height: 100%; position: absolute; }

#slideshow .slide, #slideshow .slide-image { background: #004265; width: 100%; height: 100%; }

#slideshow .slide { position: absolute; }

#slideshow .slide:after { background: linear-gradient(to right, rgba(0, 66, 101, 0.5) 0, rgba(0, 66, 101, 0) 100%); content: ''; position: absolute; z-index: 1; display: block; width: 100%; height: 100%; }

#slideshow .slide-image { opacity: .9; background-size: cover; background-position: 75% 100%; position: absolute; z-index: 0; }

#slideshow .slide-text-container { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 100%; }

#slideshow .slide-text-container .slide-text { width: 100%; max-width: 555px; }

#slideshow .slide-text-container .slide-text p { font-size: 24px; font-weight: 500; color: #fff; margin: 0; }

@media screen and (max-width: 650px) { #slideshow .slide-text-container { top: auto; bottom: 40px; transform: translateY(0); }
  #slideshow .slide-text-container .slide-text p { font-size: 18px; } }

@media screen and (max-width: 500px) { #slideshow .slide-text-container .slide-text { text-align: center; }
  #slideshow .slide-text-container .slide-text p { font-size: 16px; } }

section { margin: 75px 0; }

section .section-header { position: relative; margin: 0 0 40px 0; }

section .section-header:before { content: ''; border-top: 3px solid #ededed; display: block; width: 100%; position: absolute; top: 20px; z-index: 0; }

section .section-header h2 { max-width: 650px; display: inline-block; background: #fff; position: relative; z-index: 1; padding-right: 20px; }

section .section-header p { margin-top: 30px; }

.content-main { float: left; width: 57%; }

@media screen and (max-width: 700px) { .content-main { float: none; width: 100%; } }

.content-sub { float: right; width: 34%; }

@media screen and (max-width: 700px) { .content-sub { float: none; border-top: 3px solid #ededed; padding-top: 40px; margin-top: 40px; width: 100%; } }

.success-stories { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; flex-direction: row; }

.success-stories li { width: calc(33.333% - 30px); margin: 15px; }

.success-stories li a { padding: 64% 0 0 0; width: 100%; height: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); display: block; border-radius: 3px; position: relative; overflow: hidden; }

.success-stories li a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .2s; max-width: 65%; height: auto; max-height: 65%; }

.success-stories li a span { display: block; position: absolute; width: 100%; background: #c3a44f; color: #fff; bottom: -100px; font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: .1em; padding: 10px; text-align: center; transition: .2s; }

.success-stories li a:hover img { top: calc(50% - 20px); }

.success-stories li a:hover span { bottom: 0; }

.success-stories li a:hover span:hover { background: #004265; }

@media screen and (max-width: 850px) { .success-stories li a span { font-size: 11px; } }

@media screen and (max-width: 650px) { .success-stories li { width: calc(50% - 30px); } }

@media screen and (max-width: 450px) { .success-stories li { width: 100%; margin: 0 0 15px; } }

.mfp-bg { background: rgba(255, 255, 255, 0.95); filter: alpha(opacity=100); opacity: 1; }

.mfp-close-btn-in .mfp-close { color: #c3a44f; opacity: 1; }

.mfp-close-btn-in .mfp-close:hover { color: #004265; }

.mfp-fade.mfp-bg { opacity: 0; transition: all .2s ease-out; }

.mfp-fade.mfp-bg.mfp-ready { opacity: .95; }

.mfp-fade.mfp-bg.mfp-removing { opacity: 0; transition: all .2s .2s ease-out; }

.mfp-fade.mfp-wrap .mfp-content { opacity: 0; top: 50px; transition: all .2s .2s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; top: 0; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; top: -50px; transition: all .2s 0 ease-out; }

#success-popups { display: none; }

.success-story { max-width: 750px; position: relative; margin: 20px auto; background: #fff; border-radius: 10px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); overflow: hidden; }

.success-story-content { padding: 30px 50px; }

.success-story-contact { padding: 30px; }

.success-story img { max-width: 50%; margin: 30px auto 60px; display: block; }

.success-story .success-story-contact { background: #f4f5f5; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.success-story .success-story-contact h5 { margin: 0; max-width: calc(100% - 200px); }

@media screen and (max-width: 550px) { .success-story-content { padding: 30px 20px 20px; }
  .success-story-contact { padding: 30px 20px 20px; }
  .success-story .success-story-contact { display: block; }
  .success-story .success-story-contact h5 { margin: 0 0 20px; max-width: 100%; } }

#page-popups { display: none; }

.page-popup { max-width: 750px; position: relative; margin: 20px auto; background: #fff; border-radius: 10px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); overflow: hidden; padding: 50px 50px; }

@media screen and (max-width: 550px) { .page-popup { padding: 50px 20px 20px 20px; } }

.client-list { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; flex-direction: row; overflow: hidden; }

.client-list li { width: 25%; margin: 0 0 -1px; border-left: 1px solid #e7e8e8; border-bottom: 1px solid #e7e8e8; }

.client-list li a { padding: 64% 0 0 0; width: 100%; height: 0; display: block; position: relative; overflow: hidden; }

.client-list li a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .2s; max-width: 65%; height: auto; max-height: 65%; }

.client-list li:nth-of-type(4n+1) { border-left: none; }

@media screen and (max-width: 750px) { .client-list li { width: 33.333%; }
  .client-list li:nth-of-type(4n+1) { border-left: 1px solid #e7e8e8; }
  .client-list li:nth-of-type(3n+1) { border-left: none; } }

@media screen and (max-width: 550px) { .client-list li { width: 50%; }
  .client-list li:nth-of-type(3n+1) { border-left: 1px solid #e7e8e8; }
  .client-list li:nth-of-type(2n+1) { border-left: none; } }

#footer { background: #004265; padding: 40px 0 30px 0; color: #8cbed9; }

#footer .footer-info { float: left; display: flex; justify-content: space-between; align-items: flext-start; flex-wrap: nowrap; flex-direction: row-reverse; width: 75%; }

#footer .footer-info .footer-logo { display: inline-block; max-width: 90%; margin-bottom: 10px; }

#footer .footer-info p { font-size: 13px; line-height: 1.2; padding-right: 20px; }

#footer .footer-info p strong { font-size: 15px; font-weight: 600; color: #fff; display: inline-block; margin: 0 0 5px 0; }

#footer .footer-info p a { color: #8cbed9; }

#footer .footer-info p a:hover { color: #fff; }

#footer .footer-social { float: right; }

#footer .footer-social li { display: inline-block; margin: 0 0 0 5px; }

#footer .footer-social a svg { padding: 3px; border-radius: 50%; width: 22px; height: 22px; background: #8cbed9; fill: #004265; transition: .2s; }

#footer .footer-social a:hover svg { background: #fff; }

#footer .copyright { clear: both; padding-right: 20px; }

#footer .copyright p { margin: 10px 0 0 0; font-size: 10px; }

#footer .copyright p .jasonlarose { display: inline-block; padding-top: 5px; color: #086190; }

#footer .copyright p .jasonlarose a { color: inherit; }

#footer .copyright p .jasonlarose a:hover { color: #337598; }

@media screen and (max-width: 950px) { #footer .footer-info { width: calc(100% - 100px); }
  #footer .footer-info p { font-size: 11px; }
  #footer .footer-info p strong { font-size: 13px; } }

@media screen and (max-width: 750px) { #footer { text-align: center; }
  #footer .footer-info { float: none; display: block; width: 100%; }
  #footer .footer-info p { padding: 0; }
  #footer .footer-info .footer-logo { margin: 20px 0 0 0; }
  #footer .footer-social { float: none; margin: 0 0 20px 0; }
  #footer .footer-social li { margin: 0 5px; }
  #footer .copyright { padding-right: 0; } }

/* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */
/* ::-webkit-input-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } */
input[type=submit], button { display: inline-block; cursor: pointer; }

/* != Select menus with a .select-menu container or gform-select-menu applied in gravity forms ===== */
.select-menu, .gform-select-menu div { position: relative; width: 260px; border: 1px solid #f00; vertical-align: middle; display: inline-block; overflow: hidden; margin: 0 10px 0 0; }

.select-menu:before, .select-menu:after, .gform-select-menu div:before, .gform-select-menu div:after { content: ''; position: absolute; right: 14px; top: calc(50% - 8px); z-index: 1; pointer-events: none; width: 16px; height: 16px; /* bg image */ }

.select-menu:hover, .gform-select-menu div:hover { border-color: #00f; }

.select-menu:hover:before, .gform-select-menu div:hover:before { /* bg image */ }

.select-menu:hover:after, .gform-select-menu div:hover:after { /* bg image */ }

.select-menu select, .gform-select-menu div select { padding: 0 10px 0 20px; cursor: pointer; color: #0f0; background-color: #fff; width: 120%; height: 40px; line-height: 40px; border: 0; border-radius: 0; text-indent: 0.01px; text-overflow: ''; position: relative; z-index: 1; }

.validation_error { padding: 15px; color: #fff; background: #c00; margin: 20px 0; }

.validation_message { text-transform: uppercase; font-size: 12px; color: #c00; font-weight: 600; }

.gform_validation_container { position: absolute; top: -9999px; left: -9999px; pointer-events: none; opacity: 0; }
/*# sourceMappingURL=style.css.map */