@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

@font-face {
    font-family: 'brandon-grotesque';
    src: url('Brandon Grotesque Regular Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/***Standard Style variables***/

:root {
    --H1Color: #000;
    --H1FontFam: brandon-grotesque, sans-serif;
    --H1FontWeight: 500;
    --H1Size: 48px;
    --H1MarTop: 6px;
    --H1MarBottom: 12px;
    --H1LetterSpacing: 0px;
    --H2Color: #e76e34;
    --H2FontFam: brandon-grotesque, sans-serif;
    --H2FontWeight: 700;
    --H2Size: 36px;
    --H2MarTop: 4px;
    --H2MarBottom: 12px;
    --H2LetterSpacing: 0px;
    --H3Color: #e76e34;
    --H3FontFam: brandon-grotesque, sans-serif;
    --H3FontWeight: 700;
    --H3Size: 24px;
    --H3MarTop: 5px;
    --H3MarBottom: 12px;
    --H3LetterSpacing: 0px;
    --H4Color: #000;
    --H4FontFam: brandon-grotesque, sans-serif;
    --H4FontWeight: 500;
    --H4Size: 22px;
    --H4MarTop: 5px;
    --H4MarBottom: 10px;
    --H4LetterSpacing: 0px;
    --H5Color: #000;
    --H5FontFam: brandon-grotesque, sans-serif;
    --H5FontWeight: 700;
    --H5Size: 20px;
    --H5MarTop: 5px;
    --H5MarBottom: 2.5px;
    --H5LetterSpacing: 0px;
    --H6Color: #000000;
    --H6FontFam: brandon-grotesque, sans-serif;
    --H6FontWeight: 500;
    --H6Size: 18px;
    --H6MarTop: 5px;
    --H6MarBottom: 10px;
    --H6LetterSpacing: .5px;
}

.header {
    padding-top: 10px;
    padding-bottom: 0px;
    min-height: 130px;
    border-bottom: 1px solid #ddd;
    /* margin-top: -10px; */
}

.ProductDisplay {
    background-color: #EBEBEB;
    padding: 1em;
}

h1,
.h1,
.PageTitle {

    font-weight: var(--H1FontWeight);
    color: var(--H1Color);
    margin-top: var(--H1MarTop);
    font-family: var(--H1FontFam);
    font-size: var(--H1Size);
    letter-spacing: var(--H1LetterSpacing);
    margin-top: var(--H1MarTop);
    margin-bottom: var(--H1MarBottom);
}

h2,
.h2,
.PanelTitle {

    font-weight: var(--H2FontWeight);
    color: var(--H2Color);
    margin-top: var(--H2MarTop);
    font-family: var(--H2FontFam);
    font-size: var(--H2Size);
    letter-spacing: var(--H2LetterSpacing);
    margin-top: var(--H2MarTop);
    margin-bottom: var(--H2MarBottom);
    border-bottom: none;
    line-height: 1.3;


}

h3,
.SectionTitle,
.jcNews,
.jcProf {

    font-weight: var(--H3FontWeight);
    color: var(--H3Color);
    margin-top: var(--H3MarTop);
    font-family: var(--H3FontFam);
    font-size: var(--H3Size);
    letter-spacing: var(--H3LetterSpacing);
    margin-top: var(--H3MarTop);
    margin-bottom: var(--H3MarBottom);
    line-height: 1.1;
}

h4,
.h4,
.SectionLabel {

    font-weight: var(--H4FontWeight);
    color: var(--H4Color);
    margin-top: var(--H4MarTop);
    font-family: var(--H4FontFam);
    font-size: var(--H4Size);
    letter-spacing: var(--H4LetterSpacing);
    margin-top: var(--H4MarTop);
    margin-bottom: var(--H4MarBottom);

    line-height: 1.3;

}

h5,
.h5,
.SectionLabelSmaller {

    font-weight: var(--H5FontWeight);
    color: var(--H5Color);
    margin-top: var(--H5MarTop);
    font-family: var(--H5FontFam);
    font-size: var(--H5Size);
    letter-spacing: var(--H5LetterSpacing);

    margin-bottom: var(--H5MarBottom);

    line-height: 1.3;

}

h6,
.h6 {

    font-weight: var(--H6FontWeight);
    color: var(--H6Color);
    margin-top: var(--H6MarTop);
    font-family: var(--H6FontFam);
    font-size: var(--H6Size);
    letter-spacing: var(--H6LetterSpacing);

    margin-bottom: var(--H6MarBottom);


    line-height: 32px;

}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #000;
}

input,
button,
select,
textarea {

    font-family: 'Montserrat', sans-serif;
}

hr {
    margin-left: 0px;
    margin-right: 0px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #d8d8d8;
    margin-top: 1em;
    margin-bottom: 1em;
}

.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {
    /* font-family: Calibri, Helvetica Neue, Roboto, sans-serif; */
    font-weight: inherit;
    font-family: brandon-grotesque, sans-serif;
    color: #7d7d7d;
}

.btn,
.btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
    color: #333;
    transition: .25s all;
}

