/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/icon?family=Material+Icons');*/

:root {
    --black: #000000;
    --blue-ex-lt: #F0FAFF;
    --blue-lt: #68CDF1;
    --blue-md: #22A1DB;
    --blue-dk: #0D58A0;
    --blue-black: #1D384B;
    --green-bright: #75E1A0;
    --gray1: #FAFAFB;
    --gray2: #F1F6FE;
    --gray3: #737474;
    --gray4: #373F41;
    --white: #FFFFFF;
    --contentBreakpoint: 1280px;
    --marginBreakpoint1: 50px;
    --marginBreakpoint2: 30px;
    --defaultPaddingLeftAndRight: 0px;
    --defaultPaddingTopAndBottom: 60px;
    --headerHeight: 120px;
    --headerHeightMobile: 100px;
    --headerBgColor: #22a1db;
    --logoWidth: 80px;
    --logoWidthMobile: 63px;
    --subheaderHeight: px;
    --footerBgColor: #22a1db;
    --footerHeight: px;
    --h1_Color: #22a1db;
    --h1_FontSizeDesktop: 38px;
    --h1_FontWeightDesktop: 500;
    --h1_LineHeightDesktop: 42px;
    --h1_BottomMarginDesktop: 0px;
    --h1_FontSizeMobile: 34px;
    --h1_FontWeightMobile: 500;
    --h1_LineHeightMobile: 36px;
    --h1_BottomMarginMobile: 0px;
    --h2_Color: #22a1db;
    --h2_FontSizeDesktop: 24px;
    --h2_FontWeightDesktop: 400;
    --h2_LineHeightDesktop: 29px;
    --h2_BottomMarginDesktop: 10px;
    --h2_FontSizeMobile: 24px;
    --h2_FontWeightMobile: 400;
    --h2_LineHeightMobile: 29px;
    --h2_BottomMarginMobile: 10px;
    --h3_Color: #22a1db;
    --h3_FontSizeDesktop: 20px;
    --h3_FontWeightDesktop: 400;
    --h3_LineHeightDesktop: 24px;
    --h3_BottomMarginDesktop: 10px;
    --h3_FontSizeMobile: 20px;
    --h3_FontWeightMobile: 400;
    --h3_LineHeightMobile: 24px;
    --h3_BottomMarginMobile: 10px;
    --h4_Color: #22a1db;
    --h4_FontSizeDesktop: 16px;
    --h4_FontWeightDesktop: 400;
    --h4_LineHeightDesktop: 18px;
    --h4_BottomMarginDesktop: 0px;
    --h4_FontSizeMobile: 16px;
    --h4_FontWeightMobile: 400;
    --h4_LineHeightMobile: 18px;
    --h4_BottomMarginMobile: 0px;
}

/* ELEMENTS */
#top form {
    margin-bottom: unset;
}
#top label {
    font-size: unset;
}
.hideUponInitialPageLoad {
    display: none;
}
.hideSectionOnMobile {
    display: block;
}
.hideSectionOnDesktop {
    display: none;
}
body {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: var(--blue-black);
}
a {
    border: none !important;
    outline: none !important;
    text-decoration: underline;
    font-weight: 500;
    color: var(--blue-lt);
}
p {
    margin-top: 1.5rem !important;
    margin-bottom: 0 !important;
}
img {
    border: none;
    outline: none;
}
.clear {
    clear: both;
}
.center {
    text-align: center !important;
}
.centered {
    margin: 0 auto;
}
.material-icons.arrow_forward {
    font-size: 15px;
    top: 2px;
    position: relative;
}

