@import "../../content/themes/jquery-ui.css";
@import "../../content/themes/bootstrap.min.css";
@import "../../content/themes/bootstrap-responsive.min.css";
@import "../../content/themes/glyphicons.css";
@import "../../content/themes/bootstrap.iconpro.css";
@import "../../content/themes/demo/bootstrap.custom.css";
@import "../../content/themes/demo/jquery-ui.custom.css";
@import "../../content/themes/jquery.fileupload-ui.css";
@import "../../content/themes/font-awesome.min.css";
@import "../../content/themes/ck-editor.css";
@import "icomoon.css";
@import url('https://fonts.googleapis.com/css?family=Barlow:500,500i,600,600i,700,800,900&display=swap');

/* Original Styles ------------------------------------------------------------------------------------------------------------------------ */
/*Error Messages*/
.DataFormLabelWarning {
    color: red;
}

.DataFormRangeValidator {
    color: red;
}

.DataFormRegularExpressionValidator {
    color: red
}

.DataFormRequiredFieldValidator {
    color: red
}

.ErrorPageTD {
    color: red
}

.ErrorPageTitle {
    font-weight: bold;
    color: red
}

.DataFormValidationSummary {
    color: red;
    background-color: #fff1f1;
    padding: 10px;
    border: 1px solid #f00;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: 98%;
    display: block;
    margin: 10px 0
}

.DataFormLabelErrorMessage {
    COLOR: red;
    display: block;
    margin: 12px 0;
}

.DataFormValidationTD {
    color: red
}

/*PAGE COLOR PROPERTIES*/
.PageFrameworkBODY {
    background: #fff
}
/*insert background image in this class */
.PageFrameworkBODYModal {
    background-color: #FFFFFF;
    color: #000000;
    margin: 0;
}

/*MAIN FRAMEWORK PROPERTIES*/
#PageFrameWorkTable {
    margin: 0px auto;
    padding: 0px 0px;
}

.PageFrameworkBODYModal #PageFrameWorkTable {
    width: auto;
    margin: 1px auto
}

.PageFrameworkBODYModal .PageFrameworkContentTD {
    width: auto
}

#TopPane, #BottomPane, #eWebBottomPaneTable {
    margin: 0px auto;
    width: 100%;
}

#TopPane {
    height: 53px
}

#ContentPane {
    margin: 0px auto;
    padding: 0px 4px 10px 4px;
    min-height: 400px !important;
    display: block; /* -moz-box-shadow: 0px 1px 10px #888;-webkit-box-shadow: 0px 1px 10px #888; box-shadow: 0px 1px 10px #888; border-collapse: separate;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.PageFrameworkBODYModal #ContentPane {
    background-color: #fff;
    margin: 2px auto;
    padding: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

@media only screen and (max-width: 767px) {
    #ContentPane {
        margin: 0px auto;
        padding: 14px 4px 10px 4px;
    }
}

#eWebContentPaneTable {
    min-width: 300px;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto
}

#eWebTopPaneTable {
    margin: 0px 0 30px 0;
    padding: 0;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd
}


/*FRAMEWORK settings*/
#eWebRightPaneTableCell {
    display: none;
}

.PageFrameworkBODYModal #BottomPane {
    border-bottom: 0
}

#eWebForm {
    display: inline;
}

.DataFormTABLE, .DataFormTable {
    width: 100%
}

.DesignedTABLE {
    width: 100%
}

#SystemTextBox {
    border: transparent;
}

#XXXXXXXX__UP INPUT, #XXXXXXXX {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BACKGROUND-COLOR: transparent;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}

.demoAlert {
    background: #c00;
    width: 99%;
    padding: 3px 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 0;
    font-weight: 700;
    height: 20px;
    min-height: 20px;
}

#BoothSearchDatagrid input[name^="BoothSearchDatagrid"] {
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 6px 10px;
    font
}

#BoothSearchDatagrid input[name^="BoothSearchDatagrid$ct"] {
    background: #ffaa00;
    font-weight: 700
}

    #BoothSearchDatagrid input[name^="BoothSearchDatagrid$ct"]:after {
        content: "selected";
        background-color: yellow;
        color: red;
        font-weight: bold;
    }

/*WIZARDS*/
.WizardOuterTable {
    border-style: none;
}

.WizardContentTable {
    width: 100%;
    margin-top: 20px
}

.WizardInnerTable {
    border-style: none;
}

.WizardMultiPage {
    border-style: solid;
    border-width: 1px;
    border-top: none;
    padding: 1px;
}

.wizardstep {
    font-size: 12pt;
    font-weight: bold;
    color: #990000
}

.WizardTabStripSepDefaultStyle {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
}

.WizardTabStripTabDefaultStyle {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    width: 100px;
    text-align: center;
    background-color: White;
}

.WizardTabStripTabDefaultStyleError {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    width: 100px;
    text-align: center;
    background-color: Red;
}

.WizardTabStripTabHoverStyle {
    background-color: #eeeeee
}

.WizardTabStripTabSelectedStyle {
    border-style: solid;
    font-weight: bold;
    border-bottom: none
}

.WizardTitle span {
    font-size: 2.0em;
    padding: 10px 0px 20px 0;
    margin-left: -6px;
}

.WizardTitleSeparator {
    font-size: 10pt
}

.WizardProgressTable {
    width: 150px;
    border: solid 1px #663399;
}

.WizardProgressHeaderTD {
    font-size: 9pt;
    font-weight: bold;
    background-color: #663399;
    color: #ffffff;
    height: 11px;
}

.WizardProgressTableTD {
    border-top: solid 1px #663399;
}

.WizardProgressStepTable {
    width: 150px;
}

.WizardProgressStepTableActive {
    width: 150px;
}

.WizardProgressStepNumberCell {
    width: 30px;
    text-align: right;
}

.WizardProgressStepNumber {
    font-size: 16pt;
    font-weight: bold;
    font-style: italic;
}

.WizardProgressImageCell {
    width: 120px;
    text-align: center;
}

.WizardProgressHyperLinkCell {
    width: 120px;
    text-align: center;
}

.WizardProgressHyperLinkCellSubItem {
    width: 120px;
    text-align: left;
}

A.WizardProgressHyperLink:visited {
    color: Black;
    font-size: 7pt;
    text-decoration: none;
}

A.WizardProgressHyperLink:link {
    color: Black;
    font-size: 7pt;
    text-decoration: none;
}

A.WizardProgressHyperLink:active {
    color: Black;
    background-color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.WizardProgressHyperLink:hover {
    color: Black;
    background-color: White;
    font-size: 7pt;
    text-decoration: none;
}

.WizardProgressHyperLinkCurrent {
    color: Black;
    font-size: 7pt;
    font-weight: bold;
}

.wizardbutton {
    font-size: 11pt;
    vertical-align: top;
}

#WizardContentTableBottom {
    margin-bottom: 10px
}

/*PAGER*/
span.DataFormChildDataGridPagerLink {
    color: #fff;
    border: 1px solid #002d56;
    padding: 1px 7px;
    display: inline-block;
    background: #002d56;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
}

a.DataFormChildDataGridPagerLink, .pager a {
    color: #888;
    border: 1px solid #ccc;
    padding: 1px 8px;
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

    .pager a:hover {
        color: #fff;
        background-color: #002d56;
    }

.pager {
    margin: 4px 0 10px 0;
    font-size: 14px;
}

    .pager b {
        font-size: 14px
    }

/* GRIDS*/
#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowRemoveAll {
    text-indent: -99999px;
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(images/delete.png) no-repeat 50% 50%;
}

#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowAdd {
    text-indent: -99999px;
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(images/grey_cart.png) no-repeat 50% 50%;
}

.DataFormChildHeader {
    background-color: #eee;
    padding: 0px 5px
}

/* MAIN MENUS */
.TopUIHyperLink {
    white-space: nowrap;
    padding: 10px 10px;
    margin: 0px 0;
    text-align: center;
    color: #444;
    background-color: #ddd;
    font-family: Barlow,sans-serif;
    font-size: 14px;
    display: inline-block;
    position: relative;
    z-index: 98;
}

A.TopUIHyperLink:visited {
    color: white;
    text-decoration: none;
    background-color: transparent
}

A.TopUIHyperLink:link {
    color: white;
    text-decoration: none;
    background-color: transparent
}

A.TopUIHyperLink:active {
    color: white;
    text-decoration: none;
    background-color: transparent
}

A.TopUIHyperLink:hover {
    color: black;
    text-decoration: none;
    background-color: #e4eced;
}

A.TopUIHyperLinkSelected:visited {
    color: #444;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIHyperLinkSelected:link {
    color: #444;
    text-decoration: none;
}

A.TopUIHyperLinkSelected:active {
    color: #444;
    text-decoration: none;
}

A.TopUIHyperLinkSelected:hover {
    color: #444;
    text-decoration: none;
}

A.TopUIItemHyperLink:visited {
    color: #444;
    text-decoration: none;
}

A.TopUIItemHyperLink:link {
    color: #444;
    text-decoration: none;
}

A.TopUIItemHyperLink:active {
    color: #444;
    background-color: White;
    text-decoration: none;
}

A.TopUIItemHyperLink:hover {
    color: #444;
    background-color: White;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:visited {
    color: #444;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:link {
    color: #444;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:active {
    color: #444;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:hover {
    color: #444;
    text-decoration: none;
}

.TopUIItemSeparator {
    color: #444;
}

.TopUIItemHyperLinkNav {
    font-weight: bold;
    text-decoration: none;
    color: #444
}

#eWebContentPaneTopLinksCellTable .TopUIHyperLink {
    font-size: 7.5pt;
    font-weight: normal;
    width: auto;
    padding: 2px 2px;
    background-color: transparent
}

/*LEFT SIDE MENU*/
#eWebLeftPaneLeftLinksCellTable .TopUIHyperLink {
    background: #659a22;
    padding: 3px 8px !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: left;
    color: #fff;
    font-family: Barlow,sans-serif;
    font-size: 12px;
    display: inline-block;
    position: relative;
    z-index: 98;
    width: 120px;
    background-color: transparent
}

#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:visited {
    text-decoration: none;
    background-color: transparent
}

#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:link {
    text-decoration: none;
    background-color: transparent
}

#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:active {
    text-decoration: none;
    background-color: transparent
}

#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: #659a22
}

/*POPUP LINKS STYLE*/
.PopMenuSubMenuTable {
    background: #fff;
    margin: 0;
    padding: 0;
    -moz-box-shadow: 0px 2px 6px #ccc;
    -webkit-box-shadow: 0px 2px 6px #ccc;
    box-shadow: 0px 2px 6px #ccc;
    border-collapse: separate;
}

    .PopMenuSubMenuTable .TopUIHyperLink {
        padding: 6px 12px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        text-align: left;
        color: #666;
        font-family: Barlow,sans-serif;
        font-size: 12px;
        display: inline-block;
        position: relative;
        z-index: 98;
        margin: 0
    }

    .PopMenuSubMenuTable A.TopUIHyperLink:visited {
        color: #666;
        text-decoration: none;
    }

    .PopMenuSubMenuTable A.TopUIHyperLink:link {
        color: #666;
        text-decoration: none;
    }

    .PopMenuSubMenuTable A.TopUIHyperLink:active {
        color: #666;
        text-decoration: none;
    }

    .PopMenuSubMenuTable A.TopUIHyperLink:hover {
        color: #222;
        text-decoration: none;
        background-color: #002d56;
    }

ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li {
    display: block;
    margin: 0 0 0 0;
    overflow: hidden;
}

    ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li a, ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li span {
        text-align: left;
    }

/*Top menu bar*/
ul#eWebTopPaneBottomLinksCellTable {
    list-style-type: none;
    margin: 0 auto;
    width: 100%; /*padding:0px 10px;background-color: #f8f8f8; border:1px solid #ddd;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;*/
}

    ul#eWebTopPaneBottomLinksCellTable li {
        display: inline-block;
        margin-bottom: 0px;
    }
/*PopLink*/
.PopLink {
    display: inline-block;
    border: 1px solid #eee;
    cursor: pointer;
}

#PopLinks {
    margin-left: -148px;
    margin-top: 24px;
    font-size: 12px;
}

.PopLinks {
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
    list-style-type: none;
    width: 160px;
    -moz-box-shadow: 0px 2px 8px #888;
    -webkit-box-shadow: 0px 2px 8px #888;
    box-shadow: 0px 2px 8px #888;
    border-collapse: separate;
}

    .PopLinks li {
        border: 0;
        padding: 4px 0px;
        font-size: 1em
    }

        .PopLinks li:hover, .PopLinks li a:hover {
            border: 0;
        }


/*LOAD Spinner*/
.SpinnerSpan {
    height: 30px;
    display: block
}

    .SpinnerSpan div {
        display: block;
        width: 16px;
        float: right;
        margin-top: -4px
    }

.spinner /*NON IE */ {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    height: 200px;
    width: 200px;
    text-indent: 250px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-mask-image: url(../../../images/spinner.png);
    background-color: #fff;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

#spinner /*Good for IE*/ {
    background: url(../../../images/spinner.gif) 50% 50% no-repeat;
    width: 100px;
    height: 100px;
    margin: 50px 0 0 -50px;
    position: absolute;
    top: 50%;
    left: 50%;
}

/*FORM HELPERS*/
.DataGridItem .DataFormHyperLink img {
    position: relative;
    top: 3px
}

.LookUpHyperLink, .LookUpClearHyperLink {
    top: 4px;
    position: relative;
}

.DataGridItem .LookUp {
    position: static;
}

.DataGridItem .DatePicker {
    position: relative;
    bottom: 2px
}
/*Add/Edit Dropdown*/
.AddEditLinkDiv {
    float: right
}

select.AddEdit {
    float: left;
}

td.LayoutCell .AddEditLinkDiv {
    float: none;
    height: 33px;
}

@media (max-width: 767px) {
    .AddEditLinkDiv {
        float: none
    }

    select.AddEdit {
        float: none;
    }

    td.LayoutCell .AddEditLinkDiv {
        float: none;
        height: auto;
    }

    #ContentPane .LayoutCell h1,
    #ContentPane .LayoutCell p {
        padding-left: 16px;
        padding-right: 16px;
        text-align: left;
        /* or center, if that’s the goal */
    }

    #ContentPane .LayoutCell h1 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    #ContentPane .LayoutCell p {
        margin-top: 0;
        margin-bottom: 16px;
    }
}

/*.DataFormDivDefault input[type=text], input[type=text], input[type=password]  {padding:2px 3px; font-size:11pt;  }
select, textarea { padding:2px 3px;  font-size:11pt; }
.legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit;  color: #333333;  border: 0; border-bottom: 1px solid #e5e5e5;}*/
.hasDatepicker {
    position: relative;
    bottom: 0;
}

/*radio buttons on forms*/
.DataFormRadioButtonList {
    width: 98%
}

    .DataFormRadioButtonList td {
        text-align: center;
        vertical-align: top;
        margin: auto;
        padding: 1px 2px
    }

    .DataFormRadioButtonList label {
        color: #002d56
    }

/*PAGE STRUCTURE STYLES*/
footer {
    display: block;
}

header {
    display: block;
}

hgroup {
    display: block;
}

section {
    display: block;
}

body {
    margin: 0;
    padding: 0;
    color: #222;
    line-height: 1.6em !important;
    position: relative;
    background-repeat: repeat;
    background-color: #fff;
    font-family: Barlow,sans-serif;
    font-size: 12px;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    border: 0px currentColor;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    display: none;
}
/*INPUTS*/
button {
    margin: 0px;
    font-size: 100%;
    vertical-align: middle;
}

input {
    margin: 0px;
    font-size: 100%;
    vertical-align: middle;
}

select {
    margin: 0px;
    font-size: 100%;
    vertical-align: middle;
    font-size: 11pt
}

textarea {
    margin: 0px;
    font-size: 100%;
    vertical-align: middle;
}

button {
    line-height: normal;
}

input {
    line-height: normal;
}

button {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type='button'] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type='reset'] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type='search'] {
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

.input-block-level {
    width: 100%;
    display: block;
    min-height: 28px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*HEADER STYLES*/
.logo {
    width: 100px;
    height: 10px;
    margin-left: 10px;
    margin-top: 5px;
    background: url('images/wb_logo.png') no-repeat left;
    background-size: 100% auto
}

.header_social {
    font-size: 1.0em;
    margin: 0px 0px;
    color: #ddd;
    background-color: #444;
    padding: 8px 16px; /*-moz-box-shadow: 0px 1px 8px #888888;-webkit-box-shadow: 0px 1px 8px #888888; box-shadow: 0px 1px 8px #888888; */
    border-collapse: separate;
    text-align: right;
    background-color: #222
}

.MyAccountTop {
    background: url(images/regIndWhite.png) no-repeat left;
    padding-left: 25px;
    position: relative
}

.header_social a {
    color: #fff
}

    .header_social a:hover {
        color: #9C0
    }

/* BODY TEXT */

h1, h2, h3, h4 {
    font-weight: 300;
}

h1 {
    font-size: 26px;
    font-weight: 300;
    color: #666;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.3em
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizelegibility;
}

    h3.pagetitle {
        background: none;
        font-size: 22px;
        line-height: 30px;
        text-transform: none;
        margin: 10px 0;
        border: 0;
        padding: 0
    }

sub {
    line-height: 0;
    font-size: 75%;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}
/*subscript*/
sup {
    line-height: 0;
    font-size: 75%;
    vertical-align: baseline;
    position: relative;
    top: -0.5em;
}
/*superscript*/


.desc {
    font-style: italic;
    color: #666
}

.download {
    display: inline-block;
    background: url(../../images/DEMO1/30-download.png) no-repeat center;
    width: 24px;
    height: 24px;
    text-indent: -9999px
}


pre, code, kbd, samp {
    font-family: Barlow,sans-serif;
}
/* normalize monospace sizing */

/*HELPER CLASSES*/

.radius2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.radius6 {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.radius10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.margl4 {
    margin-left: 4px;
}

.margl10 {
    margin-left: 10px;
}

.margl20 {
    margin-left: 20px;
}

.margl70 {
    margin-left: 70px;
}

.margr4 {
    margin-right: 4px;
}

.margr10 {
    margin-right: 10px;
}

.margr20 {
    margin-right: 20px;
}

.margt4 {
    margin-top: 4px;
}

.margt8 {
    margin-top: 8px;
}

.margt10 {
    margin-top: 10px;
}

.margb8 {
    margin-bottom: 8px;
}

.margb10 {
    margin-bottom: 10px;
}

.marga {
    margin: auto
}


.margRneg2 {
    margin-right: -2px
}

.margRneg4 {
    margin-right: -4px
}


.pad10 {
    padding: 10px
}

.pad6 {
    padding: 6px
}

.padt8 {
    padding-top: 8px
}

.padr8 {
    padding-right: 8px
}


.bold {
    font-weight: 700
}

.upper {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.small {
    font-size: 75%;
    line-height: 120%
}

.cite {
    font-weight: normal;
    line-height: 120%
}

.strong {
    font-weight: 700
}

.em {
    font-style: italic
}

.normal {
    font-weight: 100;
}

.lead {
    font-size: 1.2em;
}

.black {
    color: #000
}

.white {
    color: #fff
}

.green {
    color: #659a22;
}

.blue, .WizardHeader, legend {
    color: #002d56
}

.red {
    color: red
}

.greyBG {
    background-color: #eee;
}

.reverseGreen {
    background-color: #659a22;
    color: #fff;
    padding: 4px 8px
}

.borderTop {
    border: 0;
    border-top: 1px solid #ddd;
}

.borderRight {
    border: 0;
    border-right: 1px dashed #ddd;
}

.borderGrey3 {
    border: 3px solid #ccc;
    padding: 10px 12px
}

.sep {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
    height: 2px;
}

.ellipses {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.ohidden {
    overflow: hidden
}

.wrap {
    white-space: pre-wrap
}

.nowrap {
    WHITE-SPACE: nowrap
}

.pointer {
    cursor: pointer
}

.left-float {
    FLOAT: left
}

.right-float {
    FLOAT: right
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.block {
    display: block
}

.iblock {
    display: inline-block
}

.vertical {
    border: 0;
    border-left: 1px solid #ddd;
    height: 100px;
    margin-left: 10px;
    margin-right: 3px;
    padding-left: 10px;
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative-important {
    position: relative !important;
}

.top10 {
    top: 10px;
}

.top30 {
    top: 30px;
}

.top100 {
    top: 100px;
}

.top-100 {
    top: -100px;
}

.top-110 {
    top: -110px;
}

.left10 {
    left: 10px;
}

.left20 {
    left: 20px;
}

.bottom10 {
    bottom: 10px;
}

.right10 {
    right: 10px;
}

.opacity05 {
    opacity: 0.5;
}

.opacity08 {
    opacity: 0.8;
}

.removePadding {
    padding-left: 0;
    padding-right: 0;
}

.removePaddingLeft {
    padding-left: 0;
}

.removePaddingRight {
    padding-right: 0;
}

.imgScaleW {
    width: 100%;
    height: auto
}

.imgScaleH {
    width: auto;
    height: 100%
}

/*WIDTHS*/

.w10p {
    width: 10%
}

.w20p {
    width: 20%
}

.w30p {
    width: 30%
}

.w40p {
    width: 40%
}

.w50p {
    width: 50%
}

.w60p {
    width: 60%
}

.w80p {
    width: 80%
}

.w100p {
    width: 100%
}


.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w100 {
    width: 100px
}

.w120 {
    width: 120px
}

.w130 {
    width: 130px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w180 {
    width: 180px
}

.w200 {
    width: 200px
}

.w220 {
    width: 220px
}

.w260 {
    width: 260px
}

.w300 {
    width: 300px
}

.w320 {
    width: 320px
}

.w310 {
    width: 310px
}

.w330 {
    width: 330px
}

.w360 {
    width: 360px
}

.w400 {
    width: 400px !important
}

.w500 {
    width: 500px
}

.w600 {
    width: 600px
}

.w680 {
    width: 680px
}

.w700 {
    width: 700px
}

/*Heights*/
.h10 {
    height: 10px
}

.h20 {
    height: 20px
}

.h24 {
    height: 24px;
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h100 {
    height: 100px
}

.h110 {
    height: 110px
}

.h120 {
    height: 120px
}

.h130 {
    height: 130px
}

.h140 {
    height: 140px
}

.h150 {
    height: 150px
}

.h200 {
    height: 200px
}

.h220 {
    height: 220px
}

.h250 {
    height: 250px
}

.h300 {
    height: 300px
}

.h350 {
    height: 350px
}

.h400 {
    height: 400px
}

.h440 {
    height: 440px
}

.h500 {
    height: 500px
}

.h550 {
    height: 550px
}

.h600 {
    height: 600px
}

.h640 {
    height: 640px
}

.h800 {
    height: 800px
}

/*FONT SIZE*/
.size10 {
    font-size: 10px;
}

.size11 {
    font-size: 11px;
}

.size12 {
    font-size: 12px;
}

.size13 {
    font-size: 13px;
}

.size14 {
    font-size: 14px;
}

.size16 {
    font-size: 16px;
}

.size18 {
    font-size: 18px;
}

.size20 {
    font-size: 20px;
}

.size24 {
    font-size: 24px;
}

.size30 {
    font-size: 30px;
}

.size36 {
    font-size: 36px;
}

.size48 {
    font-size: 48px;
}

.size60 {
    font-size: 60px;
}

.size72 {
    font-size: 72px;
}

.size90 {
    font-size: 90px;
}

.size100 {
    font-size: 100px;
}

.size120 {
    font-size: 120px;
}

/*FONT SIZE ENDS*/

/*END HELPER CLASSES*/


/*Buttons*/

.wizardbutton, .DataFormButton {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .wizardbutton:hover, .DataFormButton:hover {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        background-color: #e6e6e6;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

#ButtonSave {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    #ButtonSave:hover,
    #ButtonSave:focus,
    #ButtonSave:active,
    #ButtonSave.active,
    #ButtonSave.disabled,
    #ButtonSave[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
    }

/*END OF BUTTONS*/

.DataFormHeaderTD .PageTitle {
    background: transparent;
    padding: 3px 0;
    border: 0;
    font-size: 16px
}

.reviewtable {
    width: 98%;
    margin-right: 20px;
}

.googleMap {
    overflow: hidden;
    margin: auto;
    text-align: center
}

/*SOCIAL */
.add_this {
    background-color: #eee;
    margin: 10px 0 10px 0;
    padding: 4px 8px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    height: 20px
}

.addthis_toolbox {
    margin-top: 2px;
    margin-left: 3px
}

#eWebLoginControl_LoginFacebookButton {
    margin: 3px 6px
}

.module-header, #eWebLoginControl_LoginTable .LeftUITableHeaderTD {
    /*height:15px;*/
    padding: 10px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #eee;
}

    .module-header a {
        color: #000
    }

.module-body {
    padding: 10px
}

.module-body-border {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.module-body ul {
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: none;
}

.module-body li {
    padding: 3px 0px;
    position: relative;
}

.module-body .edit3 {
    display: inline-block;
    height: 22px;
    width: 22px;
    right: 20px;
    top: 14px;
    position: absolute
}

.bio {
    white-space: pre-wrap;
    margin-bottom: 1em;
}

/*Login Control*/
#eWebLoginControl_TextBoxLoginName, #eWebLoginControl_TextBoxPassword {
    padding: 4px 0px;
    font-size: 1.1em;
    width: 99%;
}

#eWebLoginControl_LoginTable {
    width: 98%;
    margin: 0px auto;
    max-width: 420px;
}

#ForgotPwdControl_ForgotPasswordTable {
    width: 100%;
    margin: 0px auto;
}

#DemographicsTable span.DataFormLabel {
    white-space: nowrap
}


/*MF STYLES*/
.mf_basic {
    padding: 0;
    margin: 10px 0px;
    list-style-type: none;
    text-align: center
}

    .mf_basic li {
        color: #eee;
        display: inline-block;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 5px 15px;
        text-align: center;
        font-size: 12px;
        width: 40px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88b74d,endColorstr=#466c17);
        background: -webkit-gradient(linear, left top, left bottom, from(#88b74d), to(#466c17));
        background: -moz-linear-gradient(top, #88b74d, #466c17);
        background-image: -o-linear-gradient(#88b74d,#466c17);
        margin-left: 2px;
    }

        .mf_basic li .total {
            display: block;
            font-weight: 700;
            color: #fff;
            font-size: 1.3em
        }

/*STAR RATING*/

/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
.ratingblock {
    width: 50%;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

.unit-rating {
    background: url("images/starrating.gif") repeat-x left top;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 30px;
    position: relative;
    width: 150px;
}

    .unit-rating li {
        margin: 0px;
        padding: 0px;
        text-indent: -90000px;
        float: left;
    }

        .unit-rating li a {
            padding: 0px;
            width: 30px;
            height: 30px;
            text-indent: -9000px;
            text-decoration: none;
            display: block;
            position: absolute;
            z-index: 20;
        }
    /*.unit-rating li a:hover {	background: url("images/starrating.gif") left; left: 0px; z-index: 2;
}*/
    .unit-rating a.r1-unit {
        left: 0px;
    }

        .unit-rating a.r1-unit:hover {
            width: 30px;
        }

    .unit-rating a.r2-unit {
        left: 30px;
    }

        .unit-rating a.r2-unit:hover {
            width: 60px;
        }

    .unit-rating a.r3-unit {
        left: 60px;
    }

        .unit-rating a.r3-unit:hover {
            width: 90px;
        }

    .unit-rating a.r4-unit {
        left: 90px;
    }

        .unit-rating a.r4-unit:hover {
            width: 120px;
        }

    .unit-rating a.r5-unit {
        left: 120px;
    }

        .unit-rating a.r5-unit:hover {
            width: 150px;
        }

    .unit-rating a.r6-unit {
        left: 150px;
    }

        .unit-rating a.r6-unit:hover {
            width: 180px;
        }

    .unit-rating a.r7-unit {
        left: 180px;
    }

        .unit-rating a.r7-unit:hover {
            width: 210px;
        }

    .unit-rating a.r8-unit {
        left: 210px;
    }

        .unit-rating a.r8-unit:hover {
            width: 240px;
        }

    .unit-rating a.r9-unit {
        left: 240px;
    }

        .unit-rating a.r9-unit:hover {
            width: 270px;
        }

    .unit-rating a.r10-unit {
        left: 270px;
    }

        .unit-rating a.r10-unit:hover {
            width: 300px;
        }

    .unit-rating li.current-rating {
        background: url("images/starrating.gif") left bottom;
        height: 30px;
        text-indent: -9000px;
        display: block;
        position: absolute;
        z-index: 1;
    }

.rating-box {
    margin-top: 8px;
    font-size: 0.8em;
    color: #ff4400
}

.rating-links {
    margin: 6px 0 6px 0
}

.rating {
}

/*Avatar*/
.avatar {
    background: #333;
    position: relative;
}

    .avatar:after {
        content: "No Photo";
        font-size: 1.4em;
        position: absolute;
        top: 40%;
        left: 50%;
        width: 110px;
        z-index: 3;
        color: #ccc;
        font-weight: 100;
        text-transform: uppercase;
        margin: auto;
        margin-left: -50px;
        text-align: center;
        vertical-align: middle
    }

    .avatar div {
        position: relative;
        z-index: 5;
        min-height: 200px;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: auto 100%;
        background-origin: padding-box;
        background-clip: border-box;
        background-color: transparent;
    }

#search-results .avatar {
    background: #ddd;
    position: relative;
}

    #search-results .avatar:after {
        font-size: 1.2em;
        position: absolute;
        width: 100px;
        color: #aaa;
        text-transform: lowercase;
        margin-left: -50px;
    }

    #search-results .avatar div {
        min-height: 132px;
    }

/*Event Calendar Styles*/
.CalendarLink {
    float: left
}

.CalendarEventTitleStyle {
    font-size: 7pt;
}

.CalendarEventDayStyle {
    color: red;
}
/*Calendar */
.EvCalMultipleDays, .EvCalMultipleDays a {
    color: #222;
    background-color: #fff
}

.EvCalSingleDay, .EvCalSingleDay a {
    color: #fff;
    background-color: #888;
}

.EvCalFirstDay {
}

.EvCalNoFirstDay {
}

.EvCalTable {
    border-color: #ddd;
    line-height: 110%;
    width: 100%
}

    .EvCalTable td {
        padding: 0
    }

.EvCalHeader {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(#eeeeee,#cccccc);
    padding: 4px 4px;
    border-color: #bbb
}

.EvCalTitle {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(#fff,#ddd);
    color: #666;
    font-size: 1.4em;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
    border-color: #ddd
}

    .EvCalTitle td {
        border-color: #ddd
    }

.EvCalOtherMonthDays {
    background-color: #ddd;
    border-color: #ccc;
    color: #888
}

.EvCalDay {
    border-color: #ddd;
}

.EvCalWeekendDay {
    background-color: #CDE9F1;
    border-color: #cff;
    color: #39C
}

.EvCalTodayDay {
    border-color: #444;
    color: #659a22;
    font-weight: 700
}

.EvCalDay a, .EvCalWeekendDay a, .EvCalOtherMonthDays a {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 0.8em;
    line-height: 110%
}

.EvCalTodayDay a {
    background-color: #9C0;
    display: inline-block;
    padding: 4px 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.EvCalOtherMonthDays, .EvCalWeekendDay, .EvCalDay {
    min-height: 24px
}

/*2013-2014 styles*/
/*Search Form*/
.FindFormResponsive {
    margin: auto;
    width: 420px;
}

    .FindFormResponsive .body {
        padding-top: 20px;
    }

/* ---------- Store Products */
.productThumb {
    position: relative;
    width: 306px;
    overflow: hidden;
    float: left
}

    .productThumb img {
        max-width: 300px;
        height: auto;
        overflow: hidden;
        border: 3px solid #aaa;
        margin-right: 0px;
        background-color: #eee
    }

/* Grid View */
.shopping-cart.grid-view {
}

    .shopping-cart.grid-view.featured-products {
    }

    .shopping-cart.grid-view .thumbnails,
    .shopping-cart.grid-view .thumbnails > li {
        margin-left: 18px !important;
    }

        .shopping-cart.grid-view .thumbnails .thumbnail {
        }

            .shopping-cart.grid-view .thumbnails .thumbnail > .product-image {
            }

                .shopping-cart.grid-view .thumbnails .thumbnail > .product-image > img {
                }

            .shopping-cart.grid-view .thumbnails .thumbnail > .product-title {
            }

            .shopping-cart.grid-view .thumbnails .thumbnail > .product-description {
            }

            .shopping-cart.grid-view .thumbnails .thumbnail > .product-info {
            }

                .shopping-cart.grid-view .thumbnails .thumbnail > .product-info > .product-price {
                }

                .shopping-cart.grid-view .thumbnails .thumbnail > .product-info > .product-actions > a {
                }

/* List View */
.list-view .media > p {
    margin-bottom: 10px;
}

.list-view .media .media-object {
    width: 150px;
}

.list-view .media .pricet {
    border: none;
    display: block;
}

/*Store */
.menuDropStore {
    float: right;
    margin-top: 2px;
    margin-right: 0px;
    background-color: #aaa;
    padding: 6px 10px;
    min-width: 218px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-collapse: separate;
    -moz-box-shadow: 0px 0px 9px #444;
    -webkit-box-shadow: 0px 0px 9px #444;
    box-shadow: 0px 0px 9px #444;
}

    .menuDropStore select {
        padding: 3px 8px;
        font-size: 1.2em;
        max-width: 230px;
        width: 100%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #659a22;
    }

/* ---------- Individual Profile */
.ind.member-avatar {
    background: #333 no-repeat 50% 50%;
    position: relative;
}

    .ind.member-avatar:after {
        content: "No Photo";
        font-size: 1.4em;
        position: absolute;
        top: 40%;
        left: 50%;
        width: 110px;
        z-index: 3;
        color: #ccc;
        font-weight: 100;
        text-transform: uppercase;
        margin: auto;
        margin-left: -50px;
        text-align: center;
        vertical-align: middle
    }

    .ind.member-avatar div {
        position: relative;
        z-index: 5;
        min-height: 200px;
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: contain;
        background-color: transparent;
    }
/* ---------- Member Directory Search Results */

/* ---------- Upcoming Events */

/* ---------- FAQ Search */
.faqSearch {
}

    .faqSearch dl > dd {
        margin-bottom: 10px;
        margin-left: 0px;
    }

/* ---------- Store Products */
/* Grid View */

/* Removes left margin from certain list elements */
.shopping-cart.grid-view .thumbnails > li:nth-child(4n+1) {
    margin-left: 0;
}

.shopping-cart.product-details .product-image {
    max-height: 400px;
}

/* ---------- Survey Modal */
#SurveyTable {
}

    #SurveyTable .DataFormChildHeader {
        background: none;
        font-style: normal;
        font-weight: 100;
        font-size: 22px;
        line-height: 32px;
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
        text-transform: capitalize;
    }

    #SurveyTable .first-row .DataFormChildHeader {
        margin-top: 0;
    }

    #SurveyTable .DataFormTD {
        font-size: 14px;
        font-weight: 500;
        color: #002d56;
        padding-bottom: 5px;
        padding-top: 15px;
    }

    #SurveyTable input[type="text"], #SurveyTable input[type="email"], #SurveyTable input[type="number"], #SurveyTable input[type="tel"],
    #SurveyTable textarea {
        font-size: 14px;
        padding: 4px 6px;
        margin-bottom: 0;
    }

    #SurveyTable .DataFormCheckBoxList label,
    #SurveyTable .DataFormRadioButtonList label {
        display: inline-block;
        left: 10px;
        position: relative;
        top: 5px;
    }

    #SurveyTable .DataFormRadioButtonList td {
        text-align: left;
    }

/* Fix Calendar Width */
.ui-datepicker,
.ui-datepicker table {
    width: 188px;
}

/*RESPONSIVE FEATURES*/
/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after, .clearfix:after {
    clear: both;
}

.row, .clearfix {
    zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.cityDrop {
    background: url(assets/Images/sprite.png) no-repeat 200px 0px;
    padding-top: 4px
}

    .cityDrop select {
        font-size: 14px;
        border: 2px solid #aaa;
        padding: 3px 6px
    }

.bs_old .visible-sm.visible-xs {
    display: none !important;
}

@media ( max-width: 480px) {
    .menuDropMenu {
        top: 12px;
        right: 10px;
        font-size: 0.9em
    }

    .pageTitle, h1 {
        margin: 10px 0;
        font-size: 1.8em;
        line-height: 120%
    }

    .WizardTitle span {
        color: #666;
        font-size: 1.4em;
        line-height: 120%
    }

    .invSep {
        display: inline
    }

    img.scale-with-grid, img.scale {
        width: 98%;
        height: auto
    }

    .product-right-side {
        float: left;
        margin-left: 10px;
        margin-top: 10px
    }

    .right-float, .left-float {
        float: none
    }

    .shopping-cart.grid-view .thumbnails > li {
        margin-left: 0px !important;
    }

    .FindFormResponsive {
        margin: auto;
        width: 96%;
    }
    /* Headings and Titles
---------------------------------------------- */
    h1, h2, h3, h4, h5, h6 {
    }
    /* heading specific */
    h1 {
    }
    /*----INPUTS--*/
    textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] {
        outline: 0;
        *padding-top: 2px;
        *padding-bottom: 1px;
        *height: auto;
    }
}

input[type=number]::-ms-clear {
    width: 0;
    height: 0;
}

@media (min-width: 480px) and (max-width: 640px) {
    .pageTitle, h1 {
    }

    .invSep {
        display: inline
    }

    img.scale-with-grid, img.scale {
        width: 98%;
        height: auto
    }

    .product-right-side {
        width: 99%;
        margin-left: 10px;
        margin-top: 10px
    }

    .shopping-cart.grid-view .thumbnails > li {
        margin-left: 0px !important;
    }

    .socialLinks {
        display: none
    }
    /*----INPUTS--*/
    textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] {
        outline: 0;
        font-family: Barlow,sans-serif;
    }
}

@media (max-width: 1199px) {
    .bs_old .hidden-sm.hidden-xs {
        display: none !important;
    }

    .bs_old .visible-sm.visible-xs {
        display: inline-block !important;
    }

    #eWebTopPaneBottomLinksCellTable {
        display: none !important;
    }

    .visible-phone {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {

    .shopping-cart.grid-view .thumbnails > li {
        margin-left: 0px !important;
    }
}

@media print {
    #eWebLeftPaneTableCell, #eWebTopPaneTableRowBottom, #eWebFrameWorkTopRow, .header_social {
        display: none;
    }

    #LeftPane {
        display: none;
    }

    .DataFormLabel {
        font-size: 7pt !important;
        font-size: 8pt
    }
    /* fix for firefox label wrap */
    .DataFormLabelRequired {
        font-size: 7pt !important;
        font-size: 8pt
    }
    /* fix for firefox label wrap */
    #PageFrameWorkTable td *, #eWebFrameWorkMiddleRow, #ContentPane tr {
        page-break-inside: auto;
    }
    /*FHF, Avoids the blank pages on IE and Firefox*/
}

