/* SET TYPOGRAPHY RULES BELOW ONLY AFTER COMPLETING ALL THE FOLLOWING*
 *
 * Settings > Typekit Fonts
 * Add Typekit kit code after creating kit via OMS login
 *
 * Theme Customizer > General Settings > Typography
 * Set base body size, body line-height, link color, body color, header color
 * Header font sizes and line-heights set below in code
 * Reversed font colors for dark bkgds set below
 *
 * /////////////////////////////////////////////////////////




/*-------------------------------------------------------------------------------------------------------------------------------

	SITE SPACING CLASSES & RULES
	These rules do not contain body.orbit so it can be overwritten via builder

---------------------------------------------------------------------------------------------------------------------------------*/


/*--- UNIVERSAL SPACING ---*/
/* Removes padding-top of a row following another row */
.et_pb_row + .et_pb_row {
    padding-top: 0 !important;
}
.et_pb_row, .container {
    width: 90%
}


/*--- DESKTOP SPACING ---*/

/* Sets row padding */
.et_pb_row {
    padding: 120px 0;
}
/* Sets space between stacked rows in same section */
@media all and (min-width: 981px) {
    .et_pb_row + .et_pb_row {
        margin-top: -40px; /* amount to remove from padding rule above */
    }
}


/*--- TABLET SPACING ---*/

/* Sets row padding */
@media all and (max-width: 980px) {
    .et_pb_row {
        padding: 80px 0;
    }
    /* Sets space between stacked columns */
    .et_pb_column {
        margin-bottom: 40px;
    }
    /* Sets space between stacked rows in same section */
    .et_pb_row + .et_pb_row {
        margin-top: -40px; /* amount to remove from padding rule above */
    }
}


/*--- MOBILE SPACING ---*/

/* Sets row padding */
@media all and (max-width: 767px) {
    .et_pb_row {
        padding: 60px 0;
    }
    /* Sets space between stacked columns */
    .et_pb_column {
        margin-bottom: 30px;
    }
    /* Sets space between stacked rows in same section */
    .et_pb_row + .et_pb_row {
        margin-top: -30px; /* amount to remove from padding rule above */
    }
}


/* Removes margin-bottom of last element to equalize spacing above and below content */
body.orbit .et_pb_row .et_pb_column .et_pb_module h1:last-child,
body.orbit .et_pb_row .et_pb_column .et_pb_module h2:last-child,
body.orbit .et_pb_row .et_pb_column .et_pb_module h3:last-child,
body.orbit .et_pb_row .et_pb_column .et_pb_module h4:last-child,
body.orbit .et_pb_row .et_pb_column .et_pb_module h5:last-child,
body.orbit .et_pb_row .et_pb_column .et_pb_module h6:last-child,
body.orbit .et_pb_row .et_pb_column .et_pb_module p:last-child,
body.orbit .et_pb_row .et_pb_column:only-child .et_pb_module p:last-child,
body.orbit #main-content .et_pb_row .et_pb_column .et_pb_module ul li:last-of-type,
body.orbit .et_pb_row .et_pb_column .et_pb_module .et_pb_text_inner p:last-child,
body.orbit .et_pb_blurb_content p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}


/*--- ADDITIONAL SPACING OPTIONS, MAY REQUIRE BREAKPOINT RULES ---*/

/* Add small amount of padding to have smaller padding above and below content */
body.orbit .et_pb_section.small-pad .et_pb_row {
    padding: 10px 0;
}

/* Add padding to have more exagerated padding above and below content */
body.orbit .et_pb_section.large-pad .et_pb_row {
    padding: 200px 0;
}

/* Tighten up padding between rows while having additional space at top and bottom of sections */
body.orbit .et_pb_section.large-pad .et_pb_row + .et_pb_row {
    padding-top: 0 !important;
    margin-top: -100px;
}



/*-------------------------------------------------------------------------------------------------------------------------------

	TYPOGRAPHY STYLES

---------------------------------------------------------------------------------------------------------------------------------*/


.et_pb_bg_layout_dark {
    color: rgba(255,255,255,1); /* Defines text color setting of light and dark backgrounds */
}
.et_pb_bg_layout_dark p,
.et_pb_bg_layout_dark p.intro,
.et_pb_bg_layout_dark li {
    color: rgba(255,255,255,1) !important;
}
.et_pb_bg_layout_dark p.pre-title {
    color: rgba(255, 255, 255, 0.6) !important;
}
.et_pb_bg_layout_dark a {
    color: #06C4A0 !important;
}
.et_pb_bg_layout_dark a:hover {
    color: #fff !important;
	background: #fff;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #06C4A0;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #13294B;
}

body.orbit h1,
body.orbit h2,
body.orbit h3,
body.orbit h4,
body.orbit h5,
body.orbit h6 {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    color: #13294B;
}
body.orbit {
    color: rgba(0, 0, 0, 0.7);
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
}
body.orbit p {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    margin: 0 0 20px;
    padding: 0;
}