.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
    font-size: 14px;
    color: #040404;
    /* updated text color */
    border: 2.4px solid #000000;
    /* black border */
    line-height: 12px;
    background-color: transparent;
    font-weight: 500;
    display: inline-flex;
    /* padding-left: 15px; */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Montserrat', sans-serif;
    padding: 15px;
    /* background-position: right 10px center; */
    background-size: 16px;
    border-radius: 0px;
}

/* Hover, focus, active states */
.btn:hover,
.btn:focus,
.btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    color: white;
    background-color: black;
    text-decoration: none;
    border-color: #000000;
    /* keep border black on hover */
}

.TextButton.LargeButton {
    padding: 20px 20px 20px 20px;
}

.TextButton.PrimaryButton {
    color: #fff !important;
    /* white text */
    background-color: #e76e34;
    /* orange background */
    background-repeat: no-repeat;
    background-position: right 12px center;
    /* arrow on the right with some padding */
    background-size: 16px 16px;
    /* size of the arrow */
    border-color: #e76e34;
    /* match border to background */
    font-weight: bold;
    font-family: montserrat, sans-serif;
    border-radius: 0px;
}

.TextButton.PrimaryButton:hover {
    border-color: #3A3A3A;
    background-color: #3A3A3A !important;
}

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
    background-color: #EBEBEB;
}

.ProductDisplay {
    background-color: #EBEBEB;
    padding: 1em;
}

.account-banner-bg-color-2 .account-banner:before {
    background-color: #F0F9FF;
}

a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
    color: #e76e34;
    text-decoration: none;
}

a:visited,
.Link:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited,
.RadGrid.RadGrid .rgEditForm a:visited,
.k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
    color: #e76e34;
}

a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active,
.RadGrid.RadGrid .rgAltRow a:hover,
.RadGrid.RadGrid .rgAltRow a:focus,
.RadGrid.RadGrid .rgAltRow a:active,
.RadGrid.RadGrid .rgEditForm a:hover,
.RadGrid.RadGrid .rgEditForm a:focus,
.RadGrid.RadGrid .rgEditForm a:active,
.k-grid.k-grid a:hover,
.k-grid.k-grid a:focus,
.k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
    color: black;
    text-decoration: none;
}

.RelatedItemsHorizontalEffect li:hover {
    background-color: #d8d8d8;
    transform: scale(1.35);
    border-radius: 10px;
}

.carousel-inner.bg-img>.item {
    background-color: transparent;

}

.SearchField label {
    font-size: 21px;
    color: #e76e34;
}

.SearchField,
.SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: #EBEBEB;
    padding: 8px 12px;
}

.obo-panel {
    line-height: 1.5em;

}

.SearchResultSummary .ListItemTitle a {
    text-decoration: none;
    color: #333333 !important;
    margin: -4px -7px 0;
    text-decoration: none !important;
}

.SearchResultSummary .ListItemTitle a:hover {
    background-color: #e76e34;
    text-decoration: underline;
}

.EventSummary {
    background-color: #EBEBEB;
}

.breadcrumb li.breadcrumb-item {
    list-style: none;
    display: inline-block;
    color: #555;
}