/* UI Consistency
----------------------------------------------------------------------------------------------------*/
::selection {
    background: rgb(125, 175, 39);
    color: rgb(255, 255, 255);
}

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

input[type="search"]::-webkit-search-decoration {
    display: none;
}

input, button, select, textarea {
    vertical-align: middle;
}
/*input[type="radio"], input[type="checkbox"] { position: relative; vertical-align: top; top: 3px;	 top: 0\0;   *top: -3px;}  */

/* WORK-AROUNDS*/
.form-horizontal .controls .DataFormDivDefault {
    overflow: hidden !important;
    margin-left: -180px;
}

td.member-actions {
    width: 20%;
}

.navbar-inverse a.white:hover,
.navbar-inverse a.white:focus {
    color: #bce8f1;
    text-decoration: none;
}

@media (min-width: 481px) {
    table.roster th.action-btn {
        width: 100px;
    }
}

@media (max-width:480px) {
    .DataFormLabelErrorMessage {
        width: auto;
    }

    .form-horizontal .controls .DataFormDivDefault {
        margin-left: 0px;
    }

    .DataFormDivDefault .controls .input-mini {
        height: initial;
        padding: 0;
        font-size: 12px;
        line-height: normal;
        width: 50px;
    }

    .DataFormDivDefault .controls span {
        font-size: 12px;
    }

    .DataFormDivDefault .table th,
    .DataFormDivDefault .table td {
        padding: 0 1px;
        font-size: 12px;
    }

    ul.nav li.list-group-item {
        padding: 0 2px;
    }

    table.roster td {
        padding: 4px 2px;
    }

        table.roster td .size14 {
            font-size: inherit;
        }

    table.roster th {
        line-height: 1.2;
    }

    table.roster img.member-flag-no {
        display: none;
    }

    th.member-flag, td.member-flag {
        text-align: center;
    }

    .event-reg input[type=checkbox] {
        transform: scale(1.5);
    }
}

.form-horizontal .DataFormDivDefault .controls {
    margin-left: 0px;
}

@charset "UTF-8";

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: Barlow,sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

input {
    overflow: visible
}

[type=checkbox], [type=radio] {
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

@keyframes modal-video {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    0% {
        transform: translateY(100px)
    }

    to {
        transform: translate(0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    transition: opacity .3s ease-out
}

.modal-video-close {
    opacity: 0
}

    .modal-video-close .modal-video-movie-wrap {
        transform: translateY(100px)
    }

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    transform: translate(0);
    transition: transform .3s ease-out
}

    .modal-video-movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border: 0;
    background-color: #fff !important
}

/**, :after, :before {
	box-sizing: border-box
}*/

body, html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%
}

html {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale
}

body {
    color: #6e6d6d;
    font-family: Barlow,sans-serif;
    font-size: 100%;
    min-width: 320px;
    min-height: 100vh
}

    body.-search-active, body.-sidebar-active {
        position: relative;
        overflow: hidden
    }

        body.-search-active:before, body.-sidebar-active:before {
            content: "";
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #fff;
            opacity: .9
        }

        body.-search-active:before {
            z-index: 9
        }

        body.-sidebar-active:before {
            z-index: 9997
        }

.skiplink {
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    position: absolute;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
    background: #222;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 1em
}

    .skiplink:focus, .skiplink:focus-visible {
        color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        z-index: 9997
    }

hr {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #f0df1a;
    margin: 40px auto;
    clear: both
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

.video-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

    .video-container .placeholder, .video-container embed, .video-container iframe, .video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.sr-text {
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    position: absolute;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.error {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 900;
    color: #d90707
}

.img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .img-wrapper > .img-background {
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        transition: .3s ease-in-out
    }

.wysiwyg-content:after, .wysiwyg-content > :after {
    content: "";
    display: block;
    clear: both
}

.wysiwyg-content .-float-left, .wysiwyg-content .-float-right {
    max-width: 420px
}

.wysiwyg-content .-float-right {
    float: right
}

.wysiwyg-content .-float-left {
    float: left
}

.wysiwyg-content .img-caption {
    padding: 14px 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;
    border-bottom: 2px solid #f8f8f8
}

.loading-spinner {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    width: 80px;
    height: 80px
}

    .loading-spinner div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        animation: loading-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;
        border: 8px solid transparent;
        border-top-color: #f0df1a
    }

        .loading-spinner div:first-child {
            animation-delay: -.45s
        }

        .loading-spinner div:nth-child(2) {
            animation-delay: -.3s
        }

        .loading-spinner div:nth-child(3) {
            animation-delay: -.15s
        }

.-modal-open {
    overflow: hidden
}

.-observed.-fade-in {
    transform: none !important;
    opacity: 1 !important;
    transition: 1.5s cubic-bezier(.57,.95,.3,.95)
}

.page-container > main > div:not(.hero):not(.hero-detail):not(.hero-events):not(.breadcrumbs):not(.rich-text):not(.form-style):not(.sub-nav):not(.search-results):not(.gdpr):not(.resources) {
    opacity: 0;
    transform: translateY(100px)
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .page-container > main > div:not(.hero):not(.hero-detail):not(.hero-events):not(.breadcrumbs):not(.rich-text):not(.form-style):not(.sub-nav):not(.search-results):not(.gdpr):not(.resources) {
        opacity: 1;
        transform: none
    }
}

.page-container > main > div.hero:after, .page-container > main > div.hero:before {
    opacity: .3;
    transition: 3s ease-in-out
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .page-container > main > div.hero:after, .page-container > main > div.hero:before {
        opacity: 1
    }
}

.page-container > main > div.hero-detail .hero-events-graphic, .page-container > main > div.hero-detail img, .page-container > main > div.hero-events .hero-events-graphic, .page-container > main > div.hero-events img, .page-container > main > div.rich-text .hero-events-graphic, .page-container > main > div.rich-text img {
    opacity: 0;
    transform: translateY(100px)
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .page-container > main > div.hero-detail .hero-events-graphic, .page-container > main > div.hero-detail img, .page-container > main > div.hero-events .hero-events-graphic, .page-container > main > div.hero-events img, .page-container > main > div.rich-text .hero-events-graphic, .page-container > main > div.rich-text img {
        opacity: 1;
        transform: none
    }
}

.page-container > main > div.masonry-grid a, .page-container > main > div.promo-grid a, .page-container > main > div.three-block a {
    opacity: 0;
    transform: translateY(100px)
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .page-container > main > div.masonry-grid a, .page-container > main > div.promo-grid a, .page-container > main > div.three-block a {
        opacity: 1;
        transform: none
    }
}

@keyframes circle-rotate-in {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(180deg)
    }
}

@keyframes circle-rotate-out {
    0% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

[class*=" icon-"]:before, [class^=icon-]:before {
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #2f2f30;
    font-family: Barlow,sans-serif;
    font-weight: 800;
    margin: 0 0 20px;
    transition: font-size .3s ease-in-out
}

    .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
        margin-bottom: 0
    }

.h1, .wysiwyg-content h1 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.17
}

@media (min-width: 1000px) {
    .h1, .wysiwyg-content h1 {
        font-size: 48px;
        font-size: 3rem
    }
}

.h2, .wysiwyg-content h2 {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1.23
}

@media (min-width: 1000px) {
    .h2, .wysiwyg-content h2 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.h3, .wysiwyg-content h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2
}

@media (min-width: 1000px) {
    .h3, .wysiwyg-content h3 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.h4, .wysiwyg-content h4 {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.22
}

@media (min-width: 1000px) {
    .h4, .wysiwyg-content h4 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.h5, .wysiwyg-content h5 {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.22;
    letter-spacing: 2px;
    text-transform: uppercase
}

.h6, .wysiwyg-content h6, p {
    font-size: 16px;
    font-size: 1rem
}

p {
    line-height: 1.67;
    margin: 0 0 15px
}

@media (min-width: 1000px) {
    p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

p:last-child {
    margin-bottom: 0
}

/*ol, ul {
	margin: 0 0 30px
}*/

ol:last-child, ul:last-child {
    margin-bottom: 0
}

ol li, ul li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 4px
}

nav ol li, nav ul li {
    margin-bottom: 0
}

.wysiwyg-content ul {
    list-style-type: none;
    padding-left: 20px
}

    .wysiwyg-content ul li {
        position: relative
    }

        .wysiwyg-content ul li:before {
            content: "";
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 9px;
            right: auto;
            bottom: auto;
            left: -20px;
            color: #f0df1a;
            font-size: 10px;
            font-size: .625rem
        }

    .wysiwyg-content ul ul {
        padding-left: 16px
    }

        .wysiwyg-content ul ul li:before {
            content: "";
            background-color: #f0df1a;
            width: 6px;
            height: 6px;
            top: 10px;
            left: -16px;
            border-radius: 50%
        }

ol {
    list-style-type: none;
    counter-reset: item;
    padding: 0
}

    ol > li {
        display: table;
        counter-increment: item
    }

        ol > li:before {
            content: counters(item,".") ". ";
            display: table-cell;
            padding-right: 8px;
            font-weight: 700;
            color: #2f2f30;
            font-style: italic
        }

        ol > li ol > li {
            margin: 0
        }

            ol > li ol > li:before {
                content: counters(item,".") " "
            }

    ol.citations {
        border-top: 2px solid #f8f8f8;
        padding-top: 20px
    }

        ol.citations > li:before {
            padding-right: 4px;
            font-style: normal;
            color: inherit;
            font-weight: 400
        }

blockquote {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.33;
    font-weight: 600;
    font-style: italic;
    padding-left: 24px;
    border-left: 4px solid #f0df1a;
    color: #2f2f30;
    margin: 40px 0
}

@media (min-width: 1000px) {
    blockquote {
        font-size: 24px;
        font-size: 1.5rem
    }
}

blockquote.-boxed {
    position: relative;
    padding: 40px 46px 40px 92px;
    border: 1px solid #f0df1a
}

    blockquote.-boxed:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 47px;
        right: auto;
        bottom: auto;
        left: 46px;
        transform: translateX(-50%);
        font-size: 21px;
        font-size: 1.3125rem
    }

blockquote cite {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.3;
    font-weight: 400;
    font-style: normal;
    color: #6e6d6d
}

    blockquote cite:before {
        content: "\2014";
        margin-right: 5px
    }

fieldset {
    padding: 0;
    border: 0;
    margin: 0
}

    fieldset legend {
        display: block;
        width: 100%
    }

    fieldset label {
        color: #6e6d6d
    }

        fieldset label:after {
            display: none
        }

/*label, legend {
	display: block;
	line-height: 1.4;
	margin-bottom: 15px;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
	color: #2f2f30
}*/

.-required label:after, .-required legend:after {
    content: " *";
    color: #d90707;
    font-size: 14px;
    font-size: .875rem
}

.checks-section-label, .radios-section-label {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 900;
    color: #2f2f30
}

    .checks-section-label.-required:after, .radios-section-label.-required:after {
        content: " *";
        color: #d90707;
        font-size: 14px;
        font-size: .875rem
    }

.form-item {
    position: relative;
    margin-bottom: 40px
}

.error-message {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    transform: translateY(100%) translateY(5px);
    color: #d90707;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    font-style: italic;
    text-align: left
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea {
    display: block;
    color: #2f2f30;
    font-family: Barlow,sans-serif;
    font-size: 16px;
    border: 1px solid #dadcdd;
    background-color: #f8f8f8;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    transition: background-color .3s ease-in-out
}

@media (min-width: 600px) {
    input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea {
        font-size: 14px;
        font-size: .875rem
    }
}

input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-style: italic
}

input[type=date]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-style: italic
}

input[type=date]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, select::placeholder, textarea::placeholder {
    font-style: italic
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    background-color: #f7f7f7;
    outline: 0;
    border: 1px solid #f0df1a
}

    input[type=date]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
        opacity: .3
    }

    input[type=date]:focus::-ms-input-placeholder, input[type=email]:focus::-ms-input-placeholder, input[type=number]:focus::-ms-input-placeholder, input[type=password]:focus::-ms-input-placeholder, input[type=search]:focus::-ms-input-placeholder, input[type=tel]:focus::-ms-input-placeholder, input[type=text]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
        opacity: .3
    }

    input[type=date]:focus::placeholder, input[type=email]:focus::placeholder, input[type=number]:focus::placeholder, input[type=password]:focus::placeholder, input[type=search]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=text]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder {
        opacity: .3
    }

input[type=date].-invalid, input[type=email].-invalid, input[type=number].-invalid, input[type=password].-invalid, input[type=search].-invalid, input[type=tel].-invalid, input[type=text].-invalid, select.-invalid, textarea.-invalid {
    color: #d90707;
    border: 1px solid #d90707
}

textarea {
    min-height: 100px;
    resize: vertical
}

select {
    display: block;
    background-image: url(../images/select-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 35px
}

    select:focus {
        outline: none
    }

    select:hover {
        cursor: pointer
    }

    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #666
    }

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

.checks, .radios {
    margin: 25px 0
}

    .checks legend, .radios legend {
        margin-bottom: 8px
    }

    .checks .check, .checks .radio, .radios .check, .radios .radio {
        position: relative;
        margin-bottom: 22px
    }

    .checks .check-description, .checks .radio-description, .radios .check-description, .radios .radio-description {
        margin-top: 6px;
        padding-left: 32px;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.7
    }

    .checks label, .radios label {
        position: relative;
        margin: 0;
        padding: 0 0 0 32px;
        width: auto;
        line-height: 1.6;
        color: #6e6d6d;
        font-weight: 400
    }

        .checks label:before, .radios label:before {
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            left: 0;
            cursor: pointer;
            color: transparent;
            text-align: center;
            border: 2px solid #dadcdd;
            background-color: #f8f8f8;
            transition: color .3s ease-in-out
        }

        .checks label div, .radios label div {
            margin-bottom: 10px
        }

            .checks label div:last-child, .radios label div:last-child {
                margin-bottom: 0
            }

    .checks input[type=radio], .radios input[type=radio] {
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
        clip-path: polygon(0 0,0 0,0 0,0 0);
        position: absolute;
        white-space: nowrap;
        height: 1px;
        width: 1px;
        overflow: hidden
    }

        .checks input[type=radio] + label:before, .radios input[type=radio] + label:before {
            content: "";
            width: 23px;
            height: 23px;
            font-size: 13px;
            font-size: .8125rem;
            line-height: 23px;
            border-radius: 50%
        }

        .checks input[type=radio] + label:active, .checks input[type=radio] + label:focus, .checks input[type=radio] + label:hover, .radios input[type=radio] + label:active, .radios input[type=radio] + label:focus, .radios input[type=radio] + label:hover {
            cursor: pointer
        }

            .checks input[type=radio] + label:active:before, .checks input[type=radio] + label:focus:before, .checks input[type=radio] + label:hover:before, .radios input[type=radio] + label:active:before, .radios input[type=radio] + label:focus:before, .radios input[type=radio] + label:hover:before {
                color: rgba(240,223,26,.3)
            }

        .checks input[type=radio] + label:focus-within, .radios input[type=radio] + label:focus-within {
            cursor: pointer
        }

            .checks input[type=radio] + label:focus-within:before, .radios input[type=radio] + label:focus-within:before {
                color: rgba(240,223,26,.3)
            }

        .checks input[type=radio]:focus + label, .radios input[type=radio]:focus + label {
            cursor: pointer
        }

            .checks input[type=radio]:focus + label:before, .radios input[type=radio]:focus + label:before {
                color: rgba(240,223,26,.3);
                border-color: #aeb3b6
            }

        .checks input[type=radio]:checked ~ label:before, .radios input[type=radio]:checked ~ label:before {
            color: #f0df1a
        }

    .checks input[type=checkbox], .radios input[type=checkbox] {
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
        clip-path: polygon(0 0,0 0,0 0,0 0);
        position: absolute;
        white-space: nowrap;
        height: 1px;
        width: 1px;
        overflow: hidden
    }

        .checks input[type=checkbox].-disabled ~ label, .radios input[type=checkbox].-disabled ~ label {
            opacity: .4;
            pointer-events: none
        }

        .checks input[type=checkbox] + label:before, .radios input[type=checkbox] + label:before {
            content: "";
            top: 5px;
            width: 16px;
            height: 16px;
            font-size: 13px;
            font-size: .8125rem;
            line-height: 16px
        }

        .checks input[type=checkbox] + label:active, .checks input[type=checkbox] + label:focus, .checks input[type=checkbox] + label:hover, .radios input[type=checkbox] + label:active, .radios input[type=checkbox] + label:focus, .radios input[type=checkbox] + label:hover {
            cursor: pointer
        }

            .checks input[type=checkbox] + label:active:before, .checks input[type=checkbox] + label:focus:before, .checks input[type=checkbox] + label:hover:before, .radios input[type=checkbox] + label:active:before, .radios input[type=checkbox] + label:focus:before, .radios input[type=checkbox] + label:hover:before {
                color: rgba(47,47,48,.3)
            }

        .checks input[type=checkbox] + label:focus-within, .radios input[type=checkbox] + label:focus-within {
            cursor: pointer
        }

            .checks input[type=checkbox] + label:focus-within:before, .radios input[type=checkbox] + label:focus-within:before {
                color: rgba(47,47,48,.3)
            }

        .checks input[type=checkbox]:focus + label, .radios input[type=checkbox]:focus + label {
            cursor: pointer
        }

            .checks input[type=checkbox]:focus + label:before, .radios input[type=checkbox]:focus + label:before {
                color: rgba(47,47,48,.3);
                border-color: #aeb3b6
            }

        .checks input[type=checkbox]:checked ~ label:before, .radios input[type=checkbox]:checked ~ label:before {
            color: #2f2f30
        }

    .checks .error-message, .radios .error-message {
        margin-top: 8px
    }

.-required {
    position: relative
}

body {
    overflow-x: hidden
}

.page-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

    .page-container > * {
        -ms-flex: none;
        flex: none
    }

    .page-container > main {
        position: relative;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .page-container .form-style {
        min-height: 100vh;
        padding: 80px 15px 140px
    }

@media (min-width: 768px) {
    .page-container .form-style {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1000px) {
    .page-container .form-style {
        padding-top: 0;
        background-image: url(/images/membership-bg.png);
        background-size: cover;
        background-position: 50%
    }
}

.page-container .form-style-inner {
    position: relative
}

.page-container .form-style .breadcrumbs {
    background: transparent
}

.page-container .form-style.-standard {
    background: none;
    padding-bottom: 0
}

    .page-container .form-style.-standard .form-container {
        min-height: 0;
        display: block
    }

.form-builder {
    padding: 0 15px
}

@media (min-width: 768px) {
    .form-builder {
        padding: 0 30px
    }
}

@media (min-width: 1000px) {
    .form-builder {
        padding: 0 100px
    }
}

.form-builder > * {
    margin-top: 20px
}

@media (min-width: 768px) {
    .form-builder > * {
        margin-top: 30px
    }
}

.form-builder > :first-child {
    margin-top: 0
}

.form-builder label:not(.label) {
    font-weight: 400
}

    .form-builder label:not(.label) input {
        margin-right: 5px
    }

.form-builder input[type=checkbox] + label {
    display: inline;
    margin-left: 5px
}

.-link, a {
    position: relative;
    display: inline-block;
    color: #002d56;
    text-decoration: none;
    z-index: 1;
    /*transition: .3s ease-in-out*/
}

/*.rich-text .wysiwyg-content ol .-link:before, .rich-text .wysiwyg-content ol a:before, .rich-text .wysiwyg-content ul .-link:before, .rich-text .wysiwyg-content ul a:before, fieldset .-link:before, fieldset a:before, label .-link:before, label a:before, p .-link:before, p a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 2px;
	background-color: rgba(95,221,254,.75);
	z-index: -1;
	transition: .3s ease-in-out
}*/

.rich-text .wysiwyg-content ol .-link:active, .rich-text .wysiwyg-content ol .-link:focus, .rich-text .wysiwyg-content ol .-link:hover, .rich-text .wysiwyg-content ol a:active, .rich-text .wysiwyg-content ol a:focus, .rich-text .wysiwyg-content ol a:hover, .rich-text .wysiwyg-content ul .-link:active, .rich-text .wysiwyg-content ul .-link:focus, .rich-text .wysiwyg-content ul .-link:hover, .rich-text .wysiwyg-content ul a:active, .rich-text .wysiwyg-content ul a:focus, .rich-text .wysiwyg-content ul a:hover, fieldset .-link:active, fieldset .-link:focus, fieldset .-link:hover, fieldset a:active, fieldset a:focus, fieldset a:hover, label .-link:active, label .-link:focus, label .-link:hover, label a:active, label a:focus, label a:hover, p .-link:active, p .-link:focus, p .-link:hover, p a:active, p a:focus, p a:hover {
    text-decoration: none
}

    .rich-text .wysiwyg-content ol .-link:active:before, .rich-text .wysiwyg-content ol .-link:focus:before, .rich-text .wysiwyg-content ol .-link:hover:before, .rich-text .wysiwyg-content ol a:active:before, .rich-text .wysiwyg-content ol a:focus:before, .rich-text .wysiwyg-content ol a:hover:before, .rich-text .wysiwyg-content ul .-link:active:before, .rich-text .wysiwyg-content ul .-link:focus:before, .rich-text .wysiwyg-content ul .-link:hover:before, .rich-text .wysiwyg-content ul a:active:before, .rich-text .wysiwyg-content ul a:focus:before, .rich-text .wysiwyg-content ul a:hover:before, fieldset .-link:active:before, fieldset .-link:focus:before, fieldset .-link:hover:before, fieldset a:active:before, fieldset a:focus:before, fieldset a:hover:before, label .-link:active:before, label .-link:focus:before, label .-link:hover:before, label a:active:before, label a:focus:before, label a:hover:before, p .-link:active:before, p .-link:focus:before, p .-link:hover:before, p a:active:before, p a:focus:before, p a:hover:before {
        height: 18px;
        transition: .3s ease-in-out
    }

.rich-text .wysiwyg-content ol .-link:focus-within, .rich-text .wysiwyg-content ol a:focus-within, .rich-text .wysiwyg-content ul .-link:focus-within, .rich-text .wysiwyg-content ul a:focus-within, fieldset .-link:focus-within, fieldset a:focus-within, label .-link:focus-within, label a:focus-within, p .-link:focus-within, p a:focus-within {
    text-decoration: none
}

    .rich-text .wysiwyg-content ol .-link:focus-within:before, .rich-text .wysiwyg-content ol a:focus-within:before, .rich-text .wysiwyg-content ul .-link:focus-within:before, .rich-text .wysiwyg-content ul a:focus-within:before, fieldset .-link:focus-within:before, fieldset a:focus-within:before, label .-link:focus-within:before, label a:focus-within:before, p .-link:focus-within:before, p a:focus-within:before {
        height: 18px;
        transition: .3s ease-in-out
    }

.-link:active, .-link:focus, .-link:hover, a:active, a:focus, a:hover {
    color: #001223;
    outline: 0
}

.-link:focus-within, a:focus-within {
    color: #001223;
    outline: 0
}

.-link:active, .-link:focus, a:active, a:focus {
    text-decoration: underline
}

.-link:disabled, .-link[disabled], a:disabled, a[disabled] {
    opacity: .5;
    pointer-events: none
}

    .-link:disabled:before, .-link[disabled]:before, a:disabled:before, a[disabled]:before {
        background-color: #aeb3b6
    }

.-link.-facebook, .-link.-instagram, .-link.-linkedin, .-link.-twitter, .-link.-x, a.-facebook, a.-instagram, a.-linkedin, a.-twitter, a.-x {
    position: relative;
    font-size: 0;
    color: transparent;
    width: 30px;
    height: 30px
}

    .-link.-facebook:before, .-link.-instagram:before, .-link.-linkedin:before, .-link.-twitter:before, .-link.-x:before, a.-facebook:before, a.-instagram:before, a.-linkedin:before, a.-twitter:before, a.-x:before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: #fff;
        font-size: 20px;
        font-size: 1.25rem;
        transition: .3s ease-in-out
    }

    .-link.-facebook:active:before, .-link.-facebook:focus:before, .-link.-facebook:hover:before, .-link.-instagram:active:before, .-link.-instagram:focus:before, .-link.-instagram:hover:before, .-link.-linkedin:active:before, .-link.-linkedin:focus:before, .-link.-linkedin:hover:before, .-link.-twitter:active:before, .-link.-twitter:focus:before, .-link.-twitter:hover:before, .-link.-x:active:before, .-link.-x:focus:before, .-link.-x:hover:before, a.-facebook:active:before, a.-facebook:focus:before, a.-facebook:hover:before, a.-instagram:active:before, a.-instagram:focus:before, a.-instagram:hover:before, a.-linkedin:active:before, a.-linkedin:focus:before, a.-linkedin:hover:before, a.-twitter:active:before, a.-twitter:focus:before, a.-twitter:hover:before, a.-x:active:before, a.-x:focus:before, a.-x:hover:before {
        color: #06a3cc;
        transition: .3s ease-in-out
    }

    .-link.-facebook:focus-within:before, .-link.-instagram:focus-within:before, .-link.-linkedin:focus-within:before, .-link.-twitter:focus-within:before, .-link.-x:focus-within:before, a.-facebook:focus-within:before, a.-instagram:focus-within:before, a.-linkedin:focus-within:before, a.-twitter:focus-within:before, a.-x:focus-within:before {
        color: #06a3cc;
        transition: .3s ease-in-out
    }

    .-link.-twitter:before, a.-twitter:before {
        content: ""
    }

    .-link.-twitter:before, .-link.-x:before, a.-twitter:before, a.-x:before {
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .-link.-x:before, a.-x:before {
        content: ""
    }

    .-link.-facebook:before, a.-facebook:before {
        content: ""
    }

    .-link.-facebook:before, .-link.-linkedin:before, a.-facebook:before, a.-linkedin:before {
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .-link.-linkedin:before, a.-linkedin:before {
        content: ""
    }

    .-link.-instagram:before, a.-instagram:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.-link.-arrow, a.-arrow {
    position: relative;
    padding-left: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2f2f30
}

    .-link.-arrow:before, a.-arrow:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        top: 8px;
        transform: translateY(-50%);
        color: #5fddfe;
        transition: .3s ease-in-out
    }

    .-link.-arrow:after, a.-arrow:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 100%;
        background-color: #f0df1a;
        opacity: 0;
        transition: .3s ease-in-out
    }

    .-link.-arrow.-yellow:before, a.-arrow.-yellow:before {
        color: #f0df1a
    }

    .-link.-arrow.-yellow:after, a.-arrow.-yellow:after {
        background-color: #5fddfe
    }

    .-link.-arrow:active:before, .-link.-arrow:focus:before, .-link.-arrow:hover:before, a.-arrow:active:before, a.-arrow:focus:before, a.-arrow:hover:before {
        color: #f0df1a;
        transition: .3s ease-in-out
    }

    .-link.-arrow:active:after, .-link.-arrow:focus:after, .-link.-arrow:hover:after, a.-arrow:active:after, a.-arrow:focus:after, a.-arrow:hover:after {
        opacity: 1;
        transition: .3s ease-in-out
    }

    .-link.-arrow:active.-yellow:before, .-link.-arrow:focus.-yellow:before, .-link.-arrow:hover.-yellow:before, a.-arrow:active.-yellow:before, a.-arrow:focus.-yellow:before, a.-arrow:hover.-yellow:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

    .-link.-arrow:focus-within:before, a.-arrow:focus-within:before {
        color: #f0df1a;
        transition: .3s ease-in-out
    }

    .-link.-arrow:focus-within:after, a.-arrow:focus-within:after {
        opacity: 1;
        transition: .3s ease-in-out
    }

    .-link.-arrow:focus-within.-yellow:before, a.-arrow:focus-within.-yellow:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

.site-header .btn, .site-header button, .site-header input[type=button], .site-header input[type=reset], .site-header input[type=submit] {
    display: inline-block;
    cursor: pointer;
    background: #002d56;
    color: #fff;
    font-family: Barlow,sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    text-align: center;
    padding: 18px 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.15;
    border: 0;
    border-radius: 27px;
    transition: background-color .3s ease-in-out
}

.btn.-link, button.-link, input[type=button].-link, input[type=reset].-link, input[type=submit].-link {
    padding: 0;
    text-transform: none;
    font-weight: 400;
    background: none;
    letter-spacing: 0
}

    .btn.-link:active, .btn.-link:focus, .btn.-link:hover, button.-link:active, button.-link:focus, button.-link:hover, input[type=button].-link:active, input[type=button].-link:focus, input[type=button].-link:hover, input[type=reset].-link:active, input[type=reset].-link:focus, input[type=reset].-link:hover, input[type=submit].-link:active, input[type=submit].-link:focus, input[type=submit].-link:hover {
        background: none
    }

    .btn.-link:focus-within, button.-link:focus-within, input[type=button].-link:focus-within, input[type=reset].-link:focus-within, input[type=submit].-link:focus-within {
        background: none
    }

.btn.modal-video-close-btn, button.modal-video-close-btn, input[type=button].modal-video-close-btn, input[type=reset].modal-video-close-btn, input[type=submit].modal-video-close-btn {
    display: block;
    color: site-color(#fff);
    font-family: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
    line-height: auto;
    text-align: auto;
    text-decoration: none;
    padding: 0;
    border-radius: 50%
}

    .btn.modal-video-close-btn:before, button.modal-video-close-btn:before, input[type=button].modal-video-close-btn:before, input[type=reset].modal-video-close-btn:before, input[type=submit].modal-video-close-btn:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        top: -2px;
        color: #6e6d6d;
        font-size: 8px;
        font-size: .5rem;
        font-weight: 700
    }

@media (min-width: 1100px) {
    .btn.modal-video-close-btn, button.modal-video-close-btn, input[type=button].modal-video-close-btn, input[type=reset].modal-video-close-btn, input[type=submit].modal-video-close-btn {
        right: -35px
    }
}

.btn.-yellow, button.-yellow, input[type=button].-yellow, input[type=reset].-yellow, input[type=submit].-yellow {
    background-color: #f0df1a;
    color: #2f2f30
}

.btn.-teal, button.-teal, input[type=button].-teal, input[type=reset].-teal, input[type=submit].-teal {
    background-color: #5fddfe;
    color: #002d56
}

.btn.-small, button.-small, input[type=button].-small, input[type=reset].-small, input[type=submit].-small {
    padding: 10px 25px
}

.btn.-wide, button.-wide, input[type=button].-wide, input[type=reset].-wide, input[type=submit].-wide {
    min-width: 215px
}

.btn:active, .btn:focus, .btn:hover, button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
    background: #004889;
    outline: 0;
    transition: .3s ease-in-out
}

    .btn:active.-yellow, .btn:focus.-yellow, .btn:hover.-yellow, button:active.-yellow, button:focus.-yellow, button:hover.-yellow, input[type=button]:active.-yellow, input[type=button]:focus.-yellow, input[type=button]:hover.-yellow, input[type=reset]:active.-yellow, input[type=reset]:focus.-yellow, input[type=reset]:hover.-yellow, input[type=submit]:active.-yellow, input[type=submit]:focus.-yellow, input[type=submit]:hover.-yellow {
        background-color: #fcf062
    }

    .btn:active.-teal, .btn:focus.-teal, .btn:hover.-teal, button:active.-teal, button:focus.-teal, button:hover.-teal, input[type=button]:active.-teal, input[type=button]:focus.-teal, input[type=button]:hover.-teal, input[type=reset]:active.-teal, input[type=reset]:focus.-teal, input[type=reset]:hover.-teal, input[type=submit]:active.-teal, input[type=submit]:focus.-teal, input[type=submit]:hover.-teal {
        background-color: #92e8fe
    }

.btn:focus-within, button:focus-within, input[type=button]:focus-within, input[type=reset]:focus-within, input[type=submit]:focus-within {
    background: #004889;
    outline: 0;
    transition: .3s ease-in-out
}

    .btn:focus-within.-yellow, button:focus-within.-yellow, input[type=button]:focus-within.-yellow, input[type=reset]:focus-within.-yellow, input[type=submit]:focus-within.-yellow {
        background-color: #fcf062
    }

    .btn:focus-within.-teal, button:focus-within.-teal, input[type=button]:focus-within.-teal, input[type=reset]:focus-within.-teal, input[type=submit]:focus-within.-teal {
        background-color: #92e8fe
    }

.btn:disabled, button:disabled, input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled {
    pointer-events: none;
    background-color: #dadcdd;
    color: #373a40
}

.loading-button {
    position: relative
}

    .loading-button .loading-text {
        display: none
    }

    .loading-button .loading-spinner {
        position: absolute;
        top: 30%;
        right: 14px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px
    }

        .loading-button .loading-spinner div {
            box-sizing: border-box;
            display: block;
            position: absolute;
            width: 24px;
            height: 24px;
            margin: 0;
            border-radius: 50%;
            opacity: 0;
            border: 4px solid transparent;
            border-top-color: #fff
        }

.-yellow .loading-button .loading-spinner div {
    border: 4px solid transparent;
    border-top-color: #d4c820
}

.loading-button .loading-spinner div:first-child {
    animation-delay: -.45s
}

.loading-button .loading-spinner div:nth-child(2) {
    animation-delay: -.3s
}

.loading-button .loading-spinner div:nth-child(3) {
    animation-delay: -.15s
}

.loading-button.-small .loading-spinner {
    top: 23%;
    right: 9px
}

.loading-button.-small.-loading {
    padding: 10px 21px
}

.loading-button.-loading {
    padding-right: 50px;
    transition: .3s ease-in-out
}

    .loading-button.-loading .loading-text {
        display: inline
    }

    .loading-button.-loading .default-text {
        display: none
    }

    .loading-button.-loading div {
        opacity: 1;
        animation: loading-spinner 1.5s cubic-bezier(.5,0,.5,1) infinite;
        transition: .3s ease-in-out
    }