/* ACCESSIBILITY */
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*	HEADINGS */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
h1 {
    position: relative;
    color: var(--h1_Color);
    font-size: var(--h1_FontSizeDesktop);
    font-weight: var(--h1_FontWeightDesktop);
    line-height: var(--h1_LineHeightDesktop);
    margin-bottom: var(--h1_BottomMarginDesktop);
}
h1.site_map {
    font-size: 22px !important;
    text-align: left;
    margin-bottom: 0;
}
h1.large {
    font-size: 52px !important;
    line-height: 56px !important;
}
h1.bold {
    font-weight: 500 !important;
}
h2 {
    color: var(--h2_Color);
    font-size: var(--h2_FontSizeDesktop);
    font-weight: var(--h2_FontWeightDesktop);
    line-height: var(--h2_LineHeightDesktop);
    margin-bottom: var(--h2_BottomMarginDesktop);
}
h2.large {
    font-size: 36px !important;
}
h1.center, h2.center, h3.center, h4.center {
    text-align: center;
}
h2.normal {
    font-size: 30px !important;
    margin-bottom: 20px !important;
}
h3 {
    color: var(--h3_Color);
    font-size: var(--h3_FontSizeDesktop);
    font-weight: var(--h3_FontWeightDesktop);
    line-height: var(--h3_LineHeightDesktop);
    margin-bottom: var(--h3_BottomMarginDesktop);
}
h3.small {
    font-size: 15px !important;
    font-weight: 500 !important;
}
h4 {
    color: var(--h4_Color);
    font-size: var(--h4_FontSizeDesktop);
    font-weight: var(--h4_FontWeightDesktop);
    line-height: var(--h4_LineHeightDesktop);
    margin-bottom: var(--h4_BottomMarginDesktop);
}
h5 {
    color: var(--h5_Color);
    font-size: var(--h5_FontSizeDesktop);
    font-weight: var(--h5_FontWeightDesktop);
    line-height: var(--h5_LineHeightDesktop);
    margin-bottom: var(--h5_BottomMarginDesktop);
}
h6 {
    color: var(--h6_Color);
    font-size: var(--h6_FontSizeDesktop);
    font-weight: var(--h6_FontWeightDesktop);
    line-height: var(--h6_LineHeightDesktop);
    margin-bottom: var(--h6_BottomMarginDesktop);
}

/* COLORS */
.black {
    color: var(--black);
}
.gray1 {
    color: var(--gray1);
}
.gray2 {
    color: var(--gray2);
}
.gray3 {
    color: var(--gray3);
}
.gray4 {
    color: var(--gray4);
}
.white {
    color: var(--white);
}
.lt_blue {
    color: var(--blue-lt);
}
.md_blue {
    color: var(--blue-md);
}
.dk_blue {
    color: var(--blue-dk);
}
.bg_blue_black {
    background-color: var(--blue-black);
}
.bg_black {
    background-color: var(--black);
}
.bg_gray1 {
    background-color: var(--gray1);
}
.bg_gray2 {
    background-color: var(--gray2);
}
.bg_gray3 {
    background-color: var(--gray3);
}
.bg_gray4 {
    background-color: var(--gray4);
}
.bg_lt_blue {
    background-color: var(--blue-lt);
}
.bg_md_blue {
    background-color: var(--blue-md);
}
.bg_dk_blue {
    background-color: var(--blue-dk);
}

.no_padding {
    padding: 0 !important;
}
.no_margin {
    margin: 0 !important;
}

.full_bg_gray1:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    left: -50%;
    background-color: var(--gray1);
}
.full_bg_blue_ex_lt:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    left: -50%;
    background-color: var(--blue-ex-lt);
}

.width_20 {
    width: 20% !important;
    vertical-align: top;
}
.width_25 {
    width: 24.5% !important;
    vertical-align: top;
}
.width_33 {
    width: 33% !important;
    vertical-align: top;
}
.width_40 {
    width: 40% !important;
    vertical-align: top;
}
.width_50 {
    width: 50% !important;
    vertical-align: top;
}
.width_60 {
    width: 60% !important;
    vertical-align: top;
}
.width_66 {
    width: 66% !important;
    vertical-align: top;
}
.width_70 {
    width: 70% !important;
    vertical-align: top;
}
.width_75 {
    width: 75% !important;
    vertical-align: top;
}
.width_80 {
    width: 80% !important;
    vertical-align: top;
}
.width_90 {
    width: 90% !important;
    vertical-align: top;
}
.width_100 {
    width: 100% !important;
}
.width_20.center_alt,
.width_25.center_alt,
.width_33.center_alt,
.width_40.center_alt,
.width_50.center_alt,
.width_60.center_alt,
.width_66.center_alt,
.width_70.center_alt,
.width_75.center_alt,
.width_80.center_alt,
.width_90.center_alt {
    margin: 0 auto !important;
}
.spacer_5 {
    margin-top: 5px !important;
}
.spacer_10 {
    margin-top: 10px !important;
}
.spacer_15 {
    margin-top: 15px !important;
}
.spacer_20 {
    margin-top: 20px !important;
}
.spacer_25 {
    margin-top: 25px !important;
}
.spacer_30 {
    margin-top: 30px !important;
}
.spacer_35 {
    margin-top: 35px !important;
}
.spacer_40 {
    margin-top: 40px !important;
}
.spacer_45 {
    margin-top: 45px !important;
}
.spacer_50 {
    margin-top: 50px !important;
}
.spacer_55 {
    margin-top: 55px !important;
}
.spacer_60 {
    margin-top: 60px !important;
}
.spacer_70 {
    margin-top: 70px !important;
}
.spacer_80 {
    margin-top: 80px !important;
}