.ProgramItemSummary .InItinerary {
    background-color: #e76e34;
}

.container .row .RadGrid_MetroTouch .rgAltRow {
    background: #ebebeb;
}

.RegistrationArea div:not(.PriceOverrideForm)>.TextButton {
    width: auto;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: #EBEBEB !important;
}

.Wrapper-FullWidth #masterContentArea .row .row {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
    background-color: #F0F9FF;
}

.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: #e76e34;
    color: #fff;
}

.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover {
    color: #7d7d7d
}

.EventDisplay .PricingData .rgRow td {
    border-bottom: 1px solid #333;
}

.CartCharges .GrandTotal .PanelField .Label {
    color: #d55a1f;
}

.CartCharges .GrandTotal .PanelField {

    color: #d55a1f;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #7d7d7d;
    background-color: #7d7d7d;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: #7d7d7d;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
    border-right: 3px solid #7d7d7d;
}

.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-family: inherit;
    font-weight: 700;
    font-size: 42px;
}

.RadScheduler.RadScheduler_Metro .rsHeader {
    border-color: #7d7d7d;
    background-color: #7d7d7d;
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
    border-color: #F0F9FF;
}

.RadScheduler_Metro .rsMonthView .rsDateBox {
    border-bottom: 1px solid #d8d8d8 !important;
    background-color: #d8d8d8 !important;
}

.RadScheduler .rsCategoryYellow .rsAptContent,
.RadScheduler .rsCategoryYellow .rsAptIn,
.RadScheduler .rsCategoryYellow .rsAptMid,
.RadScheduler .rsCategoryYellow .rsResourceMarker {

    background-color: #ECBC53 !important;
}

.RadScheduler .rsCategoryGreen .rsAptContent,
.RadScheduler .rsCategoryGreen .rsAptIn,
.RadScheduler .rsCategoryGreen .rsAptMid,
.RadScheduler .rsCategoryGreen .rsResourceMarker {
    border-color: #D5A220 !important;
    color: #333;
    background-color: orange !important;
}

.ProgressTracker2 .ProgressTrackerPanel {
    background-color: #7d7d7d;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {

    background-color: #D5A220;
}

.ProgressTracker2 .ProgressBar>span,
.ProgressTracker_Dashboard .ProgressBar>span,
.ProgressTracker_Dashboard_Overview .ProgressBar>span {
    display: block;
    height: 100%;
    background-color: #D5A220;
    position: relative;
    overflow: hidden;
}

.ProgressTracker2 .ProgressTrackerPanel .count {
    color: #fff;
    font-family: inherit;
    font-weight: 900;
    font-size: 58px;
}

.touch-radio-binary input[type="radio"]:checked+label,
.touch-radiobuttons input[type="radio"]:checked+label {
    background: #7d7d7d;
    border-color: #7d7d7d;
    color: #fff;
}

.CartCharges {
    background-color: #EBEBEB;
}

.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
    background-color: #7d7d7d;
    border-color: #7d7d7d;
    text-decoration: none;
    color: #fff !important;
}

.ContentBlockPrimary {
    padding: 20px;
    background-color: #EBEBEB;
}

.Quote {
    background: #f7f3ed;
    border-left: 10px solid #D5A220;
    margin: 1.5em .7em 1.5em 0;
    padding: 1.5em .7em;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: normal;
}

.header>* {
    max-width: 1200px;
    margin: 0 auto;
}


.container,
.header-container,
.SliderPage1 {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

a.ste-toggle.on {
    position: relative;
    z-index: 999;
}

.jcMed {
    font-size: 18px;
}

.jcHeavyLink {
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: black !important;
}

.jcHeavyLink:hover {
    color: #e76e34 !important;
}

.col-sm-12.banner-top-bar {
    background-color: #d9d9d9 !important;
}

.jcStyledIQA .rgHeader {
    display: none;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #e76e34;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active,
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
    border-color: #e76e34;
    background-color: #e76e34;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
    background-color: #e76e34 !important;
    border-color: #e76e34 !important;
    text-decoration: none;
}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid.RadGrid_Metro .rgActiveRow td,
.RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgSelectedRow td,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: black;
}