/* General */
.twWidthWrapper {
    width: 100%;
    max-width: 1214px;
    padding: 0 32px;
    box-sizing: border-box;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .twWidthWrapper {
        padding: 0 24px;
    }
}

@media (min-width: 768px) {
    .twMobile {
        display: none!important;
    }
}

@media (max-width: 767px) {
    .twDesktop {
        display: none!important;
    }
}


/* Header */
.twHeader {
    z-index: 40;
    transition: .3s background ease, .3s box-shadow ease;
    position: fixed; top: 0;
    left: 0;
    width: 100%;
}

html.fl-builder-edit .twHeader {
    top: 42px;
}

@media (min-width: 601px) {
    body.admin-bar .twHeader {
        top: 32px;
    }
}

.twHeader_Content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
}

.twHeader_Logo {
    position: relative;
    transition: .3s opacity ease;
}

.twHeader_Logo:hover {
    opacity: .6;
}

.twHeader_LogoDark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: .3s opacity ease;
}

.twHeader_MainNav ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.twHeader_MainNav li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 0 2em;
}

.twHeader_MainNav a {
    color: #fff;
    font-size: 18px;
    transition: .3s color ease, .3s background ease;
    text-decoration: none!important;
}

.twHeader_Burger {
    position: relative;
    top: .2em!important;
    transition: .3s color ease;
    font-size: 14px;
    margin-right: -12px;
    border: none!important;
    background: none!important;
}

.twHeader_Burger svg {
    fill: #fff;
    display: inline-block;
    margin: 0 0 0 .3em;
    position: relative;
    top: -.15em;
    transition: .6s transform ease, .3s fill ease;
    width: 12px;
    height: 6px;
}

body.AfterScroll .twHeader {
    box-shadow:  0 4px 24px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
}

body.AfterScroll .twHeader a {
    color: #666666;
}

body.AfterScroll .twHeader_LogoDark {
    opacity: 1;
}

body.AfterScroll .twHeader_Burger {
    color: #000;
}

body.AfterScroll .twHeader_Burger svg {
    fill: #000;
}