/* MAIN */
#main, .avia-msie-8 .av_header_sticky_disabled#header {
    background-color: transparent;
}
#main .landing-page {
    min-height: calc(100vh - 184px);
}
.container, .content {
    padding: 0;
}
.av-layout-grid-container {
    display: block;
}

/* HERO */
#hero .flex_cell {
    padding-bottom: 20px;
}
#hero.home .flex_cell {
    padding-top: 80px;
    padding-bottom: 80px;
}
#hero_text_inner {
    margin-top: 10px;
}

/* CELLS */
.flex_cell {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
}
.flex_cell.av_one_full {
    width: 100%;
    padding: 60px 0;
}
.flex_cell.avia-builder-el-first {
    padding-left: 0;
}
.flex_cell.avia-builder-el-last {
    padding-right: 0;
}

/* VIDEOS */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* SLIDER - SPLIDE */
.splide__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 1;
}
.splide__arrows button {
    background: none;
    padding: 0;
}
.splide__arrow--prev,
.splide__arrow--next {
    color: var(--gray4);
    border: none;
}
.splide__arrow--prev .material-icons-outlined,
.splide__arrow--next .material-icons-outlined {
    font-size: 54px;
}
.splide__controls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.splide__controls .splide__toggle {
    background: var(--gray3);
    border: 1px solid var(--gray4);
    border-radius: 50%;
    height: 1.8rem;
    transition: background-color .2s ease;
    width: 1.8rem;
    padding: 7px;
}
.splide__controls .splide__toggle:hover {
    background: var(--blue-md);
    border: 1px solid var(--blue-md);
}
.splide__controls .splide__toggle__play {
    margin-left: 2px;
}
.splide__pagination li button.splide__pagination__page {
    width: 13px;
    height: 13px;
    margin: 0 5px;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid var(--gray3);
}
.splide__pagination li button.splide__pagination__page.is-active {
    background: var(--gray3);
}

/* SLIDER */
.slider .content {
    height: 100%;
}
.slider .copy-outer {
    position: relative;
    height: 100%;
    pointer-events: none;
    /*
    opacity: 0;
    top: 40px;
    */
}
.slider .copy {
    margin: 0 auto;
    height: 100%;
    /*margin: 50px 0 0 80px;*/
    /*margin-top: 30px;*/
    /*padding: 0 15px;*/
    color: #444;
    /*text-shadow: 1px 1px 15px #666;*/
    /*line-height: 45px;*/
    /*
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 45px;
    text-transform: uppercase;
    */
}
.slider.grayscaleSliderMargin {
    margin-left: 25%;
    margin-right: 25%;
}
.slider_outer, .bx-viewport, .slide, .slider_inner {
    height: auto;
}
.slider_outer.full_height {
    /*min-height: calc(100vh - 60px);*/

    /* For creating page space prior to slider load - see functions_main.js - section.carousel.full_height - for setting actual slider height. */
    min-height: 90vh;
    max-height: 90vh;
}
.slider_outer.full_section_height {
    min-height: 100%;
    max-height: 100%;
}
.slide {
    cursor: pointer;
}
.slide_inner {
    height: 100%;
}
.slide_inner img {
    width: 100%;
}
/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
    .slide_inner .content {
        width: 100%; /* IE Fix to make centered */
    }
}
.slide_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
}

/* Set images to gray scale */
#photo_slider .slide_bg {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .8s ease-in-out;
}
#photo_slider .slide_bg:hover,
#photo_slider .is-active .slide_bg {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1);
}
#photo_slider .splide__controls {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

@media only screen and (max-width: 1360px) {
    .container {
        padding: 0 50px;
    }
}
@media only screen and (max-width: 989px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        overflow: visible;
    }
}
@media only screen and (max-width: 767px) {
    .hideSectionOnMobile {
        display: none;
    }
    .hideSectionOnDesktop {
        display: block;
    }
    .container {
        padding: 0 30px;
    }
    .responsive #top #wrap_all .container {
        width: 100%;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .responsive #header_main .container {
        height: var(--headerHeightMobile) !important;
        width: 100% !important;
        max-width: none !important;
        padding: 0 30px !important;
    }

    /* HERO */
    #hero .flex_cell {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    #hero .flex_cell:first-of-type {
        padding-bottom: 0;
    }
    #hero.home .flex_cell {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #hero.home .flex_cell:first-of-type {
        padding-bottom: 0;
    }
    #hero .flex_cell:last-of-type {
        padding-bottom: 20px;
    }
    #hero .flex_cell:last-of-type img {
        margin-left: -20px;
    }
    #hero_text {
        margin: 0;
    }

    /* SLIDER */
    .slider.grayscaleSliderMargin {
        margin-left: 28%;
        margin-right: 28%;
    }
}