body.orbit p a,
body.orbit li a {
    color:#00866C;
}


body.orbit p a:hover,
body.orbit li a:hover {
    color:#0D8DD3;
}

body.orbit strong, b, .bold {
    font-weight: 600 !important;
}

body.orbit p.intro {
    color: #13294B;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 10px;
}
body.orbit p.intro strong {
    font-weight: 800 !important;
}
body.orbit p.pre-title {
    color: rgba(19, 41, 75, 0.6);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 2px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
body.orbit h1 {
    font-size: 55px;
    font-weight: 800;
    line-height: 1.14;
    margin: 0 0 25px;
    padding: 0;
}
body.orbit #main-content h2 {
    font-size: 41px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 25px;
    padding: 0;
}
body.orbit h3 {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 0;
}
body.orbit h4 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 1px;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}
body.orbit h5 {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 0;
}
body.orbit h6 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 10px;
    padding: 0;
}
body.orbit #main-content ul {
    margin: 0;
    padding: 10 0 10px 10px;
    list-style: none;
}
body.orbit #main-content li {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    margin: 20px 0;
    padding: 0;
    text-indent: -14px;
    margin-left: 20px;
}
body.orbit #main-content li:before {
    /*background-image: url(/wp-content/uploads/2021/08/cropped-IncWorxSymbol_OnWhite-01.png);
	background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px; */
    display: inline-block;
    padding-right: 10px;
    vertical-align: baseline;
    content: "❖";
	color: #0D8DD3;
}
/* Hide icon in editor */
body.orbit .et-fb-modal li:before {
    display: none !important;
}
body.orbit hr,
body.orbit .et_pb_divider {
    border: none;
    height: 1px;
    margin: 25px 0 30px;
    padding: 0;
    background: #06C4A0;
}
body.orbit blockquote {
    background: #f8f8f8;
    border: none;
    position: relative;
    padding: 40px;
    order: none;
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(-45deg,#0D8DD3 0%,#06C4A0 100%);
}
body.orbit blockquote p {

}
body.mce-content-body .cta-button,
body.orbit .cta-button,
body.orbit .nf-field-element input[type=button] {
    background: #F2F2F2 !important;
    border: none;
    border-radius: 0;
    box-shadow: 0 8px 0 -5px #06C4A0;
    color: #13294B !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-top: 15px;
    padding: 16px 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

body.mce-content-body .menu-button,
body.orbit .menu-button,
body.orbit .nf-field-element input[type=button] {
    background: transparent;
	border: 2px solid #f2f2f2;
	border-radius: 0;
    box-shadow: 0 8px 0 -5px #06C4A0;
    color: #13294B !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    padding: 16px;
	padding-right: 16px !important;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

body.mce-content-body .menu-button:hover,
body.orbit .menu-button:hover,
body.orbit .nf-field-element input[type=button]:hover {
    background: transparent;
    color: #fff !important;
	text-decoration: underline;
    box-shadow: 0 3px 0 0 #213a60;
    cursor: pointer;
}

.keyboard-outline {
    outline-width: 4px !important;
    outline-color: #06c4a0 !important;
}

body.mce-content-body .cta-button:after,
body.orbit .cta-button:after,
body.orbit .nf-field-element input[type=button]:after {
    content: '\00BB';
    color: #06C4A0;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}
body.mce-content-body .cta-button:hover,
body.orbit .cta-button:hover,
body.orbit .nf-field-element input[type=button]:hover {
    background: #213a60 !important;
    color: #fff !important;
    box-shadow: 0 3px 0 0 #213a60;
    cursor: pointer;
}
body.mce-content-body .cta-button:hover::after,
body.orbit .cta-button:hover::after,
body.orbit .nf-field-element input[type=button]:hover::after {
    color: #fff;
}

body.mce-content-body .cta-button-reverse,
body.orbit .cta-button-reverse {
    background: transparent;
    border: 3px solid #f9f9f9;
    border-radius: 0;
    color: #06C4A0 !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-top: 20px;
    padding: 12px 26px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
body.mce-content-body .cta-button-reverse:after,
body.orbit .cta-button-reverse:after {
    content: '\00BB';
    color: #06C4A0;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}
body.mce-content-body .cta-button-reverse:hover,
body.orbit .cta-button-reverse:hover {
    background: #f9f9f9;
    color: #06C4A0;
    cursor: pointer;
}
body.mce-content-body .cta-button-reverse:hover::after,
body.orbit .cta-button-reverse:hover::after {
    content: '\00BB';
    color: #06C4A0;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}

.cta-link {
    font-weight: 800;
    font-size: 18px;
    color: #00866C;
    text-decoration: none !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: 20px 0 15px;
}
.et_pb_bg_layout_dark .cta-link {
    color: #06C4A0;
}

.cta-link:hover {
    color: #0D8DD3 !important;
}

.cta-link::after {
    content: '\00BB';
    color: #06C4A0;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    padding-left: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.cta-link:hover::after {
    padding-left: 8px;
    color: #0D8DD3 !important;
}

/*-------------------------------------------------------------------------------------------------------------------------------

	HEADER STYLES

---------------------------------------------------------------------------------------------------------------------------------*/
body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #top-header {
    height: 32px;
}
body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
    /*top: 80px !important;*/
    height: 108px;
}
#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    font-size: 14px !important;
}
#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
    width: 800px;
    right: 0;
    left: auto;
}
#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
}
#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    font-weight: normal;
}
#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after {
    content: '\00BB';
    color: #fff;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    padding-left: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item a.mega-menu-link:before {
    display: block !important;
}