@media (min-width: 800px) {
    .twHeader_Burger {
        display: none;
    }
    
    .twHeader_MainNav li ul {
        pointer-events: none;
        transform: translate3d(0,-.5em,0);
        opacity: 0;
        transition: .3s transform ease, .3s opacity ease;
        white-space: nowrap;
        display: block;
        border-radius: 4px;
        position: absolute;
        top: calc(100% + 1em);
        left: -16px;
        background: #fff;
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
    }

    .twHeader_MainNav li ul::before {
        content: ' '; 
        display: block;
        width: 100%;
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 1em;
    }

    .twHeader_MainNav .menu-group li ul {
        pointer-events: none;
        transform: translate3d(0,-.5em,0);
        opacity: 0;
        transition: .3s transform ease, .3s opacity ease;
        white-space: nowrap;
        display: block;
        border-radius: 4px;
        position: relative;
        top: calc(100% + 1em);
        left: 0px;
        background: #fff;
        box-shadow: none;
    }

    .twHeader_MainNav .menu-group li ul::before {
        content: ' '; 
        display: block;
        width: 100%;
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 0;
    }

    .twHeader_MainNav li.menu-item-has-children > a::after {
        display: inline-block;
        width: 6px;
        height: 6px;
        transition: .3s transform ease;
        content: ' ';
        border-top-width: 2px;
        border-top-style: solid;
        border-right-width: 2px;
        border-right-style: solid;
        transform: rotate(135deg);
        margin-left: 0.4em;
        margin-bottom: 8px;
        vertical-align: middle;
    }

    .twHeader_MainNav li.menu-group-name > a::after {
        display: none;
    }
    
    .twHeader_MainNav li.menu-item-has-children.Activated > a::after {
        transform:rotate(180deg);
    }


    .twHeader_MainNav li ul li {
        margin:0;
    }
    
    .twHeader_MainNav li:hover ul {
        pointer-events:inherit;
        transform:translate3d(0,0,0);
        opacity:1;
    }

    .twHeader_MainNav li ul li a {
        color:#666666;
        display:block;
        padding:12px 16px;
    }

    .twHeader_MainNav .menu-group-name > a {
        color:#B3B3B3 !important;
        font-size: 14px;
        cursor: default;
        pointer-events: none;
        padding: 16px 16px 8px;
    }

    .twHeader_MainNav li ul li:first-child a {
        border-radius: 4px 4px 0 0;
    }

    .twHeader_MainNav li ul li:last-child a {
        border-radius: 0 0 4px 4px;
    }

    .twHeader[data-style='Navy'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: inline-block;
        transition: .3s background ease;
        color: #fff!important;
        background: #001E62;
    }

    .twHeader[data-style='Navy'] .twHeader_MainNav li.Button a:hover {
        color: #FFF!important;
        background: #000b25;
    }

    .twHeader[data-style='Green'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: inline-block;
        transition: .3s background ease;
        color: #fff!important;
        background: #3BA150;
    }

    .twHeader[data-style='Green'] .twHeader_MainNav li.Button a:hover {
        color: #FFF!important;
        background: #247835;
    }

    .twHeader[data-style='Green3'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: inline-block;
        transition: .3s background ease;
        color: #fff!important;
        background: #247835;
    }

    .twHeader[data-style='Green3'] .twHeader_MainNav li.Button a:hover {
        color: #FFF!important;
        background: #001229;
    }

    .twHeader[data-style='Pink3'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: inline-block;
        transition: .3s background ease;
        color: #fff!important;
        background: #c7505a;
    }

    .twHeader[data-style='Pink3'] .twHeader_MainNav li.Button a:hover {
        color: #FFF!important;
        background: #001229;
    }

    .twHeader[data-style='Blue3'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: inline-block;
        transition: .3s background ease;
        color: #fff!important;
        background: #018591;
    }

    .twHeader[data-style='Blue3'] .twHeader_MainNav li.Button a:hover {
        color: #FFF!important;
        background: #001229;
    }
    
    body.AfterScroll .twHeader[data-style='Navy'] .twHeader_MainNav li.Button a {
        background: #001E62;
    }

    body.AfterScroll .twHeader[data-style='Navy'] .twHeader_MainNav li.Button a:hover {
        background: #000b25;
    }

    body.AfterScroll .twHeader[data-style='Green'] .twHeader_MainNav li.Button a {
        background: #3BA150;
    }

    body.AfterScroll .twHeader[data-style='Green'] .twHeader_MainNav li.Button a:hover {
        background: #247835;
    }

    body.AfterScroll .twHeader[data-style='Green3'] .twHeader_MainNav li.Button a {
        background: #3BA150;
    }

    body.AfterScroll .twHeader[data-style='Green3'] .twHeader_MainNav li.Button a:hover {
        background: #247835;
    }

    body.AfterScroll .twHeader[data-style='Pink3'] .twHeader_MainNav li.Button a {
        background: #ff808b;
    }

    body.AfterScroll .twHeader[data-style='Pink3'] .twHeader_MainNav li.Button a:hover {
        background: #c7505a;
    }

    body.AfterScroll .twHeader[data-style='Blue3'] .twHeader_MainNav li.Button a {
        background: #00a5ad;
    }

    body.AfterScroll .twHeader[data-style='Blue3'] .twHeader_MainNav li.Button a:hover {
        background: #018591;
    }


    body:not(.AfterScroll) .twHeader:hover {
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
        background: #fff;
    }

    body:not(.AfterScroll) .twHeader:hover a {
        color: #666666;
    }

    body:not(.AfterScroll) .twHeader:hover .menu-group-name > a {
        color: #B3B3B3;
    }

    body:not(.AfterScroll) .twHeader:hover .twHeader_LogoDark {
        opacity: 1;
    }
    
    .twHeader[data-style='Navy'] .twHeader_MainNav a:hover {
        color: #001E62;
    }

    .twHeader[data-style='Green'] .twHeader_MainNav a:hover {
        color: #3BA150;
    }

    .twHeader[data-style='Green3'] .twHeader_MainNav a:hover {
        color: #001229;
    }

    .twHeader[data-style='Pink3'] .twHeader_MainNav a:hover {
        color: #001229;
    }

    .twHeader[data-style='Blue3'] .twHeader_MainNav a:hover {
        color: #001229;
    }

    .twHeader[data-style='Green'] li ul li a:hover {
        color: #3BA150;
        background: #eff8f1;
    }

    .twHeader[data-style='Green3'] li ul li a:hover {
        color: #3BA150;
        background: #eff8f1;
    }

    .twHeader[data-style='Pink3'] li ul li a:hover {
        color: #ff808b;
        background: #eff8f1;
    }

    .twHeader[data-style='Blue3'] li ul li a:hover {
        color: #00a5ad;
        background: #eff8f1;
    }

    .twHeader_MainNav .menu-group-name > a:hover {
        color: #B3B3B3 important;
        background: none !important;
    }

    .twHeader_MainNav .menu-group a:hover {
        color: #3BA150 important;
        background: none !important;
    }

    body.AfterScroll .twHeader[data-style='Navy'] a:hover {
        color: #001E62;
    }

    body.AfterScroll .twHeader[data-style='Green'] a:hover {
        color: #3BA150;
    }

    body.AfterScroll .twHeader[data-style='Green3'] a:hover {
        color: #3BA150;
    }
    
    body.AfterScroll .twHeader[data-style='Pink3'] a:hover {
        color: #ff808b;
    }
    
    body.AfterScroll .twHeader[data-style='Blue3'] a:hover {
        color: #00a5ad;
    }

    
    .twHeader .sub-menu {
        display: block !important;
    }

    .twHeader .menu-group .sub-menu {
        display: flex !important;
        align-items: flex-start;
    }

    .twHeader .menu-group > ul {
        padding: 16px;
        transform: translateX(-34%) !important;
    }

    .twHeader .menu-group-name {
        min-width: 240px;
    }

    .twHeader .menu-group-name .sub-menu {
        display: block !important;
    }
}