.login-page {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

    .login-page > * {
        margin-bottom: 30px
    }

.login-page-description, .login-page-form-item {
    margin-bottom: 40px
}

.login-page-form label:after {
    content: "*";
    color: #d90707;
    margin-left: 3px
}

.login-page-extra-link {
    display: block;
    margin: 30px 0
}

@media (min-width: 400px) {
    .login-page-extra-link {
        display: inline-block;
        margin-left: 30px
    }
}

.login-page-recovery {
    font-size: 14px;
    font-size: .875rem
}

.dropdown-standard {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dropdown-standard-left ul, .dropdown-standard-right ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.dropdown-standard-left {
    -ms-flex: 0 1 350px;
    flex: 0 1 350px
}

.dropdown-standard-right {
    -ms-flex: 0 1 300px;
    flex: 0 1 300px
}

.dropdown-standard-title {
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f0df1a;
    color: #002d56;
    margin: 30px 20px 0 40px
}

.dropdown-standard .left-list-item {
    position: relative;
    transition: .3s ease-in-out
}

    .dropdown-standard .left-list-item:before {
        content: "";
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 4px;
        height: 100%;
        background-color: #f0df1a;
        opacity: 0;
        z-index: 11;
        transition: .3s ease-in-out
    }

.dropdown-standard .left-list-item-link {
    padding: 20px 20px 20px 40px
}

.dropdown-standard .left-list-item-link-title {
    margin-bottom: 9px;
    transition: .3s ease-in-out
}

.dropdown-standard .left-list-item-link-description {
    max-height: 50px;
    overflow: hidden;
    color: #6e6d6d;
    transition: .3s ease-in-out
}

.dropdown-standard .left-list-item:active:before, .dropdown-standard .left-list-item:focus:before, .dropdown-standard .left-list-item:hover:before {
    opacity: 1;
    transition: .3s ease-in-out
}

.dropdown-standard .left-list-item:active .left-list-item-link-title, .dropdown-standard .left-list-item:focus .left-list-item-link-title, .dropdown-standard .left-list-item:hover .left-list-item-link-title {
    color: #002d56
}

.dropdown-standard .left-list-item:active .left-list-item-link-description, .dropdown-standard .left-list-item:active .left-list-item-link-title, .dropdown-standard .left-list-item:focus .left-list-item-link-description, .dropdown-standard .left-list-item:focus .left-list-item-link-title, .dropdown-standard .left-list-item:hover .left-list-item-link-description, .dropdown-standard .left-list-item:hover .left-list-item-link-title {
    transform: translateX(25px)
}

.dropdown-standard .left-list-item:focus-within:before {
    opacity: 1;
    transition: .3s ease-in-out
}

.dropdown-standard .left-list-item:focus-within .left-list-item-link-title {
    color: #002d56
}

.dropdown-standard .left-list-item:focus-within .left-list-item-link-description, .dropdown-standard .left-list-item:focus-within .left-list-item-link-title {
    transform: translateX(25px)
}

.dropdown-standard .left-button {
    text-align: center
}

.dropdown-standard .left-button-link {
    min-width: 215px;
    margin: 10px auto 40px
}

.dropdown-standard .right-list {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.dropdown-standard .right-list-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.dropdown-standard .right-list-item-link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    height: 100%
}

    .dropdown-standard .right-list-item-link .img-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #f0df1a;
        opacity: 0;
        transition: .3s ease-in-out
    }

    .dropdown-standard .right-list-item-link:active .img-wrapper:after, .dropdown-standard .right-list-item-link:focus .img-wrapper:after, .dropdown-standard .right-list-item-link:hover .img-wrapper:after {
        opacity: .8;
        transition: .3s ease-in-out
    }

    .dropdown-standard .right-list-item-link:active .img-background, .dropdown-standard .right-list-item-link:focus .img-background, .dropdown-standard .right-list-item-link:hover .img-background {
        filter: grayscale(100%);
        transition: .3s ease-in-out
    }

    .dropdown-standard .right-list-item-link:focus-within .img-wrapper:after {
        opacity: .8;
        transition: .3s ease-in-out
    }

    .dropdown-standard .right-list-item-link:focus-within .img-background {
        filter: grayscale(100%);
        transition: .3s ease-in-out
    }

.dropdown-standard .right-list-item-link-image {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.dropdown-standard .right-list-item-link-label {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    color: #002d56;
    z-index: 3
}

.step-button {
    margin-top: 20px;
    margin-bottom: 32px;
    text-align: center
}

@media (min-width: 1000px) {
    .step-button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        margin-bottom: 0
    }

        .step-button > div:first-child {
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

.step-button-main {
    text-align: right
}

@media (min-width: 1000px) {
    .step-button-main {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .-wide .step-button-main {
        padding-left: 150px;
        padding-right: 150px
    }
}

@media (min-width: 1000px) {
    .step-customer-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
        text-align: left
    }

        .step-customer-info > div:first-child {
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

@media (min-width: 1000px) {
    .step-customer-info-main {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .-wide .step-customer-info-main {
        padding-left: 150px;
        padding-right: 150px
    }
}

.step-customer-info-row {
    margin-bottom: 40px
}

@media (min-width: 600px) {
    .step-customer-info-row {
        display: -ms-flexbox;
        display: flex
    }
}

.step-customer-info-group {
    line-height: 1.67
}

@media (min-width: 600px) {
    .step-customer-info-group {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.step-customer-info-group:last-child {
    margin-bottom: 0
}

.step-customer-info-group-title {
    margin-bottom: 18px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    color: #373a40;
    text-transform: uppercase;
    letter-spacing: 2px
}

.step-form-item.-tall {
    margin-bottom: 60px
}

@media (min-width: 1000px) {
    .step-form-item {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-bottom: 40px
    }

        .step-form-item.-max-third {
            max-width: 33.33%
        }

        .step-form-item:nth-child(n+2) {
            margin-left: 20px
        }
}

.step-form-item textarea {
    min-height: 500px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625
}

.step-form-fieldset {
    margin-bottom: 40px
}

    .step-form-fieldset legend {
        margin-bottom: 24px
    }

    .step-form-fieldset > ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .step-form-fieldset > ul li label:before {
            top: 2px
        }

        .step-form-fieldset > ul li label:active, .step-form-fieldset > ul li label:focus, .step-form-fieldset > ul li label:hover {
            opacity: 1
        }

        .step-form-fieldset > ul li label:focus-within {
            opacity: 1
        }

        .step-form-fieldset > ul.-hidden .-hideable {
            display: none
        }

@media (min-width: 600px) {
    .step-form-fieldset > ul {
        column-count: 2;
        column-gap: 20px
    }
}

@media (min-width: 1000px) {
    .step-form-fieldset > ul {
        column-gap: 40px
    }
}

.step-form-fieldset-toggle-hidden {
    margin-top: 25px
}

.step-form-fieldset .-date-inner {
    display: -ms-flexbox;
    display: flex
}

.step-form-fieldset .-date-select {
    -ms-flex: auto;
    flex: auto;
    margin-right: 4px
}

    .step-form-fieldset .-date-select:last-child {
        margin-right: 0
    }

@media (min-width: 400px) {
    .step-form-fieldset .-date-select {
        margin-right: 15px
    }
}

@media (min-width: 500px) {
    .step-form-fieldset .-date-select {
        -ms-flex: none;
        flex: none;
        width: 130px
    }
}

.step-form-fieldset.-practice-type.-active {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #dadcdd
}

    .step-form-fieldset.-practice-type.-active .radio input + label {
        opacity: .5
    }

    .step-form-fieldset.-practice-type.-active .radio input:checked + label {
        opacity: 1
    }

.step-form-scroll {
    margin-bottom: 40px
}

.step-form-scroll-content {
    height: 50vh;
    max-height: 500px;
    padding: 20px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.63;
    overflow: scroll;
    background-color: #f8f8f8;
    border: 1px solid #dadcdd
}

    .step-form-scroll-content * {
        font-size: inherit
    }

@media (min-width: 1000px) {
    .step-form-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        margin-bottom: 0
    }

        .step-form-row > div:first-child {
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

.step-form-row-main {
    position: relative
}

@media (min-width: 1000px) {
    .step-form-row-main {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .-wide .step-form-row-main {
        padding-left: 150px;
        padding-right: 150px
    }
}

@media (min-width: 1000px) {
    .step-form-row-main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.step-form-row-main > .checks {
    margin: 0
}

.step-hint {
    display: none
}

    .step-hint.-inactive {
        border-left: 0 !important
    }

@media (min-width: 1000px) {
    .-wide .step-hint {
        -ms-flex: none;
        flex: none;
        display: block;
        width: 300px;
        margin-left: auto;
        padding-left: 28px;
        padding-right: 35px;
        border-left: 3px solid #f0df1a
    }

    .-wide .step-hint-title {
        margin-bottom: 20px;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #373a40
    }

    .-wide .step-hint-text {
        line-height: 1.625;
        font-size: 16px;
        font-size: 1rem
    }
}

.step-list {
    margin-bottom: 0
}

@media (min-width: 1000px) {
    .step-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
        text-align: left
    }

        .step-list > div:first-child {
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

@media (min-width: 1000px) {
    .step-list-main {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .-wide .step-list-main {
        padding-left: 150px;
        padding-right: 150px
    }
}

@media (min-width: 1000px) {
    .step-list-main {
        margin-bottom: 20px
    }
}

@media (min-width: 1000px) {
    .step-list-header {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .step-list-header:before {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            bottom: auto;
            left: 0;
            height: 1px;
            background-color: #dadcdd
        }
}

.step-list-header-title {
    margin-bottom: 8px
}

@media (min-width: 1000px) {
    .step-list-header-title {
        padding-right: 15px
    }
}

.step-list-header-price {
    font-weight: 900;
    color: #2f2f30
}

@media (min-width: 1000px) {
    .step-list-header-price {
        padding-left: 15px
    }
}

.step-list-header-price span {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    color: #6e6d6d
}

.step-list-header-price, .step-list-header-title {
    position: relative;
    background-color: #fff;
    z-index: 2
}

.step-list-items {
    list-style: none;
    margin: 20px 0 0;
    padding: 0 0 40px
}

@media (min-width: 1000px) {
    .step-list-items {
        border-bottom: 1px solid #dadcdd
    }
}

.step-list-items li {
    position: relative;
    padding-left: 30px
}

    .step-list-items li:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 7px;
        right: auto;
        bottom: auto;
        left: 4px;
        font-size: 12px;
        font-size: .75rem;
        color: #aeb3b6
    }

.step-order-summary {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 60px
}

@media (min-width: 1000px) {
    .step-order-summary {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
        text-align: left
    }

        .step-order-summary > div:first-child {
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

@media (min-width: 1000px) {
    .step-order-summary-main {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .-wide .step-order-summary-main {
        padding-left: 150px;
        padding-right: 150px
    }
}

.step-order-summary-header {
    display: none
}

@media (min-width: 1000px) {
    .step-order-summary-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 13px 0;
        margin-bottom: 15px;
        background-color: #f8f8f8;
        font-size: 13px;
        font-size: .8125rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.5px
    }

        .step-order-summary-header .step-order-summary-header-item {
            padding: 0 15px
        }

            .step-order-summary-header .step-order-summary-header-item:first-child {
                width: 65%
            }
}

@media (min-width: 1000px) and (min-width:1000px) {
    .step-order-summary-header .step-order-summary-header-item:first-child {
        width: 52%
    }
}

@media (min-width: 1000px) {
    .step-order-summary-header .step-order-summary-header-item:nth-child(2), .step-order-summary-header .step-order-summary-header-item:nth-child(3) {
        display: none
    }

    .step-order-summary-header .step-order-summary-header-item:nth-child(n+2) {
        width: 35%;
        text-align: right
    }
}

@media (min-width: 1000px) and (min-width:1000px) {
    .step-order-summary-header .step-order-summary-header-item:nth-child(n+2) {
        width: 16%;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 1000px) and (min-width:1000px) {
    .step-order-summary-header .step-order-summary-header-item {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

.step-order-summary .order {
    border-top: 1px solid #dadcdd;
    padding-top: 15px
}

@media (min-width: 1000px) {
    .step-order-summary .order {
        border-top: 0;
        padding-top: 15px
    }
}

.step-order-summary .order-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
    margin-top: 15px;
    border-top: 1px solid #dadcdd
}

    .step-order-summary .order-item .order-item-col {
        padding: 0 15px
    }

        .step-order-summary .order-item .order-item-col:first-child {
            width: 65%
        }

@media (min-width: 1000px) {
    .step-order-summary .order-item .order-item-col:first-child {
        width: 52%
    }
}

.step-order-summary .order-item .order-item-col:nth-child(2), .step-order-summary .order-item .order-item-col:nth-child(3) {
    display: none
}

.step-order-summary .order-item .order-item-col:nth-child(n+2) {
    width: 35%;
    text-align: right
}

@media (min-width: 1000px) {
    .step-order-summary .order-item .order-item-col:nth-child(n+2) {
        width: 16%;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 1000px) {
    .step-order-summary .order-item .order-item-col {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

.step-order-summary .order-item:first-child {
    padding-top: 0;
    border-top: 0
}

@media (min-width: 1000px) {
    .step-order-summary .order-item:first-child {
        padding-top: 15px
    }
}

.step-order-summary .order-item.-no-remove {
    border-top: 0;
    margin-top: 0;
    padding: 15px 0
}

    .step-order-summary .order-item.-no-remove .mobile-content-remove {
        display: none
    }

@media (min-width: 1000px) {
    .step-order-summary .order-item.-no-remove .mobile-content {
        display: none !important
    }
}

.step-order-summary .order-item.-loading .loading-spinner {
    display: inline-block !important;
    transform: translate(8px,-50%) !important
}

.step-order-summary .order-item.-loading .mobile-content-remove:before, .step-order-summary .order-item.-loading .mobile-content-remove > span {
    display: none !important
}

.step-order-summary .order-item-col:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 500px) {
    .step-order-summary .order-item-col:first-child {
        font-size: 16px;
        font-size: 1rem
    }
}

.step-order-summary .order-item-col:last-child {
    position: relative
}

.step-order-summary .order-item-col > span {
    position: absolute;
    top: 50%;
    right: 15px;
    line-height: 1.2;
    color: #01728f;
    transform: translateY(-10px);
    font-style: italic
}

@media (min-width: 1000px) {
    .step-order-summary .order-item-col > span {
        white-space: nowrap;
        transform: translateY(100%)
    }
}

.step-order-summary .order-item-col-image {
    -ms-flex: none;
    flex: none;
    width: 80px;
    height: auto;
    margin-left: -15px;
    margin-right: 10px
}

@media (min-width: 500px) {
    .step-order-summary .order-item-col-image {
        width: 100px
    }
}

.step-order-summary .order-item-col-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 800;
    color: #373a40
}

    .step-order-summary .order-item-col-title .mobile-content {
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        font-size: .75rem;
        font-weight: 400;
        color: #6e6d6d;
        margin-top: 10px
    }

@media (min-width: 1000px) {
    .step-order-summary .order-item-col-title .mobile-content {
        margin-top: 0
    }
}

@media (min-width: 1000px) {
    .step-order-summary .order-item-col-title .mobile-content-qty {
        display: none
    }
}

.step-order-summary .order-item-col-title .mobile-content-remove {
    position: relative;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #dadcdd
}

@media (min-width: 1000px) {
    .step-order-summary .order-item-col-title .mobile-content-remove {
        border: 0;
        margin: 0;
        padding: 0;
        font-size: 0
    }

        .step-order-summary .order-item-col-title .mobile-content-remove:before {
            content: "";
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 10px;
            font-size: .625rem;
            color: #aeb3b6;
            transition: .3s ease-in-out
        }

        .step-order-summary .order-item-col-title .mobile-content-remove:active:before, .step-order-summary .order-item-col-title .mobile-content-remove:focus:before, .step-order-summary .order-item-col-title .mobile-content-remove:hover:before {
            color: #2f2f30
        }

        .step-order-summary .order-item-col-title .mobile-content-remove:active:focus, .step-order-summary .order-item-col-title .mobile-content-remove:focus:focus, .step-order-summary .order-item-col-title .mobile-content-remove:hover:focus {
            text-decoration: underline
        }

        .step-order-summary .order-item-col-title .mobile-content-remove:focus-within:before {
            color: #2f2f30
        }

        .step-order-summary .order-item-col-title .mobile-content-remove:focus-within:focus {
            text-decoration: underline
        }
}

.step-order-summary .order-item-col-title .mobile-content-remove .loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translate(100%,-50%) translateX(4px);
    width: 20px;
    height: 20px
}

    .step-order-summary .order-item-col-title .mobile-content-remove .loading-spinner div {
        width: 15px;
        height: 15px;
        margin: 4px;
        border: 3px solid transparent;
        border-top-color: #dadcdd
    }

@media (min-width: 1000px) {
    .step-order-summary .order-item-col-title .mobile-content {
        position: absolute;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(24px,-50%)
    }

        .step-order-summary .order-item-col-title .mobile-content .loading-spinner div {
            margin: 2px
        }
}

.step-order-summary-continue {
    margin-top: 30px
}

.step-order-summary-disclaimer {
    margin-top: 30px;
    font-size: 14px;
    font-size: .875rem
}

.step-promos {
    position: relative;
    margin: 0 -15px 32px;
    background-color: #f8f8f8;
    box-shadow: inset -4px 8px 12px 0 rgba(0,0,0,.09)
}

@media (min-width: 768px) {
    .step-promos {
        margin-left: -30px;
        margin-right: -30px
    }
}

@media (min-width: 1000px) {
    .step-promos {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        margin: 0 0 32px;
        box-shadow: none;
        background-color: transparent
    }

        .step-promos > div:first-child {
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

.step-promos-main {
    margin-bottom: 45px
}

@media (min-width: 1000px) {
    .step-promos-main {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .-wide .step-promos-main {
        padding-left: 150px;
        padding-right: 150px
    }
}

.step-promos-title {
    display: none
}

@media (min-width: 1000px) {
    .step-promos-title {
        display: block
    }
}

.step-promos .promo-item {
    display: block
}

.step-promos .promo-item-inner {
    padding: 30px 80px 30px 15px;
    border-bottom: 1px solid #fff
}

@media (min-width: 768px) {
    .step-promos .promo-item-inner {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1000px) {
    .step-promos .promo-item-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 30px 0;
        border: 0
    }
}

.step-promos .promo-item.-added {
    position: relative
}

    .step-promos .promo-item.-added:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 40px;
        font-size: 16px;
        font-size: 1rem;
        transform: translate(-50%,-50%);
        background-color: #499f36;
        border-radius: 50%;
        color: #fff;
        z-index: 2
    }

@media (min-width: 1000px) {
    .step-promos .promo-item.-added:before {
        width: 55px;
        height: 55px;
        font-size: 20px;
        font-size: 1.25rem;
        transform: translate(50%,-50%)
    }
}

@media (min-width: 1000px) {
    .step-promos .promo-item.-added .promo-item-inner {
        opacity: .5
    }
}

.step-promos .promo-item-image {
    display: none
}

.step-promos .promo-item-image-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: top
}

@media (min-width: 1000px) {
    .step-promos .promo-item-image {
        position: relative;
        display: block;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        height: 225px
    }
}

.step-promos .promo-item-content {
    padding-left: 32px
}

@media (min-width: 1000px) {
    .step-promos .promo-item-content {
        position: relative;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 185px;
        padding: 25px 30px;
        margin-left: -25px;
        background-color: #fff;
        box-shadow: 4px 3px 13px 0 rgba(0,0,0,.09)
    }
}

.step-promos .promo-item-content-title {
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #373a40;
    font-weight: 700
}

    .step-promos .promo-item-content-title:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 2px;
        right: auto;
        bottom: auto;
        left: -20px;
        color: #f0df1a;
        transform: translateX(-50%)
    }

@media (min-width: 1000px) {
    .step-promos .promo-item-content-title:before {
        display: none
    }
}

.step-promos .promo-item-content-text {
    color: #2f2f30;
    font-weight: 700;
    line-height: 1.6
}

.step-promos a.promo-item .img-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f0df1a;
    opacity: 0;
    transition: .3s ease-in-out
}

.step-promos a.promo-item:active .img-wrapper:after, .step-promos a.promo-item:focus .img-wrapper:after, .step-promos a.promo-item:hover .img-wrapper:after {
    opacity: .8;
    transition: .3s ease-in-out
}

.step-promos a.promo-item:active .img-background, .step-promos a.promo-item:focus .img-background, .step-promos a.promo-item:hover .img-background {
    filter: grayscale(100%);
    transition: .3s ease-in-out
}

.step-promos a.promo-item:focus-within .img-wrapper:after {
    opacity: .8;
    transition: .3s ease-in-out
}

.step-promos a.promo-item:focus-within .img-background {
    filter: grayscale(100%);
    transition: .3s ease-in-out
}

@media (min-width: 1000px) {
    .step-sidebar {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 340px;
        padding: 90px 30px;
        background-color: #fff;
        box-shadow: -4px 3px 17px 0 rgba(0,0,0,.1)
    }
}

@media (min-width: 1000px) {
    .step-sidebar-inner {
        position: relative;
        transition: top .4s linear
    }
}

.step-sidebar-title {
    margin-bottom: 18px
}

.step-sidebar table {
    width: 100%;
    margin-bottom: 25px
}

    .step-sidebar table tr td {
        padding: 9px 0
    }

        .step-sidebar table tr td:last-child {
            position: relative;
            padding-left: 9px;
            text-align: right
        }

            .step-sidebar table tr td:last-child:before {
                content: "$"
            }

.step-sidebar-summary {
    padding: 12px 0;
    border-top: 1px solid #dadcdd;
    border-bottom: 1px solid #dadcdd
}

.step-sidebar-promocode {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dadcdd
}

.step-sidebar-promocode-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .step-sidebar-promocode-inner .promocode-button, .step-sidebar-promocode-inner .promocode-input {
        -ms-flex: auto;
        flex: auto
    }

    .step-sidebar-promocode-inner .promocode-button {
        padding-left: 20px
    }

        .step-sidebar-promocode-inner .promocode-button > button {
            height: 100%
        }

.step-sidebar-promocode-message {
    font-style: italic;
    margin-bottom: 7px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.85;
    color: #01728f
}

.step-sidebar-total {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 900;
    color: #2f2f30
}

.step-sidebar-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 16px;
    transition: .3s ease-in-out;
    background-color: #fff;
    box-shadow: -4px 3px 17px 0 rgba(0,0,0,.1);
    z-index: 10
}

@media (min-width: 1000px) {
    .step-sidebar-button {
        position: static;
        background-color: transparent;
        box-shadow: none
    }
}

.step-sidebar-continue {
    display: none
}

@media (min-width: 1000px) {
    .step-sidebar-continue {
        display: block;
        margin-top: 15px;
        text-align: center
    }
}

.step-text {
    margin-bottom: 32px;
    text-align: center
}

@media (min-width: 1000px) {
    .step-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
        text-align: left
    }

        .step-text > div:first-child {
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

@media (min-width: 1000px) {
    .step-text-main {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .-wide .step-text-main {
        padding-left: 150px;
        padding-right: 150px
    }
}

.step-text:not(:first-child) {
    margin-top: 30px;
    text-align: left
}

    .step-text:not(:first-child) .step-text-main {
        margin-bottom: 10px
    }

        .step-text:not(:first-child) .step-text-main > :first-child {
            padding-top: 30px
        }

    .step-text:not(:first-child) .step-text-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.2
    }

        .step-text:not(:first-child) .step-text-title > a {
            padding-left: 10px;
            margin-left: 10px;
            border-left: 1px solid #dadcdd;
            color: #6e6d6d;
            font-size: 14px;
            font-size: .875rem;
            font-weight: 400
        }

            .step-text:not(:first-child) .step-text-title > a:active, .step-text:not(:first-child) .step-text-title > a:focus, .step-text:not(:first-child) .step-text-title > a:hover {
                color: #001223
            }

            .step-text:not(:first-child) .step-text-title > a:focus-within {
                color: #001223
            }

.step-text-label {
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f0df1a;
    color: #002d56
}

.dropdown-wtg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0
}

    .dropdown-wtg .item {
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%;
        padding: 0 30px;
        border-right: 1px solid #dadcdd
    }

        .dropdown-wtg .item:last-child {
            border-right: 0
        }

    .dropdown-wtg .item-head {
        text-align: center
    }

        .dropdown-wtg .item-head:active .item-head-subtitle, .dropdown-wtg .item-head:focus .item-head-subtitle, .dropdown-wtg .item-head:hover .item-head-subtitle {
            color: #002d56
        }

        .dropdown-wtg .item-head:active .item-head-icon, .dropdown-wtg .item-head:focus .item-head-icon, .dropdown-wtg .item-head:hover .item-head-icon {
            color: #f0df1a;
            transition: .3s ease-in-out
        }

        .dropdown-wtg .item-head:focus-within .item-head-subtitle {
            color: #002d56
        }

        .dropdown-wtg .item-head:focus-within .item-head-icon {
            color: #f0df1a;
            transition: .3s ease-in-out
        }

    .dropdown-wtg .item-head-icon {
        margin-bottom: 15px;
        font-size: 74px;
        font-size: 4.625rem;
        color: #dadcdd;
        transition: .3s ease-in-out
    }

    .dropdown-wtg .item-head-title {
        margin: 0
    }

    .dropdown-wtg .item-head-subtitle {
        font-weight: 700;
        color: #2f2f30
    }

    .dropdown-wtg .item-head-description {
        height: 80px;
        margin: 20px 0 15px;
        text-align: left;
        color: #6e6d6d
    }

    .dropdown-wtg .item-list {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .dropdown-wtg .item-list-item {
        margin: 10px 0
    }

        .dropdown-wtg .item-list-item > a {
            display: inline;
            line-height: 1.45;
            font-weight: 600;
            border-bottom: 3px solid transparent
        }

            .dropdown-wtg .item-list-item > a:active, .dropdown-wtg .item-list-item > a:focus, .dropdown-wtg .item-list-item > a:hover {
                color: #002d56;
                border-color: #f0df1a
            }

            .dropdown-wtg .item-list-item > a:focus-within {
                color: #002d56;
                border-color: #f0df1a
            }

.accordion {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .accordion {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.accordion-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.accordion-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px
}

    .accordion-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.accordion-items-item {
    border-bottom: 1px solid #dadcdd
}

    .accordion-items-item:first-child {
        border-top: 1px solid #dadcdd
    }

.accordion-items-item-title {
    display: block;
    position: relative;
    padding: 20px 0;
    line-height: 1.4;
    cursor: pointer
}

    .accordion-items-item-title:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 8px;
        bottom: auto;
        left: auto;
        transform: translateY(-50%);
        color: #f0df1a;
        transition: .3s ease-in-out
    }

    .accordion-items-item-title:active:before, .accordion-items-item-title:focus:before, .accordion-items-item-title:hover:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

    .accordion-items-item-title:active > h3, .accordion-items-item-title:focus > h3, .accordion-items-item-title:hover > h3 {
        color: #002d56;
        transition: .3s ease-in-out
    }

    .accordion-items-item-title:focus-within:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

    .accordion-items-item-title:focus-within > h3 {
        color: #002d56;
        transition: .3s ease-in-out
    }

    .accordion-items-item-title.-active:before {
        transform: translateY(-50%) rotate(90deg);
        transform-origin: center;
        transition: .3s ease-in-out
    }

    .accordion-items-item-title > h3 {
        padding-right: 28px;
        transition: .3s ease-in-out
    }

.accordion-items-item-content {
    height: 0;
    overflow: hidden
}

.accordion-items-item-content-inner {
    padding-bottom: 16px
}

.ad-block {
    -ms-flex: none;
    flex: none;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .ad-block {
        padding-left: 30px;
        padding-right: 30px
    }
}

.ad-block.-block {
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #f8f8f8
}

@media (min-width: 768px) {
    .ad-block.-block {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.ad-block-inner {
    padding: 30px 0 50px;
    overflow: hidden;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.ad-block-title {
    margin-bottom: 8px;
    font-size: 14px;
    font-size: .875rem;
    color: #6e6d6d
}

.ad-cta {
    position: relative
}

    .ad-cta.-background:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-image: url(../images/angle-background.jpg);
        background-size: cover
    }

    .ad-cta .ad-block-title {
        position: relative;
        margin-top: 30px;
        margin-bottom: 0;
        text-align: center;
        z-index: 200
    }

    .ad-cta .inner {
        width: 100%;
        overflow: hidden
    }

    .ad-cta .ads {
        padding: 20px
    }

@media (min-width: 768px) {
    .ad-cta .ads {
        padding: 30px
    }
}

.ad-cta .ads .ad {
    display: block !important;
    margin: 0 auto;
    text-align: center
}

    .ad-cta .ads .ad > a {
        background-color: #2f2f30
    }

        .ad-cta .ads .ad > a > img {
            transition: .3s ease-in-out
        }

        .ad-cta .ads .ad > a:hover > img {
            opacity: .85
        }

.ad-cta[data-is-carousel=true] .ads:not(.slick-initialized) .ad {
    opacity: 0
}

.ad-cta[data-is-carousel=true] .ads .ad {
    width: auto !important;
    transition: .3s ease-in-out
}

.ad-cta .slick-track {
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.ad-cta .slick-dots, .ad-cta .slick-track {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ad-cta .slick-dots {
    display: none !important;
    gap: 12px;
    padding: 0 108px;
    transform: translateY(100%);
    height: 36px;
    margin-top: -26px;
    pointer-events: none
}

@media (min-width: 768px) {
    .ad-cta .slick-dots {
        gap: 16px;
        padding: 0 150px;
        height: 50px;
        margin-top: -30px
    }
}

.ad-cta .slick-dots li {
    list-style: none;
    line-height: 1;
    margin: 0;
    font-size: 0
}

    .ad-cta .slick-dots li.slick-active button {
        background: #d4c820
    }

.ad-cta .slick-dots button {
    font-size: 0;
    padding: 0;
    border-radius: 50%;
    background: #dadcdd;
    width: 12px;
    height: 12px;
    pointer-events: all
}

@media (min-width: 768px) {
    .ad-cta .slick-dots button {
        width: 16px;
        height: 16px
    }
}

.ad-cta .controls {
    display: none;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 2px
}

.ad-cta .controls-next, .ad-cta .controls-play-pause, .ad-cta .controls-prev {
    border-radius: 0;
    padding: 0;
    width: 36px;
    height: 36px
}

@media (min-width: 768px) {
    .ad-cta .controls-next, .ad-cta .controls-play-pause, .ad-cta .controls-prev {
        width: 50px;
        height: 50px
    }
}

.ad-cta .controls-next, .ad-cta .controls-prev {
    background: #f0df1a
}

    .ad-cta .controls-next:before, .ad-cta .controls-prev:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative
    }

    .ad-cta .controls-next:active, .ad-cta .controls-next:focus, .ad-cta .controls-next:hover, .ad-cta .controls-prev:active, .ad-cta .controls-prev:focus, .ad-cta .controls-prev:hover {
        background: #d4c820
    }

    .ad-cta .controls-next:focus-within, .ad-cta .controls-prev:focus-within {
        background: #d4c820
    }

    .ad-cta .controls-prev:before {
        transform: scaleX(-1);
        right: 2px
    }

    .ad-cta .controls-next:before {
        left: 2px
    }

.ad-cta .controls-play-pause {
    background: #aeb3b6
}

    .ad-cta .controls-play-pause:before {
        font-size: 14px;
        font-size: .875rem;
        position: relative;
        left: 1px
    }

    .ad-cta .controls-play-pause:active, .ad-cta .controls-play-pause:focus, .ad-cta .controls-play-pause:hover {
        background: #6e6d6d
    }

    .ad-cta .controls-play-pause:focus-within {
        background: #6e6d6d
    }

    .ad-cta .controls-play-pause[data-paused=true]:before {
        content: ""
    }

    .ad-cta .controls-play-pause[data-paused=false]:before, .ad-cta .controls-play-pause[data-paused=true]:before {
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .ad-cta .controls-play-pause[data-paused=false]:before {
        content: ""
    }

.add-to-calendar {
    display: inline-block;
    position: relative;
    transition: .3s ease-in-out
}

    .add-to-calendar:before {
        margin-right: 10px
    }

.add-to-calendar-button {
    position: relative;
    padding: 0 0 0 30px;
    color: #dadcdd !important;
    background-color: transparent
}

    .add-to-calendar-button:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%);
        font-size: 20px;
        font-size: 1.25rem
    }

    .add-to-calendar-button:active, .add-to-calendar-button:focus, .add-to-calendar-button:hover {
        color: #aeb3b6 !important;
        background-color: transparent !important
    }

    .add-to-calendar-button:focus-within {
        color: #aeb3b6 !important;
        background-color: transparent !important
    }

    .add-to-calendar-button:focus {
        text-decoration: underline !important
    }

.add-to-calendar-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    background-color: #373a40;
    box-shadow: 0 4px 18px 4px rgba(0,0,0,.2);
    z-index: 9
}

    .add-to-calendar-dropdown a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1;
        opacity: 0;
        color: #fff;
        padding: 10px
    }

        .add-to-calendar-dropdown a:active, .add-to-calendar-dropdown a:focus, .add-to-calendar-dropdown a:hover {
            color: #aeb3b6
        }

        .add-to-calendar-dropdown a:focus-within {
            color: #aeb3b6
        }

[data-open=true] .add-to-calendar-dropdown a {
    opacity: 1
}

.add-to-calendar-dropdown a + a {
    margin-top: 8px
}

.add-to-calendar-dropdown a:before, .add-to-calendar-dropdown a span {
    -ms-flex: none;
    flex: none;
    font-weight: 400;
    line-height: 1
}

.add-to-calendar-dropdown a:before {
    margin-right: 15px
}

.add-to-calendar-dropdown a.-apple:before {
    content: ""
}

.add-to-calendar-dropdown a.-apple:before, .add-to-calendar-dropdown a.-google:before {
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.add-to-calendar-dropdown a.-google:before {
    content: ""
}

.add-to-calendar-dropdown a.-outlook:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alerts {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999
}

    .alerts > .alert, .alerts > .gdpr {
        box-shadow: 0 2px 21px 0 rgba(0,0,0,.26);
        transform: translateY(100%);
        transition: .5s ease
    }

    .alerts .alert {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        width: 100vw;
        max-width: 400px;
        max-height: 100vh;
        background-color: #fff
    }

    .alerts .alert-close {
        position: relative;
        width: 45px;
        height: 45px;
        font-size: 0;
        color: transparent;
        padding: 0;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        top: 52px;
        right: 12px;
        width: 35px !important;
        height: 35px !important;
        z-index: 5
    }

@media (min-width: 768px) {
    .alerts .alert-close {
        width: 50px;
        height: 50px
    }
}

.alerts .alert-close:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.alerts .alert-close:before, .alerts .alert-close > .icon {
    color: #fff
}

.alerts .alert-close:active, .alerts .alert-close:focus, .alerts .alert-close:hover {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.alerts .alert-close:focus-within {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.alerts .alert-close:before, .alerts .alert-close > .icon {
    color: #002d56
}

.alerts .alert-close:active, .alerts .alert-close:focus, .alerts .alert-close:hover {
    background-color: #ccc
}

.alerts .alert-close:focus-within {
    background-color: #ccc
}

.alerts .alert-close:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-size: .6875rem
}

.alerts .alert-top {
    position: relative;
    color: #fff;
    padding: 90px 80px 34px 70px;
    background: linear-gradient(to right top,#182837,#002945 15%,#014b74 40%,#026187 65%,#06a3cc);
    overflow: hidden;
    z-index: 2
}

    .alerts .alert-top:before {
        content: "";
        position: absolute;
        top: 30px;
        right: -30px;
        bottom: -30px;
        left: 30px;
        border: 5px solid #f0df1a;
        z-index: 2
    }

.alerts .alert-top-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1
}

.alerts .alert-top .alert-eyebrow, .alerts .alert-top .alert-title {
    color: inherit;
    position: relative;
    z-index: 2
}

.alerts .alert-bottom {
    position: relative;
    overflow: hidden;
    padding: 50px 40px 50px 70px
}

    .alerts .alert-bottom:before {
        content: "";
        position: absolute;
        top: -30px;
        right: -30px;
        bottom: -30px;
        left: 30px;
        border: 5px solid #f0df1a;
        z-index: 1
    }

.alerts .alert-eyebrow {
    margin-bottom: 7px
}

.alerts .alert-text {
    font-weight: 700
}

.alerts .alert-subtext {
    font-style: italic;
    margin-bottom: 24px
}

.article-contact {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #dadcdd
}

.article-contact-item {
    margin-bottom: 20px
}

    .article-contact-item > div {
        line-height: 1.625
    }

    .article-contact-item:last-child {
        margin-bottom: 0
    }

.article-intro {
    margin-bottom: 45px
}

.article-intro-description {
    font-weight: 400
}

.article-intro-author:before {
    content: "By "
}

.article-intro-date:before {
    content: "|";
    position: relative;
    top: 2px;
    margin-left: 8px;
    margin-right: 10px;
    color: #dadcdd;
    font-size: 20px;
    font-size: 1.25rem
}

.banner {
    min-height: 60px
}

@media (min-width: 1200px) {
    .banner {
        padding-left: 15px;
        padding-right: 15px;
        min-height: 77px
    }
}

@media (min-width: 1200px) and (min-width:768px) {
    .banner {
        padding-left: 30px;
        padding-right: 30px
    }
}

.banner-inner {
    background-color: #f8f8f8;
    padding: 30px 20px 20px
}

@media (min-width: 1200px) {
    .banner-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto
    }
}

.banner-inner h2, .banner-inner p {
    margin: 0;
    padding-bottom: 10px
}

.banner-button {
    margin: 0
}

.bio-detail {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .bio-detail {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.bio-detail-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.bio-detail-image {
    margin: 0 auto 20px;
    width: 70vw
}

@media (min-width: 500px) {
    .bio-detail-image {
        width: 40vw;
        max-width: 380px;
        margin-right: 40px;
        float: left
    }
}

@media (min-width: 1300px) {
    .bio-detail-image {
        margin-left: -190px
    }
}

.bio-detail-subtitle {
    font-weight: 700;
    color: #2f2f30
}

.bio-detail-contact {
    margin-top: 50px;
    padding-top: 20px;
    font-size: 14px;
    font-size: .875rem;
    border-top: 1px solid #dadcdd
}

.bio-detail-contact-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2f2f30;
    font-weight: 700
}

.bio-detail-contact-item {
    display: inline;
    line-height: 1.85
}

    .bio-detail-contact-item:nth-child(2) {
        position: relative;
        padding-right: 10px;
        margin-right: 10px
    }

        .bio-detail-contact-item:nth-child(2):after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            bottom: auto;
            left: auto;
            transform: translateY(-50%);
            width: 2px;
            height: 20px;
            background-color: #f0df1a
        }

    .bio-detail-contact-item:last-child {
        white-space: nowrap
    }

.breadcrumbs {
    display: none
}

@media (min-width: 600px) {
    .breadcrumbs {
        display: block;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        font-size: .875rem;
        background: #f8f8f8;
        z-index: 9995
    }
}

@media (min-width: 600px) and (min-width:768px) {
    .breadcrumbs {
        padding-left: 30px;
        padding-right: 30px
    }
}

.breadcrumbs-inner {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.breadcrumbs a {
    color: #6e6d6d
}

    .breadcrumbs a:active, .breadcrumbs a:focus, .breadcrumbs a:hover {
        background-color: #e9e9e9;
        color: #000
    }

    .breadcrumbs a:focus-within {
        background-color: #e9e9e9;
        color: #000
    }

.breadcrumbs-list {
    position: relative;
    margin-right: 10px !important
}

    .breadcrumbs-list.-hide {
        display: none
    }

    .breadcrumbs-list:after {
        content: "/";
        position: absolute;
        top: 50%;
        right: -9px;
        bottom: auto;
        left: auto;
        color: #dadcdd;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        transform: translateY(-50%)
    }

    .breadcrumbs-list:last-child:after {
        display: none
    }

    .breadcrumbs-list > li:first-child > a, .breadcrumbs-list > li:first-child > span {
        display: block;
        padding: 25px 10px
    }

        .breadcrumbs-list > li:first-child > a.-children:after, .breadcrumbs-list > li:first-child > span.-children:after {
            content: "";
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 14px;
            font-size: .875rem;
            color: #6e6d6d;
            margin-left: 5px;
            transition: .3s ease-in-out
        }

.breadcrumbs-list-sublist {
    visibility: hidden;
    opacity: 0;
    width: 200%;
    margin-top: 1px;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    background-color: #fff;
    z-index: 1;
    transition: .3s ease-in-out
}

    .breadcrumbs-list-sublist > li {
        width: 100%
    }

        .breadcrumbs-list-sublist > li > a {
            width: 100%;
            padding: 20px 10px;
            background: #e9e9e9;
            margin-bottom: 1px;
            border-left: 3px solid transparent;
            color: #2f2f30;
            transition: .3s ease-in-out
        }

            .breadcrumbs-list-sublist > li > a:active, .breadcrumbs-list-sublist > li > a:focus, .breadcrumbs-list-sublist > li > a:hover {
                border-left: 3px solid #f0df1a;
                background: #f8f8f8;
                padding-left: 20px
            }

            .breadcrumbs-list-sublist > li > a:focus-within {
                border-left: 3px solid #f0df1a;
                background: #f8f8f8;
                padding-left: 20px
            }

.breadcrumbs-list:active .-children:after, .breadcrumbs-list:focus .-children:after, .breadcrumbs-list:hover .-children:after {
    transform: rotate(-180deg)
}

.breadcrumbs-list:active .breadcrumbs-list-sublist, .breadcrumbs-list:focus .breadcrumbs-list-sublist, .breadcrumbs-list:hover .breadcrumbs-list-sublist {
    visibility: visible;
    opacity: 1
}

.breadcrumbs-list:focus-within .-children:after {
    transform: rotate(-180deg)
}

.breadcrumbs-list:focus-within .breadcrumbs-list-sublist {
    visibility: visible;
    opacity: 1
}

.breadcrumbs-current {
    font-weight: 700
}

.breadcrumbs ~ .sub-nav {
    margin-top: 100px
}

.card {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .card {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.card-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .card-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.card-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 800px) {
    .card-container {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

.card-large {
    position: relative;
    width: 100%;
    margin: 0 0 40px
}

@media (min-width: 800px) {
    .card-large {
        padding-left: 30px;
        padding-right: 30px;
        width: 45%
    }
}

.card-large-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}

.card-large-eyebrow {
    background-color: #f0df1a;
    width: max-content;
    padding: 10px;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #002d56
}

.card-large-padding {
    padding: 0 25px
}

.card-large-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0 25px;
    min-height: 60%;
    background-color: #f8f8f8
}

.card-large-content-sub {
    margin: 40px 0 0
}

.card-large-minute {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-large-link {
    color: #012b57;
    font-weight: 700
}

    .card-large-link:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 10px;
        font-size: 16px;
        font-size: 1rem;
        color: #012b57;
        font-weight: 700
    }

.card-large-minutes {
    margin: 20px 0 0;
    width: 50%;
    border-top: 3px solid #dadcdd;
    padding: 20px 0 0;
    color: #6e6d6d
}

.card-large-minutes-alt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.component-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .component-wrapper {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.component-wrapper-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.contact-departments {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #373a40
}

@media (min-width: 768px) {
    .contact-departments {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.contact-departments > .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    opacity: .26;
    z-index: 1
}

.contact-departments-inner {
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 5px;
    z-index: 2
}

@media (min-width: 600px) {
    .contact-departments-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 100px;
        padding-bottom: 55px
    }
}

.contact-departments-item {
    -ms-flex: none;
    flex: none;
    margin: 0 20px 45px
}

.contact-departments-item-inner {
    max-width: 300px;
    margin: 0 auto
}

    .contact-departments-item-inner > div {
        margin-bottom: 10px
    }

        .contact-departments-item-inner > div:last-child {
            margin-bottom: 0
        }

@media (min-width: 600px) {
    .contact-departments-item {
        width: calc(50% - 40px)
    }
}

@media (min-width: 900px) {
    .contact-departments-item {
        width: calc(33.33% - 40px)
    }
}

.contact-departments-item-title {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22
}

.contact-departments-item-email, .contact-departments-item-phone {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.18
}

    .contact-departments-item-email > a {
        color: #5fddfe;
        border-bottom: 1px solid transparent
    }

        .contact-departments-item-email > a:active, .contact-departments-item-email > a:focus, .contact-departments-item-email > a:hover {
            border-color: #5fddfe
        }

        .contact-departments-item-email > a:focus-within {
            border-color: #5fddfe
        }

.contact-departments-item-phone {
    color: #aeb3b6
}

.contact-form {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .contact-form {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.contact-form-message {
    display: none;
    text-align: center
}

.contact-form.-failure .contact-form-content, .contact-form.-success .contact-form-content {
    display: none
}

.contact-form.-failure .-failure-msg, .contact-form.-success .-success-msg {
    display: block
}

.contact-form-inner {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.contact-form-text, .contact-form-title {
    text-align: center
}

.contact-form .form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px
}

.contact-form .form-item {
    -ms-flex: none;
    flex: none;
    width: 100%
}

@media (min-width: 600px) {
    .contact-form .form-item:first-child, .contact-form .form-item:nth-child(2) {
        width: calc(50% - 11px)
    }
}

.contact-form .form-submit {
    margin: 0 auto
}

.contact-panel {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .contact-panel {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.contact-panel-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .contact-panel-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.contact-panel-left {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .contact-panel-left {
        width: 55%;
        margin: 0
    }
}

@media (min-width: 1100px) {
    .contact-panel-left {
        width: calc(60% - 60px)
    }
}

.contact-panel-left-image {
    display: block;
    position: relative;
    margin-bottom: 20px
}

    .contact-panel-left-image:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        left: 52%;
        font-size: 35px;
        font-size: 2.1875rem;
        color: #5fddfe
    }

    .contact-panel-left-image:active, .contact-panel-left-image:focus, .contact-panel-left-image:hover {
        box-shadow: 5px 4px 20px 0 rgba(0,0,0,.3)
    }

    .contact-panel-left-image:focus-within {
        box-shadow: 5px 4px 20px 0 rgba(0,0,0,.3)
    }

    .contact-panel-left-image img {
        width: 100%
    }

.contact-panel-left-link, .contact-panel-left-links {
    display: -ms-flexbox;
    display: flex
}

.contact-panel-left-link {
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-size: .875rem
}

    .contact-panel-left-link:after {
        content: "";
        display: inline-block;
        width: 2px;
        height: 15px;
        background: #f0df1a;
        margin: 0 10px
    }

    .contact-panel-left-link:last-child:after {
        display: none
    }

.contact-panel-right {
    font-size: 18px;
    font-size: 1.125rem
}

@media (min-width: 768px) {
    .contact-panel-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(45% - 40px)
    }
}

@media (min-width: 1100px) {
    .contact-panel-right {
        width: calc(40% - 20px)
    }
}

.contact-panel-right-phone:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 5px;
    color: #f0df1a;
    font-size: 25px;
    font-size: 1.5625rem;
    margin-right: 15px
}

.contact-panel-right-email {
    margin-bottom: 10px
}

    .contact-panel-right-email:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f0df1a;
        font-size: 15px;
        font-size: .9375rem;
        margin-right: 13px;
        margin-left: -3px
    }

.contact-panel-right-feedback {
    padding-left: 33px
}

    .contact-panel-right-feedback > a, .contact-panel-right-feedback > p {
        display: inline;
        font-size: inherit
    }

.content-slider {
    margin-top: 60px;
    margin-bottom: 60px;
    transition: .3s linear;
    background-color: #f8f8f8
}

@media (min-width: 768px) {
    .content-slider {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

@media (min-width: 1000px) {
    .content-slider {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding-top: 100px
    }
}

@media (min-width: 1000px) {
    .content-slider-intro, .content-slider-main {
        -ms-flex: none;
        flex: none;
        width: 50%
    }
}

.content-slider-intro {
    padding: 50px 15px
}

@media (min-width: 768px) {
    .content-slider-intro {
        padding: 50px 30px
    }
}

@media (min-width: 1000px) {
    .content-slider-intro {
        padding: 50px
    }
}

@media (min-width: 1200px) {
    .content-slider-intro {
        padding: 100px
    }
}

.content-slider-main {
    position: relative;
    padding: 0 15px
}

@media (min-width: 768px) {
    .content-slider-main {
        padding: 0 45px
    }
}

@media (min-width: 1000px) {
    .content-slider-main {
        padding: 0;
        min-height: 600px
    }
}

.content-slider-items {
    position: relative;
    height: 100vmin;
    margin: 0 -15px
}

@media (min-width: 500px) {
    .content-slider-items {
        height: 66.66667vw
    }
}

@media (min-width: 1000px) {
    .content-slider-items {
        height: 100%;
        margin: 0
    }
}

.content-slider-items-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    color: transparent;
    font-size: 0;
    opacity: 0;
    transition: .5s linear
}

@media (min-width: 1000px) {
    .content-slider-items-item {
        margin: 0;
        height: 100%
    }
}

.content-slider-items-item.-current {
    opacity: 1;
    transition: .5s linear
}

.content-slider-items-text {
    position: absolute;
    top: 100%;
    left: 15px;
    transform: translateY(-40px);
    width: calc(100% - 30px);
    overflow: hidden;
    box-shadow: 5px 4px 44px 0 rgba(0,0,0,.14);
    background-color: #fff;
    color: #6e6d6d;
    z-index: 2;
    transition: .3s linear
}

    .content-slider-items-text:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 4px;
        width: 100%;
        background-color: #f0df1a
    }

@media (min-width: 1000px) {
    .content-slider-items-text {
        top: auto;
        right: 0;
        left: auto;
        bottom: -30px;
        transform: none;
        width: calc(100% - 120px);
        max-width: 600px
    }
}

.content-slider-items-text:active, .content-slider-items-text:focus, .content-slider-items-text:hover {
    color: #6e6d6d
}

    .content-slider-items-text:active .content-slider-items-text-description-link:before, .content-slider-items-text:focus .content-slider-items-text-description-link:before, .content-slider-items-text:hover .content-slider-items-text-description-link:before {
        height: 18px;
        transition: .3s ease-in-out
    }

.content-slider-items-text:focus-within {
    color: #6e6d6d
}

    .content-slider-items-text:focus-within .content-slider-items-text-description-link:before {
        height: 18px;
        transition: .3s ease-in-out
    }

.content-slider-items-text-inner {
    padding: 40px
}

.content-slider-items-text-description-content {
    display: block
}

.content-slider-items-text-description-link:before {
    bottom: 5px !important
}

.content-slider-controls {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    top: calc(100vmin - 40px);
    left: 50%;
    transform: translate(-50%,-100%);
    z-index: 3
}

@media (min-width: 500px) {
    .content-slider-controls {
        top: calc(66.66667vw - 40px)
    }
}

@media (min-width: 1000px) {
    .content-slider-controls {
        top: auto;
        bottom: 0;
        left: 0;
        transform: none
    }
}

@media (min-width: 1440px) {
    .content-slider-controls {
        left: auto;
        right: 600px
    }
}

.content-slider-controls-next, .content-slider-controls-prev {
    position: relative;
    font-size: 0;
    color: transparent;
    height: 60px;
    width: 60px;
    cursor: pointer
}

    .content-slider-controls-next:before, .content-slider-controls-prev:before {
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 50%;
        color: #fff;
        font-size: 22px;
        font-size: 1.375rem;
        padding-top: 4px;
        padding-left: 4px;
        text-align: center;
        z-index: 2
    }

    .content-slider-controls-next:active, .content-slider-controls-next:focus, .content-slider-controls-next:hover, .content-slider-controls-prev:active, .content-slider-controls-prev:focus, .content-slider-controls-prev:hover {
        background-color: #f0df1a;
        transition: .3s ease-in-out
    }

    .content-slider-controls-next:focus-within, .content-slider-controls-prev:focus-within {
        background-color: #f0df1a;
        transition: .3s ease-in-out
    }

.content-slider-controls-prev {
    background-color: #cabb0d
}

    .content-slider-controls-prev:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(-50%,-50%) rotate(180deg);
        transform-origin: center
    }

.content-slider-controls-next {
    background-color: #e2d10f
}

    .content-slider-controls-next:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(-50%,-50%)
    }

.cta-panel {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .cta-panel {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.cta-panel-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f8f8f8;
    position: relative
}

    .cta-panel-inner:before {
        content: "";
        max-height: 100%;
        width: 50%;
        height: 24vw;
        background-repeat: no-repeat;
        overflow: hidden;
        background-image: url(../images/triangle-pattern-dark.webp);
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        background-size: 150%;
        background-position-y: 15px;
        transform: scale(-1)
    }

@media (min-width: 600px) {
    .cta-panel-inner:before {
        height: 16vw
    }
}

@media (min-width: 1200px) {
    .cta-panel-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.cta-panel-title {
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #5fddfe;
    color: #002d56
}

@media (min-width: 1200px) {
    .cta-panel-title {
        left: -20px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-bottom: 0
    }
}

.cta-panel-content {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .cta-panel-content {
        padding-left: 30px;
        padding-right: 30px
    }
}

.cta-panel.-step-promo {
    padding: 0;
    margin: 0 0 40px
}

@media (min-width: 1000px) {
    .cta-panel.-step-promo {
        width: calc(100% + 100px);
        margin-left: -100px
    }
}

@media (min-width: 1200px) {
    .cta-panel.-step-promo {
        width: calc(100% + 150px)
    }

    .-wide .cta-panel.-step-promo {
        margin-left: -150px
    }
}

@media (min-width: 768px) {
    .cta-panel.-step-promo .cta-panel-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 1000px) {
    .cta-panel.-step-promo .cta-panel-inner {
        margin-right: -100px
    }

    .-wide .cta-panel.-step-promo .cta-panel-inner {
        margin-right: auto
    }
}

@media (min-width: 1000px) {
    .cta-panel.-step-promo .cta-panel-title {
        white-space: nowrap
    }
}

@media (min-width: 768px) {
    .cta-panel.-step-promo .cta-panel-content {
        padding-right: 30px
    }
}

@media (min-width: 1000px) {
    .cta-panel.-step-promo .cta-panel-content {
        padding-left: 45px;
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .cta-panel.-step-promo .cta-panel-content {
        -ms-flex: auto;
        flex: auto
    }
}

.cta-panel.-step-promo .cta-panel-content > label {
    line-height: 1.4
}

.cta-panel.-step-promo .donate {
    margin: 0 -8px
}

@media (min-width: 1200px) {
    .cta-panel.-step-promo .donate {
        padding: 20px 0
    }
}

.cta-panel.-step-promo .donate-radios {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cta-panel.-step-promo .donate-radio {
    -ms-flex: none;
    flex: none;
    margin: 8px;
    height: 50px;
    width: calc(33.33% - 16px)
}

@media (min-width: 500px) {
    .cta-panel.-step-promo .donate-radio {
        width: calc(20% - 16px)
    }
}

.cta-panel.-step-promo .donate-radio label {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dadcdd;
    background-color: #fff;
    cursor: pointer
}

    .cta-panel.-step-promo .donate-radio label:before {
        content: "$"
    }

.cta-panel.-step-promo .donate-radio input {
    display: none
}

    .cta-panel.-step-promo .donate-radio input:checked + label {
        background-color: #f0df1a;
        border-color: transparent
    }

.cta-panel.-step-promo .donate-other {
    -ms-flex: none;
    flex: none;
    margin: 8px;
    width: calc(100% - 16px);
    position: relative
}

    .cta-panel.-step-promo .donate-other:before {
        content: "$";
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 10px;
        transform: translateY(-50%);
        font-weight: 900;
        font-size: 16px;
        font-size: 1rem;
        color: #373a40
    }

    .cta-panel.-step-promo .donate-other input {
        height: 50px;
        padding-left: 25px;
        background-color: #fff
    }

.cta-panel.-step-promo.-levels .cta-panel-inner {
    margin: 0 !important;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 1200px) {
    .cta-panel.-step-promo.-levels .cta-panel-inner {
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cta-panel.-step-promo.-levels .cta-panel-content {
    width: 100%;
    display: block;
    padding: 20px
}

@media (min-width: 1200px) {
    .cta-panel.-step-promo.-levels .cta-panel-title {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.cta-panel.-step-promo.-levels .levels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 500px) and (max-width:999px) {
    .cta-panel.-step-promo.-levels .levels {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 1300px) {
    .cta-panel.-step-promo.-levels .levels {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.cta-panel.-step-promo.-levels .levels-selection {
    margin: 20px 0 0
}

@media (min-width: 500px) {
    .cta-panel.-step-promo.-levels .levels-selection {
        margin: 0 20px 0 0
    }
}

.cta-panel.-step-promo.-levels .levels-selection-radios {
    display: none
}

.cta-panel.-step-promo.-levels .levels-selection-radio > label:before {
    top: 2px
}

.cta-panel.-step-promo.-levels .levels-selection-other {
    margin: 10px 0 0 32px;
    max-width: 200px
}

.cta-panel.-step-promo.-levels .levels-selected {
    white-space: nowrap;
    margin: 20px 0 0
}

@media (min-width: 500px) and (max-width:999px) {
    .cta-panel.-step-promo.-levels .levels-selected {
        margin: 0 0 20px
    }
}

@media (min-width: 1300px) {
    .cta-panel.-step-promo.-levels .levels-selected {
        margin: 0 0 20px
    }
}

.cta-panel.-step-promo.-levels .levels-selected-edit {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #aeb3b6;
    border-radius: 0;
    font-size: 14px;
    font-size: .875rem;
    color: #aeb3b6
}

    .cta-panel.-step-promo.-levels .levels-selected-edit:active, .cta-panel.-step-promo.-levels .levels-selected-edit:focus, .cta-panel.-step-promo.-levels .levels-selected-edit:hover {
        color: #002d56
    }

    .cta-panel.-step-promo.-levels .levels-selected-edit:focus-within {
        color: #002d56
    }

    .cta-panel.-step-promo.-levels .levels-selected-edit:before {
        width: 1px;
        height: 100%;
        background-color: #dadcdd
    }

.cta-panel.-step-promo.-levels .levels-selected-cancel {
    position: relative;
    top: -5px;
    padding: 0;
    margin-left: 10px;
    width: 27px;
    height: 27px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 8px;
    font-size: .5rem;
    background-color: #373a40
}

    .cta-panel.-step-promo.-levels .levels-selected-cancel:before {
        position: relative;
        left: 1px
    }

    .cta-panel.-step-promo.-levels .levels-selected-cancel:active, .cta-panel.-step-promo.-levels .levels-selected-cancel:focus, .cta-panel.-step-promo.-levels .levels-selected-cancel:hover {
        background-color: #002d56
    }

    .cta-panel.-step-promo.-levels .levels-selected-cancel:focus-within {
        background-color: #002d56
    }

.cta-panel.-step-promo.-levels .levels-info-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

    .cta-panel.-step-promo.-levels .levels-info-item.-yellow > span {
        background-color: #f0df1a
    }

    .cta-panel.-step-promo.-levels .levels-info-item.-yellow > span, .cta-panel.-step-promo.-levels .levels-info-item > span {
        display: inline-block;
        padding: 5px 10px;
        letter-spacing: 2px;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #002d56
    }

    .cta-panel.-step-promo.-levels .levels-info-item > span {
        background-color: #fff;
        margin-right: 16px
    }

    .cta-panel.-step-promo.-levels .levels-info-item + .levels-info-item {
        margin-top: 24px
    }

.email-signup {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #f8f8f8;
    color: #2f2f30;
    text-align: center;
    padding: 50px 15px
}

@media (min-width: 768px) {
    .email-signup {
        min-height: 235px;
        padding: 50px 30px
    }
}

.email-signup:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../Images/columns_bg.jpg);
    background-size: cover;
    background-position: 50%;
    opacity: .14
}

.email-signup-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

.email-signup-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 800
}

@media (min-width: 768px) {
    .email-signup-title {
        font-size: 29px;
        font-size: 1.8125rem
    }
}

@media (min-width: 500px) {
    .email-signup-form-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 500px) {
    .email-signup-form-item button, .email-signup-form-item input {
        height: 55px
    }
}

.email-signup-form-item input {
    margin-bottom: 15px;
    height: 55px;
    font-size: 14px;
    font-size: .875rem
}

@media (min-width: 500px) {
    .email-signup-form-item input {
        margin: 0 20px 0 0
    }
}

@media (min-width: 768px) {
    .email-signup-form-item input {
        margin-right: 35px
    }
}

.email-signup-form-item button {
    white-space: nowrap
}

.email-signup-detail {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 25px
}

@media (min-width: 768px) {
    .email-signup-detail {
        text-align: left
    }
}

.email-signup .-failure-message, .email-signup .-success-message {
    display: none
}

    .email-signup .-failure-message .email-signup-text, .email-signup .-success-message .email-signup-text {
        color: #6e6d6d
    }

.email-signup.-failure .-initial, .email-signup.-success .-initial {
    display: none
}

.email-signup.-failure .-failure-message, .email-signup.-success .-success-message {
    display: -ms-flexbox;
    display: flex
}

.event-detail {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    margin-bottom: 60px;
    color: #fff
}

@media (min-width: 768px) {
    .event-detail {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.event-detail * {
    color: inherit
}

.event-detail-inner {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
}

.event-detail-content {
    padding: 30px 30px 45px;
    background-color: #373a40
}

.event-detail-content-intro {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .event-detail-content-intro {
        padding-bottom: 30px;
        margin-bottom: 40px
    }
}

.event-detail-content-intro:before {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 60px;
    background-color: #f0df1a
}

@media (min-width: 768px) {
    .event-detail-content-intro .intro-subtitle, .event-detail-content-intro .intro-title {
        display: inline-block
    }
}

.event-detail-content-intro .intro-title {
    margin-bottom: 10px;
    line-height: 1.9
}

@media (min-width: 768px) {
    .event-detail-content-intro .intro-title {
        margin-right: 20px
    }
}

.event-detail-content-intro .intro-subtitle {
    line-height: 1.65;
    font-weight: 700
}

.event-detail-content-main {
    margin-bottom: 45px;
    border-bottom: 1px solid hsla(0,0%,97.3%,.3)
}

@media (min-width: 768px) {
    .event-detail-content-main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 30px
    }

        .event-detail-content-main > div:first-child {
            -ms-flex: 1 1 45%;
            flex: 1 1 45%;
            margin-right: 40px
        }

            .event-detail-content-main > div:first-child .main-item-title {
                -ms-flex: 0 0 80px;
                flex: 0 0 80px
            }

        .event-detail-content-main > div:last-child {
            -ms-flex: 1 1 55%;
            flex: 1 1 55%
        }
}

.event-detail-content-main a {
    color: #5fddfe
}

    .event-detail-content-main a:active, .event-detail-content-main a:focus, .event-detail-content-main a:hover {
        color: #06a3cc
    }

    .event-detail-content-main a:focus-within {
        color: #06a3cc
    }

.event-detail-content-main .main-item {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .event-detail-content-main .main-item {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px
    }
}

.event-detail-content-main .main-item-title {
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    margin-bottom: 10px;
    line-height: 1.5
}

@media (min-width: 768px) {
    .event-detail-content-main .main-item-title {
        margin-right: 20px;
        margin-bottom: 0
    }
}

.event-detail-content-main .main-item-content {
    line-height: 1.5
}

.event-detail-content-main .main-item .-date-end, .event-detail-content-main .main-item .-date-start {
    white-space: nowrap
}

    .event-detail-content-main .main-item .-date-end > span:nth-child(2), .event-detail-content-main .main-item .-date-start > span:nth-child(2) {
        position: relative
    }

        .event-detail-content-main .main-item .-date-end > span:nth-child(2):before, .event-detail-content-main .main-item .-date-start > span:nth-child(2):before {
            content: "|";
            opacity: .5;
            margin-left: 5px;
            margin-right: 8px
        }

.event-detail-content-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .event-detail-content-actions {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.event-detail-content-actions > * {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .event-detail-content-actions > * {
        margin-bottom: 0
    }
}

.event-detail-content-actions .action-form {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #dadcdd;
    padding: 0 0 0 30px;
    transition: .3s ease-in-out
}

    .event-detail-content-actions .action-form:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%);
        font-size: 18px;
        font-size: 1.125rem
    }

@media (min-width: 768px) {
    .event-detail-content-actions .action-form {
        margin-left: 40px
    }

        .event-detail-content-actions .action-form:after {
            content: "";
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -20px;
            transform: translateY(-50%);
            height: 100%;
            width: 1px;
            background-color: #aeb3b6
        }
}

.event-detail-content-actions .action-form:active, .event-detail-content-actions .action-form:focus, .event-detail-content-actions .action-form:hover {
    color: #aeb3b6
}

.event-detail-content-actions .action-form:focus-within {
    color: #aeb3b6
}

@media (min-width: 768px) {
    .event-detail-content-actions .action-button {
        margin-right: 26px
    }
}

.event-detail-sponsors {
    padding: 30px;
    text-align: center;
    background-color: #f8f8f8
}

@media (min-width: 768px) {
    .event-detail-sponsors {
        display: -ms-flexbox;
        display: flex;
        text-align: left
    }
}

.event-detail-sponsors-intro {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .event-detail-sponsors-intro {
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 30px;
        margin-right: 30px;
        margin-bottom: 0;
        border-right: 1px solid #dadcdd
    }
}

.event-detail-sponsors-intro .intro-title {
    color: #2f2f30;
    margin-bottom: 5px;
    line-height: 1.9
}

.event-detail-sponsors-intro .intro-subtitle {
    color: #6e6d6d;
    line-height: 1.65;
    font-style: italic
}

@media (min-width: 768px) {
    .event-detail-sponsors-items {
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -15px
    }
}

.event-detail-sponsors-items .sponsor {
    height: 64px;
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .event-detail-sponsors-items .sponsor {
        -ms-flex: none;
        flex: none;
        width: calc(50% - 30px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 15px
    }
}

@media (min-width: 1000px) {
    .event-detail-sponsors-items .sponsor {
        width: calc(33.33% - 30px)
    }
}

@media (min-width: 1200px) {
    .event-detail-sponsors-items .sponsor {
        width: calc(25% - 30px)
    }
}

.event-detail-sponsors-items .sponsor > img {
    height: 64px;
    margin: 0 auto;
    width: auto;
    filter: grayscale(100%)
}

@media (min-width: 768px) {
    .event-detail-sponsors-items .sponsor > img {
        display: block;
        max-height: 64px;
        height: auto;
        width: auto
    }
}

.event-schedule {
    margin: 50px 0;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .event-schedule {
        padding-left: 30px;
        padding-right: 30px
    }
}

.event-schedule-inner {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
}

.event-schedule-item {
    margin-bottom: 10px;
    transition: .3s ease-in-out
}

.event-schedule-item-header {
    position: relative;
    display: block;
    padding: 10px 40px 10px 20px;
    background-color: #2f2f30;
    color: #fff
}

    .event-schedule-item-header:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 15px;
        bottom: auto;
        left: auto;
        color: inherit;
        transform: translateY(-50%) rotate(90deg);
        transition: .3s ease-in-out
    }

.event-schedule-item-header-title {
    color: inherit
}

.event-schedule-item-header:active, .event-schedule-item-header:focus, .event-schedule-item-header:hover {
    background-color: #f0df1a;
    color: #2f2f30
}

.event-schedule-item-header:focus-within {
    background-color: #f0df1a;
    color: #2f2f30
}

.event-schedule-item-sessions {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: .3s ease-in-out
}

.event-schedule-item .session {
    background-color: #fff
}

    .event-schedule-item .session:nth-child(odd) {
        background-color: #f8f8f8
    }

@media (min-width: 768px) {
    .event-schedule-item .session {
        display: -ms-flexbox;
        display: flex
    }
}

.event-schedule-item .session .-spaced-title {
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    line-height: 21px;
    line-height: 1.3125rem;
    letter-spacing: 2px;
    text-transform: uppercase
}

.event-schedule-item .session .-spaced-title, .event-schedule-item .session .-title {
    color: #2f2f30
}

.event-schedule-item .session .-text, .event-schedule-item .session .-title {
    font-size: 18px;
    font-size: 1.125rem
}

.event-schedule-item .session .-title {
    margin-bottom: 12px;
    font-weight: 700
}

.event-schedule-item .session .-text img {
    max-width: 200px
}

.event-schedule-item .session .-text span {
    color: #2f2f30
}

.event-schedule-item .session-main, .event-schedule-item .session-speakers, .event-schedule-item .session-time {
    padding: 10px 20px
}

    .event-schedule-item .session-main:first-child, .event-schedule-item .session-speakers:first-child, .event-schedule-item .session-time:first-child {
        padding-top: 20px
    }

    .event-schedule-item .session-main:last-child, .event-schedule-item .session-speakers:last-child, .event-schedule-item .session-time:last-child {
        padding-bottom: 20px
    }

@media (min-width: 768px) {
    .event-schedule-item .session-main, .event-schedule-item .session-speakers, .event-schedule-item .session-time {
        padding: 20px
    }
}

.event-schedule-item .session-main.-empty, .event-schedule-item .session-speakers.-empty, .event-schedule-item .session-time.-empty {
    display: none
}

@media (min-width: 768px) {
    .event-schedule-item .session-main.-empty, .event-schedule-item .session-speakers.-empty, .event-schedule-item .session-time.-empty {
        display: block
    }
}

.event-schedule-item .session-time {
    white-space: nowrap;
    color: #2f2f30
}

@media (min-width: 768px) {
    .event-schedule-item .session-time {
        -ms-flex: 0 0 220px;
        flex: 0 0 220px;
        text-align: right
    }
}

.event-schedule-item .session-main {
    -ms-flex: 0 1 540px;
    flex: 0 1 540px
}

    .event-schedule-item .session-main .image-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        margin: 7px -5px 0
    }

    .event-schedule-item .session-main .image-grid-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 110px;
        height: 50px;
        margin: 5px
    }

        .event-schedule-item .session-main .image-grid-item > img {
            max-width: 110px;
            filter: grayscale(100%)
        }

.event-schedule-item .session-speakers {
    -ms-flex: 0 1 330px;
    flex: 0 1 330px
}

.event-schedule-item.-open {
    margin-bottom: 60px
}

    .event-schedule-item.-open .event-schedule-item-header:before {
        transform: translateY(-50%) rotate(0)
    }

    .event-schedule-item.-open .event-schedule-item-sessions {
        max-height: 9999px;
        opacity: 1;
        border: 1px solid #dadcdd
    }

.events-promo {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .events-promo {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.events-promo-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.events-promo-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .events-promo-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

@media (min-width: 768px) {
    .events-promo-main {
        display: -ms-flexbox;
        display: flex
    }
}

.events-promo-featured {
    margin-bottom: 40px;
    -ms-flex-preferred-size: 565px;
    flex-basis: 565px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .events-promo-featured .img-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #f0df1a;
        opacity: 0;
        transition: .3s ease-in-out
    }

    .events-promo-featured:active .img-wrapper:after, .events-promo-featured:focus .img-wrapper:after, .events-promo-featured:hover .img-wrapper:after {
        opacity: .8;
        transition: .3s ease-in-out
    }

    .events-promo-featured:active .img-background, .events-promo-featured:focus .img-background, .events-promo-featured:hover .img-background {
        filter: grayscale(100%);
        transition: .3s ease-in-out
    }

    .events-promo-featured:focus-within .img-wrapper:after {
        opacity: .8;
        transition: .3s ease-in-out
    }

    .events-promo-featured:focus-within .img-background {
        filter: grayscale(100%);
        transition: .3s ease-in-out
    }

@media (min-width: 768px) {
    .events-promo-featured {
        margin-right: 75px;
        margin-bottom: 0
    }
}

.events-promo-featured-image {
    position: relative
}

.events-promo-featured-content {
    position: relative;
    padding: 15px;
    margin: -60px 15px 0;
    background-color: #fff;
    z-index: 2;
    box-shadow: 4px 3px 36px 0 rgba(0,0,0,.13)
}

@media (min-width: 768px) {
    .events-promo-featured-content {
        padding: 30px;
        margin-left: 40px;
        margin-right: 40px
    }
}

.events-promo-featured-content-date {
    font-size: 14px;
    font-size: .875rem;
    color: #6e6d6d
}

.events-promo-links {
    -ms-flex-preferred-size: 605px;
    flex-basis: 605px
}

@media (min-width: 1200px) {
    .events-promo-links {
        padding-top: 35px
    }
}

.events-promo-links .link-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 50px 14px 20px;
    border-bottom: 1px solid #dadcdd
}

    .events-promo-links .link-item:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 25px;
        bottom: auto;
        left: auto;
        transform: translate(50%,-50%);
        color: #f0df1a;
        transition: .3s ease-in-out
    }

    .events-promo-links .link-item:after {
        content: "";
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #f0df1a;
        transition: .3s ease-in-out
    }

    .events-promo-links .link-item:active:before, .events-promo-links .link-item:focus:before, .events-promo-links .link-item:hover:before {
        color: #5fddfe
    }

    .events-promo-links .link-item:active:after, .events-promo-links .link-item:focus:after, .events-promo-links .link-item:hover:after {
        width: 100%
    }

    .events-promo-links .link-item:focus-within:before {
        color: #5fddfe
    }

    .events-promo-links .link-item:focus-within:after {
        width: 100%
    }

.events-promo-links .link-item-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px
}

.events-promo-links .link-item-date-day, .events-promo-links .link-item-date-month {
    font-weight: 700;
    line-height: 1
}

.events-promo-links .link-item-date-month {
    margin-bottom: 3px;
    color: #373a40;
    font-size: 15px;
    font-size: .9375rem;
    letter-spacing: 2.2px;
    text-transform: uppercase
}

.events-promo-links .link-item-date-day {
    color: #2f2f30;
    font-size: 32px;
    font-size: 2rem
}

.events-promo-links .link-item-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.events-promo-links .link-item-content-eyebrow {
    color: #6e6d6d;
    margin-bottom: 10px
}

.events-promo-links .link-item-content-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700
}

.events-promo-button {
    margin-top: 40px
}

.final-summary {
    font-size: 14px;
    font-size: .875rem;
    margin: 60px 0
}

.final-summary-header {
    padding: 13px;
    margin-bottom: 15px;
    background-color: #f8f8f8;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.final-summary-header, .final-summary-order-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.final-summary-order-item {
    position: relative;
    padding: 30px 13px;
    border-bottom: 1px solid #dadcdd
}

    .final-summary-order-item:last-child {
        border-bottom: 0
    }

.final-summary-order-item-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 600px) {
    .final-summary-order-item-col {
        font-size: 16px;
        font-size: 1rem
    }
}

.final-summary-order-item-col-image {
    -ms-flex: none;
    flex: none;
    width: 80px;
    height: auto;
    margin-left: -13px;
    margin-right: 10px
}

@media (min-width: 600px) {
    .final-summary-order-item-col-image {
        width: 100px;
        margin-right: 20px
    }
}

.final-summary-order-item-col-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 800;
    color: #373a40
}

.final-summary-order-item-col .-download {
    margin-left: 20px;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem
}

    .final-summary-order-item-col .-download:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        top: 2px;
        margin-right: 9px
    }

    .final-summary-order-item-col .-download .no-mobile {
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
        clip-path: polygon(0 0,0 0,0 0,0 0);
        position: absolute;
        white-space: nowrap;
        height: 1px;
        width: 1px;
        overflow: hidden
    }

@media (min-width: 600px) {
    .final-summary-order-item-col .-download .no-mobile {
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        position: static;
        white-space: nowrap;
        height: auto;
        width: auto;
        overflow: visible
    }
}

.form-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {
    .form-container {
        display: -ms-flexbox;
        display: flex;
        padding: 90px 0 100px;
        box-shadow: 4px 3px 36px 0 rgba(0,0,0,.13);
        background-color: #fff;
        min-height: 800px
    }
}

.form-container-main {
    width: 100%
}

.form-container.-wide {
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.membership-header {
    background: linear-gradient(to right top,#182837,#002945 15%,#014b74 40%,#026187 65%,#06a3cc)
}

.membership-header-inner {
    position: relative;
    padding: 12px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    .membership-header-inner {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.membership-header .-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.membership-header .-left-home {
    position: relative;
    display: block;
    height: 54px;
    width: 54px;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #fff
}

    .membership-header .-left-home:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 30px;
        font-size: 1.875rem;
        color: #002d56
    }

    .membership-header .-left-home:after {
        content: "";
        height: 30px;
        width: 1px;
        background-color: hsla(0,0%,97.3%,.3);
        position: absolute;
        top: 50%;
        right: -20px;
        bottom: auto;
        left: auto;
        transform: translateY(-50%)
    }

@media (min-width: 768px) {
    .membership-header .-left-home {
        margin-right: 30px
    }

        .membership-header .-left-home:after {
            right: -30px
        }
}

.membership-header .-left-back {
    margin-left: 15px;
    color: #5fddfe;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: 2.4px;
    text-transform: uppercase
}

    .membership-header .-left-back:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 8px;
        transform: rotate(180deg);
        font-size: 12px;
        font-size: .75rem
    }

@media (min-width: 768px) {
    .membership-header .-left-back {
        margin-left: 20px
    }
}

.membership-header .-middle {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,30px);
    z-index: 1
}

@media (min-width: 1000px) {
    .membership-header .-middle {
        transform: none;
        position: static
    }
}

.membership-header .-middle-text {
    display: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 900
}

.membership-header .-middle-text-current {
    color: #f0df1a
}

@media (min-width: 1000px) {
    .membership-header .-middle-text {
        display: block
    }
}

.membership-header .-middle-steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1000px) {
    .membership-header .-middle-steps:before {
        content: "";
        width: 80px;
        height: 2px;
        margin: 0 16px 0 20px;
        background-color: #f0df1a
    }
}

.membership-header .-middle-steps-step {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #dadcdd;
    margin: 0 4.5px
}

@media (min-width: 1000px) {
    .membership-header .-middle-steps-step {
        background-color: #fff
    }
}

.membership-header .-middle-steps-step.-active {
    background-color: #f0df1a
}

.membership-header .-right {
    text-align: right;
    max-width: 120px
}

@media (min-width: 600px) {
    .membership-header .-right {
        max-width: none
    }
}

.membership-header .-right-text {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 900
}

.gated-content-modal {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .gated-content-modal {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.gated-content-modal-inner {
    max-width: 718px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 20px 3px rgba(0,0,0,.12);
    padding: 30px 20px
}

@media (min-width: 500px) {
    .gated-content-modal-inner {
        padding: 50px 40px
    }
}

@media (min-width: 600px) {
    .gated-content-modal-inner {
        padding: 50px 60px
    }
}

@media (min-width: 768px) {
    .gated-content-modal-inner {
        padding: 50px 100px
    }
}

.gated-content-modal-icon {
    position: relative;
    width: 75px;
    height: 75px;
    margin: 0 auto 30px;
    border-radius: 50%;
    background-color: #f0df1a
}

    .gated-content-modal-icon:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%) translate(1px,-3px);
        color: #002d56;
        font-size: 42px;
        font-size: 2.625rem
    }

.gated-content-modal-description, .gated-content-modal-title {
    margin-bottom: 30px
}

.gated-content-modal-button {
    margin-bottom: 15px
}

.gated-content-modal-login-link, .gated-content-modal-login-text {
    font-size: 14px;
    font-size: .875rem
}

.gated-content-modal-login-link {
    font-weight: 700;
    color: #002d56
}

.gdpr {
    transform: translateY(100%);
    padding: 20px;
    background-color: #373a40;
    color: #fff
}

@media (min-width: 1000px) {
    .gdpr {
        margin-left: auto
    }
}

.gdpr-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.gdpr-text {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (min-width: 500px) {
    .gdpr-text {
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        margin-right: 14px
    }
}

.gdpr-text * {
    font-size: 16px;
    font-size: 1rem
}

.gdpr-text a {
    color: #5fddfe
}

    .gdpr-text a:active, .gdpr-text a:focus, .gdpr-text a:hover {
        color: #06a3cc
    }

    .gdpr-text a:focus-within {
        color: #06a3cc
    }

    .gdpr-text a:before {
        display: none
    }

    .gdpr-text a:focus {
        text-decoration: underline
    }

.gdpr .-close-button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    line-height: 1
}

.gdpr .-close-button-x {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 0;
    color: transparent;
    border-radius: 50%;
    background-color: #fff;
    width: auto;
    height: auto;
    -ms-flex: none;
    flex: none;
    padding: 10px;
    aspect-ratio: 1;
    font-size: 13px;
    font-size: .8125rem
}

@media (min-width: 768px) {
    .gdpr .-close-button-x {
        width: 50px;
        height: 50px
    }
}

.gdpr .-close-button-x:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.gdpr .-close-button-x:before, .gdpr .-close-button-x > .icon {
    color: #fff
}

.gdpr .-close-button-x:active, .gdpr .-close-button-x:focus, .gdpr .-close-button-x:hover {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.gdpr .-close-button-x:focus-within {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.gdpr .-close-button-x:before, .gdpr .-close-button-x > .icon {
    color: #002d56
}

.gdpr .-close-button-x:active, .gdpr .-close-button-x:focus, .gdpr .-close-button-x:hover {
    background-color: #ccc
}

.gdpr .-close-button-x:focus-within {
    background-color: #ccc
}

@media (min-width: 768px) {
    .gdpr .-close-button-x {
        width: auto;
        height: auto
    }
}

.gdpr .-close-button-x .icon {
    position: relative;
    left: 1px
}

.hero-detail {
    padding: 40px 15px;
    background: linear-gradient(to right top,#182837,#002945 15%,#014b74 40%,#026187 65%,#06a3cc);
    color: #fff
}

@media (min-width: 768px) {
    .hero-detail {
        padding-left: 30px;
        padding-right: 30px
    }
}

.hero-detail.-image {
    margin-bottom: 100px
}

@media (min-width: 768px) {
    .hero-detail {
        padding-top: 75px;
        padding-bottom: 75px;
        position: relative
    }

        .hero-detail:before {
            content: "";
            max-height: 100%;
            width: 50%;
            height: 24vw;
            background-repeat: no-repeat;
            overflow: hidden;
            background-image: url(../images/triangle-pattern.webp);
            background-size: 120%;
            background-position: top 50%;
            position: absolute;
            top: auto;
            right: 0;
            bottom: 0;
            left: auto
        }
}

@media (min-width: 768px) and (min-width:600px) {
    .hero-detail:before {
        height: 16vw
    }
}

.hero-detail-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .hero-detail-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.hero-detail-eyebrow {
    color: inherit
}

.hero-detail-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.18;
    color: inherit
}

@media (min-width: 768px) {
    .hero-detail-title {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (min-width: 768px) {
    .hero-detail-content {
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 540px
    }
}

.hero-detail-description-large {
    font-size: 22px;
    font-size: 1.375rem
}

.hero-detail-image {
    position: relative;
    margin: 20px 0 -100px;
    z-index: 2
}

@media (min-width: 768px) {
    .hero-detail-image {
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 0 40px
    }
}

@media (min-width: 1000px) {
    .hero-detail-image {
        display: block;
        margin-bottom: -200px
    }
}

.hero-detail-image img {
    margin: 0 auto;
    box-shadow: 0 4px 20px 3px rgba(0,0,0,.12)
}

.hero-events {
    padding: 40px 15px;
    background: linear-gradient(to right top,#182837,#002945 15%,#014b74 40%,#026187 65%,#06a3cc);
    color: #fff;
    overflow: hidden
}

@media (min-width: 768px) {
    .hero-events {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 75px;
        padding-bottom: 75px;
        position: relative
    }
}

@media (min-width: 768px) {
    .hero-events:before {
        content: "";
        max-height: 100%;
        width: 50%;
        height: 24vw;
        background-repeat: no-repeat;
        overflow: hidden;
        background-image: url(../images/triangle-pattern.webp);
        background-size: 120%;
        background-position: top 50%;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }
}

@media (min-width: 768px) and (min-width:600px) {
    .hero-events:before {
        height: 16vw
    }
}

.hero-events-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .hero-events-inner {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.hero-events-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.18;
    color: inherit
}

@media (min-width: 768px) {
    .hero-events-title {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (min-width: 768px) {
    .hero-events-content {
        max-width: 540px
    }
}

.hero-events-graphic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .hero-events-graphic {
        position: relative;
        display: block;
        -ms-flex: 0 0 215px;
        flex: 0 0 215px;
        margin-bottom: 0;
        margin-left: 40px
    }
}

.hero-events-graphic-icon {
    -ms-flex: none;
    flex: none;
    position: relative;
    width: 70px;
    height: 70px;
    color: #2f2f30;
    background-image: url(../images/bi-colored-circles.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 2
}

@media (min-width: 768px) {
    .hero-events-graphic-icon {
        height: 215px;
        width: 215px
    }
}

.hero-events-graphic-icon:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%) translateX(-2px)
}

.hero-events-graphic-icon.icon-event-education {
    font-size: 28px;
    font-size: 1.75rem
}

@media (min-width: 768px) {
    .hero-events-graphic-icon.icon-event-education {
        font-size: 108px;
        font-size: 6.75rem
    }
}

.hero-events-graphic-icon.icon-event-in-person, .hero-events-graphic-icon.icon-event-seminar, .hero-events-graphic-icon.icon-event-webinar {
    font-size: 38px;
    font-size: 2.375rem
}

@media (min-width: 768px) {
    .hero-events-graphic-icon.icon-event-in-person, .hero-events-graphic-icon.icon-event-seminar, .hero-events-graphic-icon.icon-event-webinar {
        font-size: 118px;
        font-size: 7.375rem
    }
}

.hero-events-graphic-label {
    position: relative;
    left: -8px;
    display: inline-block;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f0df1a;
    color: #002d56;
    padding: 5px 20px;
    z-index: 1
}

@media (min-width: 768px) {
    .hero-events-graphic-label {
        position: absolute;
        top: 215px;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-100%);
        white-space: nowrap;
        text-align: center;
        z-index: 2
    }
}

.hero {
    position: relative;
    padding: 75px 15px;
    background-size: cover;
    background-position: 50%;
    color: #fff;
    overflow: hidden
}

@media (min-width: 768px) {
    .hero {
        padding-left: 30px;
        padding-right: 30px
    }
}

.hero.-homepage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 120px
}

@media (min-width: 768px) {
    .hero.-homepage {
        min-height: 650px
    }
}

.hero.-homepage .hero-inner {
    padding-top: 30px;
    width: 100%
}

    .hero.-homepage .hero-inner:before {
        content: "";
        right: auto;
        bottom: auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.hero.-homepage .hero-title {
    text-transform: uppercase;
    font-size: 47px;
    font-size: 2.9375rem
}

@media (min-width: 768px) {
    .hero.-homepage .hero-title {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.hero .hero-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50%
}

.hero:after, .hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.hero:before {
    width: 62%;
    min-width: 700px;
    background: linear-gradient(90deg,#001833,rgba(0,45,86,.8),rgba(2,37,69,.48),rgba(3,31,58,0));
    z-index: 2
}

.hero:after {
    width: 70%;
    min-width: 800px;
    background: linear-gradient(90deg,rgba(0,45,86,.9),rgba(0,45,86,.1),rgba(6,163,204,.6),rgba(6,163,204,0));
    z-index: 1
}

@media (min-width: 1000px) {
    .hero:after, .hero:before {
        min-width: none
    }
}

.hero-video {
    display: none;
    right: 0;
    bottom: 0;
    overflow: hidden
}

    .hero-video, .hero-video > video {
        position: absolute;
        top: 0;
        left: 0
    }

        .hero-video > video {
            right: auto;
            bottom: auto;
            min-width: 100%;
            min-height: 100%;
            width: 100%;
            height: auto;
            object-fit: cover
        }

@media (min-width: 768px) {
    .hero-video {
        display: block
    }
}

.hero-inner {
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3
}

.hero-inner-content {
    max-width: 540px
}

    .hero-inner-content .btn {
        margin-top: 20px
    }

.hero-eyebrow, .hero-title {
    color: inherit
}

.hero-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.1
}

@media (min-width: 768px) {
    .hero-title {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.-event .hero-title {
    font-size: 30px;
    font-size: 1.875rem
}

@media (min-width: 768px) {
    .-event .hero-title {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.hero-description, .hero-eyebrow, .hero-title, .hero .btn {
    opacity: 0;
    transform: translateY(50px)
}

.hero.-fade-in:after, .hero.-fade-in:before {
    opacity: 1 !important
}

.hero.-fade-in .hero-eyebrow {
    transition: .3s ease-in-out .7s
}

.hero.-fade-in .hero-title {
    transition: .3s ease-in-out .8s
}

.hero.-fade-in .hero-description {
    transition: .3s ease-in-out .9s
}

.hero.-fade-in .btn {
    transition: .3s ease-in-out 1s
}

.hero.-fade-in .btn, .hero.-fade-in .hero-description, .hero.-fade-in .hero-eyebrow, .hero.-fade-in .hero-title {
    opacity: 1;
    transform: none
}

.link-grid {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .link-grid {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.link-grid-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.link-grid-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .link-grid-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.link-grid-remove {
    display: block;
    position: relative;
    padding: 16px 10px 16px 32px;
    border-bottom: 1px solid #dadcdd
}

@media (min-width: 1000px) {
    .link-grid-remove {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.link-grid-group h3 {
    margin-top: 50px
}

@media (min-width: 1000px) {
    .link-grid-group.-multi-column {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.link-grid-multi-column {
    margin-bottom: 50px
}

@media (min-width: 1000px) {
    .link-grid-multi-column {
        width: 48%;
        margin-bottom: 0
    }
}

.link-grid-main {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.link-grid-text {
    padding: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #373a40
}

.link-grid-email:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .3s ease-in-out;
    color: #373a40;
    font-size: 15px;
    font-size: .9375rem
}

.link-grid-signup {
    border-left: 2px solid #dadcdd;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 0 0 auto;
    padding: 5px 5px 5px 10px
}

.link-grid-signup-line {
    transition: .3s ease-in-out;
    width: 100%;
    height: 1px;
    background-color: transparent
}

.link-grid-eyebrow {
    margin-right: 10px;
    background-color: #f0df1a;
    padding: 5px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    color: #002d56
}

.link-grid-eyebrow, .link-grid-subtitle {
    font-weight: 700;
    text-transform: uppercase
}

.link-grid-subtitle {
    letter-spacing: 2.14px
}

.link-grid-subtitle-hide {
    color: transparent;
    display: none
}

@media (min-width: 1000px) {
    .link-grid-subtitle-hide {
        display: block
    }
}

.link-grid .link {
    display: block;
    position: relative;
    padding: 16px 10px 16px 32px;
    border-bottom: 1px solid #dadcdd
}

@media (min-width: 1000px) {
    .link-grid .link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.link-grid .link:after, .link-grid .link:before {
    transition: .3s ease-in-out
}

.link-grid .link:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 11px;
    transform: translateY(-50%);
    color: #f0df1a;
    font-size: 12px;
    font-size: .75rem
}

.link-grid .link:after {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #f0df1a
}

.link-grid .link:active .link-grid-signup-line, .link-grid .link:focus .link-grid-signup-line, .link-grid .link:hover .link-grid-signup-line {
    transition: .3s ease-in-out;
    background-color: #5fddfe
}

.link-grid .link:active .link-grid-email:before, .link-grid .link:focus .link-grid-email:before, .link-grid .link:hover .link-grid-email:before {
    transition: .3s ease-in-out;
    color: #aeb3b6
}

.link-grid .link:active:before, .link-grid .link:focus:before, .link-grid .link:hover:before {
    color: #5fddfe;
    transition: .3s ease-in-out
}

.link-grid .link:active:after, .link-grid .link:focus:after, .link-grid .link:hover:after {
    width: 100%;
    transition: .3s ease-in-out
}

.link-grid .link:focus-within .link-grid-signup-line {
    transition: .3s ease-in-out;
    background-color: #5fddfe
}

.link-grid .link:focus-within .link-grid-email:before {
    transition: .3s ease-in-out;
    color: #aeb3b6
}

.link-grid .link:focus-within:before {
    color: #5fddfe;
    transition: .3s ease-in-out
}

.link-grid .link:focus-within:after {
    width: 100%;
    transition: .3s ease-in-out
}

.link-list {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .link-list {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.link-list-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.link-list-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .link-list-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

@media (min-width: 1000px) {
    .link-list.-multi-column .link-list-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .link-list.-multi-column .link-list-links .link {
            -ms-flex: none;
            flex: none;
            width: calc(50% - 25px)
        }
}

.link-list .link {
    display: block;
    position: relative;
    padding: 16px 32px;
    border-bottom: 1px solid #dadcdd
}

@media (min-width: 1000px) {
    .link-list .link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.link-list .link:after, .link-list .link:before {
    transition: .3s ease-in-out
}

.link-list .link:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 11px;
    transform: translateY(-50%);
    color: #f0df1a;
    font-size: 12px;
    font-size: .75rem
}

.link-list .link:after {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #f0df1a
}

.link-list .link:active .link-main, .link-list .link:focus .link-main, .link-list .link:hover .link-main {
    transform: translateX(15px)
}

.link-list .link:active:before, .link-list .link:focus:before, .link-list .link:hover:before {
    color: #5fddfe
}

.link-list .link:active:after, .link-list .link:focus:after, .link-list .link:hover:after {
    width: 100%
}

.link-list .link:active .link-main, .link-list .link:active:before, .link-list .link:focus .link-main, .link-list .link:focus:before, .link-list .link:hover .link-main, .link-list .link:hover:before {
    transition: .3s ease-in-out
}

.link-list .link:focus-within .link-main {
    transform: translateX(15px)
}

.link-list .link:focus-within:before {
    color: #5fddfe
}

.link-list .link:focus-within:after {
    width: 100%
}

.link-list .link:focus-within .link-main, .link-list .link:focus-within:before {
    transition: .3s ease-in-out
}

.link-list .link-date, .link-list .link-main-eyebrow {
    color: #6e6d6d;
    font-size: 14px;
    font-size: .875rem
}

.link-list .link-main {
    margin-right: auto;
    transition: .3s ease-in-out
}

.link-list .link-main-eyebrow {
    margin-bottom: 6px
}

.link-list .link-main-text {
    color: #2f2f30;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 6px
}

@media (min-width: 1000px) {
    .link-list .link-main-text {
        margin-bottom: 0
    }
}

.link-list .link-date {
    white-space: nowrap
}

@media (min-width: 1000px) {
    .link-list .link-date {
        margin-left: 30px
    }
}

.masonry-grid {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .masonry-grid {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.masonry-grid-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.masonry-grid-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .masonry-grid-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

@media (min-width: 1000px) {
    .masonry-grid-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.masonry-grid-items-primary, .masonry-grid-items-secondary {
    perspective: 1000px
}

@media (min-width: 1000px) {
    .masonry-grid-items-primary, .masonry-grid-items-secondary {
        width: calc(50% - 15px)
    }
}

.masonry-grid-items-primary-item, .masonry-grid-items-secondary-item {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    transition: .3s ease-in-out
}

    .masonry-grid-items-primary-item:active, .masonry-grid-items-primary-item:focus, .masonry-grid-items-primary-item:hover, .masonry-grid-items-secondary-item:active, .masonry-grid-items-secondary-item:focus, .masonry-grid-items-secondary-item:hover {
        position: relative;
        transform: scale(1.05);
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.2);
        z-index: 100 !important
    }

    .masonry-grid-items-primary-item:focus-within, .masonry-grid-items-secondary-item:focus-within {
        position: relative;
        transform: scale(1.05);
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.2);
        z-index: 100 !important
    }

.masonry-grid-items-primary-item-content, .masonry-grid-items-secondary-item-content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.masonry-grid-items-primary-item-content-eyebrow, .masonry-grid-items-secondary-item-content-eyebrow {
    display: inline-block;
    padding: 5px 10px;
    color: #002d56;
    margin-bottom: 15px;
    transition: .3s ease-in-out
}

.masonry-grid-items-primary-item-content-title, .masonry-grid-items-secondary-item-content-title {
    font-weight: 900;
    margin-bottom: 0;
    transition: .3s ease-in-out
}

.masonry-grid-items-primary-item-content-date, .masonry-grid-items-secondary-item-content-date {
    margin-top: 14px;
    font-size: 14px;
    font-size: .875rem;
    transition: .3s ease-in-out
}

.masonry-grid-items-primary-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    min-height: 400px;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

    .masonry-grid-items-primary-item:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50%;
        width: 100%;
        background: linear-gradient(0deg,#000,rgba(55,58,64,0))
    }

@media (min-width: 768px) {
    .masonry-grid-items-primary-item {
        padding: 27px 40px
    }
}

@media (min-width: 1000px) {
    .masonry-grid-items-primary-item {
        margin-bottom: 0;
        margin-right: 30px
    }
}

.masonry-grid-items-primary-item-content {
    position: relative;
    z-index: 1
}

.masonry-grid-items-primary-item-content-eyebrow {
    background-color: #f0df1a
}

.masonry-grid-items-primary-item-content-title {
    color: #fff
}

.masonry-grid-items-primary-item-content-date {
    color: #f8f8f8
}

.masonry-grid-items-secondary-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

@media (min-width: 768px) {
    .masonry-grid-items-secondary-item {
        padding: 23px 30px
    }
}

@media (min-width: 1000px) {
    .masonry-grid-items-secondary-item {
        margin-bottom: 30px
    }
}

.masonry-grid-items-secondary-item:last-child {
    margin-bottom: 0
}

@media (min-width: 1000px) {
    .masonry-grid-items-secondary-item:last-child {
        margin-bottom: 0
    }
}

.masonry-grid-items-secondary-item:first-child {
    background-color: #edf1fc
}

.masonry-grid-items-secondary-item:nth-child(2) {
    background-color: #f0df1a
}

.masonry-grid-items-secondary-item-content {
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.masonry-grid-items-secondary-item-content-eyebrow {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #fff
}

@media (min-width: 768px) {
    .masonry-grid-items-secondary-item-content-eyebrow {
        top: 23px;
        left: 30px
    }
}

.masonry-grid-items-secondary-item-content-date {
    color: #6e6d6d
}

.masonry-grid-items-secondary-item-image {
    -ms-flex: none;
    flex: none;
    margin: -15px -80px -15px 0
}

@media (min-width: 600px) {
    .masonry-grid-items-secondary-item-image {
        margin-right: -15px
    }
}

@media (min-width: 768px) {
    .masonry-grid-items-secondary-item-image {
        margin: -23px -30px
    }
}

@media (min-width: 1000px) {
    .masonry-grid-items-secondary-item-image {
        margin-left: 0
    }
}

.member {
    padding: 0 30px
}

.member-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10099;
    padding: 75px;
    background: #002d56;
    color: #fff;
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear
}

    .member-modal.-hidden {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 2s,opacity 2s linear
    }

.member-edit.-add {
    margin: 10px -10px 0
}

.member-edit-add {
    cursor: pointer;
    padding: 0 0 0 10px;
    color: #6e6d6d
}

    .member-edit-add:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 0 0 10px
    }

    .member-edit-add:active, .member-edit-add:focus, .member-edit-add:hover {
        color: #6e6d6d;
        text-decoration: none
    }

    .member-edit-add:focus-within {
        color: #6e6d6d;
        text-decoration: none
    }

.member-edit-button {
    color: #6e6d6d
}

    .member-edit-button:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 10px 0 0
    }

    .member-edit-button:active, .member-edit-button:focus, .member-edit-button:hover {
        color: #6e6d6d;
        text-decoration: none
    }

    .member-edit-button:focus-within {
        color: #6e6d6d;
        text-decoration: none
    }

.member-info {
    max-width: 1280px;
    margin: 60px auto 100px
}

@media (min-width: 1300px) {
    .member-info {
        margin-top: 90px;
        margin-bottom: 150px
    }
}

.member-info-disable {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #f0df1a
}

@media (min-width: 1300px) {
    .member-info.-enable {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.member-info-disc {
    margin: 20px 0
}

.member-info-disc-complete {
    font-size: 14px;
    font-size: .875rem;
    line-height: 26px
}

.member-info-sidebar {
    text-align: center;
    background-color: #f8f8f8;
    padding: 40px 0
}

@media (min-width: 1300px) {
    .member-info-sidebar {
        width: 25%;
        height: 100%
    }
}

@media (min-width: 1300px) {
    .member-info-inner.-enable {
        width: 70%
    }
}

.member-info-inner.-disable {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto
}

.member-info-filler {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px auto;
    width: max-content
}

@media (min-width: 1300px) {
    .member-info-filler {
        margin: 0 auto
    }
}

.member-info-filler-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.member-info-filler-tab {
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px;
    color: #6e6d6d
}

.member-info-filler-dot {
    height: 20px;
    width: 20px;
    border: 1px solid #6e6d6d;
    border-radius: 50%;
    margin: 0 10px
}

.member-info-filler-complete {
    border: 1px solid #06a3cc;
    background-color: #06a3cc
}

.member-info-filler-eyebrow {
    margin-left: 10px;
    background-color: #f0df1a;
    padding: 5px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #002d56
}

.member-info-intro {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0df1a
}

@media (min-width: 768px) {
    .member-info-intro {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px
    }

    .member-info-intro-name {
        margin-right: auto
    }
}

.member-info-intro-name {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    font-weight: 900;
    color: #373a40
}

    .member-info-intro-name.-disable {
        font-size: 24px;
        font-size: 1.5rem;
        margin: 0 auto 0 0
    }

.member-info-intro-title {
    font-size: 14px;
    font-size: .875rem;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #373a40
}

.member-info-intro-detail {
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px;
    color: #6e6d6d;
    margin: 0
}

    .member-info-intro-detail.-disable {
        line-height: 22px;
        font-size: 20px;
        font-size: 1.25rem
    }

@media (min-width: 768px) {
    .member-info-intro-detail.-disable {
        margin: 0 0 0 10px
    }
}

.member-info-intro-detail.-disable span {
    color: #373a40;
    font-weight: 900
}

.member-info-sections .section-title {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 44px 15px 15px;
    color: #fff;
    background-color: #373a40
}

@media (min-width: 768px) {
    .member-info-sections .section-title {
        padding-left: 32px;
        padding-right: 46px
    }
}

.member-info-sections .section-title:after, .member-info-sections .section-title:before {
    content: "";
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background-color: #f0df1a
}

@media (min-width: 768px) {
    .member-info-sections .section-title:after, .member-info-sections .section-title:before {
        width: 19px;
        height: 4px;
        border-radius: 4px
    }
}

.member-info-sections .section-title:after, .member-info-sections .section-title:before {
    position: absolute;
    top: 50%;
    right: 16px;
    bottom: auto;
    left: auto
}

.member-info-sections .section-title:after {
    transform: rotate(90deg);
    transition: .3s ease-in-out
}

.member-info-sections .section-title.-active + .section-content {
    max-height: 9999px;
    padding-top: 30px;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .member-info-sections .section-title.-active + .section-content {
        padding-top: 40px;
        padding-bottom: 20px
    }
}

.member-info-sections .section-title.-active:after {
    transform: rotate(90deg) scaleX(0)
}

.member-info-sections .section-content {
    max-height: 0;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    border: 1px solid #dadcdd;
    transition: .3s ease-in-out
}

@media (min-width: 768px) {
    .member-info-sections .section-content {
        padding-left: 30px;
        padding-right: 30px
    }
}

.member-info-sections .section-content-row {
    text-align: left;
    margin-bottom: 25px
}

@media (min-width: 600px) {
    .member-info-sections .section-content-row {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px
    }
}

.member-info-sections .section-content-row-left, .member-info-sections .section-content-row-right {
    line-height: 1.4
}

@media (min-width: 600px) {
    .member-info-sections .section-content-row-left, .member-info-sections .section-content-row-right {
        line-height: 1.667
    }
}

.member-info-sections .section-content-row-left {
    color: #2f2f30;
    font-weight: 900;
    margin-bottom: 12px
}

@media (min-width: 600px) {
    .member-info-sections .section-content-row-left {
        -ms-flex: 0 0 280px;
        flex: 0 0 280px;
        margin-bottom: 0
    }
}

.member-info-sections .section-content-row-left > span {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    color: #6e6d6d
}

.member-info-sections .section-content-row-right {
    font-size: 18px;
    font-size: 1.125rem
}

.member-info-sections .section-content-text {
    margin-bottom: 30px;
    line-height: 1.6
}

.member-info-sections .section-content-fieldset {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadcdd
}

.member-info-sections .section-content-button {
    text-align: right
}

.member-info-sections .section-content .unsubscribe-all + label {
    font-weight: 900
}

.-comm-prefs .-preferences .section-content-fieldset {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadcdd
}

    .-comm-prefs .-preferences .section-content-fieldset .unsubscribe-all + label {
        font-weight: 900
    }

.-comm-prefs .-preferences .section-content-button {
    margin-top: 30px
}

.circular-chart {
    margin: 0 0 10px;
    width: 70px
}

.circle-bg {
    fill: none;
    stroke: #06a3cc;
    stroke-width: 4
}

.circle {
    fill: none;
    stroke-width: 4
}

.blank {
    stroke: #eee
}

.membership-blocks {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .membership-blocks {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.membership-blocks-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .membership-blocks-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.membership-blocks-item {
    box-shadow: 0 4px 20px 3px rgba(0,0,0,.12);
    background: #fff;
    margin: 0 auto 30px
}

@media (min-width: 768px) {
    .membership-blocks-item {
        width: calc(50% - 15px);
        margin: 0 0 30px
    }
}

@media (min-width: 1100px) {
    .membership-blocks-item {
        width: calc(33.33% - 15px)
    }
}

.membership-blocks-item-header-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    background: linear-gradient(to right top,#182837,#002945 15%,#014b74 40%,#026187 65%,#06a3cc);
    padding: 20px 30px;
    min-height: 170px
}

@media (min-width: 900px) {
    .membership-blocks-item-header-wrapper {
        padding-bottom: 30px
    }
}

.membership-blocks-item-eyebrow {
    margin-left: -30px;
    margin-bottom: 20px;
    color: #002d56;
    background: #f0df1a;
    display: inline-block;
    padding: 5px 10px
}

@media (min-width: 900px) {
    .membership-blocks-item-eyebrow {
        margin-left: -30px
    }
}

.membership-blocks-item-title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: auto;
    color: #fff
}

.membership-blocks-item-subheadline {
    color: #fff
}

.membership-blocks-item-text-wrapper {
    padding: 30px 20px
}

@media (min-width: 900px) {
    .membership-blocks-item-text-wrapper {
        padding: 30px 30px 40px
    }
}

.membership-blocks-item-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.membership-blocks-item-list-item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 50px;
    font-size: 16px;
    font-size: 1rem
}

    .membership-blocks-item-list-item:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 15px;
        top: 7px;
        font-size: 16px;
        font-size: 1rem;
        color: #aeb3b6;
        margin-right: 10px
    }

.membership-blocks-item-button {
    text-align: center;
    margin: 30px 0
}

.membership-profile {
    display: none
}

    .membership-profile.-show {
        display: block
    }

    .membership-profile .step-text-main {
        margin-bottom: 15px
    }

    .membership-profile .step-text-title {
        font-size: 24px;
        font-size: 1.5rem
    }

    .membership-profile .-other-select + div {
        display: none
    }

    .membership-profile .-other-select[data-other=true] + div {
        display: block
    }

.membership-promo {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .membership-promo {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.membership-promo-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 20px 3px rgba(0,0,0,.12)
}

@media (min-width: 768px) {
    .membership-promo-inner {
        display: -ms-flexbox;
        display: flex
    }
}

.membership-promo-left {
    padding: 50px 30px;
    background: linear-gradient(to right top,#182837,#002945 15%,#014b74 40%,#026187 65%,#06a3cc)
}

@media (min-width: 768px) {
    .membership-promo-left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 50px;
        width: 50%
    }
}

@media (min-width: 1000px) {
    .membership-promo-left {
        padding: 80px 110px 80px 130px
    }
}

.membership-promo-left-description, .membership-promo-left-title {
    color: #fff
}

.membership-promo-right {
    padding: 30px 20px;
    background: #fff
}

@media (min-width: 768px) {
    .membership-promo-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
        padding: 50px
    }
}

@media (min-width: 1000px) {
    .membership-promo-right {
        padding: 80px 80px 50px
    }
}

.membership-promo-right-link {
    margin-top: 30px;
    text-align: center
}

.membership-promo-right-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.membership-promo-right-list-item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 50px;
    font-size: 16px;
    font-size: 1rem
}

    .membership-promo-right-list-item:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 15px;
        top: 5px;
        font-size: 16px;
        font-size: 1rem;
        color: #aeb3b6;
        margin-right: 10px
    }

.membership-status {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .membership-status {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 100px
    }
}

.membership-status-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.membership-status-panel {
    padding: 30px 0;
    border-bottom: 1px solid #dadcdd
}

@media (min-width: 1200px) {
    .membership-status-panel {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 50px 0 30px
    }
}

.membership-status-eyebrow {
    color: #002d56;
    background-color: #f0df1a;
    padding: 5px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    width: max-content
}

@media (min-width: 1200px) {
    .membership-status-eyebrow {
        margin: 0 0 20px 20px
    }
}

.membership-status-top {
    padding: 20px;
    background-color: #2f2f30;
    color: #fff
}

@media (min-width: 600px) {
    .membership-status-top {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 600px) {
    .membership-status-top-detail, .membership-status-top-status {
        display: inline
    }
}

.membership-status-top-status {
    font-size: 24px;
    font-size: 1.5rem;
    color: inherit
}

@media (min-width: 600px) {
    .membership-status-top-detail {
        margin-left: 8px
    }
}

.membership-status-top-detail a {
    color: #5fddfe
}

    .membership-status-top-detail a:before {
        display: none
    }

    .membership-status-top-detail a:active, .membership-status-top-detail a:focus, .membership-status-top-detail a:hover {
        color: #06a3cc
    }

    .membership-status-top-detail a:focus-within {
        color: #06a3cc
    }

    .membership-status-top-detail a:focus {
        text-decoration: underline
    }

.membership-status-items {
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #dadcdd
}

@media (min-width: 600px) {
    .membership-status-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1200px) {
    .membership-status-items {
        padding: 50px 0
    }
}

.membership-status-items-item {
    line-height: 1.4;
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .membership-status-items-item {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.membership-status-items-item > b {
    color: #2f2f30
}

@media (min-width: 1200px) {
    .membership-status-items-item > b {
        margin-right: 15px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

.membership-status-items-item.-button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width: 1000px) {
    .membership-status-items-item.-button {
        -ms-flex: none;
        flex: none
    }
}

.membership-status-items-item.-button .-button-inner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.membership-status-items-item.-button .error {
    display: inline-block;
    margin-bottom: 9px
}

.membership-status-notifications {
    padding-top: 45px
}

@media (min-width: 768px) {
    .membership-status-notifications {
        padding-top: 70px
    }
}

.membership-status-notifications .cta-panel {
    margin: 0 0 2px;
    padding: 0
}

.membership-status-download-link {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.4px;
    font-size: 14px;
    font-size: .875rem
}

@media (min-width: 1000px) {
    .membership-status-download-link {
        text-align: left
    }
}

.membership-status-download-link a:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-size: .875rem;
    margin-right: 8px;
    color: #06a3cc;
    transition: .3s ease-in-out
}

.membership-status-download-link a:active:before, .membership-status-download-link a:focus:before, .membership-status-download-link a:hover:before {
    color: #002d56
}

.membership-status-download-link a:focus-within:before {
    color: #002d56
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 9999
}

@media (min-width: 768px) {
    .modal {
        padding: 120px 15px 20px
    }
}

@media (min-width: 768px) and (min-width:768px) {
    .modal {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 768px) {
    .modal:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.5);
        z-index: 1
    }
}

.-modal-open .modal {
    display: block
}

.modal-inner {
    z-index: 2
}

@media (min-width: 768px) {
    .modal-inner {
        position: relative;
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .modal-inner {
        padding-top: 55px
    }
}

.modal-content {
    position: relative;
    background-color: #fff;
    height: 100vh;
    overflow: auto
}

@media (min-width: 768px) {
    .modal-content {
        height: auto
    }
}

.modal-content > div {
    display: none;
    width: 100%
}

@media (min-width: 768px) {
    .modal-content > div {
        height: 100%
    }
}

@media (min-width: 1200px) {
    .modal-content > div {
        height: auto
    }
}

.modal-content > div.-active {
    display: -ms-flexbox;
    display: flex
}

.modal-close {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 0;
    color: transparent;
    padding: 0;
    border-radius: 50%;
    background-color: #dadcdd;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    z-index: 3
}

@media (min-width: 768px) {
    .modal-close {
        width: 50px;
        height: 50px
    }
}

.modal-close:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.modal-close:before, .modal-close > .icon {
    color: #fff
}

.modal-close:active, .modal-close:focus, .modal-close:hover {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.modal-close:focus-within {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.modal-close:before, .modal-close > .icon {
    color: #373a40
}

.modal-close:active, .modal-close:focus, .modal-close:hover {
    background-color: #a5aaac
}

.modal-close:focus-within {
    background-color: #a5aaac
}

.modal-close:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-size: .875rem
}

@media (min-width: 768px) {
    .modal-close:before {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    .modal-close {
        top: 0;
        right: 0;
        transform: translateX(100%);
        background-color: #fff
    }

        .modal-close:active, .modal-close:focus, .modal-close:hover {
            background-color: #f0df1a
        }

        .modal-close:focus-within {
            background-color: #f0df1a
        }
}

.inactivity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.inactivity-left {
    display: none
}

@media (min-width: 768px) {
    .inactivity-left {
        display: block;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        background-position: 100% 0;
        background-size: cover;
        background-color: #002d56
    }
}

@media (min-width: 900px) {
    .inactivity-left {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

.inactivity-right {
    padding: 50px 20px
}

@media (min-width: 400px) {
    .inactivity-right {
        padding: 75px 40px
    }
}

@media (min-width: 768px) {
    .inactivity-right {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        padding: 75px 40px 60px
    }
}

@media (min-width: 900px) {
    .inactivity-right {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        padding: 75px 60px 60px
    }
}

.inactivity-title {
    margin-bottom: 40px
}

.inactivity-form {
    margin-bottom: 30px
}

.inactivity-form-item {
    margin-bottom: 40px
}

.inactivity-form label:after {
    content: "*";
    color: #d90707;
    margin-left: 3px
}

.inactivity-extra-link {
    display: block;
    margin: 30px 0
}

@media (min-width: 400px) {
    .inactivity-extra-link {
        display: inline-block;
        margin-left: 30px
    }
}

.inactivity-recovery {
    font-size: 14px;
    font-size: .875rem
}

.info {
    padding: 100px;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-dropdown, .info-textfield {
    margin: 0 0 20px
}

.login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.login-left {
    display: none
}

@media (min-width: 768px) {
    .login-left {
        display: block;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        background-position: 100% 0;
        background-size: cover;
        background-color: #002d56
    }
}

@media (min-width: 900px) {
    .login-left {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

.login-right {
    padding: 50px 20px
}

@media (min-width: 400px) {
    .login-right {
        padding: 75px 40px
    }
}

@media (min-width: 768px) {
    .login-right {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        padding: 75px 40px 60px
    }
}

@media (min-width: 900px) {
    .login-right {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        padding: 75px 60px 60px
    }
}

.login-title {
    margin-bottom: 40px
}

.login-form {
    margin-bottom: 30px
}

.login-form-item {
    margin-bottom: 40px
}

.login-form label:after {
    content: "*";
    color: #d90707;
    margin-left: 3px
}

.login-extra-link {
    display: block;
    margin: 30px 0
}

@media (min-width: 400px) {
    .login-extra-link {
        display: inline-block;
        margin-left: 30px
    }
}

.login-recovery {
    font-size: 14px;
    font-size: .875rem
}

.standard-left {
    display: none
}

@media (min-width: 768px) {
    .standard-left {
        display: block;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        background-position: 100% 0;
        background-size: cover;
        background-color: #002d56
    }
}

@media (min-width: 900px) {
    .standard-left {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

.standard-right {
    padding: 50px 20px
}

@media (min-width: 400px) {
    .standard-right {
        padding: 75px 40px
    }
}

@media (min-width: 768px) {
    .standard-right {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        padding: 75px 40px 60px
    }
}

@media (min-width: 900px) {
    .standard-right {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        padding: 75px 60px 60px
    }
}

.standard-right-eyebrow {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    color: #01728f;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px
}

.standard-right-title {
    margin-bottom: 20px
}

.standard-right-description {
    margin-bottom: 30px
}

.pagination {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

    .pagination .icon-caret-right {
        font-size: 12px;
        font-size: .75rem
    }

        .pagination .icon-caret-right:before {
            content: "";
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

.pagination-inner {
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 600px) {
    .pagination-inner {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.pagination-mobile {
    -ms-flex: none;
    flex: none;
    margin: 0 20px;
    font-weight: 600
}

.pagination-mobile-current, .pagination-mobile-total {
    font-weight: 700;
    color: #002d56
}

@media (min-width: 600px) {
    .pagination-mobile {
        display: none
    }
}

.pagination-next, .pagination-prev {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #002d56;
    line-height: 0
}

    .pagination-next[data-disabled=true], .pagination-prev[data-disabled=true] {
        opacity: .4;
        pointer-events: none
    }

.pagination-prev {
    transform: rotate(180deg)
}

.pagination-pages {
    display: none
}

@media (min-width: 600px) {
    .pagination-pages {
        display: -ms-flexbox;
        display: flex
    }
}

.pagination-pages a, .pagination-pages span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #f8f8f8;
    color: #002d56;
    font-weight: 700
}

@media (min-width: 400px) {
    .pagination-pages a, .pagination-pages span {
        width: 45px;
        height: 45px;
        margin: 0 5px
    }
}

.pagination-pages a[data-current=true], .pagination-pages span[data-current=true] {
    background-color: #f0df1a;
    pointer-events: none
}

.pagination-pages a:active, .pagination-pages a:focus, .pagination-pages a:hover, .pagination-pages span:active, .pagination-pages span:focus, .pagination-pages span:hover {
    background-color: #f0df1a
}

.pagination-pages a:focus-within, .pagination-pages span:focus-within {
    background-color: #f0df1a
}

.past-purchases-search {
    max-width: 1280px;
    margin: 60px auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .past-purchases-search {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.past-purchases-search .pagination {
    margin-top: 40px
}

.past-purchases-search .past-purchases-items-header {
    display: none
}

.past-purchases-search .loader {
    text-align: center
}

.past-purchases {
    max-width: 1280px;
    margin: 60px auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .past-purchases {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.past-purchases-filter {
    margin-top: 60px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .past-purchases-filter {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.past-purchases-filter select {
    max-width: 380px
}

.past-purchases-items {
    margin-bottom: 25px
}

.past-purchases-items-header {
    display: none;
    margin-bottom: 20px;
    padding: 13px 20px 15px;
    background-color: #f8f8f8;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    white-space: nowrap
}

@media (min-width: 600px) {
    .past-purchases-items-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.past-purchases-items-header-description {
    -ms-flex: 1 0 calc(50% - 20px);
    flex: 1 0 calc(50% - 20px);
    margin-right: 20px
}

@media (min-width: 900px) {
    .past-purchases-items-header-description {
        -ms-flex: 1 0 calc(60% - 20px);
        flex: 1 0 calc(60% - 20px)
    }
}

.past-purchases-items-header-date, .past-purchases-items-header-type {
    -ms-flex: 1 0 calc(25% - 20px);
    flex: 1 0 calc(25% - 20px)
}

@media (min-width: 900px) {
    .past-purchases-items-header-date, .past-purchases-items-header-type {
        -ms-flex: 1 0 calc(20% - 20px);
        flex: 1 0 calc(20% - 20px)
    }
}

.past-purchases-items-header-date {
    text-align: right
}

.past-purchases-item {
    border-bottom: 1px solid #dadcdd;
    padding: 20px 0
}

@media (min-width: 600px) {
    .past-purchases-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

.past-purchases-item-title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.3
}

@media (min-width: 600px) {
    .past-purchases-item-title {
        margin-bottom: 0
    }
}

.past-purchases-item-image {
    margin-bottom: 20px;
    width: 100%
}

    .past-purchases-item-image img {
        width: 100%;
        object-fit: cover
    }

@media (min-width: 600px) {
    .past-purchases-item-image {
        max-width: 97px;
        margin-bottom: 0;
        margin-right: 20px
    }
}

.past-purchases-item-links {
    margin: 10px 0
}

@media (min-width: 600px) {
    .past-purchases-item-links {
        margin-bottom: 0
    }
}

@media (min-width: 600px) {
    .past-purchases-item-date {
        -ms-flex: 1 0 calc(25% - 20px);
        flex: 1 0 calc(25% - 20px);
        text-align: right;
        padding-right: 20px
    }
}

@media (min-width: 900px) {
    .past-purchases-item-date {
        -ms-flex: 1 0 calc(20% - 20px);
        flex: 1 0 calc(20% - 20px)
    }
}

.past-purchases-item-type {
    margin-bottom: 10px
}

@media (min-width: 600px) {
    .past-purchases-item-type {
        -ms-flex: 1 0 calc(25% - 20px);
        flex: 1 0 calc(25% - 20px);
        margin-bottom: 0
    }
}

@media (min-width: 900px) {
    .past-purchases-item-type {
        -ms-flex: 1 0 calc(20% - 20px);
        flex: 1 0 calc(20% - 20px)
    }
}

@media (min-width: 600px) {
    .past-purchases-item-description-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 1 0 calc(50% - 20px);
        flex: 1 0 calc(50% - 20px);
        margin-right: 20px
    }
}

@media (min-width: 900px) {
    .past-purchases-item-description-wrapper {
        -ms-flex: 1 0 calc(60% - 20px);
        flex: 1 0 calc(60% - 20px)
    }
}

.past-purchases-item a {
    position: relative;
    font-size: 14px;
    font-size: .875rem
}

    .past-purchases-item a span {
        position: relative;
        padding-bottom: 1px;
        border-bottom: 2px solid transparent;
        transition: .3s ease-in-out
    }

        .past-purchases-item a span:active, .past-purchases-item a span:focus, .past-purchases-item a span:hover {
            text-decoration: none;
            border-bottom: 2px solid rgba(95,221,254,.75)
        }

        .past-purchases-item a span:focus-within {
            text-decoration: none;
            border-bottom: 2px solid rgba(95,221,254,.75)
        }

    .past-purchases-item a.-download {
        margin-right: 10px
    }

        .past-purchases-item a.-download:before {
            content: ""
        }

        .past-purchases-item a.-download:before, .past-purchases-item a.-receipt:before {
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            top: 1px;
            font-size: 15px;
            font-size: .9375rem;
            margin-right: 5px
        }

    .past-purchases-item a.-receipt:before {
        content: ""
    }

.photo-grid {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .photo-grid {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 600px) {
    .photo-grid.-background {
        position: relative
    }

        .photo-grid.-background:before {
            content: "";
            position: absolute;
            top: auto;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60%;
            max-height: 530px;
            background-image: url(../images/angle-background.jpg);
            background-size: cover;
            background-position: 50%;
            z-index: -1
        }
}

.photo-grid-inner {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
}

.-three .photo-grid-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.photo-grid-title {
    margin-bottom: 35px
}

    .photo-grid-title.h3 {
        position: relative;
        padding: 20px 0;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px
    }

        .photo-grid-title.h3:before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: #f0df1a
        }

@media (min-width: 600px) {
    .photo-grid-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -10px
    }

    .-left-align .photo-grid-grid {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 800px) {
    .photo-grid-grid {
        margin: 0 -15px
    }
}

.photo-grid-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
    width: 100%
}

@media (min-width: 600px) {
    .photo-grid-item {
        margin: 20px 10px
    }

    .-three .photo-grid-item, .photo-grid-item {
        width: calc(50% - 20px)
    }
}

@media (min-width: 800px) {
    .photo-grid-item {
        margin: 40px 15px;
        width: calc(33.33333% - 30px)
    }

    .-three .photo-grid-item {
        margin: 20px 10px;
        width: calc(50% - 20px)
    }
}

@media (min-width: 1200px) {
    .photo-grid-item {
        width: calc(25% - 30px)
    }

    .-three .photo-grid-item {
        margin: 40px 15px;
        width: calc(33.33333% - 30px)
    }
}

.photo-grid-item-image {
    position: relative;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    z-index: -1
}

.photo-grid-item-title {
    margin-bottom: 10px
}

.photo-grid-item-description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    color: #6e6d6d
}

.photo-grid-item-content {
    -ms-flex: 1 0 135px;
    flex: 1 0 135px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -50px 10px 0;
    padding: 30px 20px;
    box-shadow: 4px 3px 36px 0 rgba(0,0,0,.13);
    background-color: #fff
}

.photo-grid a.photo-grid-item .img-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f0df1a;
    opacity: 0;
    transition: .3s ease-in-out
}

.photo-grid a.photo-grid-item:active .img-wrapper:after, .photo-grid a.photo-grid-item:focus .img-wrapper:after, .photo-grid a.photo-grid-item:hover .img-wrapper:after {
    opacity: .8;
    transition: .3s ease-in-out
}

.photo-grid a.photo-grid-item:active .img-background, .photo-grid a.photo-grid-item:focus .img-background, .photo-grid a.photo-grid-item:hover .img-background {
    filter: grayscale(100%);
    transition: .3s ease-in-out
}

.photo-grid a.photo-grid-item:focus-within .img-wrapper:after {
    opacity: .8;
    transition: .3s ease-in-out
}

.photo-grid a.photo-grid-item:focus-within .img-background {
    filter: grayscale(100%);
    transition: .3s ease-in-out
}

.product-detail {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .product-detail {
        padding-top: 40px
    }
}

@media (min-width: 1200px) {
    .product-detail {
        margin-right: -140px
    }
}

@media (min-width: 768px) {
    .product-detail.-has-image {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 1200px) {
    .product-detail.-has-image {
        margin-left: -140px
    }
}

.product-detail-image {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .product-detail-image {
        margin: 0 120px 0 0
    }
}

.product-detail-image img {
    display: inline;
    max-width: 50%;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,.2)
}

@media (min-width: 768px) {
    .product-detail-image img {
        max-width: 100%
    }
}

.product-detail-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.product-detail-eyebrow {
    color: #002d56;
    margin-bottom: 10px
}

.product-detail-price {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #dadcdd;
    border-bottom: 1px solid #dadcdd
}

.-section .product-detail-price {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 20px 0 13px
}

    .-section .product-detail-price .-standard:before {
        content: "Price: "
    }

@media (min-width: 500px) {
    .product-detail-price {
        display: block
    }
}

.product-detail-price > span {
    display: block;
    margin: 15px 0;
    white-space: nowrap
}

@media (min-width: 500px) {
    .product-detail-price > span {
        display: inline;
        margin: 0 20px 0 0
    }

        .product-detail-price > span:last-child {
            margin-right: 0
        }
}

.product-detail-price .-standard {
    margin-right: 50px;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #2f2f30
}

.product-detail-delivery {
    margin-bottom: 40px;
    font-weight: 700;
    color: #2f2f30;
    font-size: 18px;
    font-size: 1.125rem
}

.-section .product-detail-delivery {
    display: none
}

.product-detail-note {
    line-height: 1.4;
    margin-bottom: 30px
}

.product-detail-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .product-detail-meta .meta-item {
        margin-right: 34px;
        line-height: 3
    }

    .product-detail-meta .meta-item-key {
        margin-right: 10px
    }

.promo-fw {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .promo-fw {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.promo-fw-image {
    background-size: cover;
    color: transparent;
    font-size: 0;
    height: 60vw;
    margin: 0 -15px;
    background-position: 100%
}

@media (min-width: 600px) {
    .promo-fw-image {
        height: 65vw
    }
}

@media (min-width: 768px) {
    .promo-fw-image {
        margin: 0 -30px
    }
}

@media (min-width: 1000px) {
    .promo-fw-image {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        height: calc(100% - 30px);
        background-position: 50%
    }
}

.promo-fw-card {
    position: relative;
    padding: 50px 30px;
    margin-top: -40px;
    background-color: #fff;
    background-size: cover;
    background-position: top;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.12)
}

    .promo-fw-card:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background-color: #f0df1a
    }

@media (min-width: 600px) {
    .promo-fw-card {
        margin-top: -90px
    }
}

@media (min-width: 1000px) {
    .promo-fw-card {
        margin-top: 0;
        padding-top: 150px;
        width: 40vw;
        max-width: 600px;
        margin-left: 5vw
    }
}

@media (min-width: 1600px) {
    .promo-fw-card {
        margin-left: 10vw
    }
}

.promo-fwd {
    margin-top: 60px;
    margin-bottom: 120px
}

@media (min-width: 768px) {
    .promo-fwd {
        margin-top: 100px;
        margin-bottom: 100px;
        margin-bottom: 160px
    }
}

@media (min-width: 800px) {
    .promo-fwd-items {
        display: -ms-flexbox;
        display: flex
    }
}

.promo-fwd-items-item {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding-top: 170px;
    margin-bottom: 90px;
    background-size: cover;
    background-position: 50%
}

@media (min-width: 800px) {
    .promo-fwd-items-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0
    }
}

@media (min-width: 800px) and (min-width:768px) {
    .promo-fwd-items-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1000px) {
    .promo-fwd-items-item {
        padding-top: 190px
    }
}

.promo-fwd-items-item-content {
    -ms-flex: 0 1 600px;
    flex: 0 1 600px;
    position: relative;
    bottom: -60px;
    padding: 50px 30px;
    margin: 0 15px;
    background-color: #fff;
    background-image: url(../images/bg-triangle-mesh.png);
    background-size: cover;
    background-position: 100%;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.12)
}

@media (min-width: 800px) {
    .promo-fwd-items-item-content {
        padding: 70px 50px;
        margin: 0
    }
}

.promo-fwd-items-item-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #f0df1a
}

.promo-grid {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 50px 15px;
    background-color: #f8f8f8
}

@media (min-width: 768px) {
    .promo-grid {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1000px) {
    .promo-grid {
        padding-top: 100px;
        padding-bottom: 100px;
        background-image: url(../images/bg-triangle-mesh_4.jpg);
        background-size: cover;
        background-position: 0
    }
}

.promo-grid-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {
    .promo-grid-wrapper {
        display: -ms-flexbox;
        display: flex;
        margin: 0 -15px;
        -ms-flex-align: center;
        align-items: center
    }
}

.promo-grid-content, .promo-grid-items {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 15px
}

    .promo-grid-content > *, .promo-grid-items > * {
        max-width: 525px
    }

.promo-grid-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 500px) {
    .promo-grid-items {
        margin: 0
    }
}

.promo-grid-item {
    position: relative;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-bottom: 100%;
    margin-bottom: 15px;
    background-size: cover;
    background-position: 50%
}

    .promo-grid-item:after, .promo-grid-item:before {
        content: "";
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: .3s ease-in-out
    }

    .promo-grid-item:before {
        background-color: #fff;
        z-index: 1
    }

@media (min-width: 768px) {
    .promo-grid-item:before {
        opacity: 1
    }
}

.promo-grid-item:after {
    opacity: .97;
    background-image: linear-gradient(0deg,rgba(0,0,0,.98),rgba(27,31,25,.14));
    z-index: 2
}

@media (min-width: 768px) {
    .promo-grid-item:after {
        opacity: 0
    }
}

@media (min-width: 500px) {
    .promo-grid-item {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
        margin: 15px;
        padding-bottom: calc(50% - 30px)
    }
}

.promo-grid-item-inner {
    position: absolute;
    top: 30px;
    right: 30px;
    left: 30px;
    bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 3
}

    .promo-grid-item-inner:after, .promo-grid-item-inner:before {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 0;
        height: 4px;
        width: 100%;
        transition: width .6s ease-in-out
    }

    .promo-grid-item-inner:before {
        background-color: #dadcdd
    }

    .promo-grid-item-inner:after {
        width: 0;
        background-color: #f0df1a
    }

@media (min-width: 500px) {
    .promo-grid-item-inner {
        top: 15px;
        right: 15px;
        left: 15px;
        bottom: 15px
    }

        .promo-grid-item-inner:after, .promo-grid-item-inner:before {
            bottom: -15px
        }
}

@media (min-width: 600px) {
    .promo-grid-item-inner {
        top: 30px;
        right: 30px;
        left: 30px;
        bottom: 30px
    }

        .promo-grid-item-inner:after, .promo-grid-item-inner:before {
            bottom: -30px
        }
}

@media (min-width: 1000px) {
    .promo-grid-item-inner {
        top: 15px;
        right: 15px;
        left: 15px;
        bottom: 15px
    }

        .promo-grid-item-inner:after, .promo-grid-item-inner:before {
            bottom: -15px
        }
}

@media (min-width: 1200px) {
    .promo-grid-item-inner {
        top: 30px;
        right: 30px;
        left: 30px;
        bottom: 30px
    }

        .promo-grid-item-inner:after, .promo-grid-item-inner:before {
            bottom: -30px
        }
}

.promo-grid-item-label {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #002d56;
    color: #fff
}

.promo-grid-item-title {
    transition: .3s ease-in-out;
    color: #fff
}

@media (min-width: 768px) {
    .promo-grid-item-title {
        color: #2f2f30;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (min-width: 1200px) {
    .promo-grid-item-title {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.promo-grid-item:active:after, .promo-grid-item:active:before, .promo-grid-item:focus:after, .promo-grid-item:focus:before, .promo-grid-item:hover:after, .promo-grid-item:hover:before {
    transition: .3s ease-in-out
}

.promo-grid-item:active:before, .promo-grid-item:focus:before, .promo-grid-item:hover:before {
    opacity: 0
}

.promo-grid-item:active:after, .promo-grid-item:focus:after, .promo-grid-item:hover:after {
    opacity: .97
}

.promo-grid-item:active .promo-grid-item-title, .promo-grid-item:focus .promo-grid-item-title, .promo-grid-item:hover .promo-grid-item-title {
    color: #fff;
    transition: .3s ease-in-out
}

.promo-grid-item:active .promo-grid-item-inner:after, .promo-grid-item:focus .promo-grid-item-inner:after, .promo-grid-item:hover .promo-grid-item-inner:after {
    display: block;
    width: 100%;
    transition: width .6s ease-in-out
}

.promo-grid-item:focus-within:after, .promo-grid-item:focus-within:before {
    transition: .3s ease-in-out
}

.promo-grid-item:focus-within:before {
    opacity: 0
}

.promo-grid-item:focus-within:after {
    opacity: .97
}

.promo-grid-item:focus-within .promo-grid-item-title {
    color: #fff;
    transition: .3s ease-in-out
}

.promo-grid-item:focus-within .promo-grid-item-inner:after {
    display: block;
    width: 100%;
    transition: width .6s ease-in-out
}

.masonry-grid + .promo-grid {
    padding-top: 150px;
    margin-top: -200px
}

@media (min-width: 1000px) {
    .masonry-grid + .promo-grid {
        padding-top: 250px;
        margin-top: -250px
    }
}

.promo-simple {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .promo-simple {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.promo-simple-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 15px;
    background-color: #2f2f30;
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .promo-simple-inner {
        padding-left: 30px;
        padding-right: 30px
    }
}

.promo-simple-headline {
    color: inherit
}

.promo-simple-text {
    margin-bottom: 40px
}

.promo-simple-links {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

@media (min-width: 768px) {
    .promo-simple-links {
        display: block;
        text-align: center
    }
}

.promo-simple-links a {
    color: inherit
}

@media (min-width: 768px) {
    .promo-simple-links a {
        margin-right: 40px
    }

        .promo-simple-links a:last-child {
            margin-right: 0
        }
}

.promo-split {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .promo-split {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.promo-split-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .promo-split-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .-image-right .promo-split-inner {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.promo-split-image, .promo-split-text {
    -ms-flex: none;
    flex: none;
    width: 100%
}

@media (min-width: 768px) {
    .promo-split-image, .promo-split-text {
        width: 50%
    }
}

.promo-split-image {
    height: 50vmax;
    background-size: cover;
    background-position: 50%;
    max-height: 300px
}

@media (min-width: 768px) {
    .promo-split-image {
        max-height: none
    }
}

.-featured .promo-split-image {
    max-width: 610px
}

@media (min-width: 768px) and (max-width:1299px) {
    .-featured .promo-split-image {
        max-height: none
    }
}

@media (min-width: 768px) {
    .promo-split-image {
        height: auto
    }

    .-seventy-thirty .promo-split-image {
        width: 35%
    }
}

@media (min-width: 1200px) {
    .-seventy-thirty .promo-split-image {
        width: 30%
    }
}

.promo-split-image.-video {
    position: relative
}

    .promo-split-image.-video:before {
        content: "";
        transform: translate(-50%,-50%);
        height: 80px;
        width: 80px;
        background-color: #fcf062
    }

    .promo-split-image.-video:after, .promo-split-image.-video:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        opacity: .8;
        transition: .3s ease-in-out
    }

    .promo-split-image.-video:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(-50%,-50%) translateX(2px);
        color: #fff;
        font-size: 28px;
        font-size: 1.75rem
    }

    .promo-split-image.-video:active:before, .promo-split-image.-video:focus:before, .promo-split-image.-video:hover:before {
        opacity: 1;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
        transition: .3s ease-in-out
    }

    .promo-split-image.-video:active:after, .promo-split-image.-video:focus:after, .promo-split-image.-video:hover:after {
        opacity: 1;
        transition: .3s ease-in-out
    }

    .promo-split-image.-video:focus-within:before {
        opacity: 1;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
        transition: .3s ease-in-out
    }

    .promo-split-image.-video:focus-within:after {
        opacity: 1;
        transition: .3s ease-in-out
    }

.promo-split-text {
    padding: 50px 0
}

@media (min-width: 768px) {
    .promo-split-text {
        padding: 50px 0 50px 50px
    }

    .-featured .promo-split-text {
        padding-top: 0;
        padding-bottom: 0
    }

    .-image-right .promo-split-text {
        padding-right: 50px;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .promo-split-text {
        padding: 100px 0 100px 100px
    }

    .-featured .promo-split-text {
        padding-top: 0;
        padding-bottom: 0
    }

    .-image-right .promo-split-text {
        padding-right: 100px;
        padding-left: 0
    }
}

.promo-split-text-description {
    margin-bottom: 20px
}

.promo-split-text-link:first-of-type {
    margin-right: 20px
}

@media (min-width: 768px) {
    .promo-split.-seventy-thirty .promo-split-text {
        width: 65%;
        padding: 40px 0 40px 40px
    }
}

@media (min-width: 1200px) {
    .promo-split.-seventy-thirty .promo-split-text {
        width: 70%;
        padding-left: 80px
    }
}

@media (min-width: 768px) {
    .promo-split.-seventy-thirty.-image-right .promo-split-text {
        padding-right: 40px !important;
        padding-left: 0 !important
    }
}

@media (min-width: 1200px) {
    .promo-split.-seventy-thirty.-image-right .promo-split-text {
        padding-right: 80px !important;
        padding-left: 0 !important
    }
}

.query-list {
    margin-bottom: 40px;
    width: 100%
}

.query-list-search-results {
    border: 1px solid #f0df1a;
    border-top: 0;
    max-height: 50vh;
    overflow: scroll
}

.query-list-search-results-item {
    position: relative;
    display: block;
    padding: 12px 15px !important;
    text-transform: uppercase !important
}

.resources {
    margin-bottom: 60px
}

@media (min-width: 800px) {
    .resources {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 100px
    }
}

@media (min-width: 800px) and (min-width:768px) {
    .resources {
        padding-left: 30px;
        padding-right: 30px
    }
}

.resources-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 800px) {
    .resources-inner > div > div {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 800px) {
    .resources .-mobile {
        display: none
    }
}

.active-list a {
    padding: 20px;
    font-size: 14px;
    font-size: .875rem;
    color: #6e6d6d
}

    .active-list a:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 5px;
        font-size: 8px;
        font-size: .5rem;
        font-weight: 900
    }

.auto-complete-search-input:-ms-input-placeholder {
    text-transform: capitalize
}

.auto-complete-search-input::-ms-input-placeholder {
    text-transform: capitalize
}

.auto-complete-search-input::placeholder {
    text-transform: capitalize
}

.auto-complete-search-input.-has-input + .auto-complete-search-results {
    display: block
}

.auto-complete-search-results {
    border: 1px solid #f0df1a;
    border-top: 0
}

.-has-input .auto-complete-search-results {
    display: block
}

.auto-complete-search-results a {
    position: relative;
    display: block;
    padding: 12px 15px
}

.auto-complete-search-results {
    display: none
}

.auto-complete .active-list {
    margin-top: 20px
}

    .auto-complete .active-list a {
        display: block;
        padding: 10px 20px
    }

.date-pickers {
    max-width: 120px
}

@media (min-width: 600px) {
    .date-pickers {
        max-width: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.date-pickers-divider {
    margin: 10px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
        box-sizing: content-box;
        position: absolute;
        border: 8px solid transparent;
        height: 0;
        width: 1px
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
            content: "";
            z-index: -1;
            border-width: 8px;
            left: -8px;
            border-bottom-color: #dadcdd
        }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
        border-top: none;
        border-bottom-color: #f8f8f8
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
            top: -1px;
            border-bottom-color: #dadcdd
        }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

    .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
        border-bottom: none;
        border-top-color: #fff
    }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
            bottom: -1px;
            border-top-color: #dadcdd
        }

.react-datepicker-wrapper {
    display: block;
    width: 100%;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-size: .8rem;
    background-color: #f8f8f8;
    color: #373a40;
    border: 1px solid #dadcdd;
    display: inline-block;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker-popper {
    z-index: 1
}

    .react-datepicker-popper[data-placement^=bottom] {
        margin-top: 10px
    }

    .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
        left: auto;
        right: 50px
    }

    .react-datepicker-popper[data-placement^=top] {
        margin-bottom: 10px
    }

    .react-datepicker-popper[data-placement^=right] {
        margin-left: 8px
    }

        .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
            left: auto;
            right: 42px
        }

    .react-datepicker-popper[data-placement^=left] {
        margin-right: 8px
    }

        .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
            left: 42px;
            right: auto
        }

.react-datepicker__header {
    text-align: center;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dadcdd;
    border-top-left-radius: .3rem;
    padding-top: 8px;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

    .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
        border-top-left-radius: 0
    }

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    border-radius: 0
}

    .react-datepicker__navigation:active, .react-datepicker__navigation:focus, .react-datepicker__navigation:hover {
        background-color: transparent
    }

    .react-datepicker__navigation:focus-within {
        background-color: transparent
    }

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

    .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3
    }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 95px
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

    .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3
    }

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

    .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3
    }

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

    .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
        display: inline-block;
        width: 4rem;
        margin: 2px
    }

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

    .react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
        display: inline-block
    }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
            display: inline-block;
            margin-left: 10px
        }

            .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
                width: 85px
            }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    margin: 0
                }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
                    -moz-appearance: textfield
                }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
            margin-left: 5px;
            display: inline-block
        }

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #dadcdd;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #dadcdd;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: .3rem
}

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 85px;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
        border-bottom-right-radius: .3rem
    }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
            list-style: none;
            margin: 0;
            height: calc(195px + .85rem);
            overflow-y: scroll;
            padding-right: 0;
            padding-left: 0;
            width: 100%;
            box-sizing: content-box
        }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
                height: 30px;
                padding: 5px 10px;
                white-space: nowrap
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
                    cursor: pointer;
                    background-color: #f8f8f8
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
                background-color: #002d56;
                border-radius: 50%;
                color: #fff;
                font-weight: 700
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
                    background-color: #002d56;
                    border-radius: 50%
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
                color: #ccc
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
                    cursor: default;
                    background-color: transparent
                }

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin: .166rem
}

    .react-datepicker__week-number.react-datepicker__week-number--clickable {
        cursor: pointer
    }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
            background-color: #f8f8f8
        }

.react-datepicker__day-names, .react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
    color: #2f2f30;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center
}

.react-datepicker__month--in-range, .react-datepicker__month--in-selecting-range, .react-datepicker__month--selected, .react-datepicker__quarter--in-range, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--selected {
    background-color: #002d56;
    border-radius: 50%;
    color: #fff
}

    .react-datepicker__month--in-range:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--selected:hover, .react-datepicker__quarter--in-range:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--selected:hover {
        background-color: #002d56;
        border-radius: 50%
    }

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

    .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
        cursor: default;
        background-color: transparent
    }

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
    cursor: pointer;
    transition: .3s ease-in-out
}

    .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
        border-radius: 50%;
        background-color: #fff
    }

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
    font-weight: 700;
    background-color: #f0df1a;
    border-radius: 50%
}

    .react-datepicker__day--today:active, .react-datepicker__day--today:focus, .react-datepicker__day--today:hover, .react-datepicker__month-text--today:active, .react-datepicker__month-text--today:focus, .react-datepicker__month-text--today:hover, .react-datepicker__quarter-text--today:active, .react-datepicker__quarter-text--today:focus, .react-datepicker__quarter-text--today:hover, .react-datepicker__year-text--today:active, .react-datepicker__year-text--today:focus, .react-datepicker__year-text--today:hover {
        background-color: #f3e64a
    }

    .react-datepicker__day--today:focus-within, .react-datepicker__month-text--today:focus-within, .react-datepicker__quarter-text--today:focus-within, .react-datepicker__year-text--today:focus-within {
        background-color: #f3e64a
    }

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
    background-color: #3dcc4a;
    color: #fff
}

    .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
        background-color: #32be3f
    }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected, .react-datepicker__quarter-text--in-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--selected, .react-datepicker__year-text--in-range, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--selected {
    background-color: #002d56;
    border-radius: 50%;
    color: #fff
}

    .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__year-text--in-range:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--selected:hover {
        background-color: #004889;
        border-radius: 50%
    }

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range {
    background-color: #002d56;
    border-radius: 50%
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range, .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
    background-color: #f8f8f8;
    color: #000
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc
}

    .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
        background-color: transparent
    }

.react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
    background-color: #f8f8f8
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view {
    border: 1px solid transparent
}

    .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover {
        cursor: pointer
    }

        .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
            border-top-color: #b3b3b3
        }

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
    background-color: #f8f8f8;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border: 1px solid #dadcdd
}

    .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover {
        cursor: pointer
    }

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type {
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem
    }

    .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-bottom-left-radius: .3rem;
        border-bottom-right-radius: .3rem
    }

    .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover {
        background-color: #ccc
    }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
            border-bottom-color: #b3b3b3
        }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
            border-top-color: #b3b3b3
        }

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

    .react-datepicker__close-icon:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 6px;
        font-size: .375rem;
        font-weight: 700;
        transform: translateX(1px)
    }

.react-datepicker__today-button {
    background: #f8f8f8;
    border-top: 1px solid #dadcdd;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647
}

    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
        width: 3rem;
        line-height: 3rem
    }

@media (max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3
    }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

    .react-datepicker__portal .react-datepicker__navigation--next:hover {
        border-left-color: #b3b3b3
    }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.resources-filter-item-options {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    transition: .2s ease
}

.-active .resources-filter-item-options {
    max-height: 2000px;
    margin: 20px 0;
    transition: .4s ease
}

.resources-filter-item-options .check {
    margin-bottom: 20px
}

    .resources-filter-item-options .check label {
        font-weight: 400;
        padding-left: 30px;
        color: #6e6d6d;
        font-size: 16px;
        font-size: 1rem
    }

        .resources-filter-item-options .check label:before {
            top: 2px;
            width: 16px;
            height: 16px;
            font-size: 14px;
            font-size: .875rem;
            line-height: 16px;
            border-color: #dadcdd;
            background-color: #f8f8f8
        }

@media (min-width: 800px) {
    .resources-filter-item-options .check label {
        padding-left: 24px;
        font-size: 14px;
        font-size: .875rem
    }

        .resources-filter-item-options .check label:before {
            top: 4px;
            width: 11px;
            height: 11px;
            font-size: 10px;
            font-size: .625rem;
            line-height: 11px
        }
}

.resources-filter-item-options .check label:active:before, .resources-filter-item-options .check label:focus:before, .resources-filter-item-options .check label:hover:before {
    color: rgba(47,47,48,.3)
}

.resources-filter-item-options .check label:focus-within:before {
    color: rgba(47,47,48,.3)
}

.resources-filter-item-options .check input[type=checkbox]:checked + label:before {
    color: #2f2f30
}

.resources-filter {
    border-top: 4px solid #f0df1a
}

@media (min-width: 800px) {
    .resources-filter {
        -ms-flex: 0 0 275px;
        flex: 0 0 275px
    }
}

.resources-filter-short {
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    border-top: 4px solid #f0df1a;
    border-bottom: 1px solid #f0df1a
}

@media (min-width: 800px) {
    .resources-filter-short {
        display: none
    }
}

.resources-filter-short-open {
    margin-bottom: 0;
    padding: 20px;
    border-right: 1px solid #dadcdd
}

    .resources-filter-short-open:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        top: 2px;
        margin-left: 15px;
        color: #f0df1a;
        transform: rotate(90deg)
    }

.resources-filter-short-active-list {
    overflow: hidden
}

.resources-filter-short-active-list-inner {
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .resources-filter-short-active-list-inner::-webkit-scrollbar {
        display: none
    }

.resources-filter-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    transform: translateX(-100%);
    transition: .3s ease-in-out
}

@media (min-width: 800px) {
    .resources-filter-menu {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        transform: none
    }
}

.resources-filter-menu-fixed {
    max-height: 100%;
    overflow: scroll
}

@media (min-width: 800px) {
    .resources-filter-menu-fixed {
        overflow: visible
    }
}

.-mobile-open .resources-filter-menu {
    transform: none
}

.resources-filter-menu-close {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 0;
    color: transparent;
    padding: 0;
    border-radius: 50%;
    background-color: #dadcdd;
    position: absolute;
    top: 50%;
    right: 20px;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    z-index: 1
}

@media (min-width: 768px) {
    .resources-filter-menu-close {
        width: 50px;
        height: 50px
    }
}

.resources-filter-menu-close:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.resources-filter-menu-close:active, .resources-filter-menu-close:focus, .resources-filter-menu-close:hover {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.resources-filter-menu-close:focus-within {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.resources-filter-menu-close:before, .resources-filter-menu-close > .icon {
    color: #fff
}

.resources-filter-menu-close:active, .resources-filter-menu-close:focus, .resources-filter-menu-close:hover {
    background-color: #a5aaac
}

.resources-filter-menu-close:focus-within {
    background-color: #a5aaac
}

.resources-filter-menu-close:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-size: .9375rem;
    color: #fff
}

.resources-filter-item {
    padding: 0 20px;
    font-size: 14px;
    font-size: .875rem
}

@media (min-width: 800px) {
    .resources-filter-item {
        padding: 0
    }
}

.resources-filter-item-title {
    position: relative;
    display: block;
    padding: 20px 38px 20px 0;
    border-bottom: 1px solid #dadcdd;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2f2f30
}

    .resources-filter-item-title:before {
        content: "";
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        height: 4px;
        width: 0;
        background-color: #f0df1a;
        transition: .3s ease-in-out
    }

    .resources-filter-item-title:after {
        position: absolute;
        top: 50%;
        right: 10px;
        bottom: auto;
        left: auto;
        transform: translateY(-50%);
        color: #dadcdd;
        transition: .3s ease-in-out
    }

.-header .resources-filter-item-title {
    border-bottom: 0
}

@media (min-width: 800px) {
    .-header .resources-filter-item-title {
        border-bottom: 1px solid #dadcdd
    }

        .-header .resources-filter-item-title:after {
            content: "";
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }
}

.-facet .resources-filter-item-title:after {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 15px
}

.-facet .resources-filter-item-title:active:after, .-facet .resources-filter-item-title:focus:after, .-facet .resources-filter-item-title:hover:after {
    color: #5fddfe;
    transition: .3s ease-in-out
}

.-facet .resources-filter-item-title:focus-within:after {
    color: #5fddfe;
    transition: .3s ease-in-out
}

.-active .resources-filter-item-title:before {
    width: 100%;
    transition: .3s ease-in-out
}

.-active .resources-filter-item-title:after {
    opacity: 0;
    transition: .3s ease-in-out
}

.resources-filter-item.-search {
    position: relative
}

    .resources-filter-item.-search .form-item {
        margin: 30px 0
    }

        .resources-filter-item.-search .form-item input {
            padding-right: 40px
        }

    .resources-filter-item.-search:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 35px;
        bottom: auto;
        left: auto;
        transform: translateY(-50%);
        color: #dadcdd;
        z-index: 2
    }

.resources-filter-item.-header {
    position: relative;
    border-top: 4px solid #f0df1a;
    border-bottom: 1px solid #f0df1a
}

@media (min-width: 800px) {
    .resources-filter-item.-header {
        border-bottom: 0;
        border-top: 0
    }
}

.resources-filter-item.-date {
    position: relative;
    z-index: 5
}

.resources-filter .reset {
    margin-top: 26px;
    padding: 0 20px 60px;
    font-size: 14px;
    font-size: .875rem
}

@media (min-width: 800px) {
    .resources-filter .reset {
        padding: 0
    }
}

.pagination {
    padding: 0 15px
}

@media (min-width: 800px) {
    .pagination {
        padding: 0 55px
    }
}

.pagination-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.pagination-placeholder, .pagination button {
    display: block;
    margin: 0 2px;
    padding: 0;
    width: 38px;
    height: 38px;
    color: #002d56;
    background-color: #f8f8f8
}

@media (min-width: 400px) {
    .pagination-placeholder, .pagination button {
        width: 45px;
        height: 45px;
        margin: 0 5px
    }
}

.pagination-placeholder:active, .pagination-placeholder:focus, .pagination-placeholder:hover, .pagination button:active, .pagination button:focus, .pagination button:hover {
    background-color: #f0df1a
}

.pagination-placeholder:focus-within, .pagination button:focus-within {
    background-color: #f0df1a
}

.pagination-placeholder.-move, .pagination button.-move {
    font-size: 0;
    background-color: transparent
}

    .pagination-placeholder.-move:before, .pagination button.-move:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        font-size: .75rem
    }

    .pagination-placeholder.-move.-prev:before, .pagination button.-move.-prev:before {
        transform: rotate(180deg)
    }

.pagination-placeholder[data-active=true], .pagination button[data-active=true] {
    background-color: #f0df1a;
    pointer-events: none
}

.pagination-placeholder[data-hidden=true], .pagination button[data-hidden=true] {
    display: none
}

.pagination-placeholder {
    position: relative;
    border-radius: 50%;
    color: #6e6d6d
}

    .pagination-placeholder > span {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-60%);
        font-size: 20px;
        font-size: 1.25rem
    }

    .pagination-placeholder:active, .pagination-placeholder:focus, .pagination-placeholder:hover {
        background-color: #f8f8f8
    }

    .pagination-placeholder:focus-within {
        background-color: #f8f8f8
    }

.result-item {
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    animation-name: slideIn;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-play-state: paused;
    margin: 20px;
    background-color: #f8f8f8;
    opacity: 0;
    transform: translateY(50px)
}

    .result-item.-locked .result-item-content-title:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #dadcdd;
        font-size: 18px;
        font-size: 1.125rem;
        margin-right: 6px;
        position: relative;
        top: -1px
    }

@media (min-width: 800px) {
    .result-item:first-child {
        margin-top: 0
    }
}

@media (min-width: 900px) {
    .result-item {
        width: calc(50% - 30px);
        margin: 0 15px 30px
    }
}

@media (min-width: 1200px) {
    .result-item {
        width: calc(33.33% - 30px)
    }
}

.result-item-image {
    display: none
}

    .result-item-image.-research {
        background-image: url(../images/resources_research.jpg)
    }

    .result-item-image.-education {
        background-image: url(../images/resources_education.jpg)
    }

    .result-item-image.-news {
        background-image: url(../images/resources_news.jpg)
    }

    .result-item-image.-publication {
        background-image: url(../images/resources_publication.jpg)
    }

    .result-item-image.-lit-packet {
        background-image: url(../images/resources_lit-packet.jpg)
    }

@media (min-width: 800px) {
    .result-item-image {
        display: block;
        height: 155px;
        background-size: cover;
        background-position: 50%
    }
}

.result-item-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px
}

.result-item-content-eyebrow {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f0df1a;
    color: #002d56;
    margin-left: -30px;
    margin-bottom: 16px;
    transition: .3s ease-in-out
}

.result-item-content-teaser {
    min-height: 72px;
    color: #6e6d6d;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.result-item-content-bottom {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-top: 15px;
    margin-top: auto
}

    .result-item-content-bottom > div {
        min-height: 16px;
        font-size: 14px;
        font-size: .875rem;
        color: #6e6d6d
    }

        .result-item-content-bottom > div:first-child {
            margin-right: auto
        }

    .result-item-content-bottom:after, .result-item-content-bottom:before {
        content: "";
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        height: 4px
    }

    .result-item-content-bottom:before {
        width: 100%;
        background-color: #dadcdd;
        opacity: .44
    }

    .result-item-content-bottom:after {
        width: 0;
        background-color: #f0df1a;
        transition: .3s ease-in-out
    }

.result-item:active .result-item-content-eyebrow, .result-item:focus .result-item-content-eyebrow, .result-item:hover .result-item-content-eyebrow {
    color: #fff;
    background-color: #2f2f30;
    transition: .3s ease-in-out
}

.result-item:active .result-item-content-bottom:after, .result-item:focus .result-item-content-bottom:after, .result-item:hover .result-item-content-bottom:after {
    width: 100%;
    transition: .3s ease-in-out
}

.result-item:focus-within .result-item-content-eyebrow {
    color: #fff;
    background-color: #2f2f30;
    transition: .3s ease-in-out
}

.result-item:focus-within .result-item-content-bottom:after {
    width: 100%;
    transition: .3s ease-in-out
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.resources-results {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.resources-results-grid {
    position: relative;
    width: 100%
}

@media (min-width: 800px) {
    .resources-results-grid {
        padding: 0 0 0 40px
    }
}

@media (min-width: 900px) {
    .resources-results-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.resources-results-grid .no-results {
    text-align: center;
    padding: 60px 20px 100px
}

@media (min-width: 800px) {
    .resources-results-grid .no-results {
        padding-top: 0
    }
}

.resources-results-promo {
    margin-top: auto
}

.rich-text {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .rich-text {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.rich-text-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {
    .rich-text-inner .ad-block {
        margin: 15px 0 15px 15px;
        padding-right: 0;
        float: right
    }

    .rich-text-inner .ad-block-ad {
        max-width: 300px
    }
}

.rich-text .wysiwyg-content ol:not(.citations) li, .rich-text .wysiwyg-content ul:not(.citations) li {
    margin-bottom: 28px
}

    .rich-text .wysiwyg-content ol:not(.citations) li ol, .rich-text .wysiwyg-content ol:not(.citations) li ul, .rich-text .wysiwyg-content ul:not(.citations) li ol, .rich-text .wysiwyg-content ul:not(.citations) li ul {
        margin-top: 28px
    }

.rich-text .wysiwyg-content h1, .rich-text .wysiwyg-content h2, .rich-text .wysiwyg-content h3, .rich-text .wysiwyg-content h4, .rich-text .wysiwyg-content h5, .rich-text .wysiwyg-content h6 {
    margin-top: 40px
}

    .rich-text .wysiwyg-content h1:first-child, .rich-text .wysiwyg-content h2:first-child, .rich-text .wysiwyg-content h3:first-child, .rich-text .wysiwyg-content h4:first-child, .rich-text .wysiwyg-content h5:first-child, .rich-text .wysiwyg-content h6:first-child {
        margin-top: 0
    }

.rich-text .wysiwyg-content .button-wrapper {
    margin: 20px 0 35px
}

@media (min-width: 768px) {
    .rich-text .wysiwyg-content .button-wrapper {
        margin: 30px 0 50px
    }
}

.rich-text .video-block {
    margin: 34px 0 50px
}

.rich-text .video-block-inner {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .rich-text .video-block-inner {
        margin-left: -30px;
        margin-right: -30px
    }
}

.rich-text .video-block.img-caption {
    max-width: none;
    margin: 0 auto;
    padding: 15px 0;
    line-height: 1.4;
    border-bottom: 2px solid #f8f8f8
}

    .rich-text .video-block.img-caption:before {
        display: none
    }

.rich-text .tags-list-inner {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .rich-text .tags-list-inner {
        margin-left: -30px;
        margin-right: -30px
    }
}

.rich-text .-img-wide img {
    width: 100%;
    height: auto
}

@media (min-width: 1000px) {
    .rich-text .-img-wide {
        margin-left: -70px;
        margin-right: -70px
    }
}

@media (min-width: 1100px) {
    .rich-text .-img-wide {
        margin-left: -100px;
        margin-right: -100px
    }
}

.rich-text .-float-left, .rich-text .-float-right {
    max-width: 50%;
    padding-top: 3vw;
    padding-bottom: 3vw
}

@media (min-width: 800px) {
    .rich-text .-float-left, .rich-text .-float-right {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.rich-text .-float-left {
    padding-right: 7vw
}

@media (min-width: 800px) {
    .rich-text .-float-left {
        padding-right: 60px
    }
}

@media (min-width: 1000px) {
    .rich-text .-float-left {
        margin-left: -10vw
    }
}

@media (min-width: 1200px) {
    .rich-text .-float-left {
        margin-left: -150px
    }
}

.rich-text .-float-right {
    padding-left: 7vw
}

@media (min-width: 800px) {
    .rich-text .-float-right {
        padding-left: 60px
    }
}

.rich-text .tac-item {
    margin-left: 0
}

    .rich-text .tac-item textarea {
        min-height: 300px
    }

.controls-form {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #373a40;
    padding-bottom: 10px
}

.controls-form-input, .controls-form-submit {
    -ms-flex: none;
    flex: none
}

.controls-form-input {
    width: calc(100% - 53px) !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: #01728f !important;
    margin-right: 10px;
    font-size: 1.5rem !important
}

@media (min-width: 768px) {
    .controls-form-input {
        width: calc(100% - 200px) !important
    }
}

.controls-form-submit {
    position: relative;
    padding: 0;
    width: 43px;
    height: 43px;
    border-radius: 50%
}

    .controls-form-submit:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        z-index: 2
    }

    .controls-form-submit:after, .controls-form-submit:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%)
    }

@media (min-width: 768px) {
    .controls-form-submit {
        padding: 18px 60px 18px 28px;
        margin-left: auto;
        width: auto;
        height: auto;
        border-radius: 27px
    }

        .controls-form-submit:before {
            left: calc(100% - 25px)
        }

        .controls-form-submit:after {
            content: "";
            background-color: #d4c820;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            z-index: 1;
            right: 7px;
            left: auto;
            transform: translateY(-50%)
        }
}

.controls-form-submit > span {
    display: none
}

@media (min-width: 768px) {
    .controls-form-submit > span {
        display: inline
    }
}

.controls-details {
    margin: 10px 0 40px
}

@media (min-width: 768px) {
    .controls-details {
        margin: 17px 0 55px
    }
}

.controls-details-info:after {
    content: ""
}

@media (min-width: 768px) {
    .controls-details-info:after {
        content: "|";
        margin: 0 15px;
        opacity: .2
    }
}

.controls-details-link {
    display: block;
    margin: 10px 0
}

    .controls-details-link:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        font-size: .625rem;
        color: #06a3cc;
        margin-left: 8px;
        transition: .3s ease-in-out
    }

@media (min-width: 768px) {
    .controls-details-link {
        display: inline
    }
}

.controls-details-link:active:after, .controls-details-link:focus:after, .controls-details-link:hover:after {
    color: #f0df1a
}

.controls-details-link:focus-within:after {
    color: #f0df1a
}

.result-items .result {
    display: block;
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dadcdd;
    color: #6e6d6d
}

    .result-items .result:active .result-content, .result-items .result:focus .result-content, .result-items .result:hover .result-content {
        padding-left: 18px
    }

    .result-items .result:active .result-content-title:before, .result-items .result:focus .result-content-title:before, .result-items .result:hover .result-content-title:before {
        height: 6px
    }

    .result-items .result:focus-within .result-content {
        padding-left: 18px
    }

    .result-items .result:focus-within .result-content-title:before {
        height: 6px
    }

@media (min-width: 768px) {
    .result-items .result {
        display: -ms-flexbox;
        display: flex
    }
}

.result-items .result-category {
    -ms-flex: none;
    flex: none;
    margin: 0 0 20px;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2f2f30;
    font-weight: 700
}

@media (min-width: 768px) {
    .result-items .result-category {
        margin: 0 54px 0 0;
        width: 270px
    }
}

.result-items .result-content {
    transition: .3s ease-in-out
}

.result-items .result-content-title {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-size: 1.125rem;
    color: #002d56
}

    .result-items .result-content-title:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 2px;
        width: calc(100% + 2px);
        height: 0;
        background-color: rgba(95,221,254,.75);
        z-index: -1;
        transition: .3s ease-in-out
    }

.search-results {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0 !important
}

@media (min-width: 768px) {
    .search-results {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.search-results-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.search-results .pagination {
    margin-top: 30px
}

@media (min-width: 768px) {
    .search-results .pagination {
        margin-top: 60px
    }
}

.search-results-tags {
    margin-top: 60px;
    padding: 0 15px;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .search-results-tags {
        margin-top: 100px;
        margin-bottom: 100px;
        margin-bottom: 0;
        padding: 0 30px
    }
}

.search-results-tags-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.search-results-tags .label {
    -ms-flex: none;
    flex: none;
    margin-right: 15px;
    padding: 4px 0 0;
    font-family: Barlow,sans-serif;
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 2px;
    color: #6f6d6e
}

.search-results-tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-results-tags li {
    padding: 0;
    margin: 0 10px 10px 0;
    font-size: .875rem;
    line-height: 1
}

.search-results-tags button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 4px 12px;
    border-radius: 0;
    background-color: #fff;
    color: #6f6d6e;
    font-size: .875rem;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #6f6d6e
}

    .search-results-tags button:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 8px;
        font-size: .5rem
    }

    .search-results-tags button:active, .search-results-tags button:focus, .search-results-tags button:hover {
        background-color: #002d56;
        border-color: #002d56;
        color: #fff
    }

    .search-results-tags button:focus-within {
        background-color: #002d56;
        border-color: #002d56;
        color: #fff
    }

.search-results-tags + .search-results {
    margin-top: 0
}

.sidebar-menu-sub {
    position: fixed;
    top: 0;
    right: 0;
    padding-block: 70px;
    width: 85vw;
    max-width: 400px;
    height: 100%;
    background-color: #002d56;
    transform: translateX(100%);
    overflow: auto;
    z-index: 9998;
    transition: .3s ease-in-out
}

.sidebar-menu-sub-inner {
    padding-inline: 20px
}

@media (min-width: 400px) {
    .sidebar-menu-sub-inner {
        padding-inline: 40px
    }
}

.sidebar-menu-sub-back-button {
    letter-spacing: 4px;
    text-transform: uppercase
}

    .sidebar-menu-sub-back-button > a {
        color: #fff;
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 10px
    }

        .sidebar-menu-sub-back-button > a:before {
            content: "";
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            transform: rotate(180deg);
            font-size: 12px;
            font-size: .75rem;
            color: #5fddfe;
            transition: .3s ease-in-out
        }

        .sidebar-menu-sub-back-button > a:active, .sidebar-menu-sub-back-button > a:focus, .sidebar-menu-sub-back-button > a:hover {
            padding-left: 0
        }

            .sidebar-menu-sub-back-button > a:active:before, .sidebar-menu-sub-back-button > a:focus:before, .sidebar-menu-sub-back-button > a:hover:before {
                color: #f0df1a;
                transition: .3s ease-in-out
            }

        .sidebar-menu-sub-back-button > a:focus-within {
            padding-left: 0
        }

            .sidebar-menu-sub-back-button > a:focus-within:before {
                color: #f0df1a;
                transition: .3s ease-in-out
            }

.sidebar-menu-sub.-active {
    transform: none;
    transition: .3s ease-in-out
}

.sidebar-menu-sub-list {
    color: #fff
}

.sidebar-menu-sub-list-title {
    border-top: 1px solid hsla(0,0%,100%,.2);
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    margin-bottom: 10px
}

    .sidebar-menu-sub-list-title h4 {
        font-size: 1.25rem;
        color: #f8f8f8;
        line-height: 2.3
    }

.sidebar-menu-sub-list-category {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 14px;
    font-size: .875rem
}

@media (min-width: 768px) {
    .sidebar-menu-sub-list-category {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.sidebar-menu-sub-list-category h5 {
    color: #5fddfe;
    font-size: .9375rem;
    text-transform: uppercase;
    letter-spacing: 2.14px;
    margin-bottom: 10px
}

.sidebar-menu-sub-list-item a {
    padding: 6px 0;
    color: #f8f8f8
}

    .sidebar-menu-sub-list-item a:active, .sidebar-menu-sub-list-item a:focus, .sidebar-menu-sub-list-item a:hover {
        padding-left: 15px;
        transition: .3s ease-in-out
    }

    .sidebar-menu-sub-list-item a:focus-within {
        padding-left: 15px;
        transition: .3s ease-in-out
    }

.sidebar-menu-sub .sidebar-menu-sub-cta {
    background-color: #fff;
    padding: 24px 32px;
    margin-top: 30px
}

    .sidebar-menu-sub .sidebar-menu-sub-cta .cta-title {
        position: relative;
        color: #002d56;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 16px
    }

        .sidebar-menu-sub .sidebar-menu-sub-cta .cta-title:before {
            content: "";
            position: absolute;
            top: 0;
            left: -16px;
            background-color: #f0df1a;
            width: 4px;
            height: 100%
        }

.sidebar-menu {
    position: fixed;
    top: 0;
    right: 0;
    padding: 70px 20px 0;
    width: 85vw;
    max-width: 400px;
    height: 100%;
    background-color: #002d56;
    transform: translateX(100%);
    overflow: auto;
    z-index: 9998;
    transition: .3s ease-in-out
}

    .sidebar-menu ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .sidebar-menu > ul {
        padding-bottom: 70px
    }

.-sidebar-active .sidebar-menu {
    transform: none;
    transition: .3s ease-in-out
}

.sidebar-menu-list {
    color: #f8f8f8;
    margin-bottom: 40px !important
}

.sidebar-menu-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 900;
    font-size: 14px;
    font-size: .875rem;
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

@media (min-width: 768px) {
    .sidebar-menu-list-item {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.sidebar-menu-list-item:last-of-type {
    border-bottom: 0
}

.sidebar-menu-list-item > a {
    width: 100%;
    padding: 13px 0;
    position: relative;
    color: inherit
}

    .sidebar-menu-list-item > a:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 10px;
        bottom: auto;
        left: auto;
        transform: translateY(-50%);
        font-size: 12px;
        font-size: .75rem;
        transition: .3s ease-in-out
    }

    .sidebar-menu-list-item > a:active, .sidebar-menu-list-item > a:focus, .sidebar-menu-list-item > a:hover {
        padding-left: 15px;
        transition: .3s ease-in-out
    }

        .sidebar-menu-list-item > a:active:before, .sidebar-menu-list-item > a:focus:before, .sidebar-menu-list-item > a:hover:before {
            color: #f0df1a;
            transition: .3s ease-in-out
        }

    .sidebar-menu-list-item > a:focus-within {
        padding-left: 15px;
        transition: .3s ease-in-out
    }

        .sidebar-menu-list-item > a:focus-within:before {
            color: #f0df1a;
            transition: .3s ease-in-out
        }

.sidebar-menu-list-utility > li {
    padding: 5px 0
}

    .sidebar-menu-list-utility > li > a {
        color: inherit;
        font-weight: 700;
        border-bottom: 2px solid transparent
    }

        .sidebar-menu-list-utility > li > a:active, .sidebar-menu-list-utility > li > a:focus, .sidebar-menu-list-utility > li > a:hover {
            border-color: rgba(95,221,254,.5);
            text-decoration: none
        }

        .sidebar-menu-list-utility > li > a:focus-within {
            border-color: rgba(95,221,254,.5);
            text-decoration: none
        }

.sidebar-menu-list-buttons {
    padding: 20px 0 !important
}

    .sidebar-menu-list-buttons > li {
        font-weight: 700;
        color: #002d56;
        margin: 0 -20px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 14px;
        font-size: .875rem
    }

        .sidebar-menu-list-buttons > li > a {
            padding-left: 20px;
            padding-right: 20px;
            background-color: #5fddfe
        }

            .sidebar-menu-list-buttons > li > a:before {
                display: none
            }

            .sidebar-menu-list-buttons > li > a:active, .sidebar-menu-list-buttons > li > a:focus, .sidebar-menu-list-buttons > li > a:hover {
                padding-left: 20px;
                background-color: #92e8fe
            }

            .sidebar-menu-list-buttons > li > a:focus-within {
                padding-left: 20px;
                background-color: #92e8fe
            }

        .sidebar-menu-list-buttons > li.-yellow a {
            background-color: #f0df1a
        }

            .sidebar-menu-list-buttons > li.-yellow a:active, .sidebar-menu-list-buttons > li.-yellow a:focus, .sidebar-menu-list-buttons > li.-yellow a:hover {
                background-color: #fcf062
            }

            .sidebar-menu-list-buttons > li.-yellow a:focus-within {
                background-color: #fcf062
            }

.sidebar-menu-list .-authenticated {
    display: block;
    padding: 12px 20px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0
}

.sidebar-menu-list .-authenticated-menu, .sidebar-menu-list .-authenticated-user {
    padding-left: 20px
}

.sidebar-menu-list .-authenticated-user {
    position: relative;
    font-size: 16px;
    font-size: 1rem
}

    .sidebar-menu-list .-authenticated-user:before {
        content: "";
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        background-color: #92e8fe;
        border-radius: 50%
    }

.sidebar-menu-list .-authenticated-menu {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 400
}

    .sidebar-menu-list .-authenticated-menu > a {
        color: #92e8fe
    }

        .sidebar-menu-list .-authenticated-menu > a:active, .sidebar-menu-list .-authenticated-menu > a:focus, .sidebar-menu-list .-authenticated-menu > a:hover {
            text-decoration: underline
        }

        .sidebar-menu-list .-authenticated-menu > a:focus-within {
            text-decoration: underline
        }

        .sidebar-menu-list .-authenticated-menu > a:after {
            content: "|";
            margin: 0 6px 0 10px;
            color: hsla(0,0%,100%,.6)
        }

        .sidebar-menu-list .-authenticated-menu > a:last-child:after {
            display: none
        }

.sidebar-menu-button {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 0;
    color: transparent;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 10px;
    right: 15px
}

@media (min-width: 768px) {
    .sidebar-menu-button {
        width: 50px;
        height: 50px
    }
}

.sidebar-menu-button:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sidebar-menu-button:before, .sidebar-menu-button > .icon {
    color: #fff
}

.sidebar-menu-button:active, .sidebar-menu-button:focus, .sidebar-menu-button:hover {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.sidebar-menu-button:focus-within {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.sidebar-menu-button:before, .sidebar-menu-button > .icon {
    color: #002d56
}

.sidebar-menu-button:active, .sidebar-menu-button:focus, .sidebar-menu-button:hover {
    background-color: #ccc
}

.sidebar-menu-button:focus-within {
    background-color: #ccc
}

.sidebar-menu-button:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-size: .9375rem
}

@media (min-width: 768px) {
    .sidebar-menu-button {
        top: 20px;
        right: 20px
    }
}

.site-footer {
    position: relative;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    font-size: .875rem;
    text-align: center;
    line-height: 1.3
}

@media (min-width: 768px) {
    .site-footer {
        padding: 40px 0 20px;
        text-align: inherit
    }
}

.site-footer.-has-ad {
    background-color: #f8f8f8;
    padding-top: 0 !important
}

    .site-footer.-has-ad:before {
        top: 300px
    }

@media (min-width: 768px) {
    .site-footer.-has-ad:before {
        top: 360px
    }
}

.site-footer:before {
    content: "";
    position: absolute;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top right,#01172a,#002d56,#06a3cc)
}

@media (min-width: 768px) {
    .site-footer:before {
        top: 160px;
        background: linear-gradient(90deg,#01172a,#002d56,#06a3cc)
    }
}

.site-footer-copyright {
    position: relative
}

.site-footer-section {
    padding: 0 15px 30px
}

@media (min-width: 768px) {
    .site-footer-section {
        padding: 0 30px
    }
}

.site-footer-section-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .site-footer-section-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.site-footer-section:first-child, .site-footer-section:nth-child(2) {
    padding-bottom: 30px;
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.site-footer-section:last-child {
    padding-top: 30px
}

    .site-footer-section:last-child .site-footer-section-inner {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

.site-footer-email {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .site-footer-email {
        padding: 0 30px
    }
}

.site-footer-email-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.site-footer-logo {
    display: block;
    max-width: 180px;
    margin: 0 auto 30px
}

@media (min-width: 768px) {
    .site-footer-logo {
        max-width: 200px;
        margin: 0 30px 0 0
    }
}

.site-footer-logo img {
    width: 100%
}

.site-footer-contact {
    margin-bottom: 30px;
    margin-right: 30px
}

    .site-footer-contact > a {
        color: #fff;
        margin-right: 12px
    }

        .site-footer-contact > a:last-child {
            margin-right: 0
        }

@media (min-width: 768px) {
    .site-footer-contact {
        margin-bottom: 0;
        margin-right: auto;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.site-footer-contact address {
    font-style: normal;
    margin-bottom: 3px;
    position: relative
}

.site-footer-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width: 768px) {
    .site-footer-links {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.site-footer-links a {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
    margin-right: 15px;
    white-space: nowrap;
    transition: .3s ease-in-out
}

    .site-footer-links a:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f0df1a;
        font-size: 10px;
        font-size: .625rem;
        margin-left: 8px;
        transition: .3s ease-in-out
    }

    .site-footer-links a:last-child {
        margin-right: 0
    }

    .site-footer-links a:active, .site-footer-links a:focus, .site-footer-links a:hover {
        transition: .3s ease-in-out
    }

        .site-footer-links a:active:after, .site-footer-links a:focus:after, .site-footer-links a:hover:after {
            color: #06a3cc;
            transition: .3s ease-in-out
        }

    .site-footer-links a:focus-within {
        transition: .3s ease-in-out
    }

        .site-footer-links a:focus-within:after {
            color: #06a3cc;
            transition: .3s ease-in-out
        }

.site-footer-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.site-footer-social-link {
    margin-right: 20px
}

    .site-footer-social-link:last-child {
        margin-right: 0
    }

.site-header {
    position: relative;
    background: #fff;
    z-index: 999
}

.-sidebar-active .site-header {
    z-index: auto
}

.site-header-upper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px
}

@media (min-width: 768px) {
    .site-header-upper {
        padding: 0 30px
    }
}

.site-header ul {
    list-style: none;
    padding: 0
}

.site-header-logo {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 134px
}

@media (min-width: 768px) {
    .site-header-logo {
        padding-top: 20px;
        padding-bottom: 20px;
        -ms-flex: none;
        flex: none;
        width: 186px
    }
}

.site-header-logo > img {
    width: 100%
}

.site-header-nav {
    position: relative;
    display: none;
    z-index: 2;
    padding-inline: 10px
}

@media (min-width: 1200px) {
    .site-header-nav {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.site-header-nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%
}

@media (min-width: 768px) {
    .site-header-nav > ul {
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        padding-inline: 30px
    }

        .site-header-nav > ul > li {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }
}

@media (min-width: 768px) and (min-width:1300px) {
    .site-header-nav > ul > li {
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .site-header-nav > ul > li:last-child {
        margin: 0
    }

    .site-header-nav > ul > li > a:not(.btn) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.63;
        width: 100%;
        color: #002d56
    }
}

@media (min-width: 768px) and (min-width:768px) {
    .site-header-nav > ul > li > a:not(.btn) {
        font-weight: 700
    }
}

.site-header-nav .auth {
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.site-header-nav .authenticated {
    display: -ms-flexbox;
    display: flex;
    padding-left: 25px;
    font-weight: 700;
    color: #01728f;
    font-size: 15px;
    font-size: .9375rem;
    border-left: 2px solid #dadcdd
}

.site-header-nav .authenticated-user {
    position: relative;
    margin-right: 20px;
    cursor: pointer;
    font-weight: inherit !important;
    color: inherit !important
}

    .site-header-nav .authenticated-user:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #aeb3b6;
        transform: rotate(90deg);
        font-size: 12px;
        font-size: .75rem;
        margin-left: 5px;
        transition: .3s ease-in-out
    }

    .site-header-nav .authenticated-user.-active:after {
        transform: rotate(-90deg)
    }

    .site-header-nav .authenticated-user.-active .authenticated-user-menu {
        opacity: 1;
        z-index: 1
    }

.site-header-nav .authenticated-user-menu {
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(15px);
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 1px;
    font-weight: 700;
    background-color: #dadcdd;
    box-shadow: 4px 3px 30px 0 rgba(0,0,0,.13);
    transition: .3s ease-in-out
}

    .site-header-nav .authenticated-user-menu > li {
        line-height: 1.2;
        font-size: 14px;
        font-size: .875rem;
        text-align: center;
        border-bottom: 1px solid #fff
    }

        .site-header-nav .authenticated-user-menu > li:last-child {
            border-bottom: 0
        }

        .site-header-nav .authenticated-user-menu > li:first-child > a {
            position: relative
        }

            .site-header-nav .authenticated-user-menu > li:first-child > a:before {
                content: "";
                position: absolute;
                top: 0;
                left: 50%;
                width: 12px;
                height: 12px;
                transform: translate(-50%,-50%) translateY(2px) rotate(45deg);
                background-color: #dadcdd;
                transition: .3s ease-in-out
            }

        .site-header-nav .authenticated-user-menu > li > a {
            padding: 15px 30px;
            color: #373a40;
            transition: .3s ease-in-out
        }

            .site-header-nav .authenticated-user-menu > li > a:active, .site-header-nav .authenticated-user-menu > li > a:active:before, .site-header-nav .authenticated-user-menu > li > a:focus, .site-header-nav .authenticated-user-menu > li > a:focus:before, .site-header-nav .authenticated-user-menu > li > a:hover, .site-header-nav .authenticated-user-menu > li > a:hover:before {
                background-color: #aeb3b6
            }

            .site-header-nav .authenticated-user-menu > li > a:focus-within {
                background-color: #aeb3b6
            }

                .site-header-nav .authenticated-user-menu > li > a:focus-within:before {
                    background-color: #aeb3b6
                }

.site-header-nav .authenticated-cart {
    color: inherit !important;
    white-space: nowrap
}

.site-header-nav .authenticated-cart-value {
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 900;
    color: #002d56
}

    .site-header-nav .authenticated-cart-value:before {
        transform: translate(-50%,-50%);
        border-radius: 50%;
        background-color: #5fddfe;
        z-index: -1;
        padding: 10px;
    }

.site-header-nav a:hover {
    text-decoration: none;
}

.site-header-buttons {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .site-header-buttons {
        padding-top: 20px;
        padding-bottom: 20px;
        -ms-flex: none;
        flex: none
    }
}

.site-header .site-header-buttons-button {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 0;
    color: transparent;
    padding: 0;
    border-radius: 50%
}

@media (min-width: 768px) {
    .site-header .site-header-buttons-button {
        width: 50px;
        height: 50px
    }
}

.site-header .site-header-buttons-button:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.site-header .site-header-buttons-button:before, .site-header .site-header-buttons-button > .icon {
    color: #fff
}

.site-header .site-header-buttons-button:active, .site-header .site-header-buttons-button:focus, .site-header .site-header-buttons-button:hover {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.site-header .site-header-buttons-button:focus-within {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.site-header .site-header-buttons-button:last-child {
    margin-right: 0
}

.site-header .site-header-buttons-button.-search:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-size: 1.125rem
}

.site-header .site-header-buttons-button.-menu {
    margin-left: 5px
}

    .site-header .site-header-buttons-button.-menu:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        font-size: .875rem
    }

@media (min-width: 1200px) {
    .site-header .site-header-buttons-button.-menu {
        display: none
    }
}

.site-header-search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    transform: translateY(-100%);
    padding: 10px 15px;
    background-color: #002d56;
    z-index: 5;
    transition: .5s ease-in-out
}

@media (min-width: 768px) {
    .site-header-search {
        padding-left: 30px;
        padding-right: 30px
    }
}

.-search-active .site-header-search {
    transform: none
}

@media (min-width: 768px) {
    .site-header-search {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #373a40
    }
}

.site-header-search-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.site-header-search-form {
    position: relative;
    margin: 80px 0 20px;
    color: #fff
}

    .site-header-search-form:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 2px;
        bottom: auto;
        left: auto;
        transform: translateY(-50%);
        font-size: 20px;
        font-size: 1.25rem
    }

@media (min-width: 768px) {
    .site-header-search-form {
        margin: 0;
        padding-right: 60px
    }

        .site-header-search-form:before {
            right: 62px
        }
}

@media (min-width: 1500px) {
    .site-header-search-form {
        padding-right: 0
    }

        .site-header-search-form:before {
            right: 2px
        }
}

.site-header-search-form-input {
    padding: 9px 34px 9px 2px;
    margin: 0;
    background: none;
    border: 0;
    border-bottom: 3px solid rgba(95,221,254,.4);
    color: inherit;
    font-size: 20px;
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .site-header-search-form-input {
        width: 100%;
        border-bottom: 3px solid hsla(0,0%,97.3%,.3)
    }
}

.site-header-search-form-input:-ms-input-placeholder {
    color: inherit;
    font-style: italic
}

.site-header-search-form-input::-ms-input-placeholder {
    color: inherit;
    font-style: italic
}

.site-header-search-form-input::placeholder {
    color: inherit;
    font-style: italic
}

.site-header-search-form-input:active, .site-header-search-form-input:focus {
    outline: 0
}

    .site-header-search-form-input:active:-ms-input-placeholder, .site-header-search-form-input:focus:-ms-input-placeholder {
        opacity: .5
    }

    .site-header-search-form-input:active::-ms-input-placeholder, .site-header-search-form-input:focus::-ms-input-placeholder {
        opacity: .5
    }

    .site-header-search-form-input:active::placeholder, .site-header-search-form-input:focus::placeholder {
        opacity: .5
    }

.site-header-search-button {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 0;
    color: transparent;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 10px;
    right: 15px
}

@media (min-width: 768px) {
    .site-header-search-button {
        width: 50px;
        height: 50px
    }
}

.site-header-search-button:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.site-header-search-button:before, .site-header-search-button > .icon {
    color: #fff
}

.site-header-search-button:active, .site-header-search-button:focus, .site-header-search-button:hover {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.site-header-search-button:focus-within {
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.site-header-search-button:before, .site-header-search-button > .icon {
    color: #002d56
}

.site-header-search-button:active, .site-header-search-button:focus, .site-header-search-button:hover {
    background-color: #ccc
}

.site-header-search-button:focus-within {
    background-color: #ccc
}

.site-header-search-button:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-size: .9375rem
}

@media (min-width: 768px) {
    .site-header-search-button {
        position: relative;
        top: auto;
        right: auto
    }
}

.site-header-lower {
    position: relative;
    display: none;
    background-color: #002d56;
    isolation: isolate
}

@media (min-width: 1200px) {
    .site-header-lower {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.site-header-lower .hover-tab {
    position: absolute;
    top: -8px;
    bottom: 0;
    background-color: #e4eced;
    z-index: -1;
    border-top: 8px solid #5fddfe;
    opacity: 0;
    transition: .3s ease-in-out
}

.site-header-lower .main-nav-links {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center
}

    .site-header-lower .main-nav-links .main-nav-link.-active a, .site-header-lower .main-nav-links .main-nav-link.-active a:active, .site-header-lower .main-nav-links .main-nav-link.-active button, .site-header-lower .main-nav-links .main-nav-link.-active button:active {
        color: #002d56
    }

    .site-header-lower .main-nav-links .main-nav-link.-active .main-nav-link-dropdown {
        pointer-events: all;
        opacity: 1
    }

    .site-header-lower .main-nav-links .main-nav-link.-active .main-nav-link-dropdown-inner {
        opacity: 1
    }

    .site-header-lower .main-nav-links .main-nav-link a, .site-header-lower .main-nav-links .main-nav-link button {
        background: none;
        color: #fff;
        padding: 20px 32px;
        transition: .3s ease-in-out
    }

        .site-header-lower .main-nav-links .main-nav-link a:active, .site-header-lower .main-nav-links .main-nav-link a:focus, .site-header-lower .main-nav-links .main-nav-link button:active, .site-header-lower .main-nav-links .main-nav-link button:focus {
            text-decoration: none
        }

        .site-header-lower .main-nav-links .main-nav-link a.-small, .site-header-lower .main-nav-links .main-nav-link button.-small {
            background: #f0df1a
        }

            .site-header-lower .main-nav-links .main-nav-link a.-small:hover, .site-header-lower .main-nav-links .main-nav-link button.-small:hover {
                background: #fcf062
            }

    .site-header-lower .main-nav-links .main-nav-link-dropdown {
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #e4eced;
        width: 1200px;
        opacity: 0
    }

    .site-header-lower .main-nav-links .main-nav-link-dropdown-inner {
        opacity: 0;
        transition: .3s ease-in-out
    }

    .site-header-lower .main-nav-links .main-nav-link-dropdown .categories {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3,1fr);
        gap: 50px;
        padding: 44px 32px 24px;
        margin: 0
    }

        .site-header-lower .main-nav-links .main-nav-link-dropdown .categories .category h4 {
            color: #2f2f30;
            font-size: .9375rem;
            text-transform: uppercase;
            letter-spacing: 2.14px;
            border-bottom: 1px solid #dadcdd;
            padding-bottom: 16px;
            margin-left: 12px
        }

        .site-header-lower .main-nav-links .main-nav-link-dropdown .categories .category .child-links li a {
            position: relative;
            font-weight: 600;
            line-height: normal;
            padding: 10px 12px;
            isolation: isolate
        }

            .site-header-lower .main-nav-links .main-nav-link-dropdown .categories .category .child-links li a:hover:before {
                opacity: 1
            }

            .site-header-lower .main-nav-links .main-nav-link-dropdown .categories .category .child-links li a:before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: -4px;
                background-color: transparent;
                width: calc(100% + 4px);
                border-left: 4px solid #f0df1a;
                opacity: 0;
                transition: .3s ease-in-out;
                z-index: -1
            }

    .site-header-lower .main-nav-links .main-nav-link-dropdown footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
        background-color: #fff;
        padding: 25px 30px
    }

        .site-header-lower .main-nav-links .main-nav-link-dropdown footer .cta-title {
            color: #373a40;
            font-size: 1.5rem;
            line-height: 1.67;
            padding-left: 16px;
            border-left: 4px solid #f0df1a
        }

.social-panel {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .social-panel {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.social-panel-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.social-panel-main {
    padding: 40px 25px 50px;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #2f2f30;
    color: #fff
}

@media (min-width: 768px) {
    .social-panel-main {
        margin-left: -30px;
        margin-right: -30px
    }
}

.social-panel-title {
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid hsla(0,0%,97.3%,.3);
    color: inherit
}

.social-panel-static-image {
    margin-bottom: 38px;
    max-width: 300px
}

    .social-panel-static-image > img {
        width: 100%
    }

.social-panel-static-text-date, .social-panel-static-text-description {
    color: #aeb3b6
}

.social-panel-static-text-date {
    margin-bottom: 10px;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    text-transform: uppercase
}

.social-panel-static-text-title {
    font-size: 24px;
    font-size: 1.5rem;
    color: inherit
}

.social-panel-static-text-description {
    margin-bottom: 24px
}

.social-panel-static-text-button {
    text-align: center
}

.social-panel-dynamic {
    margin-top: 50px
}

.social-share {
    position: relative;
    top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .social-share {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0;
        margin-bottom: 0;
        top: 100px
    }
}

@media (min-width: 1500px) {
    .social-share {
        z-index: 9997;
        padding: 0
    }

        .social-share.-stuck {
            position: fixed;
            right: 0
        }

            .social-share.-stuck + div {
                padding-top: 60px
            }
}

.social-share-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1500px) {
    .social-share-inner {
        height: 0;
        max-width: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.social-share-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width: 1500px) {
    .social-share-list {
        display: block
    }
}

.social-share-list li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    width: 50px;
    height: 50px;
    margin: 0 5px 0 0;
    overflow: hidden
}

    .social-share-list li:first-child {
        width: auto
    }

@media (min-width: 400px) {
    .social-share-list li {
        margin-right: 10px
    }
}

@media (min-width: 1500px) {
    .social-share-list li {
        width: 80px;
        height: 80px;
        margin: 0
    }
}

.social-share-list li > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 2px
}

    .social-share-list li > a:before {
        transition: .3s ease-in-out
    }

.social-share-list li:not(:first-child) {
    transform: translateX(-50px);
    opacity: 0;
    z-index: -1;
    transition: .3s ease-in-out
}

    .social-share-list li:not(:first-child).-open {
        transform: none;
        opacity: 1;
        z-index: 2
    }

@media (min-width: 1500px) {
    .social-share-list li:not(:first-child) {
        margin-bottom: 2px;
        transform: none;
        opacity: 1;
        z-index: 2
    }
}

.social-share-list li:not(:first-child) > a {
    background-color: #f8f8f8;
    transition: .3s ease-in-out
}

@media (min-width: 1500px) {
    .social-share-list li:not(:first-child) > a:before {
        font-size: 17px;
        font-size: 1.0625rem
    }
}

.social-share-list li:not(:first-child) > a:active, .social-share-list li:not(:first-child) > a:focus, .social-share-list li:not(:first-child) > a:hover {
    background-color: #002d56
}

    .social-share-list li:not(:first-child) > a:active:before, .social-share-list li:not(:first-child) > a:focus:before, .social-share-list li:not(:first-child) > a:hover:before {
        color: #fff
    }

.social-share-list li:not(:first-child) > a:focus-within {
    background-color: #002d56
}

    .social-share-list li:not(:first-child) > a:focus-within:before {
        color: #fff
    }

.social-share-list-open {
    background-color: #fff;
    z-index: 3
}

@media (min-width: 1500px) {
    .social-share-list-open {
        background-color: transparent;
        height: auto !important;
        padding: 5px 0
    }
}

.social-share-list-open > a {
    color: #2f2f30
}

    .social-share-list-open > a:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 10px;
        font-size: 16px;
        font-size: 1rem;
        color: #6e6d6d
    }

@media (min-width: 1500px) {
    .social-share-list-open > a {
        cursor: pointer
    }

        .social-share-list-open > a:after {
            display: none
        }
}

.social-share-list-service a:focus {
    text-decoration: none
}

@media (min-width: 1500px) {
    .social-share-list-service:nth-child(2) {
        border-radius: 5px 0 0
    }

    .social-share-list-service:nth-last-child(2) {
        border-radius: 0 0 0 5px
    }
}

.social-share-list-close > a {
    border-radius: 50%
}

    .social-share-list-close > a:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #2f2f30
    }

@media (min-width: 1500px) {
    .social-share-list-close {
        display: none !important
    }
}

.social-share-list .icon-facebook, .social-share-list .icon-instagram, .social-share-list .icon-linkedin, .social-share-list .icon-twitter {
    font-size: 18px;
    font-size: 1.125rem
}

.social-share-list .icon-facebook {
    color: #3b5998
}

.social-share-list .icon-twitter {
    color: #1da1f2
}

.social-share-list .icon-linkedin {
    color: #007bb5
}

.social-share-list .icon-instagram {
    color: #c32aa3
}

.spotlight {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 45px 15px;
    background-image: url(../images/columns-bg.jpg);
    background-size: cover;
    background-position: 50%
}

@media (min-width: 768px) {
    .spotlight {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 66px;
        padding-bottom: 54px
    }
}

.spotlight-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .spotlight-inner {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.spotlight-image {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    min-height: 200px;
    box-shadow: 4px 3px 36px 0 rgba(0,0,0,.13)
}

    .spotlight-image img {
        width: 100%
    }

.-member .spotlight-image {
    background: none;
    box-shadow: none;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: -45px
}

    .-member .spotlight-image img {
        width: auto
    }

@media (min-width: 768px) {
    .spotlight-image {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 390px;
        margin-bottom: 0;
        margin-right: 20px
    }

    .-member .spotlight-image {
        margin-bottom: -55px;
        margin-right: 80px;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 1000px) {
    .spotlight-image {
        margin-right: 100px
    }
}

.spotlight-content {
    padding: 14px 0 26px
}

.-member .spotlight-content {
    -ms-flex-order: 1;
    order: 1
}

@media (min-width: 768px) {
    .-member .spotlight-content {
        -ms-flex-order: 2;
        order: 2
    }
}

.spotlight-content-headline-details, .spotlight-content-text {
    color: #2f2f30
}

.spotlight-content-headline {
    margin-bottom: 26px;
    text-align: center
}

@media (min-width: 768px) {
    .spotlight-content-headline {
        text-align: left
    }
}

.spotlight-content-headline-details, .spotlight-content-headline-title {
    display: inline
}

.spotlight-content-headline-title {
    margin-bottom: 0;
    margin-right: 15px
}

.spotlight-content-headline-details {
    font-weight: 900;
    white-space: nowrap
}

    .spotlight-content-headline-details > span {
        white-space: nowrap
    }

        .spotlight-content-headline-details > span:after {
            content: "/";
            position: relative;
            top: 3px;
            color: #f0df1a;
            font-size: 24px;
            font-size: 1.5rem;
            margin-left: 5px;
            font-weight: 400
        }

        .spotlight-content-headline-details > span:last-child:after {
            color: transparent
        }

.spotlight-content-highlights {
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .spotlight-content-highlights {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.spotlight-content-highlights > span {
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    white-space: nowrap;
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    background-color: #5fddfe;
    color: #2f2f30
}

.spotlight-content-text {
    color: #2f2f30;
    text-align: left
}

.spotlight-content-link, .spotlight-content-text {
    text-align: left
}

.stats {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden
}

@media (min-width: 768px) {
    .stats {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.stats-inner {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {
    .stats-inner {
        height: 600px
    }
}

.stats-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .stats-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.stats-items {
    padding: 100px 0 10px
}

@media (min-width: 1000px) {
    .stats-items {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        width: calc(100% - 90px);
        max-width: 1000px;
        transform: translate(-50%,-50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.stats-items-item {
    display: block;
    position: relative;
    color: #000;
    text-align: center;
    margin: 0 auto 90px;
    max-width: 230px;
    opacity: 0;
    transform: translateY(100px)
}

    .stats-items-item:focus {
        text-decoration: none
    }

@media (min-width: 1000px) {
    .stats-items-item {
        margin: 0;
        min-width: 200px;
        max-width: 280px
    }

        .stats-items-item:nth-child(2) {
            transform: translateX(100%)
        }

        .stats-items-item:nth-child(3) {
            transform: translateX(-100%)
        }
}

.stats-items-item-statistic {
    font-size: 90px;
    font-size: 5.625rem;
    font-weight: 900;
    margin-bottom: 7px;
    line-height: 1.2;
    transition: .3s ease-in-out
}

.stats-items-item-caption {
    margin-bottom: 14px;
    font-size: 15px;
    font-size: .9375rem;
    letter-spacing: 2px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: #2f2f30
}

.stats-items-item-text {
    max-height: 1000px;
    overflow: hidden;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    transition: .3s ease-in-out
}

@media (min-width: 1000px) {
    .stats-items-item-text {
        max-height: 0
    }
}

.stats-items-item-circle {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 100px);
    padding-bottom: calc(100% + 100px);
    height: 0;
    border-radius: 50%;
    z-index: -1;
    transition: .3s ease-in-out
}

@media (min-width: 1000px) {
    .stats-items-item-circle {
        width: calc(100% + 100px);
        padding-bottom: calc(100% + 100px)
    }
}

.stats-items-item-circle:before {
    content: "";
    position: absolute;
    top: -12px;
    right: -12px;
    bottom: auto;
    left: auto;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border: 2px solid #f0df1a;
    border-radius: 50%;
    opacity: 0;
    transition: .3s ease-in-out
}

.stats-items-item:first-child {
    z-index: 3;
    color: #fff
}

@media (min-width: 1000px) {
    .stats-items-item:first-child {
        -ms-flex-order: 2;
        order: 2
    }
}

.stats-items-item:first-child .stats-items-item-circle {
    background-color: #002d56
}

.stats-items-item:first-child .stats-items-item-caption {
    color: #fff
}

.stats-items-item:nth-child(2) {
    z-index: 2
}

@media (min-width: 1000px) {
    .stats-items-item:nth-child(2) {
        -ms-flex-order: 1;
        order: 1
    }
}

.stats-items-item:nth-child(2) .stats-items-item-circle {
    background-color: #5fddfe
}

@media (min-width: 1000px) {
    .stats-items-item:nth-child(3) {
        -ms-flex-order: 3;
        order: 3
    }
}

.stats-items-item:nth-child(3) .stats-items-item-circle {
    background-color: #f0df1a
}

@media (min-width: 1000px) {
    .stats-items-item.-active {
        z-index: 4
    }

        .stats-items-item.-active .stats-items-item-statistic {
            font-size: 100px;
            font-size: 6.25rem;
            transition: .3s ease-in-out .3s
        }

        .stats-items-item.-active .stats-items-item-text {
            max-height: 1000px;
            transition: .3s ease-in-out .3s
        }

        .stats-items-item.-active .stats-items-item-circle {
            width: calc(100% + 160px);
            padding-bottom: calc(100% + 160px);
            transition: .3s ease-in-out .3s
        }

            .stats-items-item.-active .stats-items-item-circle:before {
                opacity: 1;
                transition: .3s ease-in-out .3s
            }
}

.sub-nav {
    min-height: 60px
}

@media (min-width: 1200px) {
    .sub-nav {
        padding-left: 15px;
        padding-right: 15px;
        min-height: 77px
    }
}

@media (min-width: 1200px) and (min-width:768px) {
    .sub-nav {
        padding-left: 30px;
        padding-right: 30px
    }
}

.sub-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sub-nav .-link-style, .sub-nav .sub-nav-current, .sub-nav .sub-nav-list-item > a {
    padding: 22px 10px;
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    background-color: #f0df1a;
    color: #2f2f30;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px
}

@media (min-width: 1200px) {
    .sub-nav .-link-style, .sub-nav .sub-nav-current, .sub-nav .sub-nav-list-item > a {
        padding: 27px 10px
    }
}

.sub-nav-inner {
    position: relative
}

@media (min-width: 1200px) {
    .sub-nav-inner {
        background-color: #f0df1a;
        display: -ms-flexbox;
        display: flex;
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto
    }

    .-wide .sub-nav-inner {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto
    }
}

.sub-nav-current {
    position: relative;
    z-index: 10 !important
}

@media (min-width: 1200px) {
    .sub-nav-current {
        display: none !important
    }
}

.sub-nav-current-menu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 60px;
    height: 100%
}

    .sub-nav-current-menu:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        font-size: 16px;
        font-size: 1rem;
        transform: translate(-50%,-50%)
    }

    .sub-nav-current-menu:active, .sub-nav-current-menu:focus, .sub-nav-current-menu:hover {
        background-color: #d4c820
    }

    .sub-nav-current-menu:focus-within {
        background-color: #d4c820
    }

    .sub-nav-current-menu > span {
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
        clip-path: polygon(0 0,0 0,0 0,0 0);
        position: absolute;
        white-space: nowrap;
        height: 1px;
        width: 1px;
        overflow: hidden
    }

.sub-nav-list {
    position: absolute;
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: -1
}

@media (min-width: 1200px) {
    .sub-nav-list {
        display: -ms-flexbox;
        display: flex;
        z-index: 5 !important
    }
}

.sub-nav-list-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    transform: translateY(-50%);
    opacity: 0;
    transition: .3s ease-in-out
}

@media (min-width: 1200px) {
    .sub-nav-list-item {
        white-space: nowrap
    }
}

.sub-nav-list-item > a.-active {
    background-color: #fcf062
}

@media (min-width: 1200px) {
    .sub-nav-list-item > a.-active {
        background-color: #d4c820
    }
}

.sub-nav-list-item > a:active, .sub-nav-list-item > a:focus, .sub-nav-list-item > a:hover {
    background-color: #fcf062
}

.sub-nav-list-item > a:focus-within {
    background-color: #fcf062
}

@media (min-width: 1200px) {
    .sub-nav-list-item > a {
        text-align: center
    }

        .sub-nav-list-item > a:active, .sub-nav-list-item > a:focus, .sub-nav-list-item > a:hover {
            background-color: #d4c820
        }

        .sub-nav-list-item > a:focus-within {
            background-color: #d4c820
        }
}

.sub-nav-list-item.-active {
    opacity: 1;
    transform: none;
    transition: .3s ease-in-out
}

@media (min-width: 1200px) {
    .sub-nav-list-item {
        opacity: 1;
        transform: none
    }
}

@media (min-width: 1200px) {
    .sub-nav-list-item.-home > a {
        position: relative;
        height: 100%
    }

        .sub-nav-list-item.-home > a:before {
            content: "";
            display: inline-block;
            font-family: icomoon !important;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            transform: translate(-50%,-50%);
            font-size: 24px;
            font-size: 1.5rem
        }

        .sub-nav-list-item.-home > a > span {
            clip: rect(1px,1px,1px,1px);
            -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
            clip-path: polygon(0 0,0 0,0 0,0 0);
            position: absolute;
            white-space: nowrap;
            height: 1px;
            width: 1px;
            overflow: hidden
        }
}

.tags-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .tags-list {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.tags-list-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.tags-list-inner, .tags-list-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tags-list-title {
    position: relative;
    padding-right: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    color: #000;
    letter-spacing: 1px
}

    .tags-list-title:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(-50%,-50%);
        width: 3px;
        height: 100%;
        background-color: #f0df1a
    }

.tags-list-links {
    padding-left: 15px
}

.tags-list-link {
    margin: 5px 10px 5px 0;
    padding: 5px 10px;
    background: #f8f8f8;
    color: #6e6d6d;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .3s ease-in-out
}

    .tags-list-link:active, .tags-list-link:focus, .tags-list-link:hover {
        background: #f0df1a;
        color: #000
    }

    .tags-list-link:focus-within {
        background: #f0df1a;
        color: #000
    }

.tbl {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .tbl {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.tbl-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.tbl-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .tbl-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.tbl-table {
    margin-top: 60px;
    margin-bottom: 60px;
    overflow: auto
}

@media (min-width: 768px) {
    .tbl-table {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.tbl-table-inner {
    min-width: 600px
}

@media (min-width: 600px) {
    .tbl-table-inner {
        min-width: 800px
    }
}

.tbl-table:last-child {
    margin-bottom: 0
}

.tbl-table-row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dadcdd
}

    .tbl-table-row:first-child {
        border-bottom: 2px solid #f0df1a
    }

        .tbl-table-row:first-child .tbl-table-row-item {
            padding: 18px 13px;
            background-color: #f8f8f8;
            color: #2f2f30;
            font-weight: 900;
            font-size: 18px;
            font-size: 1.125rem
        }

    .tbl-table-row .tbl-table-row-item {
        -ms-flex: 1;
        flex: 1;
        padding: 20px 13px;
        line-height: 1.6
    }

.-compare .tbl-table-row .tbl-table-row-item:first-child {
    position: relative;
    background-color: #f8f8f8;
    color: #2f2f30;
    font-weight: 900;
    font-size: 18px;
    font-size: 1.125rem;
    z-index: 1
}

.testimonial {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 60px 15px;
    background-color: #f8f8f8;
    text-align: center
}

@media (min-width: 768px) {
    .testimonial {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.testimonial-inner {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.testimonial-graphic {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto 30px;
    border-radius: 50%;
    background-color: #f0df1a
}

    .testimonial-graphic:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #fff;
        font-size: 18px;
        font-size: 1.125rem
    }

.testimonial-text {
    margin-bottom: 28px
}

    .testimonial-text > .h3 {
        line-height: 1.4
    }

.testimonial-citation > span {
    color: #373a40;
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap
}

    .testimonial-citation > span:after {
        content: "/";
        position: relative;
        top: 3px;
        color: #f0df1a;
        font-size: 22px;
        font-size: 1.375rem;
        margin-left: 5px;
        font-weight: 400
    }

    .testimonial-citation > span:last-child:after {
        color: transparent
    }

@media (min-width: 1000px) {
    .testimonial-citation > span {
        font-size: 18px;
        font-size: 1.125rem
    }

        .testimonial-citation > span:after {
            font-size: 24px;
            font-size: 1.5rem
        }
}

.testimonial-citation-name {
    font-weight: 900
}

.text-intro {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .text-intro {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.text-intro.-angle-background {
    background-image: url(../images/angle-background.jpg);
    background-size: cover;
    background-position: 50%;
    margin-top: 0 !important;
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width: 768px) {
    .text-intro.-angle-background {
        padding-bottom: 100px
    }
}

.text-intro-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.text-intro-text > h2 {
    line-height: 1.5
}

.text-intro-graphic.-icon {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
    border-radius: 50%;
    background-color: #f0df1a
}

    .text-intro-graphic.-icon:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%) translate(1px,-3px);
        color: #002d56;
        font-size: 42px;
        font-size: 2.625rem
    }

@media (min-width: 768px) {
    .text-intro-graphic.-icon:before {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media (min-width: 768px) {
    .text-intro-graphic.-icon {
        width: 125px;
        height: 125px;
        margin-bottom: 40px
    }
}

.text-intro-graphic.-bar {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .text-intro-graphic.-bar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.text-links {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .text-links {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.text-links-inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .text-links-inner-wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

.text-links-description, .text-links-title {
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 760px
}

.text-links-links {
    -ms-flex: 1 0 30%;
    flex: 1 0 30%
}

@media (min-width: 768px) {
    .text-links-links {
        margin-left: 80px
    }
}

.text-links-links-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.text-links-links-list-item {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #f8f8f8
}

    .text-links-links-list-item:after {
        content: "";
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 0;
        background-color: #f0df1a;
        transition: .3s ease-in-out
    }

    .text-links-links-list-item:active:after, .text-links-links-list-item:focus:after, .text-links-links-list-item:hover:after {
        width: 100%
    }

    .text-links-links-list-item:focus-within:after {
        width: 100%
    }

    .text-links-links-list-item a {
        display: block;
        font-weight: 700;
        line-height: 1.5
    }

        .text-links-links-list-item a:after {
            display: none
        }

.text-links-links-label {
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f0df1a;
    color: #002d56;
    margin-bottom: 20px
}

.three-block {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .three-block {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 100px;
        margin-bottom: 100px
    }
}

@media (min-width: 800px) {
    .three-block {
        margin-bottom: 160px
    }

        .three-block.-background {
            position: relative
        }

            .three-block.-background:before {
                content: "";
                position: absolute;
                top: 50%;
                right: 0;
                bottom: -160px;
                left: 0;
                background-image: url(../images/angle-background.jpg);
                background-size: cover
            }
}

@media (min-width: 1000px) {
    .three-block {
        padding-bottom: 100px
    }
}

.three-block-inner {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto
}

.three-block-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .three-block-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

@media (min-width: 600px) {
    .three-block-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -10px
    }
}

.three-block-item {
    position: relative;
    width: 100%;
    padding: 170px 15px 0;
    margin-bottom: 90px
}

    .three-block-item .img-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #f0df1a;
        opacity: 0;
        transition: .3s ease-in-out
    }

    .three-block-item:active .img-wrapper:after, .three-block-item:focus .img-wrapper:after, .three-block-item:hover .img-wrapper:after {
        opacity: .8;
        transition: .3s ease-in-out
    }

    .three-block-item:active .img-background, .three-block-item:focus .img-background, .three-block-item:hover .img-background {
        filter: grayscale(100%);
        transition: .3s ease-in-out
    }

    .three-block-item:focus-within .img-wrapper:after {
        opacity: .8;
        transition: .3s ease-in-out
    }

    .three-block-item:focus-within .img-background {
        filter: grayscale(100%);
        transition: .3s ease-in-out
    }

@media (min-width: 600px) {
    .three-block-item {
        -ms-flex: none;
        flex: none;
        width: calc(50% - 20px);
        margin: 0 10px 90px
    }
}

@media (min-width: 800px) {
    .three-block-item {
        width: 33.33%;
        margin: 0
    }
}

@media (min-width: 1000px) {
    .three-block-item {
        padding-top: 200px;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .three-block-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

.three-block-item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.three-block-item-content {
    position: relative;
    padding: 30px;
    background-color: #fff;
    z-index: 2;
    box-shadow: 4px 3px 36px 0 rgba(0,0,0,.13);
    margin-bottom: -60px
}

@media (min-width: 800px) {
    .three-block-item-content {
        margin-bottom: -90px
    }
}

.three-block-item-content-date {
    font-size: 14px;
    font-size: .875rem;
    color: #6e6d6d
}

.three-hover-icons {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 40px 15px
}

@media (min-width: 768px) {
    .three-hover-icons {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 800px) {
    .three-hover-icons {
        padding-bottom: 80px
    }
}

.three-hover-icons-inner {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
}

.three-hover-icons-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .three-hover-icons-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

@media (min-width: 800px) {
    .three-hover-icons-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.three-hover-icons .hover-item {
    position: relative;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 40px
}

@media (min-width: 800px) {
    .three-hover-icons .hover-item {
        margin-bottom: 0;
        width: calc(33.33333% - 30px)
    }
}

@media (min-width: 1100px) {
    .three-hover-icons .hover-item {
        width: 300px
    }
}

.three-hover-icons .hover-item-visual {
    width: 70%;
    margin-bottom: 30px
}

@media (min-width: 400px) and (max-width:799px) {
    .three-hover-icons .hover-item-visual {
        width: 300px;
        height: 300px
    }
}

@media (min-width: 800px) {
    .three-hover-icons .hover-item-visual {
        width: 100%;
        margin-bottom: 50px
    }
}

.three-hover-icons .hover-item-visual-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    transition: .3s ease-in-out
}

    .three-hover-icons .hover-item-visual-inner[class*=icon-]:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        font-size: 120px;
        font-size: 7.5rem;
        transform: translate(-50%,-50%);
        transform-origin: bottom;
        color: #2f2f30;
        z-index: 5;
        transition: .3s ease-in-out
    }

@media (min-width: 400px) and (max-width:799px) {
    .three-hover-icons .hover-item-visual-inner[class*=icon-]:before {
        font-size: 140px;
        font-size: 8.75rem
    }
}

@media (min-width: 800px) {
    .three-hover-icons .hover-item-visual-inner[class*=icon-]:before {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media (min-width: 1000px) {
    .three-hover-icons .hover-item-visual-inner[class*=icon-]:before {
        font-size: 140px;
        font-size: 8.75rem
    }
}

.three-hover-icons .hover-item-visual-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: calc(100% + 25px);
    height: calc(100% + 25px);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    border: 4px solid transparent;
    transition: .3s ease-in-out
}

.three-hover-icons .hover-item-visual .circles, .three-hover-icons .hover-item-visual .circles-item {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%
}

.three-hover-icons .hover-item-visual .circles-item-inner {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

    .three-hover-icons .hover-item-visual .circles-item-inner:before {
        content: "";
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 200%;
        height: 100%;
        border-radius: 50%;
        background-color: #f0df1a;
        z-index: 3
    }

.three-hover-icons .hover-item-visual .circles-item:first-child {
    transform: rotate(180deg)
}

    .three-hover-icons .hover-item-visual .circles-item:first-child .circles-item-inner:before {
        background-color: #f8f8f8
    }

.three-hover-icons .hover-item-visual .circles-item:nth-child(2) {
    animation-name: circle-rotate-out;
    animation-duration: .3s;
    animation-timing-function: ease-in-out
}

.three-hover-icons .hover-item-eyebrow {
    margin-bottom: 18px;
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #5fddfe;
    color: #002d56
}

.three-hover-icons .hover-item-content {
    opacity: 1;
    transition: .3s ease-in-out
}

@media (min-width: 400px) and (max-width:799px) {
    .three-hover-icons .hover-item-content {
        max-width: 300px
    }
}

@media (min-width: 800px) {
    .three-hover-icons .hover-item-content {
        opacity: 0;
        overflow: hidden;
        max-height: 0
    }
}

.three-hover-icons .hover-item-content-link {
    position: relative;
    padding: 17px 9px;
    font-size: 15px;
    font-size: .9375rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #2f2f30
}

    .three-hover-icons .hover-item-content-link:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f0df1a;
        font-size: 13px;
        font-size: .8125rem;
        margin-right: 6px;
        transition: .3s ease-in-out
    }

    .three-hover-icons .hover-item-content-link:active:before, .three-hover-icons .hover-item-content-link:focus:before, .three-hover-icons .hover-item-content-link:hover:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

    .three-hover-icons .hover-item-content-link:focus-within:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

@media (min-width: 800px) {
    .three-hover-icons .hover-item:active .hover-item-visual[class*=icon-], .three-hover-icons .hover-item:focus .hover-item-visual[class*=icon-], .three-hover-icons .hover-item:hover .hover-item-visual[class*=icon-] {
        position: relative
    }

        .three-hover-icons .hover-item:active .hover-item-visual[class*=icon-]:before, .three-hover-icons .hover-item:focus .hover-item-visual[class*=icon-]:before, .three-hover-icons .hover-item:hover .hover-item-visual[class*=icon-]:before {
            transform: translate(-50%,-50%) scale(1.5);
            transition: .3s ease-in-out
        }

    .three-hover-icons .hover-item:active .hover-item-visual-inner, .three-hover-icons .hover-item:focus .hover-item-visual-inner, .three-hover-icons .hover-item:hover .hover-item-visual-inner {
        top: -12px;
        transform: scale(1.1);
        transform-origin: bottom;
        transition: .3s ease-in-out
    }

        .three-hover-icons .hover-item:active .hover-item-visual-inner:after, .three-hover-icons .hover-item:focus .hover-item-visual-inner:after, .three-hover-icons .hover-item:hover .hover-item-visual-inner:after {
            border: 4px solid #f0df1a;
            transition: .3s ease-in-out
        }

    .three-hover-icons .hover-item:active .hover-item-visual .circles-item:nth-child(2), .three-hover-icons .hover-item:focus .hover-item-visual .circles-item:nth-child(2), .three-hover-icons .hover-item:hover .hover-item-visual .circles-item:nth-child(2) {
        animation-name: circle-rotate-in;
        animation-duration: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .three-hover-icons .hover-item:active .hover-item-content, .three-hover-icons .hover-item:focus .hover-item-content, .three-hover-icons .hover-item:hover .hover-item-content {
        color: #6e6d6d;
        opacity: 1;
        max-height: 400px;
        transition: .3s ease-in-out
    }
}

@media (min-width: 800px) {
    .three-hover-icons .hover-item:focus-within .hover-item-visual[class*=icon-] {
        position: relative
    }

        .three-hover-icons .hover-item:focus-within .hover-item-visual[class*=icon-]:before {
            transform: translate(-50%,-50%) scale(1.5);
            transition: .3s ease-in-out
        }

    .three-hover-icons .hover-item:focus-within .hover-item-visual-inner {
        top: -12px;
        transform: scale(1.1);
        transform-origin: bottom;
        transition: .3s ease-in-out
    }

        .three-hover-icons .hover-item:focus-within .hover-item-visual-inner:after {
            border: 4px solid #f0df1a;
            transition: .3s ease-in-out
        }

    .three-hover-icons .hover-item:focus-within .hover-item-visual .circles-item:nth-child(2) {
        animation-name: circle-rotate-in;
        animation-duration: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .three-hover-icons .hover-item:focus-within .hover-item-content {
        color: #6e6d6d;
        opacity: 1;
        max-height: 400px;
        transition: .3s ease-in-out
    }
}

.three-hover-images {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 40px 15px
}

@media (min-width: 768px) {
    .three-hover-images {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 800px) {
    .three-hover-images {
        padding-bottom: 80px
    }
}

.three-hover-images.-background {
    position: relative
}

    .three-hover-images.-background:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: calc(100% - 300px);
        width: 100%;
        background-color: #f8f8f8
    }

@media (min-width: 800px) {
    .three-hover-images.-background:before {
        background-image: url(../images/angle-background.jpg);
        background-size: cover;
        background-repeat: no-repeat
    }
}

.three-hover-images-inner {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
}

.three-hover-images-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .three-hover-images-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

@media (min-width: 800px) {
    .three-hover-images-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.three-hover-images .hover-item {
    position: relative;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 40px
}

@media (min-width: 800px) {
    .three-hover-images .hover-item {
        margin-bottom: 0;
        width: calc(33.33333% - 30px)
    }
}

@media (min-width: 1100px) {
    .three-hover-images .hover-item {
        width: 300px
    }
}

.three-hover-images .hover-item-visual {
    width: 70%;
    margin-bottom: 30px
}

@media (min-width: 400px) and (max-width:799px) {
    .three-hover-images .hover-item-visual {
        width: 300px;
        height: 300px
    }
}

@media (min-width: 800px) {
    .three-hover-images .hover-item-visual {
        width: 100%;
        margin-bottom: 50px
    }
}

.three-hover-images .hover-item-visual-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    transition: .3s ease-in-out
}

    .three-hover-images .hover-item-visual-inner:after {
        content: "";
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        width: calc(100% + 25px);
        height: calc(100% + 25px);
        transform: translate(-50%,-50%);
        border-radius: 50%;
        border: 4px solid transparent;
        transition: .3s ease-in-out
    }

.three-hover-images .hover-item-visual img {
    border-radius: 50%;
    width: 100%
}

.three-hover-images .hover-item-visual .circles, .three-hover-images .hover-item-visual .circles-item {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%
}

.three-hover-images .hover-item-visual .circles-item-inner {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

    .three-hover-images .hover-item-visual .circles-item-inner:before {
        content: "";
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 200%;
        height: 100%;
        border-radius: 50%;
        background-color: #f0df1a;
        z-index: 3
    }

.three-hover-images .hover-item-visual .circles-item:first-child {
    transform: rotate(180deg)
}

    .three-hover-images .hover-item-visual .circles-item:first-child .circles-item-inner:before {
        background-color: #f8f8f8
    }

.three-hover-images .hover-item-visual .circles-item:nth-child(2) {
    animation-name: circle-rotate-out;
    animation-duration: .3s;
    animation-timing-function: ease-in-out
}

.three-hover-images .hover-item-eyebrow {
    margin-bottom: 18px;
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #5fddfe;
    color: #002d56
}

.three-hover-images .hover-item-content {
    opacity: 1;
    transition: .3s ease-in-out
}

@media (min-width: 400px) and (max-width:799px) {
    .three-hover-images .hover-item-content {
        max-width: 300px
    }
}

@media (min-width: 800px) {
    .three-hover-images .hover-item-content {
        opacity: 0;
        overflow: hidden;
        max-height: 0
    }
}

.three-hover-images .hover-item-content-link {
    position: relative;
    padding: 17px 9px;
    font-size: 15px;
    font-size: .9375rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #2f2f30
}

    .three-hover-images .hover-item-content-link:before {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f0df1a;
        font-size: 13px;
        font-size: .8125rem;
        margin-right: 6px;
        transition: .3s ease-in-out
    }

    .three-hover-images .hover-item-content-link:active:before, .three-hover-images .hover-item-content-link:focus:before, .three-hover-images .hover-item-content-link:hover:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

    .three-hover-images .hover-item-content-link:focus-within:before {
        color: #5fddfe;
        transition: .3s ease-in-out
    }

@media (min-width: 800px) {
    .three-hover-images .hover-item:active .hover-item-visual-inner, .three-hover-images .hover-item:focus .hover-item-visual-inner, .three-hover-images .hover-item:hover .hover-item-visual-inner {
        top: -12px;
        transform: scale(1.1);
        transform-origin: bottom;
        transition: .3s ease-in-out
    }

        .three-hover-images .hover-item:active .hover-item-visual-inner:after, .three-hover-images .hover-item:focus .hover-item-visual-inner:after, .three-hover-images .hover-item:hover .hover-item-visual-inner:after {
            border: 4px solid #f0df1a;
            transition: .3s ease-in-out
        }

    .three-hover-images .hover-item:active .hover-item-visual .circles-item:nth-child(2), .three-hover-images .hover-item:focus .hover-item-visual .circles-item:nth-child(2), .three-hover-images .hover-item:hover .hover-item-visual .circles-item:nth-child(2) {
        animation-name: circle-rotate-in;
        animation-duration: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .three-hover-images .hover-item:active .hover-item-content, .three-hover-images .hover-item:focus .hover-item-content, .three-hover-images .hover-item:hover .hover-item-content {
        color: #6e6d6d;
        opacity: 1;
        max-height: 400px;
        transition: .3s ease-in-out
    }
}

@media (min-width: 800px) {
    .three-hover-images .hover-item:focus-within .hover-item-visual-inner {
        top: -12px;
        transform: scale(1.1);
        transform-origin: bottom;
        transition: .3s ease-in-out
    }

        .three-hover-images .hover-item:focus-within .hover-item-visual-inner:after {
            border: 4px solid #f0df1a;
            transition: .3s ease-in-out
        }

    .three-hover-images .hover-item:focus-within .hover-item-visual .circles-item:nth-child(2) {
        animation-name: circle-rotate-in;
        animation-duration: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .three-hover-images .hover-item:focus-within .hover-item-content {
        color: #6e6d6d;
        opacity: 1;
        max-height: 400px;
        transition: .3s ease-in-out
    }
}

.video-block {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    background-size: 100% 75%;
    background-repeat: no-repeat;
    background-position: bottom
}

@media (min-width: 768px) {
    .video-block {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px;
        background-size: 100% 65%
    }
}

.video-block-inner {
    max-width: 814px;
    margin-left: auto;
    margin-right: auto
}

.video-block-title {
    position: relative;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px
}

    .video-block-title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }

.video-block-video {
    display: block;
    height: 50vh;
    max-height: 510px;
    cursor: pointer
}

@media (min-width: 800px) {
    .video-block-video {
        height: 50vw
    }
}

.video-block-video-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    position: relative
}

    .video-block-video-image:before {
        content: "";
        transform: translate(-50%,-50%);
        height: 80px;
        width: 80px;
        background-color: #fcf062
    }

    .video-block-video-image:after, .video-block-video-image:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        opacity: .8;
        transition: .3s ease-in-out
    }

    .video-block-video-image:after {
        content: "";
        display: inline-block;
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(-50%,-50%) translateX(2px);
        color: #fff;
        font-size: 28px;
        font-size: 1.75rem
    }

    .video-block-video-image:active:before, .video-block-video-image:focus:before, .video-block-video-image:hover:before {
        opacity: 1;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
        transition: .3s ease-in-out
    }

    .video-block-video-image:active:after, .video-block-video-image:focus:after, .video-block-video-image:hover:after {
        opacity: 1;
        transition: .3s ease-in-out
    }

    .video-block-video-image:focus-within:before {
        opacity: 1;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
        transition: .3s ease-in-out
    }

    .video-block-video-image:focus-within:after {
        opacity: 1;
        transition: .3s ease-in-out
    }

.video-block-caption {
    position: relative;
    max-width: 614px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;
    border-bottom: 2px solid #f8f8f8
}

    .video-block-caption:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(4px);
        width: 80px;
        height: 4px;
        background-color: #f0df1a
    }


#eWebTopPaneBottomLinksCell {
    background: #002d56;
    text-align: center;
}

ul#eWebTopPaneBottomLinksCellTable .TopUIHyperLink {
    padding: 18px 40px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

table.PopupMenuSubMenuTable a.TopUIHyperLink, ul.PopMenuSubMenuTable a.TopUIHyperLink {
    color: #002d56;
    width: 100%;
    border-left: 5px solid transparent;
}

    table.PopupMenuSubMenuTable a.TopUIHyperLink:hover, ul.PopMenuSubMenuTable a.TopUIHyperLink:hover {
        color: #002d56 !important;
        border-left: 5px solid yellow;
        background-color: #e4eced;
    }

#eWebTopPaneBottomLinksCellTable {
    margin-left: auto;
    margin-right: auto;
    animation: none;
}

.PopupMenuSubMenuTable, .PopMenuSubMenuTable {
    background-color: #e4eced;
    color: #002d56;
    text-align: left;
}

#BottomPane .LayoutCell {
    padding: 0px;
}

#content-web-links {
    margin: 0 10px 0 0;
}

    #content-web-links ul {
        list-style-type: none;
    }

.navbar-collapse {
    background-color: transparent;
}

    .navbar-collapse.in {
        background-color: #002d56;
        -webkit-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }

    .navbar-collapse a {
        color: white;
    }

#login-phone {
    background: #5fddfe;
    color: #002d56 !important;
    margin-bottom: 1px;
}

    #login-phone a {
        color: #002d56 !important;
    }

        #login-phone a:hover {
            background-color: #92e8fe !important;
        }


#join-phone {
    background: #f0df1a;
    color: #002d56 !important;
}

    #join-phone a {
        color: #002d56 !important;
    }

        #join-phone a:hover {
            background-color: #f0df1a !important;
        }

.navbar-collapse .nav > li > a:hover, .navbar-collapse .nav > li > a:focus {
    background-color: #002d56;
    /*text-decoration: underline;*/
    transition: .3s ease-in-out;
}

.btn-primary {
    background-color: #002d56 !important;
}

.panel-primary > .panel-heading {
    background-color: #002d56 !important;
    border-color: #002d56 !important;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background-color: #002d56 !important;
}

a.dropdown-toggle.accountLinks {
    padding: 11px 15px;
}

.btn, .DataFormButton {
    background-color: #F0DF1A;
    color: #002D56;
    border-color: white;
}

    .DataFormButton:hover, .btn:hover {
        background-color: #d4c820;
        color: #002D56;
        border-color: white;
    }

.btn-primary {
    color: white !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #F0DF1A;
    color: #002D56;
    border-color: white;
}

.-search:hover {
    background-color: #004889 !important;
}

.small-display {
    display: none !important
}

@media(max-width: 1199px) {
    .small-display {
        display: block !important
    }

    .navbar-collapse.collapse {
        overflow: hidden !important;
        height: 0px !important;
    }

        .navbar-collapse.collapse.in {
            overflow: visible !important;
            height: inherit !important;
        }

    .navbar-nav, .navbar-nav li {
        float: none !important;
    }
}