#et-top-navigation {
    padding-left: 300px;
}
body.orbit #main-header .logo_container #logo {
    width: 200px;
    height: 58px;
}
body.orbit #main-header #et-top-navigation nav#top-menu-nav ul#top-menu li.menu-item a {
    /*padding: 60px 0;*/
}
body.orbit #main-header #et_top_search {
    margin: 60px 0 30px 30px;
}
body.orbit #main-header #et-top-navigation nav#top-menu-nav ul#top-menu li.menu-item.menu-item-has-children a::after {
    top: 60px;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    position: absolute;
}

body.orbit #main-header #et-top-navigation nav#top-menu-nav ul#top-menu li.menu-item.menu-item-has-children a::after,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	top: 40px;
    float: left;
    line-height: 0;
    left: -5px;
    opacity: 0.6;
}
#top-menu .menu-item-has-children>a:first-child:after {
    visibility:hidden;
	/*font-family: 'ETmodules';
    content: "\33";
    position: relative;
    color: #adadad;
    opacity: .4;
    transition: ease 0.3s all;*/
}

.et_search_outer {
    display: none;
}

/* Sitemap Only Styles */
.page-id-2325 #page-container #main-header {
    background-color: #13294B;
    top: 64px !important;
}

/*edit the Divi submenu*/
.et_pb_menu li ul {
	background:red;
}

/*-------------------------------------------------------------------------------------------------------------------------------

	FOOTER STYLES

---------------------------------------------------------------------------------------------------------------------------------*/

#footer-widgets h3 {
    color: #fff;
}
#footer-widgets h4 {
    color: #fff !important;
}
#footer-widgets {
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: 100px 0;
}

.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(2) .fwidget {
    margin: auto;
    width: 100%;
}
.footer-widget p {
    color: #fff !important;
}
.et_pb_widget ul li:first-child {
    font-weight: 600 !important;
}
#footer-widgets .footer-widget li, .footer-widget p {
    font-size: 16px !important;
    font-weight: 300;
    margin-bottom: 20px;
}
.et_pb_widget li a:hover, .footer-credits a:hover {
    text-decoration: none;
    color: #06C4A0;
}
.footer-credits p, .footer-credits a {
    color: #fff;
    font-size: 14px !important;
    margin-bottom: 0px;
    line-height: 3;
    opacity: 0.8;
}