@media (max-width: 800px) {
    .twHeader_Content {
        padding:18px 0 20px 0;
    }

    .twHeader_Logo img {
        width:130px;
        display:block;
    }

    .twHeader_MainNav {
        transition: .3s opacity ease;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 70px 0 0 0;
    }

    .twHeader_MainNav > div {
        width: 100%;
        height: 100%;
        background: #fff;
        overflow-y: auto;
        padding: 0 24px;
        box-sizing: border-box;
    }

    .twHeader_MainNav ul {
        display: block;
    }

    .twHeader_MainNav > div > ul {
        padding: 24px 0;
        border-top: 1px solid #E6E6E6;
    }

    .twHeader_MainNav li {
        margin: 0;
    }

    .twHeader_MainNav li a {
        position: relative;
        font-size: 18px;
        display: block;
        padding: .5em 0;
    }

    .twHeader_MainNav .menu-group > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .twHeader_MainNav .menu-group .menu-group-name {
        width: 50%;
    }
    
    .twHeader_MainNav li ul {
        padding: .5em 0;
        background: #FAFAFA;
        margin: 0 -24px!important;
    }

    .twHeader_MainNav li ul li a {
        padding-left: 24px;
    }

    .twHeader_MainNav .menu-group-name > a {
        font-size: 13px;
        cursor: default;
        pointer-events: none;
        color: #bbb !important;
        text-transform: uppercase;
        font-weight: 700;
        padding-top: 1.2em;
    }

    .twHeader .menu-group-name > ul {
        width: 100%;
        margin: 0 !important;
        display: block !important;
    }

    .twHeader .menu-group-name > ul a {
        font-size: 16px;
    }

    .twHeader_MainNav li.menu-item-has-children > a::after {
        display: block;
        width: 12px;
        height: 6px;
        position: absolute;
        right: 0px;
        top: 18px;
        transition: .3s transform ease;
        content: ' ';
        background: url('../img/icon-chevron.svg')
    }

    .twHeader_MainNav li.menu-group-name > a::after {
        display: none;
    }

    .twHeader_MainNav li.menu-item-has-children.Activated > a::after {
        transform: rotate(180deg);
    }
    
    .twHeader[data-style='Green'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        text-align: center;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: block;
        transition: .3s background ease;
        color: #fff!important;
        background: #3BA150;
        margin-top: 1.2em;
    }

    .twHeader[data-style='Green3'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        text-align: center;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: block;
        transition: .3s background ease;
        color: #fff!important;
        background: #247835;
        margin-top: 1.2em;
    }

    .twHeader[data-style='Pink3'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        text-align: center;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: block;
        transition: .3s background ease;
        color: #fff!important;
        background: #c7505a;
        margin-top: 1.2em;
    }

    .twHeader[data-style='Blue3'] .twHeader_MainNav li.Button a {
        line-height: 1em;
        text-align: center;
        white-space: nowrap;
        border-radius: 4px;
        text-decoration: none!important;
        padding: 13px 30px 15px 30px;
        display: block;
        transition: .3s background ease;
        color: #fff!important;
        background: #018591;
        margin-top: 1.2em;
    }

    .twHeader.Activated {
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
        background: #fff;
    }

    .twHeader.Activated a {
        color: #666666;
    }

    .twHeader.Activated a:hover {
        color: #666666;
    }

    .twHeader.Activated .twHeader_LogoDark {
        opacity: 1;
    }

    .twHeader.Activated .twHeader_MainNav {
        pointer-events: inherit;
        opacity: 1;
    }

    .twHeader.Activated .twHeader_Burger {
        color: #000;
    }

    .twHeader.Activated .twHeader_Burger svg {
        fill: #000;
        transform: rotate(180deg);
    }

}

