*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { width: 100%; margin: 0 auto; padding: 0 1rem; }
.container:after, .section:after { clear: both; }
.container.max { max-width: calc(100% - 20px); width: 100%; }

.clear { display: block; clear: both; }
@-ms-viewport { width: device-width; }

.section.center { align-items: center; }

.section.no-row-g { row-gap: 0px !important; }
.section.sml-row-g { row-gap: 1rem !important; }

.row-gap-2em { row-gap: 2em !important; }

.ml-25 { margin-left: 25px; }

.flx-bx { display: flex; }
.fl-al-cent { align-items: center; }
.fl-al-end { align-items: flex-end; }
.fl-ju-cent { justify-content: center; }
.fl-ju-space { justify-content: space-between; }
.fl-ju-even { justify-content: space-evenly; }
.fl-ju-end { justify-content: end; }
.fl-dir-row-rev { flex-direction: row-reverse; }
.fl-wrap { flex-wrap: wrap; }

.full-h { height: 100%; }

.grid { display: grid; margin: 0 auto; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(12, 1fr); }
.grid > div { padding: 0px; }

.section { margin: 0 -1rem; display: flex; flex-wrap: wrap; row-gap: 2rem; }
.section > div { position: relative; min-height: 1px; padding: 0 1rem; }
.section.center { align-items: center; }
.section .clear { display: none; }

.section.stockpanel { row-gap: 0px; margin: 0px -0.25rem; }
.section.stockpanel > * { padding: 0.25rem; }

.section.nogap { margin: 0px; row-gap: 0rem; }
.section.nogap > div { padding: 0rem; }
.section.gap05 { margin: 0 -0.5rem; row-gap: 1rem; }
.section.gap05 > div { padding: 0 0.5rem; }

.section.gap075 { margin: 0 -0.75rem; row-gap: 1.5rem; }
.section.gap075 > div { padding: 0 0.75rem; }

.dw-xxs-10percent { width: 10%; }
.dw-xxs-20percent { width: 20%; }
.dw-xxs-30percent { width: 30%; }
.dw-xxs-40percent { width: 40%; }
.dw-xxs-45percent { width: 45%; }
.dw-xxs-50percent { width: 50%; }
.dw-xxs-55percent { width: 55%; }
.dw-xxs-60percent { width: 60%; }
.dw-xxs-70percent { width: 70%; }
.dw-xxs-80percent { width: 80%; }
.dw-xxs-90percent { width: 90%; }

.dw-xxs-10th { width: calc(100% / 10); }
.dw-xxs-9th { width: calc(100% / 9); }
.dw-xxs-8th { width: calc(100% / 8); }
.dw-xxs-7th { width: calc(100% / 7); }
.dw-xxs-5th { width: calc(100% / 5); }

.dw-xxs-12 { width: 100%; }
.dw-xxs-11 { width: 91.66666666666666%; }
.dw-xxs-10 { width: 83.33333333333334%; }
.dw-xxs-9 { width: 75%; }
.dw-xxs-8 { width: 66.66666666666666%; }
.dw-xxs-7 { width: 58.333333333333336%; }
.dw-xxs-6 { width: 50%; }
.dw-xxs-5 { width: 41.66666666666667%; }
.dw-xxs-4 { width: 33.33333333333333%; }
.dw-xxs-3 { width: 25%; }
.dw-xxs-2 { width: 16.666666666666664%; }
.dw-xxs-1 { width: 8.333333333333332%; }

@media (max-width: 400px) {
    .container.max { max-width: 100%; width: 100%; }
}