#footer-widgets .footer-widget a:after,
#footer-widgets .footer-widget li a:after {
    content: '\00BB';
    color: #06C4A0;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    font-weight: 900;
    position: relative;
    padding-left: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.bottom-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 0;
}
body.orbit #footer-bottom a {
    text-decoration: none;
}
.bottom-nav li:hover,
.bottom-nav li:focus
.bottom-nav li:active {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

/* FORM */
.ninja-forms-req-symbol {
    color: #06C4A0 !important;
}
.nf-field-label label {
    font-size: 14px;
    font-weight: 600 !important;
}
.nf-field-element input {
    background-color: #f7f7f7;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    height: 50px !important;
    font-size: 16px;
    color: rgba(0,0,0,0.7);
    padding: 10px;
}
.field-wrap textarea {
    background-color: #f7f7f7 !important;
    border: none;
    border-bottom: 1px solid #d8d8d8 !important;
    font-size: 16px;
    color: rgba(0,0,0,0.7);
}
.field-wrap input[type=submit] {
    background: transparent !important;
    border: 3px solid #06C4A0;
    border-radius: 0;
    color: #13294B !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    height: 55px !important;
    letter-spacing: 2px;
    padding: 16px 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	}
.field-wrap input[type=submit]:after {
    content: '\00BB';
    color: #06C4A0;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}
.field-wrap input[type=submit]:hover {
    background: #06C4A0 !important;
    border: 3px solid #06C4A0 !important;
    border-radius: 0 !important;
    color:  #fff !important;
    cursor: pointer;
}
.field-wrap input[type=submit]:hover::after {
    content: '\00BB';
    color: #fff;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}
.et_pb_bg_layout_dark .nf-field-element input[type=email] {
    background-color: rgb(255,255,255,0.1);
    border: none;
    padding: 20px 14px 20px 20px;
    height: 56px!important;
    width: 95%!important;
    display: block;
    color: #fff;
    font-size: 16px;
}
.et_pb_bg_layout_dark .field-wrap input[type=submit] {
    background: transparent;
    border: 3px solid #06C4A0;
    border-radius: 0;
    color: #fff!important;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    height: 56px;
    letter-spacing: 2px;
    padding: 12px 26px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.et_pb_bg_layout_dark .field-wrap input[type=submit]:hover,
.et_pb_bg_layout_dark .field-wrap input[type=submit]:focus,
.et_pb_bg_layout_dark .field-wrap input[type=submit]:active {
    background: #06C4A0 !important;
    cursor: pointer;
}
/*Honeypot*/
.nf-form-hp {
	visibility:hidden;
}
/*Privacy Checkbox*/
.mailchimp-optin-container, .checkbox-wrap {
	display: flex;
	margin-top: 5px;
}
#nf-field-15-wrap {
    margin-left: 220px;
}
.label-right .nf-field-description {
    margin: 3px 0px 0px 5px;
}
.field-wrap>div input[type=checkbox] {
    height: 33px !important;
}

#footer-widgets .footer-widget li {
    padding-left: 0px;
}
#footer-widgets .footer-widget li:before {
    display: none;
}
/* Bottom left footer nav */
body.orbit ul#menu-footer-bottom-left-nav {
    display: inline;
}
body.orbit #footer-bottom a {
    color: #fff;
    font-weight: 300;
}
/*Bottom right footer nav */
body.orbit #footer-bottom ul.et-social-icons li a {
	font-size: 14px;
}
/* Copyright */
body.orbit #main-footer #footer-bottom .footer-credits-menu #footer-info {
    padding: 5px 22px 0 0;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

.fab {
    color: #06C4A0;
    padding-left: 30px;
    font-size: 20px;
}
#footer-bottom {
    padding: 55px 0 40px;
    border: none;
    position: relative;
    order: none;
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(-45deg,#0D8DD3 0%,#06C4A0 100%);
}

@media (min-width: 981px) {
    #footer-widgets .footer-widget {
        margin-bottom: 0; /* Removes padding on desktop so rule above can work*/
    }
}
@media (max-width: 980px) {
    #footer-widgets .footer-widget {
        margin-bottom: 50px !important; /* Add padding back in below desktop where footer columns stack*/
    }
}


/*-------------------------------------------------------------------------------------------------------------------------------

	BLOG STYLES

---------------------------------------------------------------------------------------------------------------------------------*/

.et_pb_post .entry-title a, .et_pb_portfolio_item h3 a, .et_pb_portfolio_item .et_pb_module_header a {
    border-bottom: 4px solid #e9e9e9;
    line-height: 1.5;
    font-size: 22px;
}

/* card grid layout */
body.orbit .post-wrapper-global {
    display: grid;
    grid-template-columns: repeat(3, []1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
@media all and (max-width: 980px) {
    body.orbit .post-wrapper-global {
        grid-template-columns: repeat(1, []1fr);
	}
}
/* card style */
body.orbit .post-wrapper-global article {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
}
body.orbit .post-wrapper-global article {
    box-shadow: -30px 30px 50px 0px rgb(0 0 0 / 15%) !important;
    top: 0 !important;
    border: none !important;
}
body.orbit .post-wrapper-global article:nth-of-type(3n+1) {
    z-index: 12!important;
}
body.orbit .post-wrapper-global article:nth-of-type(3n+2) {
    z-index: 10!important;
}
body.orbit .post-wrapper-global article .post-data p:not(.post-meta) {
    display: none;
}
body.orbit .post-wrapper-global article .post-data .entry-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}
body.orbit .post-wrapper-global article .post-data .post-meta {
    font-size: 14px !important;
    font-style: unset;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
}
body.orbit .post-wrapper-global article .post-data .post-meta a, body.orbit .et_pb_blog_grid article .post-meta a {
    border-bottom: 1px solid #e9e9e9;
}
body.orbit .post-wrapper-global article .post-data .post-meta a:hover, body.orbit .et_pb_blog_grid article .post-meta a:hover {
    text-decoration: none !important;
}
body.orbit .blog-header-dark {
    background-color: #13294B;
    padding: 15% 0px 4% 0px;
}
body.orbit .blog-header-dark .title-container {
    max-width: 1200px;
    width:80%;
    margin: auto;
    text-align: center;
}
body.orbit .blog-header-dark h1 {
    color: white;
    font-size: 55px;
}
body.orbit.single-post article.et_pb_post {
    max-width: 800px;
    margin: auto;
}
body.orbit.single .blog-header-dark .title-container .post-meta {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 2px;
    margin: 0 0 15px;
    text-transform: uppercase;
    text-align: center;
}

/* Blog Category Page */
body.orbit.category #main-content .archive-title {
    text-align: center;
}