/* Buttons */
.twButton {
    margin: 0 0 0 0;
    line-height: 1em;
    white-space: nowrap;
    border-radius: 4px!important;
    text-decoration: none!important;
    font-size: 20px;
    padding: 13px 30px 15px 30px;
    display: inline-block;
    top: 0!important;
    transition: .3s background ease;
    border: none!important;
}

.fl-page-content button.twButton {
    border-radius: 4px!important;
}

.twButton[data-style='Green'] {
    color: #fff;
    background: #3BA150;
}

.twButton[data-style='Green']:hover {
    background: #247835;
}

.twButton[data-style='Green2'] {
    color: #3BA150;
    background: #ebf5ed;
}

.twButton[data-style='Green2']:hover {
    background: #d7ecdc;
}

.twButton[data-style='Green3'] {
    color: #fff;
    background: #247835;
}

.twButton[data-style='Green3']:hover {
    background: #001229;
}

.twButton[data-style='Blue'] {
    color: #fff;
    background: #00a5ad;
}

.twButton[data-style='Blue']:hover {
    background: #018591;
}

.twButton[data-style='Blue2'] {
    color: #00A5AD;
    background: #e5f6f7;
}

.twButton[data-style='Blue2']:hover {
    background: #ccedef;
}

.twButton[data-style='Blue3'] {
    color: #fff;
    background: #018591;
}

.twButton[data-style='Blue3']:hover {
    background: #001229;
}

.twButton[data-style='Pink'] {
    color: #fff;
    background: #ff808b;
}

.twButton[data-style='Pink']:hover {
    background: #c7505a;
}

.twButton[data-style='Pink2'] {
    color: #FF808B;
    background: #fff2f3;
}

.twButton[data-style='Pink2']:hover {
    background: #ffe6e8;
}

.twButton[data-style='Pink3'] {
    color: #fff;
    background: #c7505a;
}