@media (min-width:500px) {
    .dw-xs-10percent { width: 10%; }
    .dw-xs-20percent { width: 20%; }
    .dw-xs-30percent { width: 30%; }
    .dw-xs-40percent { width: 40%; }
    .dw-xs-50percent { width: 50%; }
    .dw-xs-60percent { width: 60%; }
    .dw-xs-70percent { width: 70%; }
    .dw-xs-80percent { width: 80%; }
    .dw-xs-90percent { width: 90%; }

    .dw-xs-10th { width: calc(100% / 10); }
    .dw-xs-9th { width: calc(100% / 9); }
    .dw-xs-8th { width: calc(100% / 8); }
    .dw-xs-7th { width: calc(100% / 7); }
    .dw-xs-5th { width: calc(100% / 5); }

    .dw-xs-12 { width: 100%; }
    .dw-xs-11 { width: 91.66666666666666%; }
    .dw-xs-10 { width: 83.33333333333334%; }
    .dw-xs-9 { width: 75%; }
    .dw-xs-8 { width: 66.66666666666666%; }
    .dw-xs-7 { width: 58.333333333333336%; }
    .dw-xs-6 { width: 50%; }
    .dw-xs-5 { width: 41.66666666666667%; }
    .dw-xs-4 { width: 33.33333333333333%; }
    .dw-xs-3 { width: 25%; }
    .dw-xs-2 { width: 16.666666666666664%; }
    .dw-xs-1 { width: 8.333333333333332%; }
}

@media (max-width: 767px) {
    .section { margin: 0 -10px; }
    .section > div { padding: 0 10px; }
    .marg-btm-15-xs { margin-bottom: 15px; }
    .no-mob-marg { margin: 0; }
}