/*-------------------------------------------------------------------------------------------------------------------------------

	MODULE STYLES

---------------------------------------------------------------------------------------------------------------------------------*/

.blog-manual .et_pb_blurb_description {
    padding: 0 30px 30px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li:before,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li:before {
    display: none !important;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    text-indent: 0px !important;
    margin:0 !important;
    border: solid 2px #fff;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    border: none;
    text-decoration: none;
    background: #f2f2f2;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.wp-pagenavi a:focus,
.wp-pagenavi a.active,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:focus,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:hover,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:focus,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active {
    background: #f2f2f2;
    color: #06c4a0 !important;
    box-shadow: 0 8px 0 -5px #06c4a0;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    border: none;
}
.et_pb_portfolio_item .post-meta {
    text-transform: uppercase;
    color: #585858;
}
.et_pb_portfolio_item .post-meta a {
    border-bottom: 1px solid #e9e9e9;
}
.wp-pagenavi a,
.wp-pagenavi span,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a {
    font-size: 16px !important;
    padding: 10px 16px;
    margin: 0 5px;
    background: #f2f2f2;
    color: #585858;
    text-decoration: none;
}

/*porfolio image aspect ratio square 1:1*/

.et_portfolio_image {
    padding-top: 0;
    display: block;
}

.et_portfolio_image img {
    /*position: absolute;*/ /* Removed this so image would show on the site - Scarlett */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain;
    padding-top: 1px;
}


.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header {
    padding: 10px 20px;
}
.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item {
    box-shadow: -30px 30px 50px 0px rgb(0, 0, 0, 0.15)!important;
    padding-bottom: 30px;
}


.cta-block {
    border: none;
    position: relative;
    order: none;
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 7px;
    border-image-source: linear-gradient(-45deg,#0D8DD3 0%,#06C4A0 100%);
}

/*  NUMBER COUNTER MODULE  */
.et_pb_number_counter .percent p {
    font-size: 72px;
    font-weight: 800;
    color: #06C4A0;
    /*     background: linear-gradient(-45deg, #06C4A0 0%, #0D8DD3 100%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; */
}

/*.et_pb_blurb .et-pb-icon {
	font-size:  32px;
    background: linear-gradient(-45deg, #06C4A0 0%, #0D8DD3 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

/* HERO AREA */
.entry-content tr td.hero-table  {
    border-top: 0 !important;
    padding: 0 !important;
}

.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 14px;
}
.et_pb_blurb .et_pb_image_wrap .bullet {
    padding-top: 8px;
}

/*MailChimp Newsletter Sign up*/

.mc-field-group input[type=email] {
    background-color: rgb(255, 255, 255, 0.1);
    /*border: none;*/
    padding: 22px 14px 10px 20px;
    height: 56px !important;
    width: 95% !important;
    display: block;
    color: #fff;
    font-size: 16px;
}
#mc_embed_signup_scroll {
    display: flex;
    align-items: flex-end;
}
.mc-field-group {
    display: block;
    width: 100%;
}
#mc_embed_signup label {
    font-size: 10px;
    color: #fff;
    position: absolute;
    padding-top: 3px;
    padding-left: 6px;
}
#mc_embed_signup #mc_embed_signup_scroll .clear input {
    background: transparent;
    border: 3px solid #06C4A0;
    border-radius: 0;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    height: 56px;
    letter-spacing: 2px;
    padding: 12px 26px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#mc_embed_signup #mc_embed_signup_scroll .clear input:after {
    content: '\00BB';
    color: #06C4A0;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}
#mc_embed_signup #mc_embed_signup_scroll .clear input:hover {
    background: #06C4A0;
    color: #fff;
    cursor: pointer;
}
#mc_embed_signup #mc_embed_signup_scroll .clear input:hover::after {
    content: '\00BB';
    color: #fff;
    display: inline; /* Keeps › on same line as last word to avoid hanging › */
    /*font-family: "Font Awesome 5 Free";*/
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}


/*-------------------------------------------------------------------------------------------------------------------------------

	CUSTOM CLASSES

---------------------------------------------------------------------------------------------------------------------------------*/

/* Use to add overlays to background images on sections and rows
 * You can duplicate and change name to match desired colors */