.twButton[data-style='Pink3']:hover {
    background: #001229;
}

@media (max-width:767px) {
    .twButton {
        font-size: 16px;
        padding: 13px 25px 15px 25px;
    }
}

/* YT CTAs */
.twCta {
    padding: 6px 0 6px 0;
    top: 0!important;
    font-size: 18px;
    transition: .3s color ease;
    border: 0!important;
    background: none!important;
    outline: 0!important;
    margin-top: -7px;
}

.twCta svg {
    display: inline-block;
    width: 20px;
    position: relative;
    top: 5px;
    margin-left: 10px;
    transition: .3s fill ease;
}

.twCta[data-style='Green'] {
    color: #3BA150;
}

.twCta[data-style='Green']:hover {
    color: #247835;
}

.twCta[data-style='Green'] svg {
    fill: #3BA150;
}

.twCta[data-style='Green']:hover svg {
    fill: #247835;
}


.twCta[data-style='Blue'] {
    color: #00a5ad;
}

.twCta[data-style='Blue']:hover {
    color: #018591;
}

.twCta[data-style='Blue'] svg {
    fill: #00a5ad;
}

.twCta[data-style='Blue']:hover svg {
    fill: #018591;
}

.twCta[data-style='Pink'] {
    color: #ff808b;
}

.twCta[data-style='Pink']:hover {
    color: #c7505a;
}

.twCta[data-style='Pink'] svg {
    fill: #ff808b;
}

.twCta[data-style='Pink']:hover svg {
    fill: #c7505a;
}


@media (max-width:767px) {
    .twCta {
        font-size: 16px;
    }

    .twCta svg {
        width: 18px;
        top: 4px;
    }
}

/* Lightbox */
.twTheLightbox {
    pointer-events: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.twTheLightbox.Activated {
    pointer-events: inherit;
}

.twTheLightbox__Fader {
    position: fixed;
    opacity: 0;
    display: block;
    transform: translate3d(-25%,-25%,0) scale(1);
    border-radius: 100%;
    transition: .2s opacity ease-in-out, 1.5s transform ease-in-out;
}

.twTheLightbox.Active .twTheLightbox__Fader {
    opacity: .8;
    transform: translate3d(-25%,-25%,0) scale(250);
}

.twTheLightbox__Iframe {
    box-shadow:  0 0px 24px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 840px;
    height: 472px;
    max-width: 80%;
    max-height: 80%;
    display: block;
    transform: translate3d(-50%,-50%,0);
    opacity: 0;
    transition: .6s opacity ease;
}

.twTheLightbox.Activated.Loaded .twTheLightbox__Iframe {
    opacity: 1;
}

.twTheLightbox.Closing .twTheLightbox__Iframe {
    transition-delay: .3s;
    opacity: 0!important;
}

.twTheLightbox.Closing .twTheLightbox__Fader {
    transition: 1.5s transform ease-out;
    transform: scale(1)!important;
}

.twTheLightbox.Closing {
    transition-delay: 1.4s;
    opacity: 0;
}

.twTheLightbox__Close {
    border: none;
    background: #fff;
    border-radius: 100%;
    transition: .3s opacity ease-in-out, .3s transform ease-in-out;
    opacity: 0;
    transform: rotate(0);
    position: absolute!important;
    top: 30px!important;
    right: 50px!important;
    z-index: 999;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: 0!important;
}

.twTheLightbox__Close svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: #808080;
    transition: .3s fill ease;
}

.twTheLightbox__Close:hover {
    border: none;
    background: #fff;
    transform: rotate(90deg);
}

.twTheLightbox__Close:hover svg {
    fill: #000;
}

.twTheLightbox.Active .twTheLightbox__Close {
    opacity: 1;
    transition-delay: .5s;
}

.twTheLightbox.Activated .twTheLightbox__Close {
    transition-delay: 0s!important;
}

.twTheLightbox.Closing .twTheLightbox__Close {
    opacity: 0!important;
    transition-delay: 0s!important;
}