@media (min-width:768px) {
    .dw-sm-10percent { width: 10%; }
    .dw-sm-20percent { width: 20%; }
    .dw-sm-30percent { width: 30%; }
    .dw-sm-40percent { width: 40%; }
    .dw-sm-50percent { width: 50%; }
    .dw-sm-60percent { width: 60%; }
    .dw-sm-70percent { width: 70%; }
    .dw-sm-80percent { width: 80%; }
    .dw-sm-90percent { width: 90%; }

    .dw-sm-10th { width: calc(100% / 10); }
    .dw-sm-9th { width: calc(100% / 9); }
    .dw-sm-8th { width: calc(100% / 8); }
    .dw-sm-7th { width: calc(100% / 7); }
    .dw-sm-5th { width: calc(100% / 5); }

    .dw-sm-12 { width: 100%; }
    .dw-sm-11 { width: 91.66666666666666%; }
    .dw-sm-10 { width: 83.33333333333334%; }
    .dw-sm-9 { width: 75%; }
    .dw-sm-8 { width: 66.66666666666666%; }
    .dw-sm-7 { width: 58.333333333333336%; }
    .dw-sm-6 { width: 50%; }
    .dw-sm-5 { width: 41.66666666666667%; }
    .dw-sm-4 { width: 33.33333333333333%; }
    .dw-sm-3 { width: 25%; }
    .dw-sm-2 { width: 16.666666666666664%; }
    .dw-sm-1 { width: 8.333333333333332%; }

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

@media (min-width: 768px) and (max-width: 991px) {
    .container { max-width: 750px; }
    .container.lg { max-width: calc(100% - 50px); width: 100%; }
}

@media(max-width: 991px) {
    .container.full-tabdown { max-width: 100% !important; }
}



@media (min-width:992px) {
    .dw-md-10percent { width: 10%; }
    .dw-md-20percent { width: 20%; }
    .dw-md-30percent { width: 30%; }
    .dw-md-40percent { width: 40%; }
    .dw-md-50percent { width: 50%; }
    .dw-md-60percent { width: 60%; }
    .dw-md-70percent { width: 70%; }
    .dw-md-80percent { width: 80%; }
    .dw-md-90percent { width: 90%; }

    .dw-md-10th { width: calc(100% / 10); }
    .dw-md-9th { width: calc(100% / 9); }
    .dw-md-8th { width: calc(100% / 8); }
    .dw-md-7th { width: calc(100% / 7); }
    .dw-md-5th { width: calc(100% / 5); }

    .dw-md-12 { width: 100%; }
    .dw-md-11 { width: 91.66666666666666%; }
    .dw-md-10 { width: 83.33333333333334%; }
    .dw-md-9 { width: 75%; }
    .dw-md-8 { width: 66.66666666666666%; }
    .dw-md-7 { width: 58.333333333333336%; }
    .dw-md-6 { width: 50%; grid-column: span 6; }
    .dw-md-5 { width: 41.66666666666667%; }
    .dw-md-4 { width: 33.33333333333333%; }
    .dw-md-3 { width: 25%; }
    .dw-md-2 { width: 16.666666666666664%; }
    .dw-md-1 { width: 8.333333333333332%; }

    .visible-tab-down { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .container { max-width: 970px; }
    .container.lg { max-width: calc(100% - 60px); width: 100%; }
}

@media(max-width: 1229px) {
    .visible-desk-up { display: none; }
}

@media (min-width: 1230px) {
    .container.console { width: auto !important; }

    .dw-lg-10percent { width: 10%; }
    .dw-lg-20percent { width: 20%; }
    .dw-lg-30percent { width: 30%; }
    .dw-lg-40percent { width: 40%; }
    .dw-lg-45percent { width: 45%; }
    .dw-lg-50percent { width: 50%; }
    .dw-lg-55percent { width: 55%; }
    .dw-lg-60percent { width: 60%; }
    .dw-lg-70percent { width: 70%; }
    .dw-lg-80percent { width: 80%; }
    .dw-lg-90percent { width: 90%; }

    .dw-lg-10th { width: calc(100% / 10); }
    .dw-lg-9th { width: calc(100% / 9); }
    .dw-lg-8th { width: calc(100% / 8); }
    .dw-lg-7th { width: calc(100% / 7); }
    .dw-lg-5th { width: calc(100% / 5); }

    .dw-lg-12 { width: 100%; }
    .dw-lg-11 { width: 91.66666666666666%; }
    .dw-lg-10 { width: 83.33333333333334%; }
    .dw-lg-9 { width: 75%; }
    .dw-lg-8 { width: 66.66666666666666%; }
    .dw-lg-7 { width: 58.333333333333336%; }
    .dw-lg-6 { width: 50%; }
    .dw-lg-5 { width: 41.66666666666667%; }
    .dw-lg-4 { width: 33.33333333333333%; }
    .dw-lg-3 { width: 25%; }
    .dw-lg-2 { width: 16.666666666666664%; }
    .dw-lg-1 { width: 8.333333333333332%; }

    .visible-desk-up { display: block; }
}

@media (min-width:1230px) and (max-width:1474px) {
    .container { max-width: 1230px; }
    .container.sml { max-width: 830px; }
}

@media (min-width: 1671px) {
    .dw-xl-10percent { width: 10%; }
    .dw-xl-20percent { width: 20%; }
    .dw-xl-30percent { width: 30%; }
    .dw-xl-40percent { width: 40%; }
    .dw-xl-50percent { width: 50%; }
    .dw-xl-60percent { width: 60%; }
    .dw-xl-70percent { width: 70%; }
    .dw-xl-80percent { width: 80%; }
    .dw-xl-90percent { width: 90%; }

    .dw-xl-10th { width: calc(100% / 10); }
    .dw-xl-9th { width: calc(100% / 9); }
    .dw-xl-8th { width: calc(100% / 8); }
    .dw-xl-7th { width: calc(100% / 7); }
    .dw-xl-5th { width: calc(100% / 5); }

    .dw-xl-12 { width: 100%; }
    .dw-xl-11 { width: 91.66666666666666%; }
    .dw-xl-10 { width: 83.33333333333334%; }
    .dw-xl-9 { width: 75%; }
    .dw-xl-8 { width: 66.66666666666666%; }
    .dw-xl-7 { width: 58.333333333333336%; }
    .dw-xl-6 { width: 50%; }
    .dw-xl-5 { width: 41.66666666666667%; }
    .dw-xl-4 { width: 33.33333333333333%; }
    .dw-xl-3 { width: 25%; }
    .dw-xl-2 { width: 16.666666666666664%; }
    .dw-xl-1 { width: 8.333333333333332%; }
}

@media (min-width:1230px) and (max-width:1670px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1500px; }
}

@media (min-width:1671px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1640px; }
    .container.lg { max-width: 1700px; width: 100%; }
    .container.max { max-width: 1900px; width: 100%; }
    .container.sml { max-width: 830px; }
    .dw-xxl-10percent { width: 10%; }
    .dw-xxl-20percent { width: 20%; }
    .dw-xxl-30percent { width: 30%; }
    .dw-xxl-40percent { width: 40%; }
    .dw-xxl-50percent { width: 50%; }
    .dw-xxl-60percent { width: 60%; }
    .dw-xxl-70percent { width: 70%; }
    .dw-xxl-80percent { width: 80%; }
    .dw-xxl-90percent { width: 90%; }

    .dw-xxl-10th { width: calc(100% / 10); }
    .dw-xxl-9th { width: calc(100% / 9); }
    .dw-xxl-8th { width: calc(100% / 8); }
    .dw-xxl-7th { width: calc(100% / 7); }
    .dw-xxl-5th { width: calc(100% / 5); }

    .dw-xxl-12 { width: 100%; }
    .dw-xxl-11 { width: 91.66666666666666%; }
    .dw-xxl-10 { width: 83.33333333333334%; }
    .dw-xxl-9 { width: 75%; }
    .dw-xxl-8 { width: 66.66666666666666%; }
    .dw-xxl-7 { width: 58.333333333333336%; }
    .dw-xxl-6 { width: 50%; }
    .dw-xxl-5 { width: 41.66666666666667%; }
    .dw-xxl-4 { width: 33.33333333333333%; }
    .dw-xxl-3 { width: 25%; }
    .dw-xxl-2 { width: 16.666666666666664%; }
    .dw-xxl-1 { width: 8.333333333333332%; }

    .container.console { max-width: 1645px !important; }
}