.oms-overlay-blue::before {
    content: '';
    background: rgba(19,41,75, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.oms-overlay-gray::before {
    content: '';
    background: rgba(0,0,0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Use to vertically align column content. Add class to both columns via row and turn on 'Equalize Column Heights' toggle */
.oms-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Reverse Column Row */
@media all and (max-width: 980px) {
    /* Reverse Order of Columns */
    .oms-row-reverse-columns {
        display: flex;
        flex-direction: column-reverse;
    }
    /* Remove column margin-bottom when reversed */
    body.orbit #main-content .et_pb_row.oms-row-reverse-columns .et_pb_column:not(:last-child) {
        margin-bottom: 0px !important;
    }
    /* Add column margin-bottom when reversed */
    body.orbit #main-content .et_pb_row.oms-row-reverse-columns .et_pb_column:last-child .et_pb_module:last-child {
        margin-bottom: 30px !important;
    }
}


/*  RESUMATOR  */
.resumator-job-description ul li:before {
    display: none !important;
}

.wp-pagenavi {
    text-align: center !important;
    padding-top: 20px !important;
    margin-top: 30px !important;
}



/*-------------------------------------------------------------------------------------------------------------------------------

	BREAKPOINT TARGETING

---------------------------------------------------------------------------------------------------------------------------------*/

/* Below are styles for specific breakpoints, everything above this line should be universal. AKA only put styles that are different than above here. */

/* DESKTOP ONLY Style */
@media all and (min-width: 981px) {
    body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
    top: 80px !important;
    height: 108px;
	}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        line-height: 80px;
        height: 80px;
        padding: 0px 20px 0px 14px;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        padding: 8px 0px 0px 0px;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-btn a {
        background: #F2F2F2!important;
        border: none;
        border-radius: 0;
        box-shadow: 0 8px 0 -5px #06c4a0;
        color: #13294B!important;
        display: inline-block !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        letter-spacing: 2px;
        margin-top: 0 !important;
        margin-left: 20px;
        padding: 0px 30px!important;
        position: relative;
        text-decoration: none;
        text-transform: uppercase !important;
        top: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        line-height: 3.7em !important;
        height: 50px !important;
        white-space: nowrap;
        max-width: 260px !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-btn a:after {
        content: '\00BB';
        color: #06C4A0;
        display: inline; /* Keeps › on same line as last word to avoid hanging › */
   		/*font-family: "Font Awesome 5 Free";*/
        font-size: 16px;
        position: relative;
        margin-left: 5px;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-btn a:hover,
    body.orbit .nf-field-element input[type=button]:hover {
        background: #213a60 !important;
        color: #fff !important;
        box-shadow: 0 3px 0 0 #213a60;
        cursor: pointer;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-btn a:hover::after {
        color: #fff;

    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-btn.current-menu-item a {
        color: #fff !important;
        background: #13294B !important;
    }

    .footer-credits-menu {
        display: contents;
    }
    /*Ninja Form*/
    #nf-form-2-cont {
        padding-top: 20px;
    }
	    /* FOOTER - 4 Column */
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:first-child {
        width: 20% !important;
        margin-right: 27% !important;
    }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(2),
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(3) {
        width: 17% !important;
        margin-right: 5% !important;
    }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:last-child {
        width: 9% !important;
    }

    #default_nav_container {
        display: none;
    }
}
    /* FOOTER - 5 Column
    .et_pb_gutters3.et_pb_footer_columns5 .footer-widget:first-child {
        width: 20% !important;
        margin-right: 6% !important;
    }
    .et_pb_gutters3.et_pb_footer_columns5 .footer-widget:nth-child(2),
    .et_pb_gutters3.et_pb_footer_columns5 .footer-widget:nth-child(3),
    .et_pb_gutters3.et_pb_footer_columns5 .footer-widget:nth-child(4) {
        width: 15% !important;
        margin-right: 4% !important;
    }
    .et_pb_gutters3.et_pb_footer_columns5 .footer-widget:last-child {
        width: 15% !important;
    }

    #default_nav_container {
        display: none;
    }
}  */

/* MEDIUM Desktop Styles */
@media all and (min-width: 1210px) and (max-width: 1530px) {
    body.orbit #main-header .logo_container #logo {
        width: 180px;
    }
    body.orbit #main-header .et_menu_container #et-top-navigation {
        padding-left: 140px !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item>a.mega-menu-link {
        height: auto;
        line-height: 20px;
        max-width: 180px;
        text-align: right;
        vertical-align: top;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        top: 12px;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px;
    }
}

@media all and (min-width: 981px) and (max-width: 1209px) {
    body.orbit #main-header .logo_container #logo {
        width: 150px;
    }
    body.orbit #main-header .et_menu_container #et-top-navigation {
        padding-left: 120px !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item>a.mega-menu-link {
        height: auto;
        line-height: 20px;
        max-width: 120px;
        text-align: right;
        vertical-align: top;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        top: 12px;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-btn a {
        background: #F2F2F2!important;
        border: none;
        border-radius: 0;
        box-shadow: 0 8px 0 -5px #06c4a0;
        color: #13294B!important;
        display: inline-block!important;
        font-size: 14px!important;
        font-weight: 800!important;
        letter-spacing: 1.4px;
        margin-top: 0!important;
        margin-left: 20px;
        padding: 0px 16px !important;
        position: relative;
        text-decoration: none;
        text-transform: uppercase!important;
        top: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        line-height: 3em!important;
        height: 40px!important;
        white-space: nowrap;
        max-width: 260px!important;
    }
}

/* MEDIUM Desktop Styles */
@media all and (min-width: 980px) and (max-width: 1299px) {
    body.orbit h1 {
        font-size: 48px;
    }
    body.orbit p.intro {
        font-size: 22px;
    }
}

/* TABLET ONLY Styles */
@media all and (min-width: 768px) and (max-width: 980px) {
    .et_pb_gutters3.et_pb_footer_columns5 .footer-widget:first-child {
        width: 100% !important;
        padding: 0 120px;
    }
    body.orbit h1 {
        font-size: 44px;
    }
    body.orbit h2 {
        font-size: 36px;
    }
    body.orbit p.intro {
        font-size: 20px;
    }
    body.orbit p {
        font-size: 18px;
    }
    body.orbit .cta-button-reverse {
        font-size: 16px;
    }
    .cta-link {
        font-size: 16px;
    }
}

/* MOBILE ONLY Styles */
@media all and (max-width: 767px) {
    body.orbit p {
        font-size: 18px;
    }
    body.orbit p.intro {
        font-size: 20px;
    }
    body.orbit h1 {
        font-size: 36px !important;
    }
    body.orbit h2 {
        font-size: 26px !important;
    }
	body.orbit h3 {
        font-size: 22px !important;
    }
	body.orbit h4 {
        font-size: 18px !important;
    }
    #footer-widgets .footer-widget .fwidget {
        margin: auto;
        width: 100%;
        text-align: center;
    }
	body.orbit .blog-header-dark {
    margin-top: 80px !important;
    padding: 5% 0px 5% 0px !important;
	}
	body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
	height: 80px !important;
	}
	body.et_non_fixed_nav.et_transparent_nav #main-header {
	height: 81px;
	top: 0px !important;
	}
	body.orbit.single-post .et_post_meta_wrapper img {
    display: none;
	}
}

