/*
Theme Name: Bloc Theme
Theme URI: http://cariadmarketing.com
Author: Cariad Marketing
Author URI: http://cariadmarketing.com
Description: A responsive, modular wordpress theme.
Version: 1.0
Tags: cariad-marketing
Text Domain: bloc
*/
@-webkit-keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }
@keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }
@-webkit-keyframes fade-effect { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade-effect { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes slide-right { 0% { left: 0; }
  100% { left: 50%; } }
@keyframes slide-right { 0% { left: 0; }
  100% { left: 50%; } }
@-webkit-keyframes zoomer { 100% { width: 110% !important; max-width: 110% !important; } }
@keyframes zoomer { 100% { width: 110% !important; max-width: 110% !important; } }
@-webkit-keyframes lift-up { 0% { top: 0; }
  100% { top: -5px; } }
@-webkit-keyframes reverse-lift-up { 0% { top: -5px; }
  100% { top: 0; } }
@-webkit-keyframes zoom-in { 0% { width: 100px; }
  100% { width: 108px; } }
@-webkit-keyframes img-zoom { 0% { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; }
  100% { -webkit-transform: scale(1.1) translate(-50%, -50%); transform: scale(1.1) translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; } }
@-webkit-keyframes border-vanish { 0% { border-top: 2px solid #22a66c; }
  100% { border-top: 3px solid #22a66c; } }
@-webkit-keyframes shine { 0% { top: -120%; left: -120%; }
  10% { left: 100%; top: 100%; }
  20% { left: 100%; top: 100%; }
  100% { left: 100%; top: 100%; } }
@keyframes shine { 0% { top: -120%; left: -120%; }
  10% { left: 100%; top: 100%; }
  20% { left: 100%; top: 100%; }
  100% { left: 100%; top: 100%; } }
/* Scroll visibility CSS */
@media all and (min-width: 1025px) { .module { opacity: 0; }
  @-webkit-keyframes FadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  @keyframes FadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  .already-visible, .come-in { -webkit-animation: FadeIn 0.8s ease-in-out forwards; animation: FadeIn 0.8s ease-in-out forwards; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; } }
/* IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .module { opacity: 1; } }
/* Letter spacing */
/* Line height */
/* Body font sizes */
/* 

xs - XS mobile screens
sm - Small mobile screens
md - Tablet screens
lg - Laptop screens
xl - Desktop screens 

*/
/*   Body font sizes   */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)
*/
*, *::before, *::after { border-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, input, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }

/* Set the default font size to 10px */
html { font-size: 62.5%; scroll-behavior: smooth; }

body { width: 100%; height: 100vh; overflow-x: hidden; -webkit-text-size-asdjust: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; scroll-behavior: smooth; line-height: 1; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display: block; }

a, span, span a { font-size: inherit; }

ol, ul { list-style-position: inside; list-style-type: none; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

input, button, textarea, select { font: inherit; }

input, textarea { margin: 0; padding: 0; }

button::-moz-focus-inner, button::-moz-focus-outer, input::-moz-focus-inner, input::-moz-focus-outer { border: 0 !important; padding: 0; outline: none; }

a:hover, select:hover { cursor: pointer; }

svg, video, canvas, audio, iframe, embed, object { display: inline-block; vertical-align: middle; }

img { max-width: 100%; height: auto; }

/* Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet */
button, input { line-height: 1.5; }

button:focus, input[type="submit"]:focus { outline: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

.group::after { content: ''; clear: both; display: block; }

/*                  
*-------------------------------------
*        Colour & Shadow Styles
*-------------------------------------
*/
.shadow-sm { -webkit-box-shadow: 0px 0px 2px 1px #dbdbdb; box-shadow: 0px 0px 2px 1px #dbdbdb; }

.shadow-md { -webkit-box-shadow: 0px 0px 3px 2px #dbdbdb; box-shadow: 0px 0px 3px 2px #dbdbdb; }

.shadow-lg { -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.1); box-shadow: 0 0 22px rgba(0, 0, 0, 0.1); }

.shadow-sm-hover:hover { -webkit-box-shadow: 0px 0px 2px 1px #dbdbdb; box-shadow: 0px 0px 2px 1px #dbdbdb; }

.shadow-md-hover:hover { -webkit-box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.1); }

.shadow-lg-hover:hover { -webkit-box-shadow: 1px 0px 4px 3px #dedbde; box-shadow: 1px 0px 4px 3px #dedbde; }

.opacity-100 { opacity: 1; }

.opacity-75 { opacity: 0.75; }

.opacity-50 { opacity: 0.5; }

.opacity-25 { opacity: 0.25; }

.b-primary-hover:hover { color: #1c355e; }

.b-secondary-hover:hover { color: #22a66c; }

.b-third-hover:hover { color: #22a66c; }

.b-fourth-hover:hover { color: #22a66c; }

.b-primary { color: #1c355e; }

.b-secondary { color: #22a66c; }

.b-third { color: #22a66c; }

.b-fourth { color: #22a66c; }

.b-accent { color: #22a66c; }

.alt-body-color { color: #898989; }

.bg-b-primary { background-color: #1c355e; }

.bg-b-secondary { background-color: #22a66c; }

.bg-b-third { background-color: #22a66c; }

.bg-b-fourth { background-color: #22a66c; }

.bg-b-accent { background-color: #22a66c; }

.alert-primary { background-color: #f1f8ff; }

.alert-secondary { background-color: #d6d8db; }

.alert-success { background-color: #c3e6cb; }

.alert-danger { background-color: #fceeef; }

.alert-warning { background-color: #ffeeba; }

.alert-light { background-color: #fefefe; }

.alert-dark { background-color: #d6d8d9; }

.white { color: #ffffff; }

.bg-white { background-color: #ffffff !important; }

.black-100 { color: #8b8b8b; }

.black-200 { color: #5d5d5d; }

.black-300 { color: #2e2e2e; }

.black-400 { color: #2e2e2e; }

.black-500 { color: #2e2e2e; }

.bg-black-100 { background-color: #8b8b8b; }

.bg-black-200 { background-color: #5d5d5d; }

.bg-black-300 { background-color: #2e2e2e; }

.bg-black-400 { background-color: #2e2e2e; }

.bg-black-500 { background-color: #2e2e2e; }

.grey-100 { color: #f9f9f9; }

.grey-200 { color: #f8f8f8; }

.grey-300 { color: #f7f7f7; }

.grey-400 { color: #c6c6c6; }

.grey-500 { color: #949494; }

.bg-grey-100 { background-color: #f9f9f9; }

.bg-grey-200 { background-color: #f8f8f8; }

.bg-grey-300 { background-color: #f7f7f7; }

.bg-grey-400 { background-color: #c6c6c6; }

.bg-grey-500 { background-color: #949494; }

.bg-transparent { background-color: transparent; }

/*                  
*-----------------------------
*       Base Typography
*-----------------------------
*/
.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify; }

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { display: block; margin: auto; }

.v-baseline { vertical-align: baseline; }

.v-top { vertical-align: top; }

.v-middle { vertical-align: middle; }

.v-bottom { vertical-align: bottom; }

.upper { text-transform: uppercase; }

.lower { text-transform: lowercase; }

.capitalize { text-transform: capitalize; }

.underline { text-decoration: underline; }

.decoration-none { text-decoration: none; }

em, .italic { font-style: italic; }

.fw1 { font-weight: 100 !important; }

.fw2 { font-weight: 200 !important; }

.fw3 { font-weight: 300 !important; }

.fw4 { font-weight: 400 !important; }

.fw5 { font-weight: 500 !important; }

.fw6 { font-weight: 600 !important; }

.fw7 { font-weight: 700 !important; }

.fw8 { font-weight: 800 !important; }

.fw9 { font-weight: 900 !important; }

h1, h1 a { font-size: 2.3rem; }

h2, h2 a { font-size: 2.2rem; }

h3, h3 a { font-size: 1.6rem; }

h4, h4 a { font-size: 1.33rem; }

h5, h5 a { font-size: 1.21rem; }

h6, h6 a { font-size: 1.1rem; }

h1, h2, h3, h4, h5, h6 { color: #1c355e; }

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font-family: "canada-type-gibson", sans-serif; line-height: 1.5; letter-spacing: 0.8px; text-decoration: none; text-rendering: optimizeLegibility; margin-bottom: 0.5em; }

h1, h1 a { font-family: "canada-type-gibson", sans-serif; font-weight: 425; line-height: 1.2; margin-bottom: 1.5rem; }

h2, h2 a { font-weight: 500; letter-spacing: 0.3px; margin-bottom: 0.75em; }

h3, h3 a { font-weight: 400; font-family: "canada-type-gibson", sans-serif; letter-spacing: 0.3px; }

h4, h4 a { font-weight: 400; }

h5, h5 a { font-weight: 300; }

h6, h6 a { font-weight: 300; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #22a66c; -webkit-transition: 0.2s ease; transition: 0.2s ease; }

p, li, ul, ol, figcaption { font-family: "canada-type-gibson", sans-serif; font-size: 1.4rem; letter-spacing: 0.3px; line-height: 1.5; font-weight: 300; color: #1c355e; }

.fa, .fab, .fad, .fal, .far, .fas { vertical-align: middle; }

small, small a { font-family: "canada-type-gibson", sans-serif; line-height: 2; font-weight: 100; font-size: 1.1rem; letter-spacing: 0.3px; line-height: 1.5; color: #1c355e; }

a.btn { text-decoration: none !important; }

blockquote { quotes: unset; }

q, blockquote, blockquote p { font-style: italic; display: inline-block; font-weight: 700; font-size: 1.7rem; }

blockquote p:before { content: open-quote; margin-right: 0.5rem; }

blockquote p:after { content: close-quote; margin-left: 0.5rem; }

blockquote p:before, blockquote p:after { color: #22a66c; font-size: 1.9rem; font-weight: 400; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 12px; color: #333333; }

pre code { padding: 10px; color: #333333; }

table { margin: 2.5rem 0; border: 1px solid #dddedf; }

table + table { margin-top: 5rem !important; }

td { font-family: "canada-type-gibson", sans-serif; font-size: 13px; color: #3d3d3d; border: 1px solid #dddedf; vertical-align: middle; font-weight: 300; }

.page-id-38 td:first-child { width: 25%; }

th, td { padding: 15px; text-align: left; }

hr { width: 100%; height: 2px; background-color: #f0f0f0; display: block; margin: 0; }

b, strong, .bold { font-weight: 500 !important; color: inherit; }

em, i { font-style: italic; }

a { font-size: 1.4rem; font-family: "canada-type-gibson", sans-serif; font-weight: inherit; text-decoration: none; margin-bottom: inherit; color: #1c355e; color: inherit; }

.single-post main .content a, .single-events main .content a { border-bottom: 1px dotted #898989; }

a:hover { color: #1c355e; }

@media (min-width: 360px) { h1, h1 a { font-size: 2.6rem; }
  h2, h2 a { font-size: 2.2rem; }
  h3, h3 a { font-size: 1.7rem; }
  h4, h4 a { font-size: 1.46rem; }
  h5, h5 a { font-size: 1.33rem; }
  h6, h6 a { font-size: 1.15rem; }
  p, li, ul, ol, a, figcaption { font-size: 1.4rem; }
  small, small a { font-size: 1.2rem; }
  blockquote, blockquote p { font-size: 1.7rem; } }
@media (min-width: 700px) { h1, h1 a { font-size: 3.2rem; }
  h2, h2 a { font-size: 2.5rem; }
  h3, h3 a { font-size: 1.9rem; }
  h4, h4 a { font-size: 1.61rem; }
  h5, h5 a { font-size: 1.46rem; }
  h6, h6 a { font-size: 1.21rem; }
  p, li, ul, ol, a, figcaption { font-size: 1.5rem; }
  blockquote, blockquote p { font-size: 1.85rem; } }
@media (min-width: 1025px) { h1, h1 a { font-size: 3.7rem; }
  h2, h2 a { font-size: 2.8rem; }
  h3, h3 a { font-size: 1.9rem; }
  h4, h4 a { font-size: 1.77rem; }
  h5, h5 a { font-size: 1.61rem; }
  h6, h6 a { font-size: 1.27rem; }
  h1 { letter-spacing: 1.5px; }
  p, li, ul, a, ol, td, figcaption { font-size: 1.6rem; line-height: 1.8; }
  blockquote, blockquote p { font-size: 1.95rem; }
  p small, small, small a, footer small a { font-size: 1.3rem; } }
/* Large desktop screens */
@media (min-width: 1200px) { h1, h1 a { font-size: 4.2rem; }
  h2, h2 a { font-size: 3rem; }
  h3, h3 a { font-size: 2rem; }
  h4, h4 a { font-size: 1.94rem; }
  h5, h5 a { font-size: 1.77rem; }
  h6, h6 a { font-size: 1.34rem; }
  p, li, ul, a, ol, td, figcaption { font-size: 1.7rem; line-height: 1.8; letter-spacing: 0.2px; }
  blockquote, blockquote p { font-size: 2.05rem; } }
/*                  
*----------------------------------
*        Wordpress Specific
*----------------------------------
*/
.admin-bar .nav-area, .admin-bar .mobile-nav, .admin-bar .fixed-burger { margin-top: 46px; }

.admin-bar .overlay .overlay-content { padding-top: 46px; }

#wpadminbar { position: fixed; }

body { position: relative; }

body.page-id-26, body.page-id-1086 { top: 80px; }

@media (min-width: 783px) { .admin-bar .nav-area, .admin-bar .fixed-burger { margin-top: 32px; }
  .admin-bar .overlay .overlay-content { padding-top: 32px; } }
@media (min-width: 1025px) { body.page-id-26, body.page-id-1086 { top: 100px; } }
/*                  
*-------------------------------------------------
*             Wrapper Styles
*-------------------------------------------------
*/
.full-wrapper { width: 100%; margin: 0; }

.narrow-wrapper, .wrapper, .wide-wrapper { width: 90%; margin: 0 auto; position: relative; top: 0; }

.narrow-wrapper { max-width: 900px; }

.wrapper { max-width: 1200px; }

.wide-wrapper { max-width: 1500px; }

.xw-wrapper { max-width: 1850px; width: 95%; margin: 0 auto; }

/*                  
*----------------------------------
*       Grid Columns Layout
*----------------------------------
*/
.row { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.row .col { width: 100%; float: left; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.row .col:first-child { margin-left: 0 !important; }

.row .col:last-child { margin-bottom: 0 !important; }

.row .col:nth-child(odd).gutterless { margin-bottom: 0 !important; }

.row:after, .row .col:after { content: ""; clear: both; display: table; }

.rows .col { margin: 0 0 6% 0; }

@media all and (max-width: 800px) { /* Cols ======================================== */
  .row .col.s12 { width: calc(((100 - (6 * (1 - 1))) / 1 ) / 100 * 99.99%); margin-left: 0; }
  .row .col.s11 { width: calc(((100 - (6 * (1.0909090909 - 1))) / 1.0909090909 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s10 { width: calc(((100 - (6 * (1.2 - 1))) / 1.2 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s9 { width: calc(((100 - (6 * (1.3333333333 - 1))) / 1.3333333333 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s8 { width: calc(((100 - (6 * (1.5 - 1))) / 1.5 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s7 { width: calc(((100 - (6 * (1.7142857143 - 1))) / 1.7142857143 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s6 { width: calc(((100 - (6 * (2 - 1))) / 2 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s5 { width: calc(((100 - (6 * (2.4 - 1))) / 2.4 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s4 { width: calc(((100 - (6 * (3 - 1))) / 3 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s3 { width: calc(((100 - (6 * (4 - 1))) / 4 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s5th { width: calc(((100 - (6 * (5 - 1))) / 5 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s2 { width: calc(((100 - (6 * (6 - 1))) / 6 ) / 100 * 99.99%); margin-left: 6%; }
  .row .col.s1 { width: calc(((100 - (6 * (12 - 1))) / 12 ) / 100 * 99.99%); margin-left: 6%; }
  /* Cols gutterless ======================================== */
  .row .col.s12.gutterless { width: calc((100 / 1) / 100 * 100%); margin-left: 0; }
  .row .col.s11.gutterless { width: calc((100 / 1.0909090909) / 100 * 100%); margin-left: 0; }
  .row .col.s10.gutterless { width: calc((100 / 1.2) / 100 * 100%); margin-left: 0; }
  .row .col.s9.gutterless { width: calc((100 / 1.3333333333) / 100 * 100%); margin-left: 0; }
  .row .col.s8.gutterless { width: calc((100 / 1.5) / 100 * 100%); margin-left: 0; }
  .row .col.s7.gutterless { width: calc((100 / 1.7142857143) / 100 * 100%); margin-left: 0; }
  .row .col.s6.gutterless { width: calc((100 / 2) / 100 * 100%); margin-left: 0; }
  .row .col.s5.gutterless { width: calc((100 / 2.4) / 100 * 100%); margin-left: 0; }
  .row .col.s4.gutterless { width: calc((100 / 3) / 100 * 100%); margin-left: 0; }
  .row .col.s3.gutterless { width: calc((100 / 4) / 100 * 100%); margin-left: 0; }
  .row .col.s5th.gutterless { width: calc((100 / 5) / 100 * 100%); margin-left: 0; }
  .row .col.s2.gutterless { width: calc((100 / 6) / 100 * 100%); margin-left: 0; }
  .row .col.s1.gutterless { width: calc((100 / 12) / 100 * 100%); margin-left: 0; }
  /* clearing and margin overrides for multiple rows ======================================== */
  .rows .col.s1:nth-child(12n+1) { clear: both; margin-left: 0; }
  .rows .col.s2:nth-child(6n+1) { clear: both; margin-left: 0; }
  .rows .col.s5th:nth-child(5n+1) { clear: both; margin-left: 0; }
  .rows .col.s3:nth-child(4n+1) { clear: both; margin-left: 0; }
  .rows .col.s4:nth-child(3n+1) { clear: both; margin-left: 0; }
  .rows .col.s6:nth-child(2n+1) { clear: both; margin-left: 0; }
  .rows .col.s12:nth-child(1n) { margin-left: 0; }
  /* 5 7 8 9 10 11 12 - Not needed as they shouldn't be used with multiple rows */
  .row .col:last-child { margin-bottom: 6% !important; } }
@media all and (min-width: 800px) and (max-width: 1025px) { .row .col { margin: 0 0 0 4%; }
  .rows .col { margin: 0 0 4% 4%; }
  /* Cols ======================================== */
  .row .col.m12 { width: calc(((100 - (4 * (1 - 1))) / 1 ) / 100 * 99.99%); margin-left: 0; }
  .row .col.m11 { width: calc(((100 - (4 * (1.0909090909 - 1))) / 1.0909090909 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m10 { width: calc(((100 - (4 * (1.2 - 1))) / 1.2 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m9 { width: calc(((100 - (4 * (1.3333333333 - 1))) / 1.3333333333 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m8 { width: calc(((100 - (4 * (1.5 - 1))) / 1.5 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m7 { width: calc(((100 - (4 * (1.7142857143 - 1))) / 1.7142857143 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m6 { width: calc(((100 - (4 * (2 - 1))) / 2 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m5 { width: calc(((100 - (4 * (2.4 - 1))) / 2.4 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m4 { width: calc(((100 - (4 * (3 - 1))) / 3 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m3 { width: calc(((100 - (4 * (4 - 1))) / 4 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m5th { width: calc(((100 - (4 * (5 - 1))) / 5 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m2 { width: calc(((100 - (4 * (6 - 1))) / 6 ) / 100 * 99.99%); margin-left: 4%; }
  .row .col.m1 { width: calc(((100 - (4 * (12 - 1))) / 12 ) / 100 * 99.99%); margin-left: 4%; }
  /* Cols gutterless ======================================== */
  .row .col.m12.gutterless { width: calc((100 / 1) / 100 * 100%); margin-left: 0; }
  .row .col.m11.gutterless { width: calc((100 / 1.0909090909) / 100 * 100%); margin-left: 0; }
  .row .col.m10.gutterless { width: calc((100 / 1.2) / 100 * 100%); margin-left: 0; }
  .row .col.m9.gutterless { width: calc((100 / 1.3333333333) / 100 * 100%); margin-left: 0; }
  .row .col.m8.gutterless { width: calc((100 / 1.5) / 100 * 100%); margin-left: 0; }
  .row .col.m7.gutterless { width: calc((100 / 1.7142857143) / 100 * 100%); margin-left: 0; }
  .row .col.m6.gutterless { width: calc((100 / 2) / 100 * 100%); margin-left: 0; }
  .row .col.m5.gutterless { width: calc((100 / 2.4) / 100 * 100%); margin-left: 0; }
  .row .col.m4.gutterless { width: calc((100 / 3) / 100 * 100%); margin-left: 0; }
  .row .col.m3.gutterless { width: calc((100 / 4) / 100 * 100%); margin-left: 0; }
  .row .col.m5th.gutterless { width: calc((100 / 5) / 100 * 100%); margin-left: 0; }
  .row .col.m2.gutterless { width: calc((100 / 6) / 100 * 100%); margin-left: 0; }
  .row .col.m1.gutterless { width: calc((100 / 12) / 100 * 100%); margin-left: 0; }
  /* clearing and margin overrides for multiple rows ======================================== */
  .rows .col.m1:nth-child(12n+1) { clear: both; margin-left: 0; }
  .rows .col.m2:nth-child(6n+1) { clear: both; margin-left: 0; }
  .rows .col.m5th:nth-child(5n+1) { clear: both; margin-left: 0; }
  .rows .col.m3:nth-child(4n+1) { clear: both; margin-left: 0; }
  .rows .col.m4:nth-child(3n+1) { clear: both; margin-left: 0; }
  .rows .col.m6:nth-child(2n+1) { clear: both; margin-left: 0; }
  .rows .col.m12:nth-child(1n) { margin-left: 0; }
  /* 5 7 8 9 10 11 12 - Not needed as they shouldn't be used with multiple rows */
  .row .col:last-child { margin-bottom: 4% !important; } }
/* END @Media */
@media all and (min-width: 1025px) and (max-width: 1400px) { .row .col { margin: 0 0 0 2%; }
  .rows .col { margin: 0 0 2% 2%; }
  /* Cols ======================================== */
  .row .col.l12 { width: calc(((100 - (2 * (1 - 1))) / 1 ) / 100 * 99.99%); margin-left: 0; }
  .row .col.l11 { width: calc(((100 - (2 * (1.0909090909 - 1))) / 1.0909090909 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l10 { width: calc(((100 - (2 * (1.2 - 1))) / 1.2 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l9 { width: calc(((100 - (2 * (1.3333333333 - 1))) / 1.3333333333 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l8 { width: calc(((100 - (2 * (1.5 - 1))) / 1.5 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l7 { width: calc(((100 - (2 * (1.7142857143 - 1))) / 1.7142857143 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l6 { width: calc(((100 - (2 * (2 - 1))) / 2 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l5 { width: calc(((100 - (2 * (2.4 - 1))) / 2.4 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l4 { width: calc(((100 - (2 * (3 - 1))) / 3 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l3 { width: calc(((100 - (2 * (4 - 1))) / 4 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l5th { width: calc(((100 - (2 * (5 - 1))) / 5 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l2 { width: calc(((100 - (2 * (6 - 1))) / 6 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.l1 { width: calc(((100 - (2 * (12 - 1))) / 12 ) / 100 * 99.99%); margin-left: 2%; }
  /* Cols gutterless ======================================== */
  .row .col.l12.gutterless { width: calc((100 / 1) / 100 * 100%); margin-left: 0; }
  .row .col.l11.gutterless { width: calc((100 / 1.0909090909) / 100 * 100%); margin-left: 0; }
  .row .col.l10.gutterless { width: calc((100 / 1.2) / 100 * 100%); margin-left: 0; }
  .row .col.l9.gutterless { width: calc((100 / 1.3333333333) / 100 * 100%); margin-left: 0; }
  .row .col.l8.gutterless { width: calc((100 / 1.5) / 100 * 100%); margin-left: 0; }
  .row .col.l7.gutterless { width: calc((100 / 1.7142857143) / 100 * 100%); margin-left: 0; }
  .row .col.l6.gutterless { width: calc((100 / 2) / 100 * 100%); margin-left: 0; }
  .row .col.l5.gutterless { width: calc((100 / 2.4) / 100 * 100%); margin-left: 0; }
  .row .col.l4.gutterless { width: calc((100 / 3) / 100 * 100%); margin-left: 0; }
  .row .col.l3.gutterless { width: calc((100 / 4) / 100 * 100%); margin-left: 0; }
  .row .col.l5th.gutterless { width: calc((100 / 5) / 100 * 100%); margin-left: 0; }
  .row .col.l2.gutterless { width: calc((100 / 6) / 100 * 100%); margin-left: 0; }
  .row .col.l1.gutterless { width: calc((100 / 12) / 100 * 100%); margin-left: 0; }
  /* clearing and margin overrides for multiple rows ======================================== */
  .rows .col.l1:nth-child(12n+1) { clear: both; margin-left: 0; }
  .rows .col.l2:nth-child(6n+1) { clear: both; margin-left: 0; }
  .rows .col.l5th:nth-child(5n+1) { clear: both; margin-left: 0; }
  .rows .col.l3:nth-child(4n+1) { clear: both; margin-left: 0; }
  .rows .col.l4:nth-child(3n+1) { clear: both; margin-left: 0; }
  .rows .col.l6:nth-child(2n+1) { clear: both; margin-left: 0; }
  .rows .col.l12:nth-child(1n) { margin-left: 0; }
  /* 5 7 8 9 10 11 12 - Not needed as they shouldn't be used with multiple rows */
  .row .col:last-child { margin-bottom: 2% !important; } }
/* END @Media */
@media all and (min-width: 1400px) { .row .col { margin: 0 0 0 2%; }
  .rows .col { margin: 0 0 2% 2%; }
  /* Cols ======================================== */
  .row .col.x12 { width: calc(((100 - (2 * (1 - 1))) / 1 ) / 100 * 99.99%); margin-left: 0; }
  .row .col.x11 { width: calc(((100 - (2 * (1.0909090909 - 1))) / 1.0909090909 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x10 { width: calc(((100 - (2 * (1.2 - 1))) / 1.2 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x9 { width: calc(((100 - (2 * (1.3333333333 - 1))) / 1.3333333333 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x8 { width: calc(((100 - (2 * (1.5 - 1))) / 1.5 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x7 { width: calc(((100 - (2 * (1.7142857143 - 1))) / 1.7142857143 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x6 { width: calc(((100 - (2 * (2 - 1))) / 2 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x5 { width: calc(((100 - (2 * (2.4 - 1))) / 2.4 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x4 { width: calc(((100 - (2 * (3 - 1))) / 3 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x3 { width: calc(((100 - (2 * (4 - 1))) / 4 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x5th { width: calc(((100 - (2 * (5 - 1))) / 5 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x2 { width: calc(((100 - (2 * (6 - 1))) / 6 ) / 100 * 99.99%); margin-left: 2%; }
  .row .col.x1 { width: calc(((100 - (2 * (12 - 1))) / 12 ) / 100 * 99.99%); margin-left: 2%; }
  /* Cols gutterless ======================================== */
  .row .col.x12.gutterless { width: calc((100 / 1) / 100 * 100%); margin-left: 0; }
  .row .col.x11.gutterless { width: calc((100 / 1.0909090909) / 100 * 100%); margin-left: 0; }
  .row .col.x10.gutterless { width: calc((100 / 1.2) / 100 * 100%); margin-left: 0; }
  .row .col.x9.gutterless { width: calc((100 / 1.3333333333) / 100 * 100%); margin-left: 0; }
  .row .col.x8.gutterless { width: calc((100 / 1.5) / 100 * 100%); margin-left: 0; }
  .row .col.x7.gutterless { width: calc((100 / 1.7142857143) / 100 * 100%); margin-left: 0; }
  .row .col.x6.gutterless { width: calc((100 / 2) / 100 * 100%); margin-left: 0; }
  .row .col.x5.gutterless { width: calc((100 / 2.4) / 100 * 100%); margin-left: 0; }
  .row .col.x4.gutterless { width: calc((100 / 3) / 100 * 100%); margin-left: 0; }
  .row .col.x3.gutterless { width: calc((100 / 4) / 100 * 100%); margin-left: 0; }
  .row .col.x5th.gutterless { width: calc((100 / 5) / 100 * 100%); margin-left: 0; }
  .row .col.x2.gutterless { width: calc((100 / 6) / 100 * 100%); margin-left: 0; }
  .row .col.x1.gutterless { width: calc((100 / 12) / 100 * 100%); margin-left: 0; }
  /* clearing and margin overrides for multiple rows ======================================== */
  .rows .col.x1:nth-child(12n+1) { clear: both; margin-left: 0; }
  .rows .col.x2:nth-child(6n+1) { clear: both; margin-left: 0; }
  .rows .col.x5th:nth-child(5n+1) { clear: both; margin-left: 0; }
  .rows .col.x3:nth-child(4n+1) { clear: both; margin-left: 0; }
  .rows .col.x4:nth-child(3n+1) { clear: both; margin-left: 0; }
  .rows .col.x6:nth-child(2n+1) { clear: both; margin-left: 0; }
  .rows .col.x12:nth-child(1n) { margin-left: 0; }
  /* 5 7 8 9 10 11 12 - Not needed as they shouldn't be used with multiple rows */
  .row .col:last-child { margin-bottom: 2% !important; } }
/* END 1230 @MEDIA */
/*                  
*--------------------------
*       Hide Elements
*--------------------------
*/
@media (min-width: 700px) { .hide-over-700 { display: none !important; } }
@media (max-width: 700px) { .hide-under-700 { display: none !important; } }
@media (max-width: 800px) { .hide-under-800 { display: none !important; } }
@media (min-width: 1px) and (max-width: 1025px) { .hide-mobile { display: none !important; } }
@media (max-width: 1025px) { .hide-under-1025 { display: none !important; } }
@media (min-width: 1025px) { .hide-over-1025 { display: none !important; } }
@media (max-width: 1200px) { .hide-under-1200 { display: none !important; } }
/*
*---------------------------
*           Floats
*---------------------------
*/
.fl { float: left; }

.fr { float: right; }

.f0 { float: none; }

.clear-right { clear: right; }

.clear-left { clear: left; }

.clear-both { clear: both; }

@media (min-width: 700px) { .fr-over-700 { float: right; }
  .fl-over-700 { float: left; } }
@media (min-width: 1025px) { .fr-over-1025 { float: right; }
  .fl-over-1025 { float: left; } }
@media (min-width: 1250px) { .fr-over-1250 { float: right; }
  .fl-over-1250 { float: left; } }
.ba1 { border-width: 1px; }

.ba2 { border-width: 2px; }

.ba3 { border-width: 3px; }

.ba4 { border-width: 4px; }

.bt0 { border-top-width: 0px; }

.bt1 { border-top-width: 1px; }

.bt2 { border-top-width: 2px; }

.bt3 { border-top-width: 3px; }

.bt4 { border-top-width: 4px; }

.bb1 { border-bottom-width: 1px; }

.bb2 { border-bottom-width: 2px; }

.bb3 { border-bottom-width: 3px; }

.bb4 { border-bottom-width: 4px; }

.br1 { border-right-width: 1px; }

.br2 { border-right-width: 2px; }

.br3 { border-right-width: 3px; }

.br4 { border-right-width: 4px; }

.bl1 { border-left-width: 1px; }

.bl2 { border-left-width: 2px; }

.bl3 { border-left-width: 3px; }

.bl4 { border-left-width: 4px; }

.solid { border-style: solid; }

.dotted { border-style: dotted; }

.dashed { border-style: dashed; }

.double { border-style: double; }

.b-none { border-style: none; }

.b-primary { border-color: #1c355e; }

.b-secondary { border-color: #22a66c; }

.b-third { border-color: #22a66c; }

.b-white { border-color: #ffffff; }

.b-black { border-color: #2e2e2e; }

.b-light-grey { border-color: #f9f9f9; }

.b-grey-300 { border-color: #f7f7f7; }

.b-dark-grey { border-color: #c6c6c6; }

.radius-1 { border-radius: 1px; }

.radius-2 { border-radius: 2px; }

.radius-3 { border-radius: 3px; }

.radius-4 { border-radius: 4px; }

.radius-5 { border-radius: 5px; }

.radius-6 { border-radius: 6px; }

.radius-7 { border-radius: 7px; }

.radius-8 { border-radius: 8px; }

.radius-9 { border-radius: 9px; }

.radius-10 { border-radius: 10px; }

.radius-15 { border-radius: 15px; }

.radius-20 { border-radius: 20px; }

.radius-25 { border-radius: 25px; }

.radius-30 { border-radius: 30px; }

.radius-35 { border-radius: 35px; }

.radius-40 { border-radius: 40px; }

.radius-100 { border-radius: 100px; }

.circle { border-radius: 50%; }

/*                  
*---------------------------------------------
*          Padding & Margin Styles
*---------------------------------------------
*/
.content-flow > * + * { margin-top: 1em; }

main .content-flow > * + * { margin-top: 1.5em; }

.content-flow > * + .btn { margin-top: 4.5rem; }

header ~ main > *:first-child { padding-top: 30px; }

section:last-child { margin-bottom: 0 !important; }

.m-auto { margin: auto; }

.m0-auto { margin: 0 auto; }

/* Mobile Styles */
.p0 { padding: 0; }

.p5 { padding: 5px; }

.p10 { padding: 10px; }

.p15 { padding: 15px; }

.p20 { padding: 15px; }

.p30 { padding: 20px; }

.p40 { padding: 30px; }

.p50 { padding: 35px; }

.p60 { padding: 40px; }

.p70 { padding: 50px; }

.p80 { padding: 60px; }

.p90 { padding: 60px; }

.p100 { padding: 60px; }

.pb0 { padding-bottom: 0; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 15px; }

.pb30 { padding-bottom: 20px; }

.pb40 { padding-bottom: 30px; }

.pb50 { padding-bottom: 35px; }

.pb60 { padding-bottom: 40px; }

.pb70 { padding-bottom: 50px; }

.pb80 { padding-bottom: 60px; }

.pb90 { padding-bottom: 60px; }

.pb100 { padding-bottom: 60px; }

.pt0 { padding-top: 0; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 15px; }

.pt30 { padding-top: 20px; }

.pt40 { padding-top: 30px; }

.pt50 { padding-top: 35px; }

.pt60 { padding-top: 40px; }

.pt70 { padding-top: 50px; }

.pt80 { padding-top: 60px; }

.pt90 { padding-top: 60px; }

.pt100 { padding-top: 60px; }

.pl0 { padding-left: 0; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 15px; }

.pl30 { padding-left: 20px; }

.pl40 { padding-left: 30px; }

.pl50 { padding-left: 35px; }

.pl60 { padding-left: 40px; }

.pl70 { padding-left: 50px; }

.pl80 { padding-left: 60px; }

.pl90 { padding-left: 60px; }

.pl100 { padding-left: 60px; }

.pr0 { padding-right: 0; }

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 15px; }

.pr30 { padding-right: 20px; }

.pr40 { padding-right: 30px; }

.pr50 { padding-right: 35px; }

.pr60 { padding-right: 40px; }

.pr70 { padding-right: 50px; }

.pr80 { padding-right: 60px; }

.pr90 { padding-right: 60px; }

.pr100 { padding-right: 60px; }

.ph0 { padding-left: 0; padding-right: 0; }

.ph5 { padding-left: 5px; padding-right: 5px; }

.ph10 { padding-left: 10px; padding-right: 10px; }

.ph15 { padding-left: 15px; padding-right: 15px; }

.ph20 { padding-left: 15px; padding-right: 15px; }

.ph30 { padding-left: 20px; padding-right: 20px; }

.ph40 { padding-left: 30px; padding-right: 30px; }

.ph50 { padding-left: 35px; padding-right: 35px; }

.ph60 { padding-left: 40px; padding-right: 40px; }

.ph70 { padding-left: 50px; padding-right: 50px; }

.ph80 { padding-left: 60px; padding-right: 60px; }

.ph90 { padding-left: 60px; padding-right: 60px; }

.ph100 { padding-left: 60px; padding-right: 60px; }

.pv0 { padding-bottom: 0; padding-top: 0; }

.pv5 { padding-bottom: 5px; padding-top: 5px; }

.pv10 { padding-bottom: 10px; padding-top: 10px; }

.pv15 { padding-bottom: 15px; padding-top: 15px; }

.pv20 { padding-bottom: 15px; padding-top: 15px; }

.pv30 { padding-bottom: 20px; padding-top: 20px; }

.pv40 { padding-bottom: 30px; padding-top: 30px; }

.pv50 { padding-bottom: 35px; padding-top: 35px; }

.pv60 { padding-bottom: 40px; padding-top: 40px; }

.pv70 { padding-bottom: 50px; padding-top: 50px; }

.pv80 { padding-bottom: 60px; padding-top: 60px; }

.pv90 { padding-bottom: 60px; padding-top: 60px; }

.pv100 { padding-bottom: 60px; padding-top: 60px; }

.m0 { margin: 0; }

.m5 { margin: 5px; }

.m10 { margin: 10px; }

.m15 { margin: 15px; }

.m20 { margin: 15px; }

.m30 { margin: 20px; }

.m40 { margin: 30px; }

.m50 { margin: 35px; }

.m60 { margin: 40px; }

.m70 { margin: 50px; }

.m80 { margin: 60px; }

.m90 { margin: 60px; }

.m10 { margin: 60px; }

.mb0 { margin-bottom: 0; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 15px; }

.mb30 { margin-bottom: 20px; }

.mb40 { margin-bottom: 30px; }

.mb50 { margin-bottom: 35px; }

.mb60 { margin-bottom: 40px; }

.mb70 { margin-bottom: 50px; }

.mb80 { margin-bottom: 60px; }

.mb90 { margin-bottom: 60px; }

.mb100 { margin-bottom: 60px; }

.mt0 { margin-top: 0; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 15px; }

.mt30 { margin-top: 20px; }

.mt40 { margin-top: 30px; }

.mt50 { margin-top: 35px; }

.mt60 { margin-top: 40px; }

.mt70 { margin-top: 50px; }

.mt80 { margin-top: 60px; }

.mt90 { margin-top: 60px; }

.mt100 { margin-top: 60px; }

.ml0 { margin-left: 0; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 15px; }

.ml30 { margin-left: 20px; }

.ml40 { margin-left: 30px; }

.ml50 { margin-left: 35px; }

.ml60 { margin-left: 40px; }

.ml70 { margin-left: 50px; }

.ml80 { margin-left: 60px; }

.ml90 { margin-left: 60px; }

.ml100 { margin-left: 60px; }

.mr0 { margin-right: 0; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 15px; }

.mr30 { margin-right: 20px; }

.mr40 { margin-right: 30px; }

.mr50 { margin-right: 35px; }

.mr60 { margin-right: 40px; }

.mr70 { margin-right: 50px; }

.mr80 { margin-right: 60px; }

.mr90 { margin-right: 60px; }

.mr100 { margin-right: 60px; }

.mh0 { margin-right: 0; margin-left: 0; }

.mh5 { margin-right: 5px; margin-left: 5px; }

.mh10 { margin-right: 10px; margin-left: 10px; }

.mh15 { margin-right: 15px; margin-left: 15px; }

.mh20 { margin-right: 15px; margin-left: 15px; }

.mh30 { margin-right: 20px; margin-left: 20px; }

.mh40 { margin-right: 30px; margin-left: 30px; }

.mh50 { margin-right: 35px; margin-left: 35px; }

.mh60 { margin-right: 40px; margin-left: 40px; }

.mh70 { margin-right: 50px; margin-left: 50px; }

.mh80 { margin-right: 60px; margin-left: 60px; }

.mh90 { margin-right: 60px; margin-left: 60px; }

.mh100 { margin-right: 60px; margin-left: 60px; }

.mv1 { margin-bottom: 1px; margin-top: 1px; }

.mv5 { margin-bottom: 5px; margin-top: 5px; }

.mv10 { margin-bottom: 10px; margin-top: 10px; }

.mv15 { margin-bottom: 15px; margin-top: 15px; }

.mv20 { margin-bottom: 15px; margin-top: 15px; }

.mv30 { margin-bottom: 20px; margin-top: 20px; }

.mv40 { margin-bottom: 30px; margin-top: 30px; }

.mv50 { margin-bottom: 35px; margin-top: 35px; }

.mv60 { margin-bottom: 40px; margin-top: 40px; }

.mv70 { margin-bottom: 50px; margin-top: 50px; }

.mv80 { margin-bottom: 60px; margin-top: 60px; }

.mv90 { margin-bottom: 60px; margin-top: 60px; }

.mv100 { margin-bottom: 60px; margin-top: 60px; }

@media (min-width: 700px) and (max-width: 1200px) { .p20 { padding: 20px; }
  .p30 { padding: 30px; }
  .p40 { padding: 35px; }
  .p50 { padding: 40px; }
  .p60 { padding: 50px; }
  .p70 { padding: 60px; }
  .p80 { padding: 70px; }
  .p90 { padding: 75px; }
  .p100 { padding: 85px; }
  .pb20 { padding-bottom: 20px; }
  .pb30 { padding-bottom: 30px; }
  .pb40 { padding-bottom: 35px; }
  .pb50 { padding-bottom: 40px; }
  .pb60 { padding-bottom: 50px; }
  .pb70 { padding-bottom: 60px; }
  .pb80 { padding-bottom: 70px; }
  .pb90 { padding-bottom: 75px; }
  .pb100 { padding-bottom: 85px; }
  .pt20 { padding-top: 20px; }
  .pt30 { padding-top: 30px; }
  .pt40 { padding-top: 35px; }
  .pt50 { padding-top: 40px; }
  .pt60 { padding-top: 50px; }
  .pt70 { padding-top: 60px; }
  .pt80 { padding-top: 70px; }
  .pt90 { padding-top: 75px; }
  .pt100 { padding-top: 85px; }
  .pl20 { padding-left: 20px; }
  .pl30 { padding-left: 30px; }
  .pl40 { padding-left: 35px; }
  .pl50 { padding-left: 40px; }
  .pl60 { padding-left: 50px; }
  .pl70 { padding-left: 60px; }
  .pl80 { padding-left: 70px; }
  .pl90 { padding-left: 75px; }
  .pl100 { padding-left: 85px; }
  .pr20 { padding-right: 20px; }
  .pr30 { padding-right: 30px; }
  .pr40 { padding-right: 35px; }
  .pr50 { padding-right: 40px; }
  .pr60 { padding-right: 50px; }
  .pr70 { padding-right: 60px; }
  .pr80 { padding-right: 70px; }
  .pr90 { padding-right: 75px; }
  .pr100 { padding-right: 85px; }
  .ph20 { padding-left: 20px; padding-right: 20px; }
  .ph30 { padding-left: 30px; padding-right: 30px; }
  .ph40 { padding-left: 35px; padding-right: 35px; }
  .ph50 { padding-left: 40px; padding-right: 40px; }
  .ph60 { padding-left: 50px; padding-right: 50px; }
  .ph70 { padding-left: 60px; padding-right: 60px; }
  .ph80 { padding-left: 70px; padding-right: 70px; }
  .ph90 { padding-left: 75px; padding-right: 75px; }
  .ph100 { padding-left: 85px; padding-right: 85px; }
  .pv20 { padding-bottom: 20px; padding-top: 20px; }
  .pv30 { padding-bottom: 30px; padding-top: 30px; }
  .pv40 { padding-bottom: 35px; padding-top: 35px; }
  .pv50 { padding-bottom: 40px; padding-top: 40px; }
  .pv60 { padding-bottom: 50px; padding-top: 50px; }
  .pv70 { padding-bottom: 60px; padding-top: 60px; }
  .pv80 { padding-bottom: 70px; padding-top: 70px; }
  .pv90 { padding-bottom: 75px; padding-top: 75px; }
  .pv100 { padding-bottom: 85px; padding-top: 85px; }
  .m20 { margin: 20px; }
  .m30 { margin: 30px; }
  .m40 { margin: 35px; }
  .m50 { margin: 40px; }
  .m60 { margin: 50px; }
  .m70 { margin: 60px; }
  .m80 { margin: 70px; }
  .m90 { margin: 75px; }
  .m100 { margin: 85px; }
  .mb20 { margin-bottom: 20px; }
  .mb30 { margin-bottom: 30px; }
  .mb40 { margin-bottom: 35px; }
  .mb50 { margin-bottom: 40px; }
  .mb60 { margin-bottom: 50px; }
  .mb70 { margin-bottom: 60px; }
  .mb80 { margin-bottom: 70px; }
  .mb90 { margin-bottom: 75px; }
  .mb100 { margin-bottom: 85px; }
  .mt20 { margin-top: 20px; }
  .mt30 { margin-top: 30px; }
  .mt40 { margin-top: 35px; }
  .mt50 { margin-top: 40px; }
  .mt60 { margin-top: 50px; }
  .mt70 { margin-top: 60px; }
  .mt80 { margin-top: 70px; }
  .mt90 { margin-top: 75px; }
  .mt100 { margin-top: 85px; }
  .ml20 { margin-left: 20px; }
  .ml30 { margin-left: 30px; }
  .ml40 { margin-left: 35px; }
  .ml50 { margin-left: 40px; }
  .ml60 { margin-left: 50px; }
  .ml70 { margin-left: 60px; }
  .ml80 { margin-left: 70px; }
  .ml90 { margin-left: 75px; }
  .ml100 { margin-left: 85px; }
  .mr20 { margin-right: 20px; }
  .mr30 { margin-right: 30px; }
  .mr40 { margin-right: 35px; }
  .mr50 { margin-right: 40px; }
  .mr60 { margin-right: 50px; }
  .mr70 { margin-right: 60px; }
  .mr80 { margin-right: 70px; }
  .mr90 { margin-right: 75px; }
  .mr100 { margin-right: 85px; }
  .mh20 { margin-right: 20px; margin-left: 20px; }
  .mh30 { margin-right: 30px; margin-left: 30px; }
  .mh40 { margin-right: 35px; margin-left: 35px; }
  .mh50 { margin-right: 40px; margin-left: 40px; }
  .mh60 { margin-right: 50px; margin-left: 50px; }
  .mh70 { margin-right: 60px; margin-left: 60px; }
  .mh80 { margin-right: 70px; margin-left: 70px; }
  .mh90 { margin-right: 75px; margin-left: 75px; }
  .mh100 { margin-right: 85px; margin-left: 85px; }
  .mv20 { margin-bottom: 20px; margin-top: 20px; }
  .mv30 { margin-bottom: 30px; margin-top: 30px; }
  .mv40 { margin-bottom: 35px; margin-top: 35px; }
  .mv50 { margin-bottom: 40px; margin-top: 40px; }
  .mv60 { margin-bottom: 50px; margin-top: 50px; }
  .mv70 { margin-bottom: 60px; margin-top: 60px; }
  .mv80 { margin-bottom: 70px; margin-top: 70px; }
  .mv90 { margin-bottom: 75px; margin-top: 75px; }
  .mv100 { margin-bottom: 85px; margin-top: 85px; } }
@media (min-width: 1200px) { .p0 { padding: 0; }
  .p1 { padding: 1px; }
  .p2 { padding: 2px; }
  .p3 { padding: 3px; }
  .p4 { padding: 4px; }
  .p5 { padding: 5px; }
  .p10 { padding: 10px; }
  .p15 { padding: 15px; }
  .p20 { padding: 20px; }
  .p25 { padding: 25px; }
  .p30 { padding: 30px; }
  .p35 { padding: 35px; }
  .p40 { padding: 40px; }
  .p50 { padding: 50px; }
  .p60 { padding: 60px; }
  .p70 { padding: 70px; }
  .p80 { padding: 80px; }
  .p90 { padding: 90px; }
  .p100 { padding: 100px; }
  .pb1 { padding-bottom: 1px; }
  .pb2 { padding-bottom: 2px; }
  .pb3 { padding-bottom: 3px; }
  .pb4 { padding-bottom: 4px; }
  .pb5 { padding-bottom: 5px; }
  .pb10 { padding-bottom: 10px; }
  .pb15 { padding-bottom: 15px; }
  .pb20 { padding-bottom: 20px; }
  .pb25 { padding-bottom: 25px; }
  .pb30 { padding-bottom: 30px; }
  .pb35 { padding-bottom: 35px; }
  .pb40 { padding-bottom: 40px; }
  .pb50 { padding-bottom: 50px; }
  .pb60 { padding-bottom: 60px; }
  .pb70 { padding-bottom: 70px; }
  .pb80 { padding-bottom: 80px; }
  .pb90 { padding-bottom: 90px; }
  .pb100 { padding-bottom: 100px; }
  .pt1 { padding-top: 1px; }
  .pt2 { padding-top: 2px; }
  .pt3 { padding-top: 3px; }
  .pt4 { padding-top: 4px; }
  .pt5 { padding-top: 5px; }
  .pt10 { padding-top: 10px; }
  .pt15 { padding-top: 15px; }
  .pt20 { padding-top: 20px; }
  .pt25 { padding-top: 25px; }
  .pt30 { padding-top: 30px; }
  .pt35 { padding-top: 35px; }
  .pt40 { padding-top: 40px; }
  .pt50 { padding-top: 50px; }
  .pt60 { padding-top: 60px; }
  .pt70 { padding-top: 70px; }
  .pt80 { padding-top: 80px; }
  .pt90 { padding-top: 90px; }
  .pt100 { padding-top: 100px; }
  .pl1 { padding-left: 1px; }
  .pl2 { padding-left: 2px; }
  .pl3 { padding-left: 3px; }
  .pl4 { padding-left: 4px; }
  .pl5 { padding-left: 5px; }
  .pl10 { padding-left: 10px; }
  .pl15 { padding-left: 15px; }
  .pl20 { padding-left: 20px; }
  .pl25 { padding-left: 25px; }
  .pl30 { padding-left: 30px; }
  .pl35 { padding-left: 35px; }
  .pl40 { padding-left: 40px; }
  .pl50 { padding-left: 50px; }
  .pl60 { padding-left: 60px; }
  .pl70 { padding-left: 70px; }
  .pl80 { padding-left: 80px; }
  .pl90 { padding-left: 90px; }
  .pl100 { padding-left: 100px; }
  .pr1 { padding-right: 1px; }
  .pr2 { padding-right: 2px; }
  .pr3 { padding-right: 3px; }
  .pr4 { padding-right: 4px; }
  .pr5 { padding-right: 5px; }
  .pr10 { padding-right: 10px; }
  .pr15 { padding-right: 15px; }
  .pr20 { padding-right: 20px; }
  .pr25 { padding-right: 25px; }
  .pr30 { padding-right: 30px; }
  .pr35 { padding-right: 35px; }
  .pr40 { padding-right: 40px; }
  .pr50 { padding-right: 50px; }
  .pr60 { padding-right: 60px; }
  .pr70 { padding-right: 70px; }
  .pr80 { padding-right: 80px; }
  .pr90 { padding-right: 90px; }
  .pr100 { padding-right: 100px; }
  .pv1 { padding-bottom: 1px; padding-top: 1px; }
  .pv2 { padding-bottom: 2px; padding-top: 2px; }
  .pv3 { padding-bottom: 3px; padding-top: 3px; }
  .pv4 { padding-bottom: 4px; padding-top: 4px; }
  .pv5 { padding-bottom: 5px; padding-top: 5px; }
  .pv10 { padding-bottom: 10px; padding-top: 10px; }
  .pv15 { padding-bottom: 15px; padding-top: 15px; }
  .pv20 { padding-bottom: 20px; padding-top: 20px; }
  .pv25 { padding-bottom: 25px; padding-top: 25px; }
  .pv30 { padding-bottom: 30px; padding-top: 30px; }
  .pv35 { padding-bottom: 35px; padding-top: 35px; }
  .pv40 { padding-bottom: 40px; padding-top: 40px; }
  .pv50 { padding-bottom: 50px; padding-top: 50px; }
  .pv60 { padding-bottom: 60px; padding-top: 60px; }
  .pv70 { padding-bottom: 70px; padding-top: 70px; }
  .pv80 { padding-bottom: 80px; padding-top: 80px; }
  .pv90 { padding-bottom: 90px; padding-top: 90px; }
  .pv100 { padding-bottom: 100px; padding-top: 100px; }
  .ph1 { padding-left: 1px; padding-right: 1px; }
  .ph2 { padding-left: 2px; padding-right: 2px; }
  .ph3 { padding-left: 3px; padding-right: 3px; }
  .ph4 { padding-left: 4px; padding-right: 4px; }
  .ph5 { padding-left: 5px; padding-right: 5px; }
  .ph10 { padding-left: 10px; padding-right: 10px; }
  .ph15 { padding-left: 15px; padding-right: 15px; }
  .ph20 { padding-left: 20px; padding-right: 20px; }
  .ph25 { padding-left: 25px; padding-right: 25px; }
  .ph30 { padding-left: 30px; padding-right: 30px; }
  .ph35 { padding-left: 35px; padding-right: 35px; }
  .ph40 { padding-left: 40px; padding-right: 40px; }
  .ph50 { padding-left: 50px; padding-right: 50px; }
  .ph60 { padding-left: 60px; padding-right: 60px; }
  .ph70 { padding-left: 70px; padding-right: 70px; }
  .ph80 { padding-left: 80px; padding-right: 80px; }
  .ph90 { padding-left: 90px; padding-right: 90px; }
  .ph100 { padding-left: 100px; padding-right: 100px; }
  .m0 { margin: 0; }
  .m1 { margin: 1px; }
  .m2 { margin: 2px; }
  .m3 { margin: 3px; }
  .m4 { margin: 4px; }
  .m5 { margin: 5px; }
  .m10 { margin: 10px; }
  .m15 { margin: 15px; }
  .m20 { margin: 20px; }
  .m25 { margin: 25px; }
  .m30 { margin: 30px; }
  .m35 { margin: 35px; }
  .m40 { margin: 40px; }
  .m50 { margin: 50px; }
  .m60 { margin: 60px; }
  .m70 { margin: 70px; }
  .m80 { margin: 80px; }
  .m90 { margin: 90px; }
  .m100 { margin: 100px; }
  .mb0 { margin-bottom: 0; }
  .mb1 { margin-bottom: 1px; }
  .mb2 { margin-bottom: 2px; }
  .mb3 { margin-bottom: 3px; }
  .mb4 { margin-bottom: 4px; }
  .mb5 { margin-bottom: 5px; }
  .mb10 { margin-bottom: 10px; }
  .mb15 { margin-bottom: 15px; }
  .mb20 { margin-bottom: 20px; }
  .mb25 { margin-bottom: 25px; }
  .mb30 { margin-bottom: 30px; }
  .mb35 { margin-bottom: 35px; }
  .mb40 { margin-bottom: 40px; }
  .mb50 { margin-bottom: 50px; }
  .mb60 { margin-bottom: 60px; }
  .mb70 { margin-bottom: 70px; }
  .mb80 { margin-bottom: 80px; }
  .mb90 { margin-bottom: 90px; }
  .mb100 { margin-bottom: 100px; }
  .mt1 { margin-top: 1px; }
  .mt2 { margin-top: 2px; }
  .mt3 { margin-top: 3px; }
  .mt4 { margin-top: 4px; }
  .mt5 { margin-top: 5px; }
  .mt10 { margin-top: 10px; }
  .mt15 { margin-top: 15px; }
  .mt20 { margin-top: 20px; }
  .mt25 { margin-top: 25px; }
  .mt30 { margin-top: 30px; }
  .mt35 { margin-top: 35px; }
  .mt40 { margin-top: 40px; }
  .mt50 { margin-top: 50px; }
  .mt60 { margin-top: 60px; }
  .mt70 { margin-top: 70px; }
  .mt80 { margin-top: 80px; }
  .mt90 { margin-top: 90px; }
  .mt100 { margin-top: 100px; }
  .ml0 { margin-left: 0; }
  .ml1 { margin-left: 1px; }
  .ml2 { margin-left: 2px; }
  .ml3 { margin-left: 3px; }
  .ml4 { margin-left: 4px; }
  .ml5 { margin-left: 5px; }
  .ml10 { margin-left: 10px; }
  .ml15 { margin-left: 15px; }
  .ml20 { margin-left: 20px; }
  .ml25 { margin-left: 25px; }
  .ml30 { margin-left: 30px; }
  .ml35 { margin-left: 35px; }
  .ml40 { margin-left: 40px; }
  .ml50 { margin-left: 50px; }
  .ml60 { margin-left: 60px; }
  .ml70 { margin-left: 70px; }
  .ml80 { margin-left: 80px; }
  .ml90 { margin-left: 90px; }
  .ml100 { margin-left: 100px; }
  .mr1 { margin-right: 1px; }
  .mr2 { margin-right: 2px; }
  .mr3 { margin-right: 3px; }
  .mr4 { margin-right: 4px; }
  .mr5 { margin-right: 5px; }
  .mr10 { margin-right: 10px; }
  .mr15 { margin-right: 15px; }
  .mr20 { margin-right: 20px; }
  .mr25 { margin-right: 25px; }
  .mr30 { margin-right: 30px; }
  .mr35 { margin-right: 35px; }
  .mr40 { margin-right: 40px; }
  .mr50 { margin-right: 50px; }
  .mr60 { margin-right: 60px; }
  .mr70 { margin-right: 70px; }
  .mr80 { margin-right: 80px; }
  .mr90 { margin-right: 90px; }
  .mr100 { margin-right: 100px; }
  .mv1 { margin-bottom: 1px; margin-top: 1px; }
  .mv2 { margin-bottom: 2px; margin-top: 2px; }
  .mv3 { margin-bottom: 3px; margin-top: 3px; }
  .mv4 { margin-bottom: 4px; margin-top: 4px; }
  .mv5 { margin-bottom: 5px; margin-top: 5px; }
  .mv10 { margin-bottom: 10px; margin-top: 10px; }
  .mv15 { margin-bottom: 15px; margin-top: 15px; }
  .mv20 { margin-bottom: 20px; margin-top: 20px; }
  .mv25 { margin-bottom: 25px; margin-top: 25px; }
  .mv30 { margin-bottom: 30px; margin-top: 30px; }
  .mv35 { margin-bottom: 35px; margin-top: 35px; }
  .mv40 { margin-bottom: 40px; margin-top: 40px; }
  .mv50 { margin-bottom: 50px; margin-top: 50px; }
  .mv60 { margin-bottom: 60px; margin-top: 60px; }
  .mv70 { margin-bottom: 70px; margin-top: 70px; }
  .mv80 { margin-bottom: 80px; margin-top: 80px; }
  .mv90 { margin-bottom: 90px; margin-top: 90px; }
  .mv100 { margin-bottom: 100px; margin-top: 100px; }
  .mh1 { margin-right: 1px; margin-left: 1px; }
  .mh2 { margin-right: 2px; margin-left: 2px; }
  .mh3 { margin-right: 3px; margin-left: 3px; }
  .mh4 { margin-right: 4px; margin-left: 4px; }
  .mh5 { margin-right: 5px; margin-left: 5px; }
  .mh10 { margin-right: 10px; margin-left: 10px; }
  .mh15 { margin-right: 15px; margin-left: 15px; }
  .mh20 { margin-right: 20px; margin-left: 20px; }
  .mh25 { margin-right: 25px; margin-left: 25px; }
  .mh30 { margin-right: 30px; margin-left: 30px; }
  .mh35 { margin-right: 35px; margin-left: 35px; }
  .mh40 { margin-right: 40px; margin-left: 40px; }
  .mh50 { margin-right: 50px; margin-left: 50px; }
  .mh60 { margin-right: 60px; margin-left: 60px; }
  .mh70 { margin-right: 70px; margin-left: 70px; }
  .mh80 { margin-right: 80px; margin-left: 80px; }
  .mh90 { margin-right: 90px; margin-left: 90px; }
  .mh100 { margin-right: 100px; margin-left: 100px; } }
@media (min-width: 1025px) { header ~ main > *:first-child { padding-top: 60px; } }
/*
*----------------------------
*       Layout/Position
*----------------------------
*/
.border-box { -webkit-box-sizing: border-box; box-sizing: border-box; }

.content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }

.table { display: table; }

.table-cell { display: table-cell; }

.disp-none { display: none !important; }

.block { display: block; }

.inline-block { display: inline-block; }

.inline { display: inline; }

.grid { display: grid; }

.relative { position: relative; }

.absolute { position: absolute; }

.fixed { position: fixed; }

.static { position: static; }

.sticky { position: -webkit-sticky; position: sticky; }

.overflow-hide { overflow: hidden; }

.overflow-scroll { overflow: scroll; }

.overflow-visible { overflow: visible; }

.overflow-auto { overflow: auto; }

.overflow-x-hide { overflow-x: hidden; }

.overflow-x-scroll { overflow-x: scroll; }

.overflow-x-visible { overflow-x: visible; }

.overflow-x-auto { overflow-x: auto; }

.overflow-y-hide { overflow-y: hidden; }

.overflow-y-scroll { overflow-y: scroll; }

.overflow-y-visible { overflow-y: visible; }

.overflow-y-auto { overflow-y: auto; }

.ab-center { position: absolute; top: 50%; left: 50%; will-change: transform; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: 10; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; }

.ab-center .ab-center { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.v-align-m { display: table-cell; vertical-align: middle; height: inherit; min-height: inherit; }

.t0 { top: 0; }

.t5 { top: 5px; }

.t10 { top: 10px; }

.t15 { top: 15px; }

.t20 { top: 20px; }

.t25 { top: 25px; }

.t30 { top: 30px; }

.t35 { top: 35px; }

.t40 { top: 40px; }

.t45 { top: 45px; }

.t50 { top: 50px; }

.r0 { right: 0; }

.r5 { right: 5px; }

.r10 { right: 10px; }

.r15 { right: 15px; }

.r20 { right: 20px; }

.r25 { right: 25px; }

.r30 { right: 30px; }

.r35 { right: 35px; }

.r40 { right: 40px; }

.r45 { right: 45px; }

.r50 { right: 50px; }

.b0 { bottom: 0; }

.b5 { bottom: 5px; }

.b10 { bottom: 10px; }

.b15 { bottom: 15px; }

.b20 { bottom: 20px; }

.b25 { bottom: 25px; }

.b30 { bottom: 30px; }

.b35 { bottom: 35px; }

.b40 { bottom: 40px; }

.b45 { bottom: 45px; }

.b50 { bottom: 50px; }

.lf0 { left: 0; }

.lf5 { left: 5px; }

.lf10 { left: 10px; }

.lf15 { left: 15px; }

.lf20 { left: 20px; }

.lf25 { left: 25px; }

.lf30 { left: 30px; }

.lf35 { left: 35px; }

.lf40 { left: 40px; }

.lf45 { left: 45px; }

.lf50 { left: 50px; }

.z-0 { z-index: 0; }

.z-5 { z-index: 5; }

.z-10 { z-index: 10; }

.z-20 { z-index: 20; }

.z-30 { z-index: 30; }

.z-40 { z-index: 40; }

.z-50 { z-index: 50; }

.z-99 { z-index: 9999; }

/*                  
*----------------------------------
*       Height & Width Styles
*----------------------------------
*/
.h-auto { height: auto; }

.h-inherit { height: inherit; }

.h-max { height: -webkit-max-content; height: -moz-max-content; height: max-content; }

.h-min { height: -webkit-min-content; height: -moz-min-content; height: min-content; }

.h-fit { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

.w-auto { width: auto; }

.w-inherit { width: inherit; }

.w-max { width: -webkit-max-content; width: -moz-max-content; width: max-content; }

.w-min { width: -webkit-min-content; width: -moz-min-content; width: min-content; }

.w-fit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.min-h-inherit { min-height: inherit; }

.min-h-fit { min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; }

.min-h-max { min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; }

.min-h-min { min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; }

.min-w-fit { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; }

.min-w-max { min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; }

.min-w-min { min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; }

.h-100vh { height: 100vh; }

.h-100px { height: 100px; }

.h-80px { height: 80px; }

.h-100 { height: 100%; }

.h-90 { height: 90%; }

.h-80 { height: 80%; }

.h-70 { height: 70%; }

.h-60 { height: 60%; }

.h-50 { height: 50%; }

.w-100 { width: 100% !important; }

.w-90 { width: 90% !important; }

.w-80 { width: 80% !important; }

.w-70 { width: 70% !important; }

.w-60 { width: 60% !important; }

.w-55 { width: 55% !important; }

.w-50 { width: 50% !important; }

/*
*------------------------------
*             Logo
*------------------------------
*/
.logo a { display: table-cell; vertical-align: middle; height: inherit; opacity: 1; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

.logo a:hover { opacity: 0.6; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }

.logo img { display: inline-block; vertical-align: middle; width: 100%; height: auto; margin: 0; }

@media (min-width: 700px) { .logo img { height: 45px; } }
.nav-area { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: transparent; z-index: 50; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.page-id-26 .nav-area, .page-id-1086 .nav-area { background-color: #22a66c; }

.nav-area.scrolled { background-color: #22a66c; top: 0; height: 60px; }

body.scrolled .header-block { height: 60px; }

body.scrolled .header-height { height: 60px; }

.nav-area .wrapper { -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.header-block { height: 80px; display: table; }

.header-left { display: table; float: left; width: 120px; }

.header-right { display: none; }

.nav-menu { display: none; }

.nav-menu .current-menu-item a, .home .nav-menu .current-menu-item a, .child-menu a.active { color: #22a66c; -webkit-transition: 0.2s; transition: 0.2s; }

@media (min-width: 700px) { .search-icon { padding: 5px 10px; } }
@media (min-width: 1025px) { .nav-area { height: 100px; }
  .nav-area.scrolled { height: 70px; }
  .nav-area.scrolled .wrapper { top: 0; }
  body.scrolled .header-block { height: 70px; top: 0; }
  body.scrolled .nav-menu ul li { height: 70px; }
  body.scrolled .header-height { height: 70px; }
  .scrolled .top-bar { top: 0; }
  .nav-area.scrolled .logo img { position: relative; top: 0; background-color: transparent; }
  .header-block { height: 100px; top: 0; -webkit-transition: ease 0.4s; transition: ease 0.4s; }
  .header-left { display: table; }
  .header-right { display: none; }
  .header-left { float: left; }
  .header-right { float: right; }
  .nav-menu { display: block; float: right; }
  .nav-menu ul { height: inherit; text-align: center; width: 100%; margin-bottom: 0; }
  .nav-menu ul li { list-style-type: none; display: table; height: 100px; float: left; text-align: left; top: 0; }
  .nav-menu ul li a { display: table-cell; vertical-align: middle; font-family: "canada-type-gibson", sans-serif; color: #1c355e; text-decoration: none; font-size: 1.5rem; letter-spacing: 0.3px; line-height: 1.5; font-weight: 300; padding: 0 12px; }
  .nav-menu ul li:last-child a { padding-right: 0; }
  .nav-menu ul li a:hover { color: #22a66c; -webkit-transition: ease 0.25s; transition: ease 0.25s; } }
@media (min-width: 1150px) { .nav-menu ul li a { font-size: 1.5rem; }
  .header-left { width: 12%; } }
/*                  
*----------------------------
*        Top Bar Styles
*----------------------------
*/
.top-bar { display: none; }

@media (min-width: 1025px) { .top-bar { display: block; width: 100%; background-color: #ffffff; position: relative; top: 0; -webkit-transition: ease 0.4s; transition: ease 0.4s; border-bottom: 1px solid #f7f7f7; }
  .top-bar, .top-bar .wrapper { height: 0; }
  .alt-top-bar { display: block; width: 55%; margin-left: auto; overflow: hidden; background-color: #22a66c; position: relative; -webkit-transition: ease 0.5s; transition: ease 0.5s; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
  .fa-search:hover { cursor: pointer; }
  .top-bar-block { height: 0; display: table; }
  .top-block-content { display: table-cell; vertical-align: middle; height: inherit; white-space: nowrap; }
  .top-block-content p:hover span, .top-block-content p:hover i, .top-block-content a:hover p, .top-block-content a:hover p i { color: #1c355e; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer; }
  .top-block-content a:last-child p { margin-right: 0; }
  .top-block-content i { font-size: 14px; font-weight: 400; }
  .top-menu ul { height: 0; text-align: center; width: 100%; margin-bottom: 0; }
  .top-menu ul li { list-style-type: none; display: table; height: inherit; float: left; text-align: center; }
  .top-menu ul li a { display: table-cell; color: #1c355e; vertical-align: middle; font-family: "canada-type-gibson", sans-serif; text-decoration: none; font-size: 1.6rem; letter-spacing: 0.8px; line-height: 1.5; font-weight: 300; padding: 0 40px; } }
/*
*------------------------------------
*       Drop Down Menu (Desktop)
*------------------------------------
*/
@media (min-width: 1025px) { .nav-menu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 999; min-width: 200px; width: 290px; display: none; background: #ffffff; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.03); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.03); height: auto; }
  .nav-menu li:hover > .sub-menu { display: block; }
  .nav-menu .sub-menu li { display: block; width: 100%; text-align: left; height: auto !important; }
  .nav-menu .sub-menu li + li { border-top: 1px solid #f8f8f8; }
  .sub-menu > li { border-bottom: none !important; }
  .nav-menu .sub-menu li a { padding: 10px 15px; display: block; width: 100%; margin: auto; color: #1c355e; }
  .home .nav-menu .sub-menu li a { color: #1c355e; }
  .nav-menu .sub-menu li a:hover, .home .nav-menu .sub-menu li a:hover { color: #22a66c !important; -webkit-transition: 0.2s; transition: 0.2s; }
  .nav-menu .sub-menu .current-menu-item a { color: #22a66c; -webkit-transition: 0.2s; transition: 0.2s; } }
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger { display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; padding: 0; overflow: visible; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -2px; }

.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after { background-color: #ffffff; }

.home .hamburger.is-active .hamburger-inner, .home .hamburger.is-active .hamburger-inner::before, .home .hamburger.is-active .hamburger-inner::after { background-color: #22a66c; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #ffffff; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; right: 0; }

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #22a66c; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -10px; }

.hamburger-inner::after { bottom: -10px; }

/* Vortex */
.hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; transition-property: top, opacity; }

.hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; transition-delay: 0s; }

.hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; }

.hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; }

.hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner { width: 35px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before { width: 35px; top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after { width: 35px; bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
*-------------------------------------
*           Pagination Styles
*-------------------------------------
*/
/*
*-------------------------------------
*           Pagination Styles
*-------------------------------------
*/
.bloc-pagination { list-style: none; font-size: 12px; }

.bloc-pagination li { display: inline; }

.bloc-pagination li a, .bloc-pagination li span.current { font-family: "canada-type-gibson", sans-serif; font-size: 14px; letter-spacing: 0.8px; font-weight: 400; padding: 10px 12px; margin-right: 10px; line-height: 1.5; background: #f7f7f7; color: #1c355e; }

.bloc-pagination li a { margin-bottom: 7px; }

.bloc-pagination li span.current { background-color: #22a66c; color: #ffffff; }

.bloc-pagination li span.dots { font-family: "canada-type-gibson", sans-serif; font-size: 14px; letter-spacing: 0.8px; font-weight: 400; padding: 5px 9px; margin-right: 10px; line-height: 1.5; color: #1c355e; }

.bloc-pagination li a:hover { background: #22a66c; color: #ffffff; -webkit-transition: ease 0.3s; transition: ease 0.3s; }

.gallery-pagination span, .gallery-pagination a, .gallery-pagination .current { font-size: 15px; display: block; float: left; padding: 4px 9px; margin-right: 7px; border: 1px solid #efefef; line-height: 1.5; }

.gallery-pagination span, .gallery-pagination a { margin-bottom: 7px; }

.gallery-pagination .current { background-color: #F5F5F5; border: 1px solid #EFEFEF; }

/*
*-------------------------------
*       Breadcrumbs (NavXT)
*-------------------------------
*/
.header-img-cntr .breadcrumbs { position: absolute; z-index: 10; left: 0; top: 20px; width: 100%; padding: 0 5%; }

.breadcrumbs { padding: 15px 0; }

.breadcrumbs li span { font-family: "canada-type-gibson", sans-serif; text-transform: capitalize; font-weight: 200; color: #ffffff; margin-left: 5px; letter-spacing: 0.1px; opacity: 0.65; }

.breadcrumbs li span.current-item, .breadcrumbs li span.current-item span { opacity: 1 !important; }

.breadcrumbs span:first-child { margin-left: 2px; margin-right: 5px; }

.breadcrumbs, .breadcrumbs a, .breadcrumbs span { font-size: 15px; }

.breadcrumbs i { font-size: 14px; opacity: 0.65 !important; color: #ffffff; }

.breadcrumbs li { display: inline; }

/*
.single .breadcrumbs span,
.blog .breadcrumbs span {
	color: $title-color;
}
.single .breadcrumbs a span:hover,
.blog .breadcrumbs a span:hover {
	border-bottom: 1px dotted $title-color;
}
*/
/*
*----------------------------------------
*          James Mobile Nav Styles
*----------------------------------------
*/
.mobile-nav2 { padding-top: 100px; max-width: 360px; margin: auto; }

.mobile-nav2 .sub-menu { display: none; }

.menu-item-has-children { position: relative; }

.mobile-nav2 i { position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #1c355e; }

.mobile-nav2 ul, .mobile-nav2 li { display: block; width: 100%; float: left; clear: both; }

.mobile-nav2 ul li { display: block; width: 100%; float: none; opacity: 0; list-style-type: none; }

.animate-mobile-menu .mobile-nav2 ul li { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }

.mobile-nav2 li a { padding: 12px 20px; text-decoration: none; display: block; color: #1c355e; font-size: 20px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; outline: none; clear: both; -webkit-transition: .3s ease-out; transition: .3s ease-out; line-height: 30px; text-transform: capitalize; text-align: left; width: 100%; z-index: 10; }

.mobile-nav2 li:hover a, .mobile-nav2 li:hover i { color: #22a66c; -webkit-transition: 0.2s linear; transition: 0.2s linear; }

.mobile-nav2 i:hover { cursor: pointer; }

.mobile-nav2 ul.sub-menu { margin-left: 15px; }

.mobile-nav2 ul.sub-menu li a { color: #22a66c; }

/* to the body element */
.noscroll { overflow: hidden; -webkit-overflow-scrolling: touch; padding-right: 17px; }

.overlay { position: fixed; overflow-y: scroll; width: 100%; height: 100%; max-width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }

.overlay:after { display: block; position: fixed; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.82); z-index: 1; }

.visible { visibility: visible; opacity: 1; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }

.hidden { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }

#overlay[aria-hidden="true"] { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; width: 100vw; z-index: -1; opacity: 0; }

#overlay[aria-hidden="false"] { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; width: 100%; z-index: 9999; opacity: 1; }

.overlay .overlay-content { width: 100vw; max-width: 100vw; min-width: 1px; height: 100%; position: relative; padding-top: 0px; z-index: 9999; }

body.scrolled .overlay-content .logo { top: 0; }

.overlay .wrapper { position: relative; }

.close-overlay { position: absolute; top: 20px; right: 20px; }

.header-height { height: 80px; display: table; }

.v-align-m { display: table-cell; vertical-align: middle; }

.fixed-burger { z-index: 99999; position: fixed; top: 0; right: 8%; -webkit-transition: 0.2s ease; transition: 0.2s ease; }

body.scrolled .fixed-burger { top: 0; -webkit-transition: 0.2s ease; transition: 0.2s ease; }

.header-burger { width: 30px; }

@media (min-width: 700px) { .mobile-nav2 { padding-top: 125px; max-width: 450px; }
  .mobile-nav2 ul, .mobile-nav2 li { margin: auto; }
  .mobile-nav2 li a { padding: 18px 20px; font-size: 28px; }
  .fixed-burger { right: 5%; }
  .header-burger { width: 38px; } }
@media (min-width: 1025px) { .menu:after { content: ""; display: table; clear: both; }
  .mobile-nav2 ul, .mobile-nav2 li { max-width: 500px; }
  .mobile-nav2 li a { padding: 20px; font-size: 30px; }
  .header-height { height: 100px; max-height: 100px; -webkit-transition: max-height 300ms linear; transition: max-height 300ms linear; }
  .scrolled .header-height { max-height: 80px; } }
@media (min-width: 1500px) { .fixed-burger { right: 7%; } }
@media (min-width: 1800px) { .fixed-burger { right: 11%; } }
/* Search
======================================== */
/* Mobile search */
.search-wrapper { float: right; clear: left; height: 27px; display: none; width: 80%; }

#search { width: 100%; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; overflow: hidden; display: table; height: 27px; padding: 0; border-radius: 3px; border: 1px solid #ddd; }

#search #search-field { font-family: "soleil", sans-serif; font-weight: 300; border: none; background: transparent; border-right: 0; padding: 0px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #1c355e; font-size: 14px; width: 95%; float: left; display: table-cell; vertical-align: middle; height: 27px; caret-color: #1c355e; }

#search #search-field::-webkit-input-placeholder { color: #1c355e; }

#search #search-field:-ms-input-placeholder { color: #1c355e; }

#search #search-field::-ms-input-placeholder { color: #1c355e; }

#search #search-field::placeholder { color: #1c355e; }

#search #search-field:focus { outline: none; }

.close-search-form { cursor: pointer; font-size: 14px; color: #1c355e !important; width: 25px; padding: 5px; text-align: center; display: table-cell !important; vertical-align: middle; height: 27px; }

.close-search-form:hover { color: #1c355e; }

#search input[type=submit] { border: 0; background: #949494; cursor: pointer; font-size: 14px; color: #ffffff; width: 13%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: middle; line-height: 25px; height: 25px; }

#search input[type=submit]:hover { color: #ffffff; background: #1c355e; }

.search-toggle { color: #1c355e; line-height: 1.5 !important; cursor: pointer; }

.search-toggle:hover { color: #22a66c; }

.links-like-select { width: 100%; background-color: #ffffff; list-style: none; display: block; position: relative; margin-top: 10px; }

.links-like-select .lls-btn { display: inline-block; width: 100%; padding: 8px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; position: relative; font-weight: 400; font-size: 1.3rem; }

.links-like-select:hover, .links-like-select .lls-links li:hover { cursor: pointer; }

.links-like-select .lls-links { position: absolute; top: 100%; left: 0; z-index: 9999; min-width: 100px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; width: 100%; background: #ffffff; height: auto; -webkit-box-shadow: 0 0 2px 2px rgba(73, 49, 49, 0.07); box-shadow: 0 0 2px 2px rgba(73, 49, 49, 0.07); display: none; }

.links-like-select .lls-links li { display: block; width: 100%; text-align: left; height: auto !important; }

.links-like-select .lls-links a { display: block; font-weight: 400; padding: 8px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.3rem; margin: auto; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }

.links-like-select .lls-links a:hover { color: #22a66c; -webkit-transition: 0.2s linear; transition: 0.2s linear; }

.links-like-select .lls-links a:last-child { border-bottom: none; }

.links-like-select .lls-fa { color: #22a66c; position: absolute; right: 5px; top: 50%; -webkit-transform: translate(-5px, -50%); transform: translate(-5px, -50%); }

@media (min-width: 400px) { .links-like-select { display: inline-block; width: auto; min-width: 150px; }
  .links-like-select { margin-right: 10px; } }
@media (min-width: 700px) { .links-like-select { min-width: 200px; margin-right: 15px; } }
@media (min-width: 1025px) { .lls-filter { padding: 40px 5px; }
  .fa-filter { padding-right: 20px; font-size: 1.3rem; }
  .links-like-select { min-width: 225px; } }
/*
*--------------------
*      Footer 
*--------------------
*/
footer h3 { font-size: 1.5rem; font-family: "canada-type-gibson", sans-serif; }

footer { position: relative; display: block; height: auto; }

footer .footer-logo { max-width: 200px; display: inline-block; vertical-align: bottom; margin-bottom: 0; }

footer .footer-logo:hover { opacity: 0.8; }

footer p, footer a, footer span, footer ul, footer ol, footer li { font-family: "canada-type-gibson", sans-serif; color: #1c355e; font-weight: 400; font-size: 1.6rem; }

footer small, footer small a { color: #1c355e; font-weight: 300; font-size: 1.3rem; }

.bottom-bar .bottom-links * { font-size: 1.2rem; }

.footer-info p { display: inline-block; }

footer a { text-decoration: none; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }

footer a:hover { color: #22a66c; -webkit-transition: 0.25s linear; transition: 0.25s linear; }

footer .logo { margin: auto; width: 50%; }

footer .address { margin-bottom: 10px; }

footer .menu { list-style-type: none; }

footer .menu li { width: 100%; text-align: left; height: auto; }

footer .menu li a { font-family: "canada-type-gibson", sans-serif; text-decoration: none; font-weight: 400; font-size: 1.6rem; padding: 5px 0; color: #1c355e; }

footer .opening-hours li { color: #1c355e; font-family: "canada-type-gibson", sans-serif; font-size: 1.6rem; line-height: 1.5; }

footer .menu li a:hover { color: #22a66c !important; -webkit-transition: ease 0.2s; transition: ease 0.2s; text-decoration: underline; }

footer .menu .current-menu-item a { color: #22a66c; -webkit-transition: 0.2s; transition: 0.2s; }

.bottom-bar { height: 100px; width: 100%; display: table; }

.bottom-bar p { font-weight: 200; color: #fff; }

.bottom-bar a:hover { color: #22a66c; -webkit-transition: ease 0.2s; transition: ease 0.2s; }

footer .row:last-child .col:last-child { margin-bottom: 0 !important; }

@media (min-width: 800px) { footer .footer-menus { width: 70%; margin: 0 auto; }
  footer .menu { width: 50%; float: left; } }
@media (min-width: 1025px) { footer .address { float: left; width: 60%; }
  footer h3 { font-size: 1.6rem; }
  footer .footer-logo { padding-top: 30px; } }
.counter-content { text-align: center; }

.counter { padding-top: 1rem; font-weight: 900; font-size: 4.5rem; color: #22a66c; font-family: "canada-type-gibson", sans-serif; display: inline-block; margin-bottom: 1rem; }

.counter-content p { font-size: 1.4rem; font-weight: 400; }

@media (min-width: 1025px) { .counter { font-size: 6rem; }
  .counter-content p { font-size: 1.5rem; } }
@media (min-width: 1300px) { .counter { font-size: 8rem; }
  .counter-content p { font-size: 1.6rem; } }
/*                  
*---------------------------------
*              Buttons
*---------------------------------
*/
.btn { position: relative; font-family: "canada-type-gibson", sans-serif; display: inline-block; line-height: 1.5; letter-spacing: 0.3px; border-radius: 30px; margin-bottom: 0; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.btn:hover { -webkit-transition: 0.4s; transition: 0.4s; }

.btn-xsm { font-size: 1.1rem; }

.btn-sm { font-size: 1.2rem; }

.btn-md { font-size: 1.3rem; }

.btn-lg { font-size: 1.5rem; }

.btn-xl { font-size: 1.6rem; }

.btn-xxl { font-size: 1.8rem; }

@media (min-width: 700px) { .btn-xsm { font-size: 1.3rem; }
  .btn-sm { font-size: 1.4rem; } }
main .btn { margin-right: 15px; margin-bottom: 15px; }

main .btn:only-child { margin-bottom: 0; }

.btn:last-of-type { margin-right: 0; }

.full-link { width: 100%; }

/******     Solid Style    *******/
.btn-primary { background-color: #1c355e; border: 1px solid #1c355e; color: #ffffff; }
.btn-primary:hover { color: #1c355e; background-color: #ffffff; }

.btn-secondary { background-color: #22a66c; border: 1px solid #22a66c; color: #ffffff; }
.btn-secondary:hover { color: #22a66c; background-color: #ffffff; }

.btn-third { background-color: #22a66c; border: 1px solid #22a66c; color: #ffffff; color: #ffffff; }
.btn-third:hover { color: #22a66c; background-color: #ffffff; }

.btn-gold { background-color: #1c355e; border: 1px solid #1c355e; color: #ffffff; color: #ffffff; }
.btn-gold:hover { color: #1c355e; background-color: #ffffff; }

.btn-white { background-color: #ffffff; border: 1px solid #ffffff; color: #2e2e2e; color: #22a66c; border: 1px solid #ffffff; }
.btn-white:hover { color: #ffffff; background-color: #ffffff; }
.btn-white:hover { color: #ffffff; background-color: #22a66c; border: 1px solid #22a66c; }

.main-cta .btn-white:hover { color: #ffffff; background-color: #1c355e; border: 1px solid #ffffff; }

.btn-outline-third { background-color: #ffffff; border: 1px solid #22a66c; color: #22a66c; }
.btn-outline-third:hover { background-color: #22a66c; color: #ffffff; border: 1px solid #ffffff; }

.btn-tp-white { background-color: transparent; border: 1px solid #ffffff; font-weight: 200; color: #ffffff; }
.btn-tp-white:hover { background-color: #ffffff; color: #ffffff; }
.btn-tp-white:hover { color: #1c355e; }

.btn-xsm { padding: 0.15rem 0.9rem; }

.btn-sm { padding: 0.28rem 0.98rem; }

.btn-md { padding: 1.5rem 3rem; }

.btn-lg { padding: 1rem 2rem 0.9rem; }

.btn-xl { padding: 1rem 2.5rem 0.9rem; }

.btn-xxl { padding: 2.5rem 6.2rem; }

@media (min-width: 700px) { .btn-lg { padding: 1.2rem 3.5rem 1.1rem; }
  .btn-xl { padding: 1.2rem 3.5rem 1.1rem; }
  .btn-xxl { padding: 2.8rem 6.5rem; } }
@media (min-width: 1025px) { .btn-md { padding: 1.5rem 3.2rem 1.4rem; }
  .btn-lg { padding: 1.6rem 4rem 1.1rem; }
  .btn-xl { padding: 1.8rem 5rem 1.5rem; }
  .btn-xxl { padding: 2rem 6.5rem; } }
.tiny-img { padding-bottom: 36.3% !important; }

.small-img { padding-bottom: 46% !important; }

.rct-img { padding-bottom: 56% !important; }

.zigzag-img { padding-bottom: 66% !important; }

.large-img { padding-bottom: 75% !important; }

.sq-img { padding-bottom: 100% !important; }

.tall-img { padding-bottom: 112% !important; }

.img-cntr { position: relative; z-index: 1; width: 100%; overflow: hidden; }

.cover-img-cntr { position: absolute; top: 50%; left: 50%; width: 100% !important; height: 100% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

.img-cntr img { max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.img-fill img { width: 100% !important; height: 100% !important; }

.cover-img img, .cover-img-cntr img { display: block; position: absolute; margin: 0; width: 101% !important; height: 101% !important; max-width: 101%; top: 50%; left: 50%; will-change: transform; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; -o-object-fit: cover; object-fit: cover; }

.bg-image { position: relative; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }

.fixed-overlay { position: absolute; top: auto; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; z-index: 8; opacity: 1; }

.fixed-overlay.primary-overlay { background: #06253d; background: -webkit-gradient(linear, left top, right top, color-stop(17%, #06253d), color-stop(90%, rgba(233, 236, 244, 0))); background: linear-gradient(90deg, #06253d 17%, rgba(233, 236, 244, 0) 90%); }

.fixed-overlay.slick-overlay { background: #1c355e; background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 53, 94, 0.7)), to(rgba(28, 53, 94, 0.7))); background: linear-gradient(180deg, rgba(28, 53, 94, 0.7) 0%, rgba(28, 53, 94, 0.7) 100%); }

.fixed-overlay.secondary-overlay { background: #20348e; background: -webkit-gradient(linear, left top, right top, color-stop(17%, #20348e), color-stop(90%, rgba(233, 236, 244, 0))); background: linear-gradient(90deg, #20348e 17%, rgba(233, 236, 244, 0) 90%); }

.fixed-overlay.third-overlay { background: #fe304f; background: -webkit-gradient(linear, left top, right top, color-stop(17%, #fe304f), color-stop(90%, rgba(233, 236, 244, 0))); background: linear-gradient(90deg, #fe304f 17%, rgba(233, 236, 244, 0) 90%); }

.fixed-overlay.light-grey-overlay { background: #f0f2f7; background: -webkit-gradient(linear, left top, right top, color-stop(17%, #f0f2f7), color-stop(90%, rgba(233, 236, 244, 0))); background: linear-gradient(90deg, #f0f2f7 17%, rgba(233, 236, 244, 0) 90%); }

.fixed-overlay.dark-overlay { background: rgba(0, 0, 0, 0.3); }

.fixed-overlay.white-overlay { background: white; background: -webkit-gradient(linear, left top, right top, color-stop(5%, white), color-stop(50%, rgba(255, 255, 255, 0))); background: linear-gradient(90deg, white 5%, rgba(255, 255, 255, 0) 50%); }

.hover-overlay { position: absolute; z-index: 4; bottom: 0; left: 0; right: 0; width: 101%; height: 101%; -webkit-transition: ease 0.4s; transition: ease 0.4s; pointer-events: none; will-change: transform; }

.img-cntr a:hover > .primary-overlay { background-color: #1c355e; opacity: 0.5; -webkit-transition: ease 0.3s; transition: ease 0.3s; }

.img-cntr img { -webkit-transition: 0.8s ease-out; transition: 0.8s ease-out; }

.img-cntr a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.025); transform: translate(-50%, -50%) scale(1.025) rotate(0.01deg); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: 0.8s ease; transition: 0.8s ease; }

.img-cntr a:hover > .secondary-overlay, .media-cntr a:hover > .secondary-overlay { background-color: #22a66c; opacity: 0.3; -webkit-transition: ease 0.4s; transition: ease 0.4s; }

.img-cntr:hover > .overlay-dark, .img-cntr a:hover > .overlay-dark { background-color: #1c355e; }

.img-cntr:hover > .light-overlay, .img-cntr a:hover > .light-overlay { background: rgba(0, 0, 0, 0.45); }

.hover-overlay ~ .fal, .hover-overlay ~ .far, .hover-overlay ~ .fas { display: none; }

.img-cntr a:hover > .hover-overlay ~ .fal, .img-cntr a:hover > .hover-overlay ~ .far, .img-cntr a:hover > .hover-overlay ~ .fas { -webkit-animation: fade-effect 0.4s ease both; animation: fade-effect 0.4s ease both; color: #ffffff; display: inline-block; font-size: 30px; opacity: 1; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); z-index: 10; }

.services.img-cntr a:hover > .hover-overlay ~ .fal, .services.img-cntr a:hover > .hover-overlay ~ .far, .services.img-cntr a:hover > .hover-overlay ~ .fas { top: 40%; }

@media (min-width: 600px) { .alignright { margin-left: 30px; }
  .alignleft { margin-right: 30px; } }
@media (min-width: 1025px) { .shrink-img-70 { width: 70% !important; }
  .shrink-img-80 { width: 80% !important; }
  .shrink-img-90 { width: 90% !important; } }
.header-video, .video-image { position: relative; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover !important; -webkit-background-position: center center !important; -moz-background-position: center center !important; -o-background-position: center center !important; background-position: center center !important; z-index: 1; }

#bgvid { z-index: -1; display: none !important; height: auto; pointer-events: none; }

@media (min-width: 700px) { .video-image { display: none !important; }
  #bgvid { z-index: 3; display: block !important; opacity: 0; position: absolute; top: 50%; left: 50%; min-width: 102%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; width: auto; height: auto; opacity: 1; } }
.acf-map { width: 100%; height: 350px; border: #ccc solid 1px; margin: 0; }

.acf-map { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.acf-map img { max-width: 100% !important; }

/*                  
*----------------------------
*        Form Styles
*----------------------------
*/
ul ul { list-style: none; }

ul.select-list { width: 100%; background-color: #ffffff; list-style: none; display: block; position: relative; }

ul.select-list .fa-angle-down { position: absolute; right: 5px; color: #22a66c; top: 50%; -webkit-transform: translate(-5px, -50%); transform: translate(-5px, -50%); pointer-events: none; }

ul.select-list li { padding: 5px 10px; }

ul.select-list li:hover, ul ul.sub-menu li:hover { cursor: pointer; }

ul.select-list li a, ul.select-list li { font-family: "canada-type-gibson", sans-serif; font-size: 1.2rem; line-height: 1.5; font-weight: 400; letter-spacing: 0.3px; }

ul.select-list ul.sub-menu { position: absolute; top: 100%; left: 0; z-index: 9999; min-width: 100px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; width: 100%; background: #ffffff; height: auto; }

ul.select-list ul.sub-menu.active { -webkit-box-shadow: 0 0 2px 2px rgba(73, 49, 49, 0.07); box-shadow: 0 0 2px 2px rgba(73, 49, 49, 0.07); }

ul.select-list ul.sub-menu li { display: none; }

span.application-type::after { content: "\f107"; font-family: "Font Awesome 5 Pro"; color: #1c355e; position: absolute; font-size: 1.6rem; right: 10px; top: 40%; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); z-index: 20; line-height: 1; width: 5%; font-weight: 400; pointer-events: none; }

span.application-type { width: 100%; position: relative; height: 100%; display: inline-block; }

.form-select:hover, select:hover { cursor: pointer; }

span.wrap { width: 300px; position: relative; height: 100%; display: inline-block; }

span.wrap::after { content: "\f0d7"; font-family: "Font Awesome 5 Pro"; color: #22a66c; position: absolute; font-size: 1.6rem; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 20; line-height: 1.5; width: 15%; font-weight: 600; pointer-events: none; }

.wpcf7 { width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 20px; background-color: #f6f6f6; }

.wpcf7-form { width: 100%; }

.wpcf7 label, .wpcf7 input, .wpcf7 textarea { font-weight: 400; font-family: "canada-type-gibson", sans-serif; font-size: 1.4rem; }

.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=password]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { outline: none; border-radius: 2px; }

.wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { font-size: 1.4rem; color: #1c355e; font-weight: 300; opacity: 1; }

.wpcf7 input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder { font-size: 1.4rem; color: #1c355e; font-weight: 300; opacity: 1; }

.wpcf7 input::-ms-input-placeholder, .wpcf7 textarea::-ms-input-placeholder { font-size: 1.4rem; color: #1c355e; font-weight: 300; opacity: 1; }

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder { font-size: 1.4rem; color: #1c355e; font-weight: 300; opacity: 1; }

.wpcf7 h3 { font-family: "canada-type-gibson", sans-serif; font-weight: 500; }

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 input[type=tel], .wpcf7 textarea { background-color: #ffffff; width: 100%; padding: 2rem; border-radius: 2px; margin: 1px; margin-bottom: 20px; }

.wpcf7 select, .wpcf7 option { width: 100%; padding: 2rem; border-radius: 2px; margin: 1px; margin-bottom: 20px; color: #1c355e; font-weight: 200; }

.wpcf7 textarea { resize: none; }

.wpcf7 input[type=submit], .wpcf7 button[type=submit] { font-weight: 400; margin: 0; font-size: 1.6rem; border-radius: 0; }

div.wpcf7 .ajax-loader { display: inline; }

.wpcf7 form .wpcf7-response-output, .wpcf7-not-valid-tip { font-family: "canada-type-gibson", sans-serif; font-size: 1.2rem; }

.mc4wp-input { font-family: "canada-type-gibson", sans-serif; font-weight: 400; letter-spacing: 1px; width: 85%; padding: 7px 12px; height: 40px; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; float: left; }

.mc4wp-input:focus { outline: none; }

.mc4wp-wrapper { max-width: 300px; }

.mc4wp-input::-webkit-input-placeholder { color: #1c355e; font-size: 1.3rem; letter-spacing: 0.25px; }

.mc4wp-input:-ms-input-placeholder { color: #1c355e; font-size: 1.3rem; letter-spacing: 0.25px; }

.mc4wp-input::-ms-input-placeholder { color: #1c355e; font-size: 1.3rem; letter-spacing: 0.25px; }

.mc4wp-input::placeholder { color: #1c355e; font-size: 1.3rem; letter-spacing: 0.25px; }

.mc4wp-submit { width: 15%; float: left; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 15px; line-height: 18px; border: none; height: 40px; background: #ffffff; color: #22a66c; padding: 6px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer; margin: 0; position: relative; }

.mc4wp-submit:hover { color: #22a66c; }

p.form-disclaimer, .form-disclaimer a { font-size: 12px !important; margin-top: 10px; }

.form-disclaimer input[type="checkbox"] { width: 12px; height: 12px; margin-right: 4px; }

@media (min-width: 360px) { select, ul.select-list li { padding: 15px 10px; font-size: 1.2rem; } }
@media (min-width: 800px) { .wpcf7 { padding: 40px 30px; } }
@media (min-width: 1025px) { .wpcf7 { width: 85%; padding: 40px; }
  aside .wpcf7 { width: 100%; } }
/*                  
*----------------------------------
*           FAQ Styles
*----------------------------------
*/
.faqs { position: relative; display: block; width: 100%; margin: auto; }

.faqs .question { display: table; height: 50px; padding: 15px 0; width: 100%; background-color: #f8f8f8; }

.faqs .question:hover { cursor: pointer; }

.faqs .question h3 { margin-bottom: 0; font-size: 1.4rem; font-weight: 500; color: #1c355e; font-family: "canada-type-gibson", sans-serif; }

.faqs .question .fas, .faqs .question .fal { font-size: 1.4rem; color: #1c355e; line-height: 1.5; }

.faqs .question.active { background-color: #f7f7f7; -webkit-transition: ease 0.2s; transition: ease 0.2s; color: #22a66c; }

.faqs .question.active h3 { color: #22a66c; }

.faqs .question.active .fas, .faqs .question.active .fal { color: #22a66c; }

.faqs .question + .faqs .question { border-top: 1px solid #ffffff; }

.faqs .answer h3 { font-size: 2.2rem; }

.faqs .answer { display: table; width: 100%; padding: 15px 0; }

.faqs .answer .col { margin-bottom: 0 !important; padding: 20px 0; }

.answer .answer-text { font-size: 1.5rem; font-weight: 300; color: #949494; }

@media (min-width: 700px) { .faqs .question h3 { font-size: 1.5rem; }
  .faqs .question .fas, .faqs .question .fal { font-size: 1.5rem; } }
@media (min-width: 1025px) { .faqs .question h3 { font-size: 1.5rem; }
  .faqs .question .fas, .faqs .question .fal { font-size: 1.6rem; }
  .faqs .answer h3 { font-size: 2.5rem; } }
/*
*------------------------------------
*             Social Icons
*------------------------------------
*/
.social-icons-fixed { display: none; }

.social-icons { text-align: left; margin-top: 15px; }

.social-share { margin-top: 15px; }

.social-icons a, .social-share a { position: relative; display: inline-block; vertical-align: middle; text-align: center; width: 30px; height: 30px; font-size: 15px; margin-bottom: 0; background-color: #22a46c; color: #ffffff; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }

.social-icons a:hover { background-color: #1c355e; color: #ffffff; -webkit-transition: 0.25s linear; transition: 0.25s linear; }

.social-share a { background-color: #1c355e; width: 25px; height: 25px; font-size: 12px; }

.social-share a:hover { background-color: #284b85; -webkit-transition: 0.2s ease; transition: 0.2s ease; }

.social-icons a + a, .social-share a + a, .social-links a + a { margin-left: 5px; }

.social-icons .fab, .social-share .fab { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

@media (min-width: 1025px) { .social-icons-fixed { position: fixed; display: block; left: 0; top: 20%; width: 50px; z-index: 30; background-color: #f8f8ff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
  .social-icons-fixed a { display: inline-block; position: relative; text-align: center; vertical-align: top; width: 50px; height: 50px; padding: 15px; font-size: 25px; color: #22a66c; }
  .social-icons-fixed a:hover { color: #22a66c; -webkit-transition: ease 0.2s; transition: ease 0.2s; }
  .social-icons-fixed a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .social-share a { font-size: 13px; height: 28px; width: 28px; }
  .social-share a + a { margin-left: 8px; } }
/*
*--------------------------
*         Zig-Zags
*--------------------------
*/
.zigzag-rows ul li { clear: both; margin-bottom: 30px; list-style: none; }

.zigzag-rows ul li:last-child { margin-bottom: 0 !important; }

.zigzag-rows .z-image img { max-width: 100%; width: 100%; height: auto; display: block; }

.zigzag-rows .auto-center { padding: 30px 0; }

.zigzag-rows ul ul li { margin-bottom: 6px !important; }

@media all and (min-width: 900px) { .zigzag-rows ul li:after { content: ""; display: table; clear: both; }
  .zigzag-rows .z-image, .zigzag-rows .z-content2 { float: right; width: 45%; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }
  .zigzag-rows .z-content { position: relative; float: left; width: 55%; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; margin-top: 0; }
  .zigzag-rows ul li:nth-child(2n) .z-image { float: left; }
  .zigzag-rows .auto-center { display: table-cell; vertical-align: middle; padding: 0 20px 0 0; }
  .zigzag-rows ul li:nth-child(2n) .auto-center { padding: 0 0 0 20px; }
  .zigzag-rows ul ul li { margin-bottom: 8px !important; line-height: 22px !important; border: none; }
  .start-left .z-image, .start-left .z-content2 { float: right; }
  .start-left .z-image img { margin-left: auto; }
  .start-left .z-content { float: left; }
  .start-left ul li:nth-child(2n) .z-image, .start-left ul li:nth-child(2n) .z-content2 { float: left; }
  .start-left ul li:nth-child(2n) .z-image img { margin-right: auto; }
  .start-left .auto-center { padding: 0 20px 0 0; }
  .start-left ul li:nth-child(2n) .auto-center { padding: 0 0 0 20px; }
  .start-right .z-image, .start-right .z-content2 { float: left; }
  .start-right .z-image img { margin-right: auto; }
  .start-right .z-content { float: right; }
  .start-right ul li:nth-child(2n) .z-image, .start-right ul li:nth-child(2n) .z-content2 { float: right; }
  .start-right ul li:nth-child(2n) .z-image img { margin-right: auto; }
  .start-right .auto-center { padding: 0 0 0 20px; }
  .start-right ul li:nth-child(2n) .auto-center { padding: 0 20px 0 0; } }
@media all and (min-width: 1025px) { .zigzag-rows ul li { margin-bottom: 60px; }
  .zigzag-rows .auto-center { padding: 0 60px 0 0; }
  .zigzag-rows ul li:nth-child(2n) .auto-center { padding: 0 0 0 60px; }
  .zigzag-rows ul ul li { margin-bottom: 8px !important; }
  .start-left .auto-center { padding: 0 60px 0 0; }
  .start-left ul li:nth-child(2n) .auto-center { padding: 0 0 0 60px; }
  .start-right .auto-center { padding: 0 0 0 60px; }
  .start-right li.ba2 .auto-center { padding: 0 40px 0 60px; }
  .start-right ul li:nth-child(2n) .auto-center { padding: 0 60px 0 60px; } }
@media all and (min-width: 1300px) { .zigzag-rows ul li { margin-bottom: 80px; }
  .zigzag-rows .auto-center { padding: 0 100px 0 0; }
  .zigzag-rows li.ba2 .auto-center { padding: 0 100px 0 80px; }
  .zigzag-rows .z-content, .zigzag-rows .z-image, .zigzag-rows .z-content2 { width: 50%; }
  .zigzag-rows ul li:nth-child(2n) .auto-center { padding: 0 0 0 100px; }
  .zigzag-rows ul li.ba2 .auto-center { padding: 0 80px 0 100px; }
  .start-left .auto-center { padding: 0 100px 0 0; }
  .start-left li.ba2 .auto-center { padding: 0 100px 0 80px; }
  .start-left ul li:nth-child(2n) .auto-center { padding: 0 0 0 100px; }
  .start-right .auto-center { padding: 0 0 0 100px; }
  .start-right li.ba2 .auto-center { padding: 0 80px 0 100px; }
  .start-right ul li:nth-child(2n) .auto-center { padding: 0 80px 0 100px; }
  .zigzag-rows .z-content.content-grow-60 { width: 60% !important; }
  .zigzag-rows .z-image.image-shrink-40, .zigzag-rows .z-content2.image-shrink-40 { width: 40% !important; }
  .zigzag-rows .z-content.content-grow-70 { width: 70% !important; }
  .zigzag-rows .z-image.image-shrink-30, .zigzag-rows .z-content2.image-shrink-30 { width: 30% !important; } }
.container { overflow: hidden; position: relative; max-width: 100%; width: 100%; opacity: 1; }

.hero-cntr { height: 600px; }

.header-cntr { height: 350px; }

.overlay-text { position: absolute; max-width: 1500px; width: 90%; bottom: 10%; left: 50%; height: auto; -webkit-transform: translate(-50%, -10%); transform: translate(-50%, -10%); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 40; text-align: left; opacity: 1; }

.home .overlay-text { bottom: unset; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.overlay-text h1, .overlay-text p { color: #ffffff; }

/*  Media container for just text */
.text-cntr { padding: 30px 15px; }

/* Media container for split content */
.media-cntr, .team-members, .slider-for .container { display: table; overflow: hidden; width: 100%; margin: 0; z-index: 20; position: relative; background-color: #f5f5f5; }

.team-members, .slider-for .container { background-color: #ffffff; border: 1px solid #f5f5f5; }

.media-cntr .img-cntr, .team-members .img-cntr, .slider-for .img-cntr { display: block; width: 100%; overflow: hidden; padding-bottom: 56%; font-size: 0; }

.latest-posts .media-content, .team-members .bio, .slider-for .slider-description { padding: 20px; }

.team-members .bio h2, .team-members .bio h3, .team-members .bio h4 { font-weight: 200; }

/*  Card Typography  */
.card-content { position: relative; }

.card-content p, .card-content p a, .card-content li { font-family: "canada-type-gibson", sans-serif; font-size: 1.35rem; font-weight: 300; }

.media-cta .card-content ul li { line-height: 2; font-size: 1.4rem; }

.media-cta .card-content h3 { font-size: 2.8rem; font-weight: 600; letter-spacing: 0px; margin-bottom: 2rem; }

.blog-title, .blog-title a { font-size: 1.5rem; font-family: "canada-type-gibson", sans-serif; text-transform: capitalize; font-weight: 500; line-height: 1.5; }

.sectors .blog-title, .sectors .blog-title a, .slick-slide.services h3 { font-size: 1.5rem; }

.card-title, .card-title a { font-weight: 300; font-family: "canada-type-gibson", sans-serif; text-transform: capitalize; font-weight: 500; }

@media (min-width: 400px) { .text-cntr { padding: 40px 25px; }
  .media-cntr .media-content, .team-members .bio { padding: 30px 25px; } }
@media (min-width: 500px) { .blog-title, .blog-title a { font-size: 1.6rem; } }
@media (min-width: 600px) { .media-cta .card-content h3 { font-size: 3.2rem; }
  .media-cta .card-content ul li { line-height: 2.25; } }
@media (min-width: 700px) { .hero-cntr { height: 100vh; }
  .header-cntr { height: 450px; }
  .media-cntr { height: 300px; }
  .media-cntr.latest-posts { height: 200px; }
  .media-cntr.media-cta { height: 350px; }
  .media-cntr .img-cntr { float: right; width: 30%; height: 100%; top: 0; right: 0; padding-bottom: 0; }
  .media-cntr .media-content { float: left; width: 70%; margin: 0; display: table; height: 100%; }
  .media-cntr .media-content .content { display: table-cell; vertical-align: middle; }
  .media-cntr.latest-posts .media-content .content { display: block; }
  .media-cntr.media-cta .media-content { padding: 40px 50px; }
  .card-title, .card-title a { font-size: 2rem; }
  .blog-title, .blog-title a { font-size: 1.8rem; }
  .sectors .blog-title, .sectors .blog-title a, .slick-slide.services h3 { font-size: 1.6rem; } }
@media (min-width: 800px) { .media-cntr .media-content { width: 60%; }
  .media-cntr .img-cntr { width: 40%; }
  .hero-text-cntr { width: 80%; }
  .team-members, .slider-for .container { height: 250px; }
  .slider-for .container { width: 99%; }
  .team-members .img-cntr, .slider-for .img-cntr { float: left; width: 35%; height: inherit; top: 0; right: 0; padding-bottom: 0; }
  .team-members .bio, .slider-for .slider-description { float: right; width: 65%; margin: 0; display: table; height: 100%; padding: 20px 40px; }
  .team-members .bio .content, .slider-for .slider-description .content { display: table-cell; vertical-align: middle; } }
@media (min-width: 1025px) { .header-cntr { height: 500px; }
  .media-cntr { min-height: 375px; }
  .media-cntr.latest-posts { min-height: 175px; }
  .media-cntr.media-cta { min-height: 500px; }
  .media-cntr .media-content { width: 50%; }
  .media-cntr .img-cntr { width: 50%; }
  .media-cntr .img-cntr.image-45 { width: 45% !important; }
  .media-cntr .media-content.content-45 { width: 45% !important; }
  .media-cntr .media-content.content-55 { width: 55% !important; }
  .media-cntr .img-cntr.image-40 { width: 40% !important; }
  .media-cntr .media-content.content-60 { width: 60% !important; }
  .media-cntr .img-cntr.image-30 { width: 30% !important; }
  .media-cntr .media-content.content-70 { width: 70% !important; }
  .media-cntr .img-cntr.image-35 { width: 35% !important; }
  .media-cntr .media-content.content-65 { width: 65% !important; }
  .card-title, .card-title a { font-size: 1.8rem; }
  .media-cta .card-content ul li { font-size: 1.4rem; font-weight: 300; }
  .media-cntr .media-content { padding: 25px 40px; }
  .hero-text-cntr { width: 70%; }
  .card-content .single-title, .card-content .single-title a { font-size: 1.9rem; }
  .card-content .heading, .card-content .heading a, .card-content .single-title { text-transform: capitalize; line-height: 1.5; font-family: "canada-type-gibson", sans-serif; font-size: 2rem; }
  .overlay-content h1 { margin-bottom: 2.5rem; }
  .overlay-content h1:only-child { margin-bottom: 0; }
  .card-content p, .card-content p a, .card-content li { font-size: 1.5rem; }
  .slider-for .container { height: 275px; }
  .sectors .blog-title, .sectors .blog-title a, .slick-slide.services h3 { font-size: 1.7rem; } }
@media (min-width: 1300px) { .header-cntr { height: 525px; }
  .media-cntr.media-cta .media-content, .team-members .bio, .slider-for .slider-description { padding: 30px 60px; }
  .text-cntr { padding: 30px 35px; }
  .media-cta .card-content h3 { font-size: 4.3rem; margin-bottom: 3rem; }
  .media-cta .card-content li { font-size: 1.5rem; }
  .hero-text-cntr { width: 60%; }
  .team-members .img-cntr, .slider-for .img-cntr { width: 30%; }
  .team-members .bio, .slider-for .slider-description { width: 70%; }
  .card .blog-title, .card .blog-title a { max-width: 95%; display: block; } }
/*
*-------------------------
*      Unordered Lists
*-------------------------
*/
.bullets ul { list-style-type: none !important; padding: 0; margin: 0; }

.bullets li { list-style: none !important; font-size: 15px !important; padding-left: 2em; line-height: 20px !important; margin-bottom: 14px !important; font-weight: 100 !important; }

.bullets li p { display: inline-block; font-size: inherit !important; font-weight: inherit !important; }

.bullets li:before { content: "\f00c"; color: #22a66c; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; display: inline-block; margin-left: -2em; /* same as padding-left set on li */ width: 1.7em; vertical-align: top; margin-top: 4px; }

@media all and (min-width: 700px) { .bullets li { font-size: 17px !important; line-height: 25px !important; margin-bottom: 20px !important; } }
/* END @Media */
/* Numbered Columns
======================================== */
.numbered-columns .number-icon { padding: 7px 10px; font-family: "canada-type-gibson", sans-serif; background: #1c355e; font-size: 1.6rem; color: #ffffff; border-radius: 4px; display: inline-block; text-align: center; font-weight: 500; }

.numbered-columns-left { float: left; margin-right: 18px; width: 36px; display: inline-block; }

.numbered-columns-right { float: left; display: inline-block; width: 69%; }

@media (min-width: 700px) { .numbered-columns .number-icon { padding: 12px 15px; }
  .numbered-columns-left { width: 46px; } }
/* END @Media */
@media (min-width: 1200px) { .numbered-columns .number-icon { padding: 15px 19px; } }
/* END @Media */
/* ACF logos
***********************/
.logos-cntr { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.single-logo { width: 130px; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; padding: 6px; max-width: 100%; }
.single-logo img { width: 100%; height: auto; max-width: 100%; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.single-logo img.greyscale:hover { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; }

.logo-link { display: block; }

@media (max-width: 290px) { .single-logo { width: 115px; } }
@media (max-width: 440px) { .logos-cntr { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
@media (min-width: 400px) { .single-logo { padding: 10px; margin-right: 15px; margin-bottom: 15px; } }
@media (min-width: 688px) { .single-logo { width: 130px; } }
@media (min-width: 1024px) { .single-logo { width: 150px; margin-right: 20px; } }
@media (min-width: 1312px) { .single-logo { width: 170px; margin-right: 30px; } }
.logos-cntr { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.logos-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.single-logo { width: 130px; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; padding: 6px; max-width: 100%; }
.single-logo img { width: 100%; height: auto; max-width: 100%; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.single-logo img.greyscale:hover { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; }

.logo-link { display: block; }

@media (max-width: 290px) { .single-logo { width: 115px; } }
@media (max-width: 440px) { .logos-cntr { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
@media (min-width: 400px) { .single-logo { padding: 10px; margin-right: 15px; margin-bottom: 15px; } }
@media (min-width: 688px) { .single-logo { width: 130px; } }
@media (min-width: 1024px) { .single-logo { width: 150px; margin-right: 20px; } }
@media (min-width: 1312px) { .single-logo { width: 170px; margin-right: 30px; } }
.testimonial { background-color: #ffffff !important; border-top: 3px solid #22a66c; padding: 40px 40px 10px 40px; height: inherit; }

.testimonial .quote { width: 40px; height: auto; position: relative; top: 0; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; }

.testimonial p { font-weight: 400; }

.testimonial small { color: #afafaf; }

@media (min-width: 800px) { .testimonial { padding: 30px 30px 10px 30px; }
  .testimonial small { font-size: 1.4rem; } }
/*                  
*-----------------------------
*       Lightbox Styles
*-----------------------------
*/
body:after { content: url(assets/images/lightbox/close.png) url(assets/images/lightbox/loading.gif) url(assets/images/lightbox/prev.png) url(assets/images/lightbox/next.png); display: none; }

body.lb-disable-scrolling { overflow: hidden; }

.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }

.lightbox:focus { outline: none !important; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid white; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: white; }

.lb-outerContainer:after { content: ""; display: table; clear: both; }

.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(assets/images/lightbox/loading.gif) no-repeat; }

.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(assets/images/lightbox/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(assets/images/lightbox/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { content: ""; display: table; clear: both; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-family: "canada-type-gibson", sans-serif; font-size: 13px; font-weight: bold; line-height: 1em; }

.lb-data .lb-caption a { color: #4ae; }

.lb-data .lb-number { font-family: "canada-type-gibson", sans-serif; display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(assets/images/lightbox/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*                  
*----------------------------------
*       Hero Slider Styles
*----------------------------------
*/
.hero-slider { position: relative; width: 100%; max-width: 100%; height: 100%; display: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f9f9f9; margin: auto; /*margin:0 -10px; margin for multiple slides */ }

.draggable:hover { cursor: -webkit-grab; cursor: grab; }

.hero-slider .slick-slide { height: 100%; width: 100%; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }

.hero-slider .slick-slide img { display: block; max-width: 101%; width: 101%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 40%; object-position: 50% 40%; }

.slick-dots li button:hover { background: #ffffff; }

.hero-slider .slick-arrow { display: none; }

.hero-slider:hover > .slick-arrow { opacity: 0; }

@media all and (min-width: 1025px) { .hero-slider { height: 100%; }
  .hero-slider .slick-prev { left: 5px; }
  .hero-slider .slick-next { right: 15px; } }
@media all and (min-width: 1400px) { .hero-slider .slick-prev { left: 30px; }
  .hero-slider .slick-next { right: 40px; } }
/*                  
*----------------------------------
*       Slick Slider Styles
*----------------------------------
*/
.slider-heading, .slider-caption { text-align: left; }

.slider-heading, .slider-caption p { margin-bottom: 2rem; }

.slider-heading h1, .slider-heading h2 { color: #ffffff; font-size: 3.2rem; font-family: "canada-type-gibson", sans-serif; font-weight: 800; letter-spacing: 0.8px; line-height: 1.2; margin-bottom: 0; }

.slider-caption p { font-family: "canada-type-gibson", sans-serif; font-size: 1.5rem; color: #ffffff; line-height: 1.5; margin-top: 0; }

.slider-link { background: #22a66c; color: #ffffff; font-family: "canada-type-gibson", sans-serif; letter-spacing: 1.5px; text-decoration: none; font-size: 15px; padding: 12px 20px; font-weight: 200; display: inline-block; margin: 0; border-radius: 40px; }

.slider-link:hover { color: #22a66c; background: #ffffff; -webkit-transition: ease 0.2s; transition: ease 0.2s; }

.slider-wrap { display: block; position: relative; width: 101%; max-width: 100%; height: 525px; }

.slick-slider { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -html-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; width: 101% !important; height: 100%; }

.slick-initialized { display: block !important; }

.slick-list, .slick-track { height: 100%; }

.slick-list { position: relative; display: block; overflow: hidden; width: 100%; margin: 0; padding: 0; }

.draggable:hover { cursor: -webkit-grab; cursor: grab; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; width: 100%; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { position: relative; display: none; float: left; height: 100%; }
.slick-slide:focus, .slick-slide a { outline: none; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-dots { width: 100%; text-align: center; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; z-index: 20; -webkit-transition: opacity .4s ease-in; transition: opacity .4s ease-in; }

.slick-dots li { display: inline-block; font-size: 0; margin: 3px; width: 12px; height: 12px; line-height: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; }

.slick-dots li button { cursor: pointer; font-size: 0; padding: 0; width: 100%; height: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; border: 1px solid #ffffff; border-radius: 50%; }

.slick-dots li button:hover { background: #ffffff; }

.slick-dots .slick-active button { background: #ffffff; }

.slick-slider .slick-arrow { position: absolute; opacity: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; font-weight: 700; font-size: 25px; text-align: center; z-index: 3; display: block; background: none; -webkit-transition: opacity .4s ease-in; transition: opacity .4s ease-in; }

.slick-slider .slick-prev { left: 0; }

.slick-slider .slick-next { right: 0; }

.slick-slider:hover > .slick-arrow { opacity: 1; }

.slick-slider .slick-prev:before { font-family: 'Font Awesome 5 Pro'; content: "\f053"; font-weight: 500; }

.slick-slider .slick-next:before { font-family: 'Font Awesome 5 Pro'; content: "\f054"; font-weight: 500; }

.slider-content { position: absolute; max-width: 1500px; width: 90%; min-height: 100px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 20; text-align: left; }

.slider-quote-img { margin: auto; width: 40px; }

@media (min-width: 700px) { .slider-wrap { height: 600px; }
  .slick-dots { bottom: 30px; }
  .slick-dots li { margin: 5px; width: 15px; height: 15px; line-height: 15px; }
  .slick-slider .slick-arrow { display: block !important; }
  .slick-slider:hover > .slick-dots, .slick-slider:hover > .slick-arrow { opacity: 1 !important; }
  .slider-heading { max-width: 95%; }
  .slider-heading, .slider-caption { width: 100%; }
  .slider-heading h1, .slider-heading h2 { font-size: 40px; }
  .slider-caption { display: block; }
  .slider-caption p { margin-bottom: 15px; }
  .slider-link { font-size: 17px; padding: 14px 25px; } }
@media (min-width: 1025px) { .slider-wrap { height: 700px; }
  .slider-heading h1, .slider-heading h2 { font-size: 60px; letter-spacing: 1.5px; }
  .slider-caption p { margin-bottom: 18px; font-size: 20px; letter-spacing: 0.8px; }
  .slider-heading { max-width: 90%; }
  .slider-link { font-size: 17px; padding: 1.4rem 4rem; }
  .slider-content { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@media (min-width: 1300px) { .slider-caption p { font-size: 20px; margin-bottom: 30px; }
  .slider-wrap { height: 800px; }
  .slider-heading { max-width: 80%; } }
@media (min-width: 1500px) { .slider-for .row-slider, .slider-for .slick-slide { margin: 0; } }
/*                  
*------------------------
*       Row Slider
*------------------------
*/
.row-slider { height: auto !important; }

.row-slider .slick-prev { left: 0; padding: 8px 8px 8px 0; }

.row-slider .slick-next { right: 10px; padding: 8px 0 8px 8px; }

.row-slider .slick-slide { margin: 0 10px 0 0; }

.row-slider .slick-arrow { opacity: 1 !important; color: #1c355e; font-weight: 800; }

.row-slider .slick-dots { position: relative; bottom: 0px; }

.row-slider .slick-dots li button { border: 1px solid #949494; background: #ffffff; }

.row-slider .slick-dots li button:hover { background: #1c355e; border: 1px solid #1c355e; }

.row-slider .slick-dots .slick-active button { background: #1c355e; border: 1px solid #1c355e; }

@media (min-width: 400px) { .row-slider .slick-prev { left: -15px; }
  .row-slider .slick-next { right: -5px; } }
@media (min-width: 700px) { .row-slider .slick-dots { display: block !important; opacity: 1 !important; }
  .row-slider .slick-arrow { opacity: 1; }
  .row-slider:hover > .slick-arrow { opacity: 1; }
  .row-slider .slick-slide { margin: 0px 20px 0 0px; } }
@media all and (min-width: 1025px) { .row-slider .slick-dots { position: relative; bottom: -50px; } }
@media all and (min-width: 1400px) { .row-slider .slick-prev { left: -50px; }
  .row-slider .slick-next { right: -35px; } }
/*	Logo slider
******************************/
.logo-slider { position: relative; }

.logo-slider .slick-dots { display: none !important; }

.logo-wrapper { height: 100px; width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.logo-inner-wrapper { display: table-cell; vertical-align: middle; }

.logo-slider .single-logo { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-bottom: 0 !important; }

.logo-slider img { max-width: 100%; width: auto; height: auto; margin: auto; }

@media (min-width: 688px) { .logo-slider .slick-arrow { opacity: 1 !important; display: block !important; color: #22a66c !important; }
  .logo-slider:hover > .slick-arrow { opacity: 1; }
  .logo-slider .slick-prev { left: -20px; }
  .logo-slider .slick-next { right: -35px; } }
/* END @MEDIA */
@media (min-width: 1024px) { .logo-slider .slick-prev { left: -40px; }
  .logo-slider .slick-next { right: -55px; }
  .logo-slider .slick-dots { bottom: -80px; } }
/* END @MEDIA */
@media (min-width: 1312px) { .logo-slider .slick-prev { left: -50px; }
  .logo-slider .slick-next { right: -65px; } }
/* END @MEDIA */
@media (min-width: 1600px) { .logo-slider .slick-prev { left: -70px; }
  .logo-slider .slick-next { right: -85px; } }
/* END @MEDIA */
/*                  
*-----------------------------
*       Woocommerce
*-----------------------------
*/
.woocommerce-account address { font-family: "canada-type-gibson", sans-serif; margin-bottom: 10px; font-size: 1.3rem; line-height: 1.5; display: block; font-style: normal; }

.woocommerce-error, .woocommerce-info, .woocommerce-message { font-family: "canada-type-gibson", sans-serif; font-size: 1.2rem; }

.woocommerce-account .woocommerce-Addresses { margin-top: 20px; }

.woocommerce-account address p { font-size: 1.4rem; }

.woocommerce-account address p:first-of-type { margin-top: 1em; }

.woocommerce-account .woocommerce-customer-details--phone::before { content: '\f879' !important; font-family: "Font Awesome 5 Pro" !important; font-weight: 600 !important; }

.woocommerce-account .woocommerce-customer-details--email::before { content: '\f0e0' !important; font-family: "Font Awesome 5 Pro" !important; font-weight: 600 !important; }

.woocommerce table.shop_table td { border: none; border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); }

.woocommerce table.shop_table td:last-child { border-right: none; }

.woocommerce-page h3 { font-weight: 400; font-family: "canada-type-gibson", sans-serif; }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.5; background-color: #ffffff; border: 1px solid #d9dadb; height: 40px; padding: 10px 15px; }

.woocommerce form .form-row textarea { height: 200px; }

.woocommerce-info { border-top-color: #22a66c; padding: 1.5em 2em 1.5em 4.5em; font-family: "canada-type-gibson", sans-serif; font-size: 1.3rem; }

.woocommerce .col2-set, .woocommerce-page .col2-set { margin-bottom: 30px; }

.woocommerce-info a { font-size: 1.3rem; margin-left: 5px; letter-spacing: 0.25px; color: #1c355e; }

.woocommerce-info::before { color: #22a66c; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 1.5em; font-size: 1.3rem; }

.woocommerce-page a.checkout-button, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt { background-color: #22a66c; padding: 1.5em 1em; font-family: "canada-type-gibson", sans-serif; font-size: 1.3rem; }

.woocommerce-page a.checkout-button:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover { background-color: #1f9964; }

.cart_totals th, .shop_table th { font-family: "canada-type-gibson", sans-serif; font-size: 1.2rem; color: #1a1a1a; }

.cart_totals h2 { margin-bottom: 1em; }

.woocommerce-page ul li::before { content: '' !important; position: relative; margin: 0; }

.woocommerce-page ul li { position: relative; padding-left: 0; }

.woocommerce-MyAccount-navigation ul li { margin-bottom: 0.5rem; border-bottom: 2px solid white; }

.woocommerce-MyAccount-navigation ul li a { font-size: 1.5rem; }

.woocommerce-MyAccount-navigation ul li.is-active { font-weight: 500; }

.cart-contents::before { font-family: "Font Awesome 5 Pro"; content: "\f07a"; font-weight: 400; font-size: 16px; vertical-align: bottom; color: #1c355e; text-decoration: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }

.cart-contents:hover::before { color: #22a66c; }

.cart-contents { padding: 0 25px !important; }

.cart-contents-count { color: #fff; background-color: #1c355e; font-weight: bold; border-radius: 50%; padding: 2px 5px; line-height: 1; font-family: Arial, Helvetica, sans-serif; font-size: 9px; vertical-align: top; margin-left: -7px; -webkit-transition: 0.2s ease; transition: 0.2s ease; }

.cart-contents:hover .cart-contents-count { background-color: #22a66c; }

body.page-tribe-attendee-registration .tribe-tickets__registration { max-width: 100% !important; }

body.page-tribe-attendee-registration .tribe-common .tribe-tickets__mini-cart { display: none !important; }

.tribe-link-view-attendee { display: none !important; }

pre * { white-space: initial; }

.page-id-18524 h3 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; margin-bottom: 0; }

#rcp_registration_form { padding: 0 !important; }

.rcp_logged_in a { font-weight: 500; display: inline-block; margin-top: 20px; padding: 1px 13px 3px 13px; background-color: #22a66c; border-radius: 2px; line-height: 1.5; color: #ffffff; }

input[type="submit"].rcp_submit, input[type="submit"].rcp-button { padding: 10px 15px; background-color: #f7f7f7; color: #000000; font-weight: 400; line-height: 1.5; border-radius: 2px; display: inline-block; }

.rcp_logged_in a:hover { background-color: #1f9964; }

.rcp-table th, .woocommerce th { font-family: "canada-type-gibson", sans-serif; font-size: 1.3rem; color: #333333; padding: 20px 15px !important; border-right: 1px solid #dddedf; letter-spacing: 0.5px; }

.rcp-table th:last-child, .woocommerce th:last-child { border-right: none; }

td[data-th="Actions"] a { color: #22a66c; }

td[data-th="Actions"] a:hover { color: #1c355e; }

.rcp_form legend { font-family: "canada-type-gibson", sans-serif; font-size: 1.6rem; margin-bottom: 1.5em; font-weight: 400; }

.rcp_form input:focus { outline: none; }

.rcp_form input[type=email], .rcp_form input[type=password], .rcp_form input[type=text], .rcp_form select { max-width: 500px; padding: 8px !important; color: #1c355e; background-color: #ffffff; border: 1px solid #d9dadb; border-radius: 2px; width: 100%; font-weight: 100; }

.rcp_form select { border: 1px solid #d9dadb; border-radius: 2px; }

.rcp_form p { margin: 0 0 15px !important; max-width: 500px; line-height: 1.5; }

.rcp-table thead, .woocommerce thead { background-color: #f7f7f7; }

.rcp_form fieldset { margin-bottom: 30px !important; }

.rcp_form label { font-size: 1.3rem; font-weight: 400; letter-spacing: 0.25px; margin-bottom: 0.5em; color: #111111; }

.tribe-checkout-backlink + .tribe-checkout-backlink { margin-left: 10px; }

.tribe-checkout-backlinks { margin-bottom: 10px; }

.tribe-checkout-backlinks a { color: #525252; letter-spacing: 0.25px; }

.tribe-common.tribe-tickets { margin: 0 !important; }

footer ul.members-links li a:hover { color: #22a66c; -webkit-transition: ease 0.2s; transition: ease 0.2s; }

#rcp_login_form #rcp_login_submit { padding: 7px 12px; background-color: #22a66c; color: #ffffff; cursor: pointer; }

#bbpress-forums { font-family: "canada-type-gibson", sans-serif; }

#bbpress-forums #bbp-search-form { margin-bottom: 10px; }

.bbp-form input { border: 1px solid #ddd; outline: none !important; }

.bbp-form input[type="checkbox"] { margin: 0 5px 8px 0 !important; }

#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics { border: unset; }

.bbp-topic-meta { display: none; }

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: #ffffff; border-top: unset; padding: 15px 20px; }

#bbpress-forums li.bbp-header { margin-bottom: 40px; border-bottom: 1px solid #F0F2F7; }

#bbpress-forums li.bbp-footer { margin-top: 20px; }

#bbpress-forums li.bbp-body ul + ul { margin-top: 20px !important; }

#bbpress-forums li.bbp-body ul li { font-weight: 500; line-height: 1.5; }

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 3px solid #22a66c; background-color: #f7f7f7; overflow: hidden; padding: 30px 20px; }

ul.forum-titles li { font-weight: 500; font-size: 1.4rem; pointer-events: none; }

#bbpress-forums #bbp-search-form #bbp_search { display: inline-block; width: auto; background: #fff; height: 28px; border: 1px solid #ddd; margin-right: 10px; outline: none !important; padding: 0 8px; }

.bbp-search h3, .bbp-search h3 a { font-family: "canada-type-gibson", sans-serif; }

#bbpress-forums #bbp-search-form #bbp_search_submit:focus, .bbp-form #user-submit:focus { outline: none; }

#bbp_search_submit, .bbp-form button[type="submit"] { cursor: pointer; font-family: 'sofia-pro'; padding: 5px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; font-size: 1.3rem; display: inline-block; vertical-align: bottom; }

.bbp-pagination-count { font-family: "canada-type-gibson", sans-serif; font-size: 1.3rem; }

li.bbp-forum-freshness, li.bbp-topic-freshness { pointer-events: none; }

@media (min-width: 1025px) { ul.forum-titles li { font-size: 1.6rem; }
  #bbpress-forums li.bbp-body ul li { font-size: 1.5rem; }
  #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 3px solid #22a66c; background-color: #f7f7f7; overflow: hidden; padding: 32px 20px 25px 20px; }
  .bbp-topic-permalink, .bbp-forum-title { font-size: 1.7rem; } }
/*	YouTube lazy load
***************************************************/
.youtube { /* continer (responsive) */ position: relative; cursor: pointer !important; background: #ccc no-repeat center center; background-size: cover; padding-bottom: 56.25%; /* 16:9 */ height: 0px; clear: both; background-size: cover; }

.youtube::before { /* play bubble */ content: ''; display: block; height: 60px; width: 60px; margin: -30px 0 0 -30px; border-radius: 50%; border: 2px solid #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transition: all .1s ease; transition: all .1s ease; z-index: 1; }

.youtube:hover::before { /* play bubble hover */ background: rgba(238, 238, 238, 0.4); width: 70px; height: 70px; margin: -35px 0 0 -35px; }

.youtube::after { /* Play Triangle */ content: ''; width: 0; height: 0; line-height: 0px; display: block; border-style: solid; border-width: 12px 0 12px 24px; margin: -12px 0 0 -8px; border-color: transparent transparent transparent #ffffff; position: absolute; top: 50%; left: 50%; z-index: 2; }

.youtube iframe { /* youtube embed (responsive) */ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; }

@media (min-width: 688px) { .youtube::before { /* play bubble */ height: 80px; width: 80px; margin: -40px 0 0 -40px; border-radius: 50%; }
  .youtube:hover::before { /* play bubble hover */ width: 90px; height: 90px; margin: -45px 0 0 -45px; }
  .youtube::after { /* Play Triangle */ border-width: 15px 0 15px 30px; margin: -15px 0 0 -10px; } }
@media (min-width: 1024px) { .youtube::before { /* play bubble */ height: 120px; width: 120px; margin: -60px 0 0 -60px; border-radius: 50%; }
  .youtube:hover::before { /* play bubble hover */ width: 130px; height: 130px; margin: -65px 0 0 -65px; }
  .youtube::after { /* Play Triangle */ border-width: 20px 0 20px 40px; margin: -20px 0 0 -14px; } }
.orion-energy.page-id-2785 .header-cntr .overlay-text { position: absolute; max-width: 1500px; width: 90%; bottom: unset; top: 60%; left: 50%; height: auto; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 40; text-align: left; opacity: 1; }
.orion-energy.page-id-2785 .header-cntr .overlay-text h1 { color: #262261; }
.orion-energy.page-id-2785 .header-cntr .overlay-text .btn { border: 1px solid #4C67ED; background-color: #4C67ED; }
.orion-energy.page-id-2785 .header-cntr .overlay-text .btn:hover { color: #ffffff; background-color: #637bef; border-color: #637bef; }

.orion-energy h1, .orion-energy h1 a { font-size: 2.8rem; }
.orion-energy h3, .orion-energy h3 a { font-weight: 500; }
.orion-energy h1 a:hover, .orion-energy h2 a:hover, .orion-energy h3 a:hover, .orion-energy h4 a:hover, .orion-energy h5 a:hover, .orion-energy h6 a:hover { color: #4C67ED !important; }
.orion-energy .logo img { height: auto; }
.orion-energy .energy-primary { color: #262261; }
.orion-energy .energy-secondary { color: #28DB56; }
.orion-energy .energy-third { color: #4C67ED; }
.orion-energy .energy-forth { color: #F7F9F7; }
.orion-energy .footer-cta { background-color: #262261; padding: 60px; }
.orion-energy .footer-cta a { background-color: #ffffff; color: #262261; border: currentColor; }
.orion-energy .footer-cta a i { display: none; }
.orion-energy .btn { border-radius: 5px; }
.orion-energy .header-left { width: 50%; }
.orion-energy .white-logo { display: none; }
.orion-energy .nav-area.scrolled { background-color: #262261; }
.orion-energy .nav-area.scrolled .color-logo { display: none; }
.orion-energy .nav-area.scrolled .white-logo { display: block; }
.orion-energy footer .footer-logo { max-width: 250px; }
.orion-energy .hover-overlay ~ .hover-title { display: none; }
.orion-energy .media-link { display: block; height: 100%; }
.orion-energy .media-cntr a:hover > .third-overlay { background-color: #4C67ED; opacity: 0.85; }
.orion-energy .media-link:hover .hover-overlay ~ .hover-title { display: block; position: absolute; padding: 20px; opacity: 1; z-index: 30; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 4rem; text-align: center; color: white; }
.orion-energy .content li::before { color: #28DB56; }
.orion-energy .media-link .img-cntr { padding-bottom: 56%; }

@media (min-width: 340px) { .orion-energy h1, .orion-energy h1 a { font-size: 3.4rem; } }
@media (min-width: 700px) { .orion-energy.page-id-2785 .header-cntr { height: 600px; }
  .orion-energy.page-id-2785 .header-cntr .overlay-text { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .orion-energy h1, .orion-energy h1 a { font-size: 5rem; max-width: 60%; }
  .orion-energy .header-left { width: 35%; }
  .orion-energy .media-cntr .img-cntr { float: left; height: inherit; }
  .orion-energy .media-cntr .media-content { float: right; } }
@media (min-width: 1025px) { .orion-energy.page-id-2785 .header-cntr { height: 700px; }
  .orion-energy h1, .orion-energy h1 a { font-size: 6rem; max-width: 50%; }
  .orion-energy .header-left { width: 20%; }
  .orion-energy .media-cntr .media-content { padding: 40px; }
  .orion-energy .footer-cta h3 { font-size: 4rem; }
  .orion-energy .footer-cta .cta-links { margin-left: 60px; }
  .orion-energy .footer-cta .cta-links a { max-width: unset; } }
@media (min-width: 1300px) { .orion-energy.page-id-2785 .header-cntr { height: 800px; }
  .orion-energy.page-id-2785 .header-cntr h1, .orion-energy.page-id-2785 .header-cntr h1 a { font-size: 8rem; max-width: 50%; } }
.content ul li::before { content: '\f105'; font-family: "Font Awesome 5 Pro"; color: #22a66c; font-size: 1.4rem; font-weight: 700; position: absolute; left: 0; line-height: 1.8; }

.content ul li { position: relative; padding-left: 15px; margin-bottom: 5px; }

.child-menu a { -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; }

.content a:not(.btn):hover, .entry-title a:hover, .child-menu a:hover, a.post-title:hover h3 { color: #22a66c; -webkit-transition: 0.2s ease; transition: 0.2s ease; }

aside .content ul li::before, .z-content .content ul li::before { content: '\f00c'; }

aside .content ul li, .z-content .content ul li { padding-left: 24px; }

.home h1, .home h1 a { font-weight: 500; letter-spacing: 1.5px; }

.zigzag-rows li.ba2 { border-width: 0; }

main.pr80 { padding-right: 0px; }

main.br1 { border-right-width: 0; }

.icon-nav, .slick-slider { display: none !important; }

.slick-initialized { display: block !important; }

.nav button.slick-active, .nav button.slick-slide { display: none !important; }

.nav .services h3 { margin-bottom: 0 !important; color: #1c355e; }

.nav .services { cursor: pointer; -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; background-color: #f7f7f7; }

.services.slick-current { background-color: #22a66c; vertical-align: middle; }
.services.slick-current h3 { color: #ffffff; }

.nav .services:hover { background-color: #22a66c; -webkit-transition: 0.25s ease; transition: 0.25s ease; }
.nav .services:hover h3 { color: #ffffff; }

.slider-for .slider-description h3 { display: inline-block; position: relative; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

.slider-for .slider-description h3::after { content: ""; position: absolute; left: 0; bottom: -3px; height: 2px; background: #22a66c; width: 0; opacity: 0; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; }

.slider-for .slider-description h3:hover::after { width: 100%; opacity: 1; }

.entry-title > * { vertical-align: middle; }

.footer-cta { position: relative; padding: 30px 10px; }

.footer-cta .btn-white { border: 2px solid #FFFFFF; }

.footer-cta .btn-white:hover { border: 2px solid #FFFFFF; }

.footer-cta .cta-links { margin-top: 15px; position: relative; }

.footer-cta h3 { text-align: center; font-size: 2.2rem; color: #ffffff; font-weight: 500; }

.footer-cta .btn-lg { padding: 1rem 1rem 0.8rem; }

.footer-cta a.btn { display: block; max-width: 170px; margin: 0 auto; text-align: center; }

.footer-cta a.btn:nth-child(2) { margin: 10px auto 0; }

main .telephone:hover, main .email:hover { color: #22a66c; -webkit-transition: ease 0.2s; transition: ease 0.2s; }

.lls-filter { padding: 30px 5px; z-index: 40; position: relative; }

.fa-filter { font-size: 1.2rem; color: #22a66c; }

.category-filter { width: auto; }

.category-filter + .category-filter { margin-left: 5px; }

.post-title { position: absolute; bottom: 0; left: 0; width: 101%; height: auto; padding: 20px 0; z-index: 30; background-color: rgba(247, 247, 247, 0.92); }

.post-title h3 { margin-bottom: 0; }

.post-title h3 i { position: relative; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.icon-cards { background-color: #22a66c; min-height: 275px; padding: 40px; -webkit-animation: reverse-lift-up 0.4s ease both; animation: reverse-lift-up 0.4s ease both; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.sectors { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: rgba(255, 255, 255, 0.8); background-blend-mode: overlay; }

a.box-link:hover .icon-cards { background-color: #1c355e; -webkit-animation: lift-up 0.4s ease both; animation: lift-up 0.4s ease both; }

.icon-cards svg { height: auto; width: 100px; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); -webkit-transform-origin: center center; transform-origin: center center; }

.sectors svg { height: auto; width: 70px; position: relative; top: 0; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; }

.sectors h3 { -webkit-transition: ease 0.25s; transition: ease 0.25s; }

.icon-cards svg .cls-1 { fill: #FFFFFF !important; -webkit-transition: ease 0.25s; transition: ease 0.25s; }

a.box-link:hover .sectors { -webkit-filter: brightness(93%); filter: brightness(93%); -webkit-transition: 0.4s ease; transition: 0.4s ease; }

a.box-link:hover .icon-cards svg { -webkit-animation: zoom-in 0.4s ease both; animation: zoom-in 0.4s ease both; -webkit-transform-origin: center center; transform-origin: center center; }

a.box-link:hover .icon-cards h3 i { color: #1c355e; -webkit-transition: ease 0.25s; transition: ease 0.25s; }

.card { min-height: 150px; padding: 30px 20px; border: 2px solid #F5F5F5; }

.vacancies { border: 2px solid #F5F5F5; }

.vacancies p { font-weight: 400; }

.wpcf7-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.file-label { display: inline-block; margin-bottom: 20px; font-weight: 400; }

.file-label:hover { cursor: pointer; }

.meta { display: block; }

.post-meta .meta + .meta { margin-top: 10px; }

.pull-quote > * { font-weight: 500; }

.pull-quote img.quote { width: 35px; height: auto; margin-bottom: 10px; }

.related-links a { border-radius: 0; }

.related-links a { margin-right: 10px; margin-bottom: 10px; }

@media (min-width: 360px) { .category-filter { width: 125px; }
  .category-filter + .category-filter { margin-left: 8px; }
  .post-meta div > * { vertical-align: middle; } }
@media (min-width: 400px) { .single-post .post-meta .meta { float: left; padding-top: 3px; }
  .single-post .post-meta .meta + .meta { margin-top: 0; padding-left: 25px; }
  .single-post .social-share { float: right; margin-top: 0; }
  .single-post .social-share p { padding-right: 10px; } }
@media (min-width: 700px) { .home h1, .home h1 a { font-size: 4.4rem; }
  .footer-cta { padding: 40px; text-align: center; min-height: 125px; }
  .footer-cta h3 { display: inline-block; vertical-align: middle; font-size: 2.4rem; margin-bottom: 0; }
  .footer-cta .cta-links { margin-left: 25px; margin-top: 0; display: inline-block; }
  .footer-cta a.btn { display: inline-block; vertical-align: middle; max-width: 200px; margin: unset; text-align: center; }
  .footer-cta a.btn:nth-child(2) { margin: unset; margin-left: 8px; }
  .footer-cta .btn-lg { padding: 1rem 1.4rem 0.8rem; }
  .category-filter { width: 175px; }
  .single-post .post-meta .meta + .meta { margin-top: 0; padding-left: 30px; } }
@media (min-width: 800px) { .post-title h3, .post-title h3 a { font-size: 1.7rem; }
  .post-meta .meta { float: left; padding-top: 3px; }
  .post-meta .meta + .meta { margin-top: 0; padding-left: 25px; }
  .social-share { float: right; margin-top: 0; }
  .social-share p { padding-right: 10px; }
  .cta-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .cta-banner .headline { margin-bottom: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .cta-banner .headline h3 { margin-bottom: 0 !important; }
  .cta-banner .headline img { margin-left: 10px; }
  .cta-banner a.btn { margin-left: 40px; } }
@media (min-width: 1025px) { .home h1, .home h1 a { font-size: 5.2rem; }
  .card { padding: 30px; }
  footer .separator::after { content: ''; position: absolute; height: 140px; top: 0; right: 0; border-right: 2px solid #ECEEF3; }
  footer .separator:last-child::after { border-right: none; }
  .footer-cta { padding: 40px; min-height: 120px; }
  .footer-cta h3 { font-size: 2.8rem; }
  .footer-cta .btn-lg { padding: 1.2rem 2.5rem 1rem; }
  .footer-cta .cta-links { margin-left: 50px; }
  .footer-cta a.btn:nth-child(2) { margin-left: 10px; }
  .post-meta .meta + .meta { margin-top: 0; padding-left: 30px; }
  main.pr80 { padding-right: 80px; }
  main.br1 { border-right-width: 2px; }
  .home .zigzag-rows:only-child .content-grow-60 .auto-center { padding: 0 80px 0 60px; } }
@media (min-width: 1200px) { .home h1, .home h1 a { font-size: 6.5rem; }
  .post-title h3, .post-title h3 a { font-size: 1.8rem; }
  .vacancies .card-content { padding: 40px; }
  .pull-quote { padding: 50px 40px; }
  aside { padding-left: 40px; }
  .footer-cta h3 { font-size: 3rem; }
  .home .zigzag-rows:only-child .content-grow-60 .auto-center { padding: 0 100px 0 100px; }
  .zigzag-rows li.ba2 { border-width: 2px; } }
@media (min-width: 1500px) { aside { padding-left: 70px; } }

/*# sourceMappingURL=style.css.map */