.center-block { margin: 0 auto; }
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }
.inner-rel { width: 100%; position: relative; }


.lh-08 { line-height: 0.8; }












.w-2 { width: 2px; }
.min-w-160 { min-width: 160px; }
.min-w-200 { min-width: 200px; }



.max-h-300 { max-height: 300px; }

.h-130 { height: 130px; }

.rad-0 { border-radius: 0px !important; }
.rad-3 { border-radius: 3px; }
.rad-5 { border-radius: 5px; }
.rad-6 { border-radius: 6px; }
.rad-8 { border-radius: 8px; }
.rad-10 { border-radius: 10px; }
.rad-20 { border-radius: 20px; }
.btml-rad-20 { border-bottom-left-radius: 20px; }
.btmr-rad-20 { border-bottom-right-radius: 20px; }

.sticky { position: sticky; position: -webkit-sticky; top: 0px; z-index: 10; }

.fl-left { float: left; }
.fl-right { float: right; }

.full-w { width: 100%; }

@media screen and (min-width: 1231px) {
    .fl-left-lg { float: left; }
    .fl-right-lg { float: right; }
}

@media screen and (min-width: 992px) and (max-width: 1230px) {
    .fl-left-md { float: left; }
    .fl-right-md { float: right; }
    .full-w-md { max-width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .fl-left-sm { float: left; }
    .fl-right-sm { float: right; }
    .hidden-sm { display: none !important; }
    .full-w-sm { max-width: 100%; }
}

@media screen and (max-width: 767px) {
    .fl-left-xs { float: left; }
    .fl-right-xs { float: right; }
    .hidden-xs { display: none !important; }

    .sm-center-txt { text-align: center !important; }
}

.flex { display: flex; }
.no-overflow { overflow: hidden; }
.cent-ab { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.opac-5 { opacity: 0.5; }


.my-60 { margin-top: 60px; margin-bottom: 60px; }