/* MOBILE AND TABLET Styles */
@media all and (max-width: 980px) {
    .oms-tabletMobile-hide {
        display: none;
    }
    body.orbit #main-header .logo_container #logo {
        max-width: 35% !important;
    }

    /* Sitemap Only Styles */
    .page-id-2325 #page-container #main-header {
        top: 46px !important;
    }

    #mega-menu-wrap-primary-menu {
        display: none;
    }
    body.orbit #main-header .logo_container #logo {
        max-width: 18%;
    }
    body.orbit #main-header #et-top-navigation #et_mobile_nav_menu .et_mobile_menu li a {
        color: #fff;
    }
    .footer-credits-menu {
        text-align: center;
    }
    .et-social-icons {
        margin: 0 0 5px;
        padding: 20px 50px 0 0;
    }
    body.orbit #main-footer #footer-bottom .footer-credits-menu #footer-info {
        padding: 5px 0 0 0;
    }
    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin: 0px 0px !important;
        border: 2px solid #fff;
        font-size: 15px !important;
    }
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
        background: #f2f2f2;
    }
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover,
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:focus,
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
        color: #06c4a0 !important;
        box-shadow: 0 2px 0 -1px #06c4a0;
    }
}




/* KEN BURNS EFFECT */



/* --------------- OMS Ken Burns Hero Background --------------- */
/* Styling for the Section */
.oms-section-burns {
    position: relative;
    /*height: 80vh;*/
    height: 800px;
    background-color: #101010;
    margin-top: 0 !important;
    padding-top: 0px !important;
}
.oms-section-burns .et_pb_row + .et_pb_row {
    margin-top: 0 !important;
}


.et_pb_section:first-child:not(.oms-section-burns){
    padding-top: 120px !important;
}

/* Styling for the Row that contains the images */
.oms-row-burns-images {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden !important;
    opacity:0.05;
    z-index: 0;
}

/* Styling for the row that contains the text that overlays on top of the images */
.oms-row-burns-text {
    height: 100%;
}
.oms-row-burns-text .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.oms-row-burns-text .et_pb_text {
    width: 90%;
    max-width: 1200px;
    padding-top: 100px;
}

/* Variation for Hero Dynamic Image Transitions */
.burns-images { /*see media queries*/ }

/* Hero - Dynamic Image Transitions */
.burns-images .et_pb_column {
    width: 100% !important; /* This attribute needs to be set to 100%, for all breakpoints. */
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
}
body.orbit .et_pb_section.et_section_regular .et_pb_row.et_pb_row_fullwidth.et_pb_row_1_3_1_3_1_3 .et_pb_column_1_3 {
    width: 100% !important;
}

/* Dynamic Image Transitions - Animation Name Details for 3 Images */
.burns-images.duration--div-images--3 .et_pb_column {
    animation-name: dynamicImgTransitionThree;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-duration: 30s;
    -moz-animation-duration: 30s;
    -ms-animation-duration: 30s;
    -o-animation-duration: 30s;
    animation-duration: 30s;
}

/* Dynamic Image Transitions - Animation Name Details for 4 Images */
.burns-images.duration--div-images--4 .et_pb_column {
    animation-name: dynamicImgTransitionFour;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-duration: 40s;
    -moz-animation-duration: 40s;
    -ms-animation-duration: 40s;
    -o-animation-duration: 40s;
    animation-duration: 40s;
}

/* Dynamic Image Transitions - Animation Delays */
.burns-images .et_pb_column:nth-of-type(2) {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -ms-animation-delay: 10s;
    -o-animation-delay: 10s;
    animation-delay: 10s;
}
.burns-images .et_pb_column:nth-of-type(3) {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -ms-animation-delay: 20s;
    -o-animation-delay: 20s;
    animation-delay: 20s;
}

.burns-images .et_pb_column:nth-of-type(4) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -ms-animation-delay: 30s;
    -o-animation-delay: 30s;
    animation-delay: 30s;
}

/* Video Play / Pause Toggle */
/***** Added for Accessibility *****/
body.orbit .oms-section-burns #oms-video-toggle {
    display: none;
    color: white;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    padding-top: 30px;
    width: 80px;
    height: 44px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 9;
    opacity: .7;
    background-image: url(/wp-content/uploads/2021/11/pause-solid.svg);
    background-size: 20px;
    background-position: center top;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .3s;
}

body.orbit .oms-section-burns #oms-video-toggle.pause {
    background-image: url(/wp-content/uploads/2021/11/play-solid.svg) !important;
}

body.orbit .oms-section-burns #oms-video-toggle:hover {
    opacity: 1;
    transition: all .3s;
}

@media all and (max-width: 980px) {
    body.orbit .oms-section-burns #oms-video-toggle {
        display: none;
    }
}

/* MOBILE ONLY Styles */
/* 767px and below */
@media all and (max-width: 768px) {
    /* --------------- OMS Ken Burns Hero Background --------------- */
    .oms-section-burns {
        height: calc(100vh - 80px);
    }
    .oms-row-burns-text .et_pb_text {
        width: 100%;
    }

    /* --------------- Override for empty columns - helps with the Ken Burns hero --------------- */
    .et_pb_column.et_pb_column_empty {
        display: block
    }
}


/*==================================================================================================
    ANIMATIONS
====================================================================================================*/

/*----------------------------------------------------------------------------------------
    DYNAMIC IMG TRANSITION - Hero Background Images - New 3 image version
------------------------------------------------------------------------------------------*/
@-webkit-keyframes dynamicImgTransitionThree {
    0%          { opacity: 0; -webkit-animation-timing-function: ease-in }
    8.33333332% { opacity: .7 }
    33.3333333% { opacity: .7 }
    41.6666666% { opacity: 0; -webkit-animation-timing-function: ease-out; -webkit-transform: scale(1.2) }
    to          { opacity: 0 }
}
@keyframes dynamicImgTransitionThree {
    0%          { opacity: 0; animation-timing-function: ease-in }
    8.33333332% { opacity: .7 }
    33.3333333% { opacity: .7 }
    41.6666666% { opacity: 0; animation-timing-function: ease-out; transform: scale(1.2) }
    to          { opacity: 0 }
}

/*----------------------------------------------------------------------------------------
    DYNAMIC IMG TRANSITION - Hero Background Images - New 4 image version
------------------------------------------------------------------------------------------*/
@-webkit-keyframes dynamicImgTransitionFour {
    0%          { opacity: 0; -webkit-animation-timing-function: ease-in }
    6.25%       { opacity: .7 } /* STEP 2: Divide STEP 1 percentage by the number of images to get this percentage value. */
    25%         { opacity: .7 } /* STEP 1: Determine this value first; # of images, divided by 100. */
    31.25%      { opacity: 0; -webkit-animation-timing-function: ease-out; -webkit-transform: scale(1.2) } /* STEP 3: Sum of STEP 2 % and STEP 1 % */
    to          { opacity: 0 }
}
@keyframes dynamicImgTransitionFour {
    0%          { opacity: 0; animation-timing-function: ease-in }
    6.25%       { opacity: .7 } /* STEP 2: Divide STEP 1 percentage by the number of images to get this percentage value. */
    25%         { opacity: .7 } /* STEP 1: Determine this value first; # of images, divided by 100. */
    31.25%      { opacity: 0; animation-timing-function: ease-out; transform: scale(1.2) } /* STEP 3: Sum of STEP 2 % and STEP 1 % */
    to          { opacity: 0 }
}