/* Minification failed. Returning unminified contents.
(9469,1): run-time error CSS1019: Unexpected token, found '}'
(9676,21): run-time error CSS1039: Token not allowed after unary operator: '-before-width'
(11133,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11252,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11391,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*
    This page contains class that sets an standard for webpages.
*/

/*! normalize.css v9.0.1 | MIT License | github.com/csstools/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
select {
    margin: 0
}
    button:hover,
    input:hover,
    select:hover {
        cursor: pointer;
    }

button {
    overflow: visible;
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

fieldset {
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

details,
dialog {
    display: block
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

    dialog:not([open]) {
        display: none
    }

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@media (max-width:767px) {
    .mobile-hide {
        display: none !important;
    }
}

@media only screen and (max-width:1023px) and (min-width: 768px) {
    .tablet-hide {
        display: none !important;
        color: red;
    }
}

@media (min-width:1024px) {
    .desktop-hide {
        display: none !important;
        color: red;
    }
}
@charset "UTF-8";

.center-object {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

/* - text align - */
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }

/* - vertical align - */
.align-start{ align-items: flex-start; }
.align-center{ align-items: center; }
.align-end{ align-items: flex-end; }

/* Style for scrollbar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.2);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(18,38,51,0.7);
    border-radius: 3.5px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(18,38,51,1);
    }

.responsiveImage {
    width: 100%;
    height: auto;
}
.roundImage{
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
/* ----- Check mark ----- */
ul.checkmark {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 2rem;
    list-style: none
}

    ul.checkmark li {
        font-size: 0.857rem;
        letter-spacing: .2px;
        line-height: 1.3;
        padding-left: 2rem;
        background: url(/Images/NavyWhite/checkmark.svg) no-repeat 4px 1px;
        background-size: 16px 12px;
        margin: 0.05rem 0;
    }

/* -------------- Line After -------------- */

.line-after {
    position: relative;
    margin-bottom: 3rem
}

    .line-after:after {
        content: '';
        display: block;
        width: 75px;
        height: 2px;
        background: #ef8f23;
        margin-top: .75rem;
        position: absolute
    }
    .line-after.short::after{
        margin-top: .2rem;
    }

.line-after-right {
    position: relative;
    margin-bottom: 3rem
}

    .line-after-right:after {
        content: '';
        display: block;
        width: 75px;
        height: 2px;
        background: #ef8f23;
        margin-top: .75rem;
        position: absolute
    }

    .line-after-right:after {
        right: 0
    }


/*@font-face {
    font-family: proxima-nova;
    src: url();
    src: url(../../fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(../../fonts/ProximaNova-Regular.woff) format("woff"), url(../../fonts/ProximaNova-Regular.ttf) format("truetype"), url(../../fonts/ProximaNova-Regular.svg#proxima-nova) format("svg");
    font-weight: 400;
    font-style: normal;
}*/
@font-face {
    font-family: proxima-nova;
    src: url(../../fonts/ProximaNova-Regular.eot);
    src: url(../../fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(../../fonts/ProximaNova-Regular.woff) format("woff"), url(../../fonts/ProximaNova-Regular.ttf) format("truetype"), url(../../fonts/ProximaNova-Regular.svg#proxima-nova) format("svg");
    font-weight: 400;
    font-style: normal
}



.page-title {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    letter-spacing: .5px;
    line-height: 1.25;
    color: #3b3a37;
    text-align: left;
    margin: 0 0 20px;
    text-align: center;
}

@media screen and (min-width:1024px) {
    .page-title {
        font-size: 48px;
        font-size: 3rem;
        margin: 0 0 30px
    }
}

.section-title {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: proxima-nova,Arial,Helvetica,sans-serif;
    letter-spacing: .5px;
    line-height: 1.25;
    color: #3b3a37;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: left;
    display: block
}

@media screen and (min-width:768px) {
    .section-title {
        padding: 0 10px;
        font-weight: 600;
    }
}

@media screen and (min-width:1024px) {
    .section-title {
        font-size: 40px;
        padding: 0;
        font-weight: 600;
    }
}

.section-title.-white {
    color: #fff
}

.section-sub-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: proxima-nova,Arial,Helvetica,sans-serif;
    letter-spacing: .5px;
    line-height: 1.35;
    color: #3b3a37;
    margin: 0 0 30px;
    display: block
}

    .section-sub-title.-white {
        color: #fff
    }

    .section-sub-title.-banner {
        font-size: 16px;
        font-size: 1rem
    }

@media screen and (min-width:1024px) {
    .section-sub-title{
        line-height: 1.75;
    }
    
    .section-sub-title.-banner {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.section-sub-title.-right {
    text-align: right
}

/* Display block only on mobile view */
.mobile_block{
    display: block;
}
@media screen and (min-width: 768px) {
    .mobile_block{
        display: inline-block;
    }
}

.body-title {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: proxima-nova,Arial,Helvetica,sans-serif;
    letter-spacing: .5px;
    line-height: 1.25;
    color: #3b3a37;
    margin: 0 0 30px;
    display: block
}

    .body-title.-white {
        color: #fff
    }

    .body-title.-bold {
        font-weight: 600
    }

.body-copy,
.body-copy--regular {
    color: #3b3a37
}

.body-copy,
.body-copy--regular,
.body-copy--regular-white {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 20px;
    display: block
}

.body-copy--regular-white {
    color: #fff
}

.body-copy--regular-bold {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    margin-top: 0;
    margin-bottom: 20px;
    display: block
}

.body-copy--regular.-error {
    color: #991a30;
    margin-top: 20px
}

.body-copy--medium {
    font-weight: 400;
    display: block
}

.body-copy--medium,
.body-copy--medium-bold {
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    margin-top: 0;
    margin-bottom: 30px
}

.body-copy--medium-bold {
    font-weight: 600
}

.body-copy--medium-white {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: #fff;
    margin: 0;
    display: block;
    padding-left: 3%;
    padding-right: 3%;
}

.body-copy--medium.-success {
    color: #3b3a37;
    margin: 20px 0 10px
}

    .body-copy--medium.-success .bold {
        font-weight: 600
    }

.body-copy--medium.-error {
    color: #991a30;
    margin: 20px 0 10px
}

.body-copy--medium.-right {
    text-align: right;
    margin: 20px 0 10px
}

.body-copy--medium.field-validation-error.errorMsg {
    margin-bottom: 20px;
    font-weight: 600
}

.body-copy--large {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    margin-top: 0;
    margin-bottom: 30px;
    display: block
}

.body-copy--xl {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    margin-top: 0;
    margin-bottom: 30px;
    display: block
}

@media screen and (max-width:768px) {
    .body-copy--xl {
        font-size: 1rem;
    }
}



.body-copy--small {
    color: #3b3a37
}

.body-copy--small,
.body-copy--small-white {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    margin-top: 0;
    margin-bottom: 20px;
    display: block
}

.body-copy--small-white {
    color: #fff
}

.bold-text {
    font-weight: 600
}

/* --- Items ----*/
.items {
    font-size: 16px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.5;
    color: #3b3a37;
    padding: 0 0 0 20px;
    margin-top: 0;
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .items {
        padding: 0 0 0 30px
    }
}

.items > .item {
    margin-top: 0;
    margin-bottom: 5px
}

/* ---- CTA ----*/

.cta-text-lrg {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    text-align: left;
    text-decoration: none
}

    .cta-text-lrg.-white {
        color: #fff
    }

    .cta-text-lrg.-center {
        text-align: center
    }

    .cta-text-lrg:hover,
    .cta-text-lrg:visited {
        text-decoration: none
    }


._cta {
    width: 100%;
    padding: 10px 20px;
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    border-radius: 5px;
    background-color: #122633;
    cursor: pointer;
    transition: all .1s ease-in-out
}

    ._cta:hover {
        background-color: #991a30
    }



.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

html {
    font-family: proxima-nova,Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #3b3a37;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
:after,
:before {
    box-sizing: inherit
}

body,
html {
    padding: 0;
    margin: 0
}

body {
    position: relative;
    overflow: auto
}

.main-content {
    padding-bottom: 20px;
    background-color: #fff;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .main-content {
        padding-bottom: 60px
    }
}


.-muboxshadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}

.-boxradis {
    border-radius: 5px;
}

/* -- Paddings -- */
.-padding020 {
    padding: 0px 20px;
}

.-padding200 {
    padding: 20px 0px;
}

.-padding1010 {
    padding: 10px;
}

.-padding1020 {
    padding: 10px 20px;
}

.-padding2010 {
    padding: 20px 10px;
}

.-padding2040 {
    padding: 20px 40px;
}

.-padding4020 {
    padding: 40px 20px;
}

.-padding4040 {
    padding: 40px 40px;
}

/* --- Wrappers --- */

.no-wrap {
    white-space: nowrap;
}

.section-wrap {
    padding: 20px 20px 30px;
    margin-bottom: 30px;
    /*background-color: #eae9e8;*/
    background-color: #f0f0f0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    overflow: auto;
    border-radius: 20px;
}

.accounts-wrap {
    margin: 20px auto 0
}

._youtube-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    ._youtube-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none
    }




/* ---- Drop Down Div ---- */
.dropdowndiv {
    position: relative;
    display: block;
}
.dropbtn {
    font-weight: 700;
    border: none;
    background-color: #f0f0f0;
    padding: 10px 20px;
    transition: 200ms ease-in-out;
    cursor: pointer;
    text-align: left;
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.dropdown-content {
    display: none;
    position: relative;
    font-size: 1rem;
    background-color: #f0f0f0;
    padding: 10px 20px;
    height: 100%;
}

    .dropdown-content > div {
        padding-top: 5px;
        font-size: 1rem;
        text-decoration: none;
        display: block;
    }

.dropbtn:hover, .dropbtn:focus {
    background-color: #dadada;
    outline: none;
}
.activedropbtn {
    background-color: #dadada;
}
.dropdowndiv .dropbtn .fa-chevron-up{
    float: right;
    transition: transform 200ms ease-in-out;
}
.rotate180deg{
    transform: rotate(180deg);
}

@media screen and (min-width:768px) {
    .dropdown-content {
        display: none;
        position: relative;
        font-size: 1rem;
        padding-top: 10px;
    }

        .dropdown-content > div {
            padding-top: 5px;
            font-size: 1rem;
            text-decoration: none;
            display: block;
        }
}

/* --- Stylish Ordered List --- */
ol.roundedCounter {
    counter-reset: order-list-counter;
    font-size: 1rem;
    line-height: 1.375rem;
}

ol.roundedCounter li {
    position: relative;
    list-style: none;
    margin: 20px 0;
}

ol.roundedCounter li:before { 
    content: counter(order-list-counter);
    counter-increment: order-list-counter;
    position: absolute;
    top: -2px;
    left: -2.5em;
    padding-top: 2px;
    color: #fff;
    background: #104187;
    font-size: .875rem;
    font-weight: 700;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
}
.focusable:focus,
.focusable:focus * {
    outline: none;
    box-shadow: 0.5px 0.5px 10px rgba(0,0,0,0.5);
    border-radius: 5px;
}

.focusableContainer:focus {
    outline: none;
    box-shadow: 0.5px 0.5px 10px rgba(0,0,0,0.5);
    border-radius: 15px;
}

button:focus,
a:focus {
    outline: none;
}
/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1. "Slick Slider Section"
    2. "Slick Slider For Banners Section"
*/



/* ---- 1. Slick Slider Section ---- */


.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after,
    .slick-track:before {
        display: table;
        content: ""
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

    .slick-next,
    .slick-next:focus,
    .slick-next:hover,
    .slick-prev,
    .slick-prev:focus,
    .slick-prev:hover {
        color: transparent;
        outline: 0;
        background: 0 0
    }

        .slick-next:focus:before,
        .slick-next:hover:before,
        .slick-prev:focus:before,
        .slick-prev:hover:before {
            opacity: 1
        }

        .slick-next.slick-disabled:before,
        .slick-prev.slick-disabled:before {
            opacity: .25
        }

        .slick-next:before,
        .slick-prev:before {
            font-family: slick;
            font-size: 20px;
            line-height: 1;
            opacity: .75;
            color: #fff;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        padding: 0
    }

        .slick-dots li,
        .slick-dots li button {
            width: 20px;
            height: 20px;
            cursor: pointer
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                padding: 5px;
                color: transparent;
                border: 0;
                outline: 0;
                background: 0 0
            }

                .slick-dots li button:focus,
                .slick-dots li button:hover {
                    outline: 0
                }

                    .slick-dots li button:focus:before,
                    .slick-dots li button:hover:before {
                        opacity: 1
                    }

                .slick-dots li button:before {
                    font-family: slick;
                    font-size: 6px;
                    line-height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 20px;
                    height: 20px;
                    content: "•";
                    text-align: center;
                    opacity: .25;
                    color: #000;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale
                }

            .slick-dots li.slick-active button:before {
                opacity: .75;
                color: #000
            }


/* ---- 2. Slick Slider For Banners Section ---- */

.Slider__banner.slick-dotted.slick-slider {
    margin-bottom: 40px
}

    .Slider__banner.slick-dotted.slick-slider ._slide {
        height: 530px;
        background-color: #3a3a3a;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        overflow: hidden;
        position: relative;
        display: block !important
    }

        .Slider__banner.slick-dotted.slick-slider ._slide ._copy {
            font-size: 26px;
            font-size: 1.625rem;
            font-weight: 400;
            letter-spacing: .5px;
            line-height: 1.25;
            color: #fff;
            margin-top: 60px;
            margin-bottom: 30px;
            display: block
        }

@media screen and (min-width:1024px) {
    .Slider__banner.slick-dotted.slick-slider ._slide ._copy {
        font-size: 40px;
        font-weight: 700;
    }
}

.Slider__banner.slick-dotted.slick-slider ._slide .col-12.col-md-6.col-lg-4 {
    position: absolute;
    top: 250px
}

@media screen and (min-width:768px) {
    .Slider__banner.slick-dotted.slick-slider ._slide .col-12.col-md-6.col-lg-4 {
        position: relative
    }
}

@media screen and (min-width:1024px) {
    .Slider__banner.slick-dotted.slick-slider ._slide .col-12.col-md-6.col-lg-4 {
        position: static
    }
}

.Slider__banner.slick-dotted.slick-slider .slick-dots {
    bottom: 10px
}

    .Slider__banner.slick-dotted.slick-slider .slick-dots li button {
        width: 10px;
        height: 10px;
        background-color: #3b3a37;
        border-radius: 50%;
        border: 1px solid #eae9e8
    }

        .Slider__banner.slick-dotted.slick-slider .slick-dots li button:before {
            content: ""
        }

    .Slider__banner.slick-dotted.slick-slider .slick-dots li.slick-active button {
        background-color: #eae9e8;
        border-radius: 50%
    }

        .Slider__banner.slick-dotted.slick-slider .slick-dots li.slick-active button:before {
            color: #3b3a37
        }

.Slider__instagram #instagramSlider ._card {
    width: 100%;
    display: inline-block;
    padding: 0 10px;
    margin: 0;
    position: relative
}

    .Slider__instagram #instagramSlider ._card:hover ._caption {
        visibility: visible;
        opacity: 1
    }

    .Slider__instagram #instagramSlider ._card ._image {
        width: 100%
    }

    .Slider__instagram #instagramSlider ._card ._caption {
        width: calc(100% - 20px);
        height: 100%;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.75;
        color: #3b3a37;
        color: #fff;
        padding: 20px;
        position: absolute;
        top: 0;
        left: 10px;
        background-color: #191919;
        transition: all .1s ease-in-out;
        visibility: hidden;
        opacity: 0
    }

        .Slider__instagram #instagramSlider ._card ._caption .link {
            width: 100%;
            height: 100%
        }

/*
    This page contains class for Color.
*/

.mubg-blue {
    background-color: aqua;
}

.mubg-red {
    background-color: #d04848;
}

.mubg-redbrand {
    background-color: #991a30;
}

.mubg-gray {
    background-color: gray;
}

.mubg-lightgray {
    background-color: #eae9e8;
}

.mubg-darkgray {
    background-color: #3b3a37;
}


.mubg-yellow {
    background-color: #f0c954;
}

.mubg-navy {
    background-color: #122633;
}

/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1. "Lightcase font Section"
    2. "Font Awesome Icons Section"
*/



/* ---- 1. Lightcase font Section ---- */

@font-face {
    font-family: lightcase;
    src: url(../fonts/lightcase.eot?55356177);
    src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"), url(../fonts/lightcase.woff?55356177) format("woff"), url(../fonts/lightcase.ttf?55356177) format("truetype"), url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=lightcase-icon-]:before {
    font-family: lightcase, sans-serif;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.lightcase-icon-play:before {
    content: "\e800"
}

.lightcase-icon-pause:before {
    content: "\e801"
}

.lightcase-icon-close:before {
    content: "\e802"
}

.lightcase-icon-prev:before {
    content: "\e803"
}

.lightcase-icon-next:before {
    content: "\e804"
}

.lightcase-icon-spin:before {
    content: "\e805"
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

#lightcase-case {
    display: none;
    position: fixed;
    z-index: 7;
    top: 50%;
    left: 50%;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-case,
    html[data-lc-type=inline] #lightcase-case {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 55px 0 70px;
        width: 100% !important;
        height: 100% !important;
        overflow: auto !important
    }
}

@media screen and (min-width:641px) {
    html:not([data-lc-type=error]) #lightcase-content {
        position: relative;
        z-index: 1;
        text-shadow: none;
        background-color: #fff;
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
        box-shadow: 0 0 30px rgba(0, 0, 0, .5);
        -webkit-backface-visibility: hidden
    }
}

@media screen and (min-width:641px) {
    html[data-lc-type=image] #lightcase-content,
    html[data-lc-type=video] #lightcase-content {
        background-color: #333
    }
}

html[data-lc-type=ajax] #lightcase-content,
html[data-lc-type=error] #lightcase-content,
html[data-lc-type=inline] #lightcase-content {
    -moz-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-content,
    html[data-lc-type=error] #lightcase-content,
    html[data-lc-type=inline] #lightcase-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important
    }
}

html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
        padding: 15px
    }

        html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *,
        html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *,
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > * {
            width: 100% !important;
            max-width: none !important
        }

            html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > :not(iframe),
            html[data-lc-type=error] #lightcase-content .lightcase-contentInner > :not(iframe),
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > :not(iframe) {
                height: auto !important;
                max-height: none !important
            }
}

@media screen and (max-width:640px) {
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width:640px) and (min-width:641px) {
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: .75
    }
}

html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden !important
}

@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important
    }
}

@media screen and (min-width:641px) {
    html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 30px;
        overflow: auto;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (max-width:640px) {
    #lightcase-content h1,
    #lightcase-content h2,
    #lightcase-content h3,
    #lightcase-content h4,
    #lightcase-content h5,
    #lightcase-content h6,
    #lightcase-content p {
        color: #aaa
    }
}

@media screen and (min-width:641px) {
    #lightcase-content h1,
    #lightcase-content h2,
    #lightcase-content h3,
    #lightcase-content h4,
    #lightcase-content h5,
    #lightcase-content h6,
    #lightcase-content p {
        color: #333
    }
}

#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa
}

@media screen and (max-width:640px) {
    #lightcase-case p.lightcase-error {
        padding: 30px 0
    }
}

@media screen and (min-width:641px) {
    #lightcase-case p.lightcase-error {
        padding: 0
    }
}

.lightcase-open body {
    overflow: hidden
}

.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%
}

#lightcase-info {
    position: absolute;
    padding-top: 15px
}

    #lightcase-info #lightcase-caption,
    #lightcase-info #lightcase-title {
        margin: 0;
        padding: 0;
        line-height: 1.5;
        font-weight: 400;
        text-overflow: ellipsis
    }

    #lightcase-info #lightcase-title {
        font-size: 17px;
        color: #aaa
    }

@media screen and (max-width:640px) {
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333
    }
}

#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #fff;
    display: block
}

#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa
}

@media screen and (max-width:640px) {
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px
    }

    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static
    }
}

#lightcase-loading {
    z-index: 8;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 6;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    animation: a .5s infinite linear
}

    #lightcase-loading,
    #lightcase-loading:focus {
        text-decoration: none;
        color: #fff;
        -webkit-tap-highlight-color: transparent;
        transition: color, opacity, .25s ease-in-out
    }

        #lightcase-loading > span {
            display: inline-block;
            text-indent: -9999px
        }

a[class*=lightcase-icon-] {
    position: fixed;
    z-index: 8;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer
}

    a[class*=lightcase-icon-],
    a[class*=lightcase-icon-]:focus {
        text-decoration: none;
        color: hsla(0, 0%, 100%, .6);
        -webkit-tap-highlight-color: transparent;
        transition: color, opacity, .25s ease-in-out
    }

        a[class*=lightcase-icon-] > span {
            display: inline-block;
            text-indent: -9999px
        }

        a[class*=lightcase-icon-]:hover {
            color: #fff;
            text-shadow: 0 0 15px #fff
        }

.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
    color: #aaa;
    text-shadow: none
}

a[class*=lightcase-icon-].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none
}

a[class*=lightcase-icon-].lightcase-icon-prev {
    left: 15px
}

a[class*=lightcase-icon-].lightcase-icon-next {
    right: 15px
}

a[class*=lightcase-icon-].lightcase-icon-pause,
a[class*=lightcase-icon-].lightcase-icon-play {
    left: 50%;
    margin-left: -.5em
}

@media screen and (min-width:641px) {
    a[class*=lightcase-icon-].lightcase-icon-pause,
    a[class*=lightcase-icon-].lightcase-icon-play {
        opacity: 0
    }
}

@media screen and (max-width:640px) {
    a[class*=lightcase-icon-] {
        bottom: 15px;
        font-size: 24px
    }
}

@media screen and (min-width:641px) {
    a[class*=lightcase-icon-] {
        bottom: 50%;
        margin-bottom: -.5em
    }

        #lightcase-case:hover ~ a[class*=lightcase-icon-],
        a[class*=lightcase-icon-]:hover {
            opacity: 1
        }
}

#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 5;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: rgba(0, 0, 0, .9)
}

@media screen and (max-width:640px) {
    #lightcase-overlay {
        opacity: 1 !important
    }
}


/* ---- 2. Font Awesome Icons Section ---- */

/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(../fonts/webfonts/fa-solid-900.eot);
    src: url(../fonts/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/webfonts/fa-solid-900.woff2) format("woff2"), url(../fonts/webfonts/fa-solid-900.woff) format("woff"), url(../fonts/webfonts/fa-solid-900.ttf) format("truetype"), url(../fonts/webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.fas,
.icon--accessory--before:before,
.icon--accessory:after,
.icon--optionalaccessory--before:before,
.icon--optionalaccessory:after,
.icon--add:before,
.icon--bundle--before:before,
.icon--bundle:after,
.icon--chevron-left:before,
.icon--chevron-right:after,
.icon--chevron-up:after,
.icon--cross:before,
.icon--external-link-menu:after,
.icon--external-link:before,
.icon--gym--before:before,
.icon--gym:after,
.icon--heart:after,
.icon--map:before,
.icon--minus:before,
.icon--pdf:before,
.icon--selected:before,
.icon--tooltip:before,
.icon--tshirt:before,
.lightcase-icon-close:before,
.lightcase-icon-next:before,
.lightcase-icon-pause:before,
.lightcase-icon-play:before,
.lightcase-icon-prev:before,
.lightcase-icon-spin:before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}


/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: Font Awesome\ 5 Brands;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../fonts/webfonts/fa-brands-400.eot);
    src: url(../fonts/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/webfonts/fa-brands-400.woff2) format("woff2"), url(../fonts/webfonts/fa-brands-400.woff) format("woff"), url(../fonts/webfonts/fa-brands-400.ttf) format("truetype"), url(../fonts/webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab,
.icon--facebook:before,
.icon--linkedin:before,
.icon--mastercard:after,
.icon--twitter:before,
.icon--visa:before {
    font-family: Font Awesome\ 5 Brands
}

.icon--visa:before {
    content: "\f1f0";
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 0
}

.icon--mastercard:after {
    content: "\f1f1";
    font-size: 1.5rem;
    position: absolute;
    right: 31px;
    top: 0
}

.icon--minus:before {
    content: "\f068"
}

.icon--heart {
    font-size: 1rem;
    position: absolute;
    right: 20px;
    bottom: 20px
}

    .icon--heart:after {
        content: "\f004";
        margin-left: 10px
    }

.icon--add:before {
    content: "\f067"
}

.icon--copyright:before {
    content: "\f1f9";
    color: #fff
}

.icon--tooltip:before {
    content: "\f128";
    width: 12px;
    height: 12px;
    font-size: .5rem;
    color: #fff;
    padding: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3b3a37;
    border: 1px solid #3b3a37;
    border-radius: 50%
}

.icon--selected:before {
    content: "\f00c";
    color: #21ba46
}

.icon--tshirt:before {
    content: "\f553"
}

.icon--chevron-right:after {
    content: "\f054"
}

.icon--chevron-left:before {
    width: 16px;
    height: 100%;
    margin-right: 10px;
    content: "\f053"
}

.icon--chevron-up:after {
    content: "\f077"
}

.icon--bundle--before:before,
.icon--bundle:after {
    content: "\f02c"
}

.icon--gym--before:before,
.icon--gym:after {
    content: "\f70c"
}

.icon--accessory--before:before,
.icon--accessory:after,
.icon--optionalaccessory--before:before,
.icon--optionalaccessory:after {
    content: "\f696"
}

.icon--cross:before {
    content: "\f00d"
}

.icon--facebook:before {
    content: "\f39e"
}

.icon--twitter:before {
    content: "\f099"
}

.icon--linkedin:before {
    content: "\f08c"
}

.icon--map:before {
    content: "\f3c5";
    margin-right: 10px
}

.icon--pdf:before {
    content: "\f1c1";
    width: 16px;
    height: 100%;
    margin-right: 10px
}

.icon--external-link:before {
    content: "\f35d";
    width: 16px;
    height: 100%;
    margin-right: 10px
}

.icon--external-link-menu:after {
    content: "\f35d";
    width: 16px;
    height: 100%;
    margin-left: 10px
}

.lightcase-icon-play:before {
    content: "\f04c"
}

.lightcase-icon-pause:before {
    content: "\f04b"
}

.lightcase-icon-close:before {
    content: "\f00d"
}

.lightcase-icon-prev:before {
    content: "\f053"
}

.lightcase-icon-next:before {
    content: "\f054"
}

.lightcase-icon-spin:before {
    content: "\f1ce"
}


/* -- For Shop Uniform/Optional Accessories -- */
.cls-1, .cls-2 {
    stroke-width: 30px;
}

.cls-1 {
    stroke-linejoin: round;
}

.cls-2 {
    stroke-miterlimit: 10;
}
/* This style is for language translation button */

/* for hiding google original text popUp  */ 
div#goog-gt-tt{
    opacity: 0;
    z-index: -1;
}

.Header #floatingNavigation .HeaderSocial .language {
    display: block;
    margin-top: -35px;
}

    .Header #floatingNavigation .HeaderSocial .language button {
        padding: 10px;
        cursor: pointer;
        background: none;
        color: #3a3936;
        border: none;
    }

        .Header #floatingNavigation .HeaderSocial .language button:hover {
            color: #104187;
            text-decoration: underline;
        }

        .Header #floatingNavigation .HeaderSocial .language button.lang-check {
            color: #16417e;
            font-weight: bold;
            text-decoration: line-through #16417e;
        }

        .Header #floatingNavigation .HeaderSocial .language button.lang-check:hover {
            color: #991a30;
            font-weight: bold;
            text-decoration: line-through #991a30;
            cursor: text;
        }

/*@media screen and (max-width: 69.4375em) {
    .Header #floatingNavigation .HeaderSocial .language {
        position: relative;
        float: left;
        padding: 25px 0;
        top: 0;
        left: 0;
        transform: none;
        margin-right: -20px;
        margin-top: 0;
    }
}*/

@media screen and (max-width: 31.25em) {
    .Header #floatingNavigation .HeaderSocial .language button {
        padding: 10px 0;
        margin: 0;
    }

    .Header #floatingNavigation .HeaderSocial .language .lang-check {
        font-size: 80%;
        padding: 0;
        margin: 0;
    }

    .Header #floatingNavigation .HeaderSocial .language span {
        padding: 0;
        margin: 0;
    }
}


/*---------------------------------------------------*/
/* This style is to hide the google translate iframe */

.goog-te-banner-frame.skiptranslate, .goog-tooltip.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

/*
    This page contains class for Container.
*/

.container {
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative
}

.container--fluid {
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible
}

.container.-page {
    margin-bottom: 100px
}

.container.-section {
    margin-bottom: 40px;
    margin-top: 60px;
}

.container__row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container__row__reverse{
    flex-direction: row-reverse;
}

    .container__row .col-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        position: relative
    }

    .container__row .col-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        position: relative
    }

    .container__row .col-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        position: relative
    }

    .container__row .col-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        position: relative
    }

    .container__row .col-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        position: relative
    }

    .container__row .col-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        position: relative
    }

    .container__row .col-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        position: relative
    }

    .container__row .col-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        position: relative
    }

    .container__row .col-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        position: relative
    }

    .container__row ._products-section.col-9 {
        -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
        position: relative
    }

    .container__row .col-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        position: relative
    }

    .container__row ._products-section.col-10 {
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
        position: relative
    }

    .container__row .col-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        position: relative
    }

    .container__row .col-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: relative
    }

@media screen and (min-width:375px) {
    .container__row .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        position: relative
    }

    .container__row .col-sm-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        position: relative
    }

    .container__row .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        position: relative
    }

    .container__row .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        position: relative
    }

    .container__row .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        position: relative
    }

    .container__row .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        position: relative
    }

    .container__row .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        position: relative
    }

    .container__row .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        position: relative
    }

    .container__row .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        position: relative
    }

    .container__row ._products-section.col-sm-9 {
        -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
        position: relative
    }

    .container__row .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        position: relative
    }

    .container__row ._products-section.col-sm-10 {
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
        position: relative
    }

    .container__row .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        position: relative
    }

    .container__row .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: relative
    }
}

@media screen and (min-width:768px) {
    .container__row .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        position: relative
    }

    .container__row .col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        position: relative
    }

    .container__row .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        position: relative
    }

    .container__row .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        position: relative
    }

    .container__row .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        position: relative
    }

    .container__row .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        position: relative
    }

    .container__row .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        position: relative
    }

    .container__row .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        position: relative
    }

    .container__row .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        position: relative
    }

    .container__row ._products-section.col-md-9 {
        -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
        position: relative
    }

    .container__row .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        position: relative
    }

    .container__row ._products-section.col-md-10 {
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
        position: relative
    }

    .container__row .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        position: relative
    }

    .container__row .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: relative
    }
}

@media screen and (min-width:1024px) {
    .container__row .col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        position: relative
    }

    .container__row .col-lg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        position: relative
    }

    .container__row .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        position: relative
    }

    .container__row .col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        position: relative
    }

    .container__row .col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        position: relative
    }

    .container__row .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        position: relative
    }

    .container__row .col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        position: relative
    }

    .container__row .col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        position: relative
    }

    .container__row .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        position: relative
    }

    .container__row ._products-section.col-lg-9 {
        -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
        position: relative
    }

    .container__row .col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        position: relative
    }

    .container__row ._products-section.col-lg-10 {
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
        position: relative
    }

    .container__row .col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        position: relative
    }

    .container__row .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: relative
    }
}

@media screen and (min-width:1200px) {
    .container__row .col-xl-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        position: relative
    }

    .container__row .col-xl-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        position: relative
    }

    .container__row .col-xl-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        position: relative
    }

    .container__row .col-xl-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        position: relative
    }

    .container__row .offset-1-rt {
        margin-right: 8.33%;
    }

    .container__row .col-xl-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        position: relative
    }

    .container__row .col-xl-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        position: relative
    }

    .container__row .col-xl-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        position: relative
    }

    .container__row .col-xl-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        position: relative
    }

    .container__row .col-xl-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        position: relative
    }

    .container__row ._products-section.col-xl-9 {
        -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
        position: relative
    }

    .container__row .col-xl-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        position: relative
    }

    .container__row ._products-section.col-xl-10 {
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
        position: relative
    }

    .container__row .col-xl-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        position: relative
    }

    .container__row .col-xl-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: relative
    }
}

@media screen and (min-width:768px) {
    .container__row.-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width:768px) {
    .container__row ._input-wrap {
        padding: 10px 10px 0 0;
    }
}

.container.-inner {
    max-width: 1200px
}



/*--------------------------------------------
    --------- Product Container ----------
---------------------------------------------*/

.product_Container {
    position: relative;
}

.product_Container .body-copy--medium {
    margin-bottom: 30px;
}

    .product_Container .stock_Icon, .product_Container .sm_stock_Icon, .product_Container .lg_stock_Icon {
        position: absolute;
        top: 5px;
        right: 26px;
        font-size: 11px;
        color: #fff;
        padding: 2px 5px;
        font-weight: 700;
        white-space: nowrap;
    }

    .product_Container .sm_stock_Icon {
        font-size: 5px;
        padding: 1px 3px;
    }

    .product_Container .lg_stock_Icon {
        font-size: 14px;
        padding: 5px 10px;
    }

#core-stock-icon {
    background-color: #00b100;
}

    #core-stock-icon::after {
        content: '\2713';
        display: inline-block;
        color: #fff;
        padding-left: 5px;
        font-weight: 900;
    }

#non-core-stock-icon {
    background-color: #991a30;
}

/*--------------------------------------------
    --------- Switch Container ----------
---------------------------------------------*/

.switch_Container {
    width: 100%;
    margin: 0 auto 10px;
    background: #e0e0e0;
    text-align: center;
    height: 55px; /*66px;
    max-width: 500px;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #999;*/
}

.switch {
    position: relative;
    border: none;
    height: 55px;
    padding: 10px;
    background: #EAE9E8;
    cursor: pointer;
    transition: 100ms ease-in-out;
    width: 70%;
    border-top: 4px solid transparent;
    /*border-radius: 10px;*/
}

    .switch:hover, .switch:focus {
        color: #991a30;
    }

    .switch .switch_content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        margin: auto;
        text-align: left;
    }

    .switch .switch_icon {
        height: 20px;
        margin-top: 3px;
        margin-right: 10px;
        transition: 100ms ease-in-out;
        stroke: #EAE9E8;
        fill: #000;
    }

    .switch:hover .switch_icon,
    .switch:focus .switch_icon {
        fill: #991a30;
    }

    .switch .subscript_text {
        font-size: 12px;
        line-height: 12px;
    }

    .switch .superscript_text {
        font-size: 15px;
        line-height: 15px;
        margin: 0;
    }

.active_switch {
    background: #122633;
    color: #fff;
    box-shadow: 1px 1px 5px #000;
    border-top: 4px solid #991a30;
    width: calc(30%-5px);
}

    .active_switch:hover, .active_switch:focus {
        color: #fff;
        border-top: 4px solid #f0c954;
    }

    .active_switch .switch_icon {
        margin-right: 0;
        fill: #fff;
        stroke: #122633;
    }

    .active_switch:hover .switch_icon, 
    .active_switch:focus .switch_icon {
        fill: #fff;
    }

    .active_switch .subscript_text, .active_switch .superscript_text {
        display: none;
    }


/*-----------*/
@media screen and (min-width:500px) {
    .switch {
        width: calc(50% - 2.5px);
    }

    .active_switch {
        width: calc(50% - 2.5px);
    }

        .active_switch .switch_icon {
            margin-right: 10px;
        }

        .active_switch .subscript_text, .active_switch .superscript_text {
            display: block;
        }
}

@media screen and (min-width:1024px) {
    .switch_Container, .switch {
        height: 60px;
    }

        .switch .switch_icon {
            height: 30px;
        }

        .switch .subscript_text {
            font-size: 14px;
            line-height: 14px;
        }

        .switch .superscript_text {
            font-size: 18px;
            line-height: 18px;
            margin: 0;
        }
}

.categorySwitch {
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    padding: 10px;
    background: #122633;
    color: #fff;
    border-radius: 5px;
}

    .categorySwitch:hover, .categorySwitch:focus {
        background: #f0c954;
        color: #000;
    }


/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1.a) "Home Call Out Section"
    1.b) "HOME CALL OUT SEARCH BOX"
    2. "FullWidth and column Section"
    3. "Skewed | Parallax Background Section"
    4. "General Stylings"
*/



/* ---- 1. Home Call Out Section ---- */

.HomeCalloutMain {
    padding-bottom: 2%;
}

.HomeCallout {
    width: 100%;
    height: auto;
    background-color: #fff;
    min-height: 400px;
    position: relative;
}

    .HomeCallout .container__row {
        min-height: 450px;
        height: 100%;
    }

    .HomeCallout .buttonsdiv {
        text-align: left;
    }

        .HomeCallout .buttonsdiv.-left {
            text-align: right;
        }

    .HomeCallout ._callout-banner ._callout-left,
    .HomeCallout ._callout-banner ._callout-right {
        min-height: 220px;
        /*padding: 2% 3%;*/
        overflow: visible;
    }

        .HomeCallout ._callout-banner ._callout-left .-calloutpadding,
        .HomeCallout ._callout-banner ._callout-right .-calloutpadding {
            padding: 1% 1%;
        }


@media screen and (min-width:768px) {
    .HomeCallout ._callout-banner ._callout-left .-calloutpadding,
    .HomeCallout ._callout-banner ._callout-right .-calloutpadding {
        padding: 6% 9%;
    }
}

.HomeCallout .-boldtext {
    position: absolute;
    color: #fff;
    text-decoration: none;
    font-size: 1.125rem;
    padding: 5px 20px;
    border: 2px solid #fff;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.5);
}
    .HomeCallout .-boldtext i {
        position: relative;
        top: 7px;
        margin-bottom: 15px;
    }

.HomeCallout .-boldtextleft {
    TEXT-ALIGN: RIGHT;
    top: 85%;
    right: 5%;
}

.HomeCallout .-boldtextright {
    TEXT-ALIGN: left;
    top: 5%;
    left: 5%;
}


/*@media screen and (min-width:768px) {
    .HomeCallout ._callout-banner ._callout-left,
    .HomeCallout ._callout-banner ._callout-right {
        -ms-flex-preferred-size: calc(50% - 2060px)
    }
}*/


@media screen and (max-width:768px) {
    .HomeCallout ._callout-banner .-flip {
        float: right;
    }

    .HomeCallout ._callout-banner ._callout-left,
    .HomeCallout ._callout-banner ._callout-right {
        min-height: 150px;
        padding: 2% 3%;
        overflow: visible;
    }

    .HomeCallout .-boldtext {
        position: absolute;
        font-size: 1em;
        padding: 2px 15px;
        margin-top: 40px;
    }

    .HomeCallout .-boldtextleft {
        TEXT-ALIGN: RIGHT;
        top: 65%;
        right: 5%;
    }

    .HomeCallout .-boldtextright {
        TEXT-ALIGN: left;
        top: 5%;
        left: 5%;
    }
}

/* ---- 1.b) HOME CALL OUT SEARCH BOX ---- */
.HomeCallout ._input {
    border: 0px;
}

    .HomeCallout ._input:focus {
        border: 1px solid #d0d0d0;
    }

.HomeCallout .Search .searchWrapper {
    margin-top: 0px;
    display: block;
}

.NormalSearch .Search .searchWrapper {
    margin-top: 0px;
    display: block;
}

.NormalSearch .HomeCallout {
    height: 100px;
    min-height: 100px;
}

.HomeCallout ._input.-search {
    border-radius: 5px;
}

.HomeCallout .Search .searchWrapper ._items ._item .link {
    width: 100%;
    padding: 8px 15px 8px;
    display: block;
    transition: all .1s ease-in-out;
    color: #3b3a37;
    font-weight: 100;
    background-color: #e9e9e9;
}

    .HomeCallout .Search .searchWrapper ._items ._item .link:hover {
        text-decoration: none;
        color: #3b3a37;
        background: #d0d0d0;
    }

.HomeCallout .-left ._input.-search {
    background-position: right 10px center;
    padding-left: 0px;
    padding-right: 40px;
    text-align: right;
}

.HomeCallout .-left ._input::-webkit-input-placeholder {
    color: #3b3a37;
    opacity: .5;
    text-align: right;
}

.HomeCallout .-left ._input::-moz-placeholder {
    color: #3b3a37;
    opacity: .5;
    text-align: right;
}

.HomeCallout .-left ._input:-ms-input-placeholder,
.HomeCallout .-left ._input::-ms-input-placeholder {
    color: #3b3a37;
    opacity: .5;
    text-align: right;
}

.HomeCallout .-left ._input::placeholder {
    color: #3b3a37;
    opacity: .6;
    text-align: right;
    padding-left: 0px;
}


@media screen and (min-width:1024px) {
    .HomeCallout .Search {
        max-width: 340px;
        position: relative;
        right: 0px;
    }
}

/* -- 2. FullWidth and column Section -- */
.FullWidth__article-cards.-section,
.FullWidth__employee-cards.-section,
.FullWidth__two-column-callout.-section,
.ThreeColumn__card.container.-section {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin-bottom: 40px
}
.FullWidth__copy.container.-section {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 40px
}
.TwoColumn__copy.container.-section {
    width: 100%;
    max-width: 1024px;
    margin-bottom: 40px
}
@media screen and (min-width:1024px) {
    .FullWidth__copy.container.-section,
    .TwoColumn__copy.container.-section {
        margin-bottom: 40px
    }
}

.FullWidth__copy.container.-section {
    padding-top: 40px
}

.FullWidth__image.-section {
    width: 100%;
    max-width: 1160px;
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .FullWidth__image.-section {
        margin-bottom: 30px
    }
}
.FullWidth__image {
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden
}
@media screen and (min-width:1024px) {
    .FullWidth__image {
        height: 390px;
    }
}

@media screen and (min-width:1200px) {
    .FullWidth__image {
        height: 560px;
    }
}

.TwoColumn__callout ._callout {
    height: 300px;
    display: block;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    background-color: #3a3a3a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    cursor: pointer
}

    .TwoColumn__callout ._callout > ._title {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }

.TwoColumn__callout .-two-column:first-child,
.TwoColumn__cta .-two-column:first-child {
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .TwoColumn__callout .-two-column:first-child,
    .TwoColumn__cta .-two-column:first-child {
        margin-bottom: 0
    }
}

.FullWidth__employee-cards ._employee {
    height: 500px;
    margin-bottom: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
}

    .FullWidth__employee-cards ._employee ._employee-overlay {
        width: 100%;
        height: 100%;
        background: none;
        position: absolute;
        bottom: 0;
        text-align: left;
        outline: none;
        border: none;
    }

@media screen and (min-width:1024px) {
    .FullWidth__employee-cards ._employee ._employee-overlay {
        width: 100%;
        height: 100%;
        position: relative;
        background: #122633;
        transition: all .1s ease-in-out;
        opacity: 0
    }

        .FullWidth__employee-cards ._employee ._employee-overlay:hover,
        .FullWidth__employee-cards ._employee ._employee-overlay:focus {
            opacity: .9;
            visibility: visible
        }
}

.FullWidth__employee-cards ._employee ._employee-overlay ._copy-wrap {
    width: 100%;
    padding: 20px;
    background: rgba(18, 38, 51, .9);
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (min-width:1024px) {
    .FullWidth__employee-cards ._employee ._employee-overlay ._copy-wrap {
        padding: 30px;
        background-color: transparent
    }
}

.FullWidth__employee-cards ._employee ._employee-overlay .section-sub-title {
    color: #fff;
    line-height: 1.25;
    margin-bottom: 20px
}

@media screen and (min-width:1024px) {
    .FullWidth__employee-cards ._employee ._employee-overlay .section-sub-title {
        margin-bottom: 30px
    }
}

.FullWidth__employee-cards ._employee ._employee-overlay .section-sub-title ._employee-title {
    font-size: 16px
}

.FullWidth__article-cards ._article {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    background: #eae9e8;
    /*background: red;*/
    margin-bottom: 30px;
    /*padding:10px 10px;*/
}

    .FullWidth__article-cards ._article ._article-image {
        width: 100%;
        height: auto;
        display: inline-block
    }

    .FullWidth__article-cards ._article ._article-copy {
        padding: 30px 30px 50px;
    }

        .FullWidth__article-cards ._article ._article-copy .link {
            position: absolute;
            bottom: 20px;
        }

.FullWidth__two-column-callout ._callout-banner {
    background: #eae9e8;
    margin-top: 30px
}

@media screen and (min-width:1024px) {
    .FullWidth__two-column-callout ._callout-banner {
        margin-bottom: 60px
    }
}

.FullWidth__two-column-callout ._callout-banner:first-of-type {
    margin-top: 0
}

.FullWidth__two-column-callout ._callout-banner ._callout-left,
.FullWidth__two-column-callout ._callout-banner ._callout-right {
    height: 100%;
    min-height: 320px;
    padding: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .FullWidth__two-column-callout ._callout-banner ._callout-left,
    .FullWidth__two-column-callout ._callout-banner ._callout-right {
        -ms-flex-preferred-size: calc(50% - 60px)
    }
}

.FullWidth__two-column-callout ._callout-banner.-copy-only ._callout-left,
.FullWidth__two-column-callout ._callout-banner.-copy-only ._callout-right {
    min-height: auto
}

.FullWidth__two-column-callout ._callout-banner.-copy-only ._callout-right {
    padding-top: 0
}

@media screen and (min-width:768px) {
    .FullWidth__two-column-callout ._callout-banner.-copy-only ._callout-right {
        -ms-flex-preferred-size: calc(50% - 60px);
        padding-top: 30px
    }
}

.FullWidth__two-column-callout ._callout-banner.-youtube ._callout-left,
.FullWidth__two-column-callout ._callout-banner.-youtube ._callout-right {
    min-height: auto
}

@media screen and (min-width:768px) {
    .FullWidth__two-column-callout ._callout-banner.-youtube ._callout-left,
    .FullWidth__two-column-callout ._callout-banner.-youtube ._callout-right {
        -ms-flex-preferred-size: calc(50% - 60px)
    }
}

.FullWidth__two-column-callout ._callout-banner.-youtube ._callout-left.-youtube-embed,
.FullWidth__two-column-callout ._callout-banner.-youtube ._callout-right.-youtube-embed {
    -ms-flex-preferred-size: calc(50% - 0px);
    padding: 0
}

/* - Column card - */
.ThreeColumn__card ._card {
    height: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    position: relative
}

    .ThreeColumn__card ._card > ._image {
        height: 330px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top
    }

@media screen and (min-width:768px) {
    .ThreeColumn__card ._card > ._image {
        height: 220px
    }
}

.ThreeColumn__card ._card > ._caption-wrap {
    padding: 20px 20px 60px
}

.ThreeColumn__card ._card .link.-underline {
    position: absolute;
    bottom: 30px
}

    .ThreeColumn__card ._card .link.-underline:after {
        bottom: 0
    }


@media screen and (min-width:768px) {
    .-two-column:first-child {
        padding-right: 20px;
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .-two-column:first-child {
        -ms-flex-preferred-size: calc(50% - 20px)
    }
}

@media screen and (min-width:768px) {
    .-two-column:nth-child(2) {
        padding-left: 20px;
        -ms-flex-preferred-size: calc(50% - 20px)
    }
}

.-three-column {
    margin-bottom: 20px
}

@media screen and (min-width:1024px) {
    .-three-column {
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .-three-column:first-child {
        padding-right: 20px
    }
}

@media screen and (min-width:1024px) {
    .-three-column:first-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .-three-column:first-child,
    .-three-column:nth-child(2) {
        -ms-flex-preferred-size: calc(33.33% - 20px)
    }
}

@media screen and (min-width:768px) {
    .-three-column:nth-child(3) {
        padding-right: 20px
    }
}

@media screen and (min-width:1024px) {
    .-three-column:nth-child(3) {
        padding-bottom: 0;
        padding-left: 20px;
        -ms-flex-preferred-size: calc(33.33% - 20px)
    }
}


/* ---- 3. Skewed | Parallax Background Section ---- */
.skewed-background-container, .parallax-background-container {
    padding: 50px 0;
}
    .parallax-background-container.footer-parallax {
        padding: 0;
        transform: translateY(60px);
    }
    .skewed-background-container .skewed-background, 
    .parallax-background-container .parallax-background {
        position: relative;
        max-height: 55vh;
        height: 50vw;
        overflow: hidden;
        display: flex;
        justify-content: center;
        perspective: 1px;
    }
    .skewed-background-container .skewed-background {
        transform: skewY(-3deg);
        max-height: 65vh;
        height: 60vw;
    }

        .skewed-background-container .skewed-background .skewed-image, 
        .parallax-background-container .parallax-background .parallax-bg-image {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: inherit;
            color: white;
            text-shadow: 0 0 5px #000;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position-x: center;
            background-position-y: center;
            z-index: -1;
        }
        
        .skewed-background-container .skewed-background .skewed-image-content, 
        .parallax-background-container .parallax-background .parallax-image-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #ffffff;
            padding: 20px 50px;
            width: 95%;
        }
        .skewed-background-container .skewed-background .skewed-image-content .main-heading, 
        .parallax-background-container .parallax-background .parallax-image-content .main-heading {
            font-size: 1.5em;
            margin: 15px auto;
        }
        .skewed-background-container .skewed-background .skewed-image-content .sub-heading, 
        .parallax-background-container .parallax-background .parallax-image-content .sub-heading {
            font-size: 1em;
            margin: 10px auto;
        }
        .skewed-background-container .skewed-background .skewed-image-content .body-regular, 
        .parallax-background-container .parallax-background .parallax-image-content .body-regular {
            font-size: 0.6em;
            font-weight: 400;
        }
        .skewed-background-container .skewed-background .skewed-image-content .link, 
        .parallax-background-container .parallax-background .parallax-image-content .link {
            font-size: 0.6em;
            color: #fff;
            font-weight: 400;
        }
            .skewed-background-container .skewed-background .skewed-image-content .link i,
            .parallax-background-container .parallax-background .parallax-image-content .link i {
                position: relative;
                font-size: 1.3em;
                top: 0.25em;
                margin-bottom: 10px;
            }

        .skewed-background-container .skewed-background .skewed-image-content {
            transform: translate(-50%, -50%) skewY(3deg);
        }
        .darkOverlay{
            filter: brightness(0.65) contrast(1.2);
        }
        .blurredBackground{
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            background-color: rgba(0,0,0,0.6);
            border-radius: 5px;
        }
        .mdot{
            color: #d04848;
        }

.skewed-background-container .skewed-background .labels,
.parallax-background-container .parallax-background .labels {
    position: absolute;
    bottom: -10px;
    left: 3%;
    width: 150px;
}
@media screen and (max-width:768px){
    .skewed-background-container .skewed-background, 
    .parallax-background-container .parallax-background {
        height: 50vh;
    }
}
@media screen and (max-width:500px) {
    .skewed-background-container, .parallax-background-container{
        padding: 50px 0;
    }

    .skewed-background-container .skewed-background, 
    .parallax-background-container .parallax-background{
        transform: skewY(0);
        height: 55vh;
    }
    .skewed-background-container .skewed-background .skewed-image-content, 
    .parallax-background-container .parallax-background .parallax-image-content{
        transform: translate(-50%, -50%);
        padding: 20px;
    }
        .skewed-background-container .skewed-background .labels,
        .parallax-background-container .parallax-background .labels {
            position: absolute;
            bottom: 20px;
            left: 3%;
            width: 80px;
        }
}

@media screen and (orientation: landscape) and (max-height: 550px){
    .skewed-background-container .skewed-background, 
    .parallax-background-container .parallax-background {
        max-height: 95vh;
    }
}


@media screen and (min-width:768px){
    .skewed-background-container .skewed-background .skewed-image-content .body-regular span,
    .parallax-background-container .parallax-background .parallax-image-content .body-regular span {
        display: block;
    }
}

/* --------- 4. "General Stylings" ------------- */
.m-0 { margin: 0; }
.p-0 { padding: 0; }
/*
    This page contains class for Footer.
*/


._footer {
    margin-top: 10px;
    position: relative
}

    ._footer:first-child {
        margin-left: 20px
    }

    ._footer ._left-arrow,
    ._footer ._right-arrow {
        font-size: 30px;
        cursor: pointer;
        background: none;
        border:none;
    }

    ._footer ._left-arrow:focus,
    ._footer ._right-arrow:focus {
        outline: 1px solid #000;
    }

    ._footer .link {
        position: absolute;
        top: 0;
        right: 0
    }

@media screen and (min-width:768px) {
    ._footer .link {
        right: 20px
    }
}

._footer .link ._icon {
    font-size: 25px;
    margin-left: 10px;
    position: relative;
    top: 3px
}

.Footer {
    padding-top: 35px;
    padding-bottom: 10px;
    position: relative;
    background-image: linear-gradient(rgba(6, 35, 76, .95), #06234c)
}

@media screen and (min-width:768px) {
    .Footer {
        text-align: center;
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.Footer:before {
    content: "";
    width: 100%;
    height: 6px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, #ef8f23, #ef8f23)
}

.Footer ._items {
    padding: 0;
    margin: 0;
    list-style: none
}

    .Footer ._items > ._item {
        display: inline-block
    }

.Footer .nav__site-map {
    margin-bottom: 10px
}

    .Footer .nav__site-map > ._items {
        text-align: left;
        width: 100%
    }

@media screen and (min-width:768px) {
    .Footer .nav__site-map > ._items {
        padding-left: 17%;
        margin-bottom: 30px;
        column-fill: balance
    }
}

@media screen and (min-width:1024px) {
    .Footer .nav__site-map > ._items {
        padding-left: 20%
    }
}

.Footer .nav__site-map > ._items > ._item {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block
}

@media screen and (min-width:768px) {
    .Footer .nav__site-map > ._items > ._item {
        max-width: 31%
    }
}

@media screen and (min-width:1024px) {
    .Footer .nav__site-map > ._items > ._item {
        max-width: 20%
    }
}

.Footer .nav__site-map > ._items > ._item > .link {
    position: relative;
    display: inline-block
}
    .Footer .nav__site-map > ._items > ._item > .link:focus {
        color: #ef8f23;
    }

    .Footer .nav__site-map > ._items > ._item > .link:hover {
        text-decoration: underline
    }

.Footer .nav__social-media {
    margin-bottom: 40px
}

    .Footer .nav__social-media > ._items > ._item > .link {
        text-align: center;
        margin-right: 10px
    }

@media screen and (min-width:768px) {
    .Footer .nav__social-media > ._items > ._item > .link {
        margin-right: 10px;
        margin-left: 10px
    }
}

.Footer .nav__social-media > ._items > ._item > .link > ._icon {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .1s ease-in-out
}

@media screen and (min-width:768px) {
    .Footer .nav__social-media > ._items > ._item > .link > ._icon:hover,
    .Footer .nav__social-media > ._items > ._item > .link:focus > ._icon {
        color: #06234c;
        background-color: #fff
    }
}

.Footer .nav__social-media > ._items > ._item > .link > ._icon:before {
    width: 20px;
    height: 20px;
    display: inline-block
}

.Footer .nav__legal {
    margin-bottom: 30px
}

    .Footer .nav__legal > ._items > ._item {
        display: block;
        position: relative
    }

@media screen and (min-width:768px) {
    .Footer .nav__legal > ._items > ._item {
        display: inline-block
    }
}

.Footer .nav__legal > ._items > ._item > .link {
    position: relative;
    display: inline-block;
    padding-bottom: 20px
}

@media screen and (min-width:768px) {
    .Footer .nav__legal > ._items > ._item > .link {
        padding: 0 20px
    }
}

.Footer .nav__legal > ._items > ._item > .link:hover {
    text-decoration: underline
}

.Footer .nav__legal > ._items > ._item > .link:focus {
    color: #ef8f23;
}

.Footer .nav__legal > ._items > ._item > .link:before {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (min-width:768px) {
    .Footer .nav__legal > ._items > ._item > .link:before {
        content: "|"
    }
}

.Footer .nav__legal > ._items > ._item:last-of-type .link:before {
    content: ""
}

#backToTop {
    display: none;
    position: fixed;
    top: 90%;
    left: 95%;
    transform: translate(-95%, -90%);
    background: #06234c;
    color: #fafafa;
    border: none;
    border-radius: 100%;
    font-size: 1.8rem;
    padding: 5px 12px;
    cursor: pointer;
    transition: transform 200ms ease-in-out;
    opacity: 0.7;
}
    #backToTop:hover {
        transform: translate(-95%, -95%) scale(1.2);
        opacity: 1;
    }

/*
    This page contains class for Button.
*/

.button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: all .1s ease-in-out;
    display: inline-block;
    font-family: proxima-nova, Helvetica, sans-serif;
}

    .button:focus {
        outline: none;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
    }
    .button i {
        position: relative;
        top: 7px;
        left: 10px;
        margin-left: -10px;
        margin-bottom: 15px;
    }

    .button.-lrg, .button.login {
        font-size: 14px;
        font-size: .78rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.75;
        color: #fff;
        text-align: center;
        background-color: #164173;
        border: 2px solid #164173;
        padding: 5px 30px;
        border-radius: 30px;
        box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, .25);
        text-decoration: none;
    }

    .button.login {
        border-radius: 5px;
        width: 100%;
    }

    .button.-med {
        font-size: 12px;
        font-size: .775rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.75;
        color: #fff;
        text-align: center;
        background-color: #393431;
        padding: 2px 10px;
        border-radius: 5px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
        text-decoration: none
    }


@media screen and (min-width:1024px) {
    .button.-lrg {
        font-weight: 600;
        font-size: .875rem;
    }

        .button.-lrg:hover, .button.-lrg:focus {
            background-color: #fcfcfc;
            color: #164173;
            border: 2px solid #164173;
            box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
        }
}

.button.-lrg._cart-button {
    margin: 20px 0 30px;
    float: right
}

.button.-right {
    float: right
}
.button.-rightOnDesktop {
    float: left;
    margin: 10px auto;
}
@media screen and (min-width: 767px) {
    .button.-rightOnDesktop {
        float: right;
    }
}

.button.-close {
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .1s ease-in-out
}

    .button.-close[data-isvisable=false] {
        opacity: 0;
        visibility: hidden;
        display: none
    }

    .button.-close[data-isvisable=true] {
        opacity: 1;
        visibility: visible;
        display: block
    }

    .button.-close > .material-icons {
        font-size: 20px;
        font-weight: 100;
        color: rgba(34, 36, 38, .7)
    }

._buttons {
    width: 100%;
    margin-top: 20px;
    display: block;
    overflow: hidden
}

/* -- button styles with homecallout -- */

.button.-homecallout {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #070707;
    /*background-color: #e6dd67;*/
    text-align: left;
    padding: 10px 20px;
    border-radius: 0px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    text-decoration: none;
}

    .button.-homecallout.-left {
        text-align: right;
    }

    .button.-homecallout.-right {
        text-align: left;
    }

    .button.-homecallout:hover,
    .button.-homecallout:focus {
        color: #FFF;
        background-color: #991a30;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
    }

    .button.-homecallout.-yellow:hover,
    .button.-homecallout.-yellow:focus {
        color: #FFF;
        background-color: #eab315;
        box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    }
    .button.-homecallout.-lightgray:hover,
    .button.-homecallout.-lightgray:focus {
        color: #FFF;
        background-color: #cac9c8;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
    }
    .button.-homecallout.-crimsonOrange {
        color: #FFF;
        background-color: #d04646;
    }
        .button.-homecallout.-crimsonOrange:hover,
        .button.-homecallout.-crimsonOrange:focus {
            color: #FFF;
            background-color: #991a30;
            box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
        }



@media screen and (max-width:786px) {
    .button.-homecallout {
        padding: 5px 10px;
    }
}

/* -- Operation (+, -) buttons -- */

.operationsBtn {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    width: 50px;
    height: 35px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
}

    .operationsBtn:hover,
    .operationsBtn:focus{
        /*color: #cac9c8;*/
        background: #eae9e8;
    }


/* -- Menu Dropdown Buttons -- */
.menu-items{
    position: relative;
}
.menu-items.menu-right{
    text-align: right;
}
    .menu-items .menuDropdownTrigger {
        background: #fff;
        border: none;
        font-size: 1.125rem;
        font-family: 'proxima-nova';
        cursor: pointer;
    }
    .menu-items .menuDropdownTrigger::after {
        margin-left: 15px;
        transition: transform 200ms ease-in-out;
    }
    .menu-items .menuDropdownTrigger.isOpen::after {
        transform: rotate(180deg);
    }

.Store__content ._sort-sidear ._sort-item.menu-items ._sort-button.menuDropdownTrigger {
    background-color: rgba(0,0,0,0.05);
    width: 100%;
    width: -webkit-fill-available;
    padding-left: 30px;
    margin-left: -20px;
    font-weight: bold;
}
.Store__content ._sort-sidear ._sort-item.menu-items ._sort-button.menuDropdownTrigger::after {
    position: absolute;
    top: 40%;
    right: 20px;
    transform: translateY(-40%);
}
.Store__content ._sort-sidear ._sort-item.menu-items ._sort-button.menuDropdownTrigger.isOpen::after {
    transform: translateY(-40%) rotate(180deg);
}

.menu-items .menu-sub-items {
    align-items: center;
    padding: 5px 10px;
    margin: 0 auto;
    transition: all 200ms ease-in-out;
    margin-top: -40px;
    opacity: 0;
    height: 40px;
    z-index: -1;
    visibility: hidden;
}

.menu-items.absolute-menu .menu-sub-items {
    position: absolute;
    top: -100%;
    left: 0;
    min-width: 100px;
    width: min-content;    
    background: #fff;
    border-radius: 5px;
    opacity: 0;
    z-index: -1;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.menu-items.absolute-menu.menu-right .menu-sub-items {
    right: 0;
    left: unset;
    text-align: right;
}
.menu-items.isOpen .menu-sub-items {
    top: 10px;
    opacity: 1;
    z-index: 1;
    visibility: visible;
    height: auto;
    margin-top: 0;
}
.menu-items .menu-sub-items input.categoryTypeSelection {
    display: none;
}
    .menu-items .menu-sub-items .menu-sub-item {
        font-size: 0.875rem;
        padding: 5px 0;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    .menu-items .menu-sub-items .menu-sub-item:hover {
        text-shadow: 0 0 0.5px #000;
    }
        .menu-items .menu-sub-items label.menu-sub-item::before {
            content: '';
            width: 22px;
            height: 22px;
            padding: 2px 3px;
            background-color: #fff;
            border-radius: 5px;
            border: 2px solid #272727;
            margin-right: 10px;
        }
        .menu-items .menu-sub-items input.categoryTypeSelection:checked + label.menu-sub-item::before {
            content: url('data:image/svg+xml;charset=UTF-8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510" class="svg-inline--fa fa-check fa-w-16 fa-3x"><path fill="white" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" class=""></path></svg>');
            background-color: #272727;
        }
/*
    This page contains class for Link.
*/


.link {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    font-family: proxima-nova,Helvetica,sans-serif;
}

    .link:after {
        content: "";
        width: 100%;
        height: 1px;
        background: transparent;
        display: block;
        bottom: -1px;
        right: 0;
        transition: all .1s ease-in-out;
        opacity: 0;
        visibility: hidden
    }

    .link ._chevron,
    .link:after {
        position: absolute
    }

    .link:hover, .link:focus {
        text-decoration: underline
    }

    .link:hover, .link:focus,
    .link:visited {
        color: #3b3a37
    }

    .link.-white {
        color: #fff;
        text-decoration: none;
    }
    .link.-white:hover, .link.-white:focus {
        color: #fff;
        text-decoration: underline;
    }

        .link.-white:visited {
            color: #fff
        }

    .link.-underline {
        text-decoration: none
    }

        .link.-underline:hover, .link.-underline:focus {
            text-decoration: none;
            color: #3b3a37
        }

            .link.-underline:hover:after, .link.-underline:focus:after {
                background: transparent
            }

        .link.-underline:after {
            background: #3b3a37;
            opacity: 1;
            visibility: visible
        }

        .link.-underline.-white:hover, .link.-underline.-white:focus {
            color: #fff
        }

            .link.-underline.-white:hover:after, .link.-underline.-white:focus:after {
                background: transparent
            }

        .link.-underline.-white:after {
            background: #fff
        }

        .link.-underline.-icon:after {
            width: calc(100% - 25px)
        }

    /*.link.-back {
        padding-left: 20px;
        text-decoration: underline
    }*/

@media screen and (min-width:768px) {
    .link.-back {
        padding: 0
    }
}

.link.-back:hover, .link.-back:focus {
    text-decoration: underline;
}


/* ------- Video Links With Image ----------- */

.video-card {
    position: relative;
    max-width: 150px;
    width: 100%;
    height: auto;
    background: #991a30;
    overflow: hidden;
    float: right;
    clear: both;
}

    .video-card img {
        width: 100%;
        height: auto;
        vertical-align: middle;
    }

    .video-card .play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        transition: 200ms ease-in-out;
        font-size: 20px;
        color: #fff;
        animation-name: playAnimation;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-fill-mode: forwards;
        text-shadow: 1px 1px 3px #000;
    }

    .video-card img {
        filter: brightness(0.8);
    }

    .video-card:hover .play-icon, .video-card:focus .play-icon {
        color: #122633;
        animation: none;
    }

    .video-card:hover img, .video-card:focus img {
        opacity: 0.8;
        filter: brightness(1);
    }

.video-card-description {
    display: inline-block;
    color: #fff;
    max-width: 250px;
}


@media screen and (min-width:1025px){
    .video-card .play-icon{
        font-size: 30px;
    }
}


/* -- Animation for Play button -- */
@keyframes playAnimation {
    0% {
        top: 50%;
        transform: translate(-50%, -50%) scale(1);
        color: #991a30;
    }

    5% {
        top: 150%;
        transform: translate(-50%, -150%) scale(0);
        color: #991a30;
    }

    10% {
        top: 50%;
        transform: translate(-50%, -50%) scale(0);
        color: #fff;
    }

    15% {
        top: 50%;
        transform: translate(-50%, -50%) scale(1.3);
        color: #fff;
    }

    20% {
        top: 50%;
        transform: translate(-50%, -50%) scale(1);
        color: #fff;
    }

    100% {
        top: 50%;
        transform: translate(-50%, -50%) scale(1);
        color: #991a30;
    }
}

/* -- Skip to Section Link -- */

.SkipToSection {
    position: absolute;
    top: -200vh;
    left: -200vw;
    opacity: 0;
    z-index: -999;
    transition: opacity 300ms ease-in-out;
    background-color: #fff;
    color: #122633;
    font-weight: bold;
    font-family: proxima-nova, Helvetica, sans-serif;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 10px;
    width: auto;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
}

.SkipToSection:focus {
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    z-index: 999;
}

.sortSelectTrigger.SkipToSection {
    position: relative;
    opacity: 1;
    z-index: 1;
    color: #272727;
    top: auto;
    left: auto;
    background-color: unset;
    border-radius: unset;
    padding: unset;
    box-shadow: none;
}
    .sortSelectTrigger.SkipToSection:focus {
        position: relative;
        opacity: 1;
        z-index: 1;
        color: #272727;
        top: auto;
        left: auto;
        transform: none;
        background-color: unset;
        border-radius: unset;
        padding: unset;
        box-shadow: none;
    }
/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1. "Form Elements Section"
    2. "Login Section"
    3. "Password Check Section"
    4. "Messages"
*/


/* ---- 1. Form Elements Section ---- */
form {
    width: 100%
}

._label {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    display: inline
}

._number {
    height: 40px;
    background-color: #fff;
    font-size: 16px;
    color: #3b3a37;
    padding: 10px 15px;
    margin: 10px 0;
    display: block;
    border: 1px solid rgba(34, 36, 38, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    position: relative;
}
._number._input.quantity.incrementer.small {
    padding: 0;
    text-align: center;
    width: 50px;
    height:auto;
    border-left: 1px solid #cac9c8;
    border-right: 1px solid #cac9c8;
    border-radius: 0;
}
select.quantity {
    background: #fff;
    color: #3b3a37;
}

@media screen and (min-width:768px) {
    ._number {
        margin: 5px 0 30px;
        left: 0
    }
}

._number:focus {
    outline: 0
}

.field-validation-error,
.validation-summary-errors {
    border: none;
    border-radius: 0;
    color: red;
    background: none;
    padding-left: 0 0 5px 0;
    width: 100%;
    font-size: 15px;
}

    .field-validation-error ul,
    .validation-summary-errors ul {
        list-style-type: none;
        position: relative;
        color: #000;
        background: #ff9999;
        padding: 10px 10px 10px 45px;
        border-radius: 5px;
        font-size: 15px;
        font-weight: bold;
    }

        .field-validation-error ul:before,
        .validation-summary-errors ul:before {
            content: '\0021';
            height: 25px;
            width: 25px;
            background-color: red;
            color: #fff;
            border-radius: 50%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
            box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translate(0px, -50%);
        }
.paymentValidationError {
    border: none;
    border-radius: 0;
    color: red;
    background: none;
    width: 100%;
    padding: 5px 0 0 0;
    margin-bottom: -10px;
    font-size: 15px;
    display: none;
}
.paymentValidationError:nth-child(1){
    display: block;
}
.paymentValidationError ul{
    list-style-type: none;
    padding: 0;
    margin: 5px;
}

._input {
    width: 100%;
    height: 40px;
    background-color: #fff;
    font-size: 16px;
    color: #3b3a37;
    padding: 10px 15px;
    margin: 5px 0 20px;
    display: block;
    border-radius: 0;
    border: 1px solid rgba(34, 36, 38, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    font-family: proxima-nova,Helvetica,sans-serif;
    border-radius: 5px;
}

    ._input:focus {
        outline: 0;
        border: 1px solid #f0c954;
        box-shadow: 0 0 5px #f0c954;
    }

    ._input::-webkit-input-placeholder {
        color: #3b3a37;
        opacity: .5;
        text-align: left
    }

    ._input::-moz-placeholder {
        color: #3b3a37;
        opacity: .5;
        text-align: left
    }

    ._input:-ms-input-placeholder,
    ._input::-ms-input-placeholder {
        color: #3b3a37;
        opacity: .5;
        text-align: left
    }

    ._input::placeholder {
        color: #000;
        opacity: .5;
        text-align: left
    }

    ._input.hf-validated.hf-invalid {
        border-color: red
    }

    ._input.-search {
        margin: 0;
        padding-left: 40px;
        background: #fff url(/images/search-ico.svg) no-repeat 10px center;
        background-size: 17px;
        border-radius: 20px;
        /*background-color:lightcyan;*/
    }
    ._input.-search:focus {
        outline: 1px solid #122633;
        outline-offset: 2px;
    }

    .searchBar.inputBoxDropIcon{
        position: relative;
    }
    .searchBar.inputBoxDropIcon:before {
        position: absolute;
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        content: "\f078";
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        height: 20px;
        width: 20px;
    }

@media screen and (min-width:1024px) {
    ._input.-search::-webkit-input-placeholder {
        text-align: left;
        font-weight: 700;
        font-family: proxima-nova, Helvetica, sans-serif;
    }

    ._input.-search::-moz-placeholder {
        text-align: left;
        font-weight: 700;
        font-family: proxima-nova, Helvetica, sans-serif;
    }

    ._input.-search:-ms-input-placeholder,
    ._input.-search::-ms-input-placeholder {
        text-align: left;
        font-weight: 700;
        font-family: proxima-nova, Helvetica, sans-serif;
    }

    ._input.-search::placeholder {
        text-align: left;
        font-weight: 700;
        font-family: proxima-nova, Helvetica, sans-serif;
    }
}

._input.-search:after {
    content: "";
    width: 40px;
    height: 40px;
    background: blue;
    display: block
}

._input-wrap {
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
    position: relative
}

    ._input-wrap ._label {
        padding-left: 5px;
    }

    ._input-wrap #billing_address {
        margin: 15px 10px 0 0
    }

    ._input-wrap ._security-code {
        height: 24px;
        position: absolute;
        top: 8px;
        right: 0
    }

    ._input-wrap.icon--visa.icon--mastercard {
        padding-bottom: 10px
    }

    ._input-wrap ._input {
        margin: 5px 0
    }

        ._input-wrap ._input.-textarea {
            height: auto;
            margin-bottom: 30px;
            resize: vertical
        }

    ._input-wrap .hf-warning {
        color: #EB0000;
        font-size: 14px;
    }

    ._input-wrap._checkbox {
        padding: 10px 0 20px;
        overflow: visible
    }

        ._input-wrap._checkbox ._label {
            font-weight: 400
        }

        ._input-wrap._checkbox.-required {
            padding-bottom: 25px
        }

            ._input-wrap._checkbox.-required .hf-warning {
                bottom: -25px
            }

@media screen and (min-width:768px) {
    ._input-wrap._checkbox.-required .hf-warning {
        bottom: 0;
        right: auto;
        left: 0
    }
}
/* --- incrementer --- */
.incrementer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    width: 150px;
    background: #fff;
    box-shadow: 0 0 5px #cac9c8;
}
.incrementer._input {
    width: 50px;
    background: transparent;
    display: inline;
    border: none;
    box-shadow: none;
    margin: 0;
}
    input.incrementer._input::-webkit-outer-spin-button,
    input.incrementer._input::-webkit-inner-spin-button {
        display: none;
    }

/* ---- 2. Login Section ---- */

.Login ._forms-wrap {
    padding: 100px 0 0;
}

.Login .forgotForm,
.Login .loginForm,
.Login .registerForm {
    margin: 0 auto;
    transition: all .1s ease-in-out;
    display: none;
    visibility: hidden;
    opacity: 0
}

.Login .registerFormSolo {
    margin: 0 auto;
    transition: all .1s ease-in-out;
}

.Login .forgotForm.isVisible,
.Login .loginForm.isVisible,
.Login .registerForm.isVisible {
    display: block;
    visibility: visible;
    opacity: 1
}

.Login .confirmForm,
.Login .resetForm {
    margin: 0 auto
}

.Login ._triggers {
    margin-top: 30px
}

    .Login ._triggers .button {
        text-decoration: underline;
        color: #3b3a37;
        padding: 2px 5px;
        display: block
    }
        .Login ._triggers .button:focus {
            background-color: #fff;
            border-radius: 5px;
        }

        .Login ._triggers .button:hover,
        .Login ._triggers .button:visited {
            text-decoration: none;
            color: #3b3a37
        }

        .Login ._triggers .button:after {
            background: transparent
        }

.Login ._checkboxes {
    margin-top: 10px
}

    .Login ._checkboxes ._label {
        font-size: 14px;
        font-size: .875rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.75;
        color: #3b3a37;
        text-align: left;
        margin-bottom: 30px
    }

/* ---- 3. Password Check Section ---- */
._password-check {
    padding: 0
}

    ._password-check .body-copy--medium {
        margin-bottom: 10px
    }

    ._password-check ._password-items {
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        top: 10px;
        right: 0
    }

        ._password-check ._password-items:before {
            content: "";
            display: inline-block;
            font-size: .875rem;
            transition: all .1s ease-in-out;
            opacity: 0
        }

        ._password-check ._password-items[data-password-strength="1"]:before {
            content: "Weak";
            opacity: 1
        }

        ._password-check ._password-items[data-password-strength="1"] ._password-item:first-child {
            background-color: red
        }

        ._password-check ._password-items[data-password-strength="2"]:before {
            content: "Good";
            opacity: 1
        }

        ._password-check ._password-items[data-password-strength="2"] ._password-item:nth-child(-n+2) {
            background-color: #ef8f23;
            opacity: 1
        }

        ._password-check ._password-items[data-password-strength="3"]:before {
            content: "Moderate";
            opacity: 1
        }

        ._password-check ._password-items[data-password-strength="3"] ._password-item:nth-child(-n+3) {
            background-color: #21ba46
        }

        ._password-check ._password-items[data-password-strength="4"]:before {
            content: "Strong";
            opacity: 1
        }

        ._password-check ._password-items[data-password-strength="4"] ._password-item:nth-child(-n+4) {
            background-color: #21ba46
        }

@media screen and (min-width:768px) {
    ._password-check ._password-items {
        right: 15px
    }
}

._password-check ._password-items ._password-item {
    width: 30px;
    height: 3px;
    margin-left: 5px;
    display: inline-block;
    background-color: #fff;
    transition: all .1s ease-in-out
}

._password-check ._input {
    margin-bottom: 10px
}
.password-strength-meter {
    float: right;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .password-strength-meter .password-strength-bar {
        display: inline-block;
        height: 6px;
        width: 48px;
        background: #dadada;
        position: relative;
        top: -2px
    }

    .password-strength-meter::before {
        font-weight: bold;
        margin-right: 6px;
        content: ".";
        color: #fff
    }

    .password-strength-meter[data-password-strength="1"] .password-strength-bar:nth-child(1) {
        background: #F36A7B
    }

    .password-strength-meter[data-password-strength="1"]::before {
        content: "Weak";
        color: #F36A7B
    }

    .password-strength-meter[data-password-strength="2"] .password-strength-bar:nth-child(1), .password-strength-meter[data-password-strength="2"] .password-strength-bar:nth-child(2) {
        background: #F8C97D
    }

    .password-strength-meter[data-password-strength="2"]::before {
        content: "Moderate";
        color: #F8C97D
    }

    .password-strength-meter[data-password-strength="3"] .password-strength-bar:nth-child(1), .password-strength-meter[data-password-strength="3"] .password-strength-bar:nth-child(2), .password-strength-meter[data-password-strength="3"] .password-strength-bar:nth-child(3) {
        background: #8AD23B
    }

    .password-strength-meter[data-password-strength="3"]::before {
        content: "Good";
        color: #8AD23B
    }

    .password-strength-meter[data-password-strength="4"] .password-strength-bar:nth-child(1), .password-strength-meter[data-password-strength="4"] .password-strength-bar:nth-child(2), .password-strength-meter[data-password-strength="4"] .password-strength-bar:nth-child(3), .password-strength-meter[data-password-strength="4"] .password-strength-bar:nth-child(4) {
        background: #8AD23B
    }

    .password-strength-meter[data-password-strength="4"]::before {
        content: "Strong";
        color: #8AD23B
    }


/* ------------ 4. "Messages" -----------------*/
.dialog-type-Success {
    background-color: #122633;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin: 10px auto;
}
.dialog-type-Error {
    background-color: #991a30;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin: 10px auto;
}
/*
    1. Table
    2. Tabs
*/



/* ------------- 1. Table ------------------ */
table {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed
}

    table thead {
        border: none;
        border-spacing: 0;
        border-collapse: unset
    }

        table thead tr {
            border-color: transparent;
            vertical-align: top;
            white-space: normal
        }

    table tbody,
    table tbody tr {
        border-color: transparent;
        border-collapse: collapse;
        border-spacing: 0
    }

        table tbody tr td {
            vertical-align: top;
            word-wrap: break-word
        }

@media (max-width:767px) {
    table,
    tbody,
    td,
    th,
    thead,
    tr {
        display: block;
    }

        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    td {
        border: none;
        border-right: 1px solid #eee;
        position: relative
    }

        td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap
        }
}

.table {
    width: 100%;
    margin: 0 0 30px
}

    .table ._header-row {
        background: #fff
    }

        .table ._header-row ._header-cell {
            font-size: 14px;
            font-size: .875rem;
            font-weight: 400;
            letter-spacing: .5px;
            line-height: 1.75;
            color: #3b3a37;
            text-align: left;
            padding: 10px;
            position: relative;
            border-bottom: 1px solid rgba(34, 36, 38, .3)
        }

    .table ._body-row {
        background-color: #fff;
        transition: all .1s ease-in-out
    }

        .table ._body-row:nth-child(2n) {
            background: #eae9e8
        }

        .table ._body-row ._body-cell {
            width: 100%;
            font-size: 14px;
            font-size: .875rem;
            font-weight: 400;
            letter-spacing: .5px;
            line-height: 1.75;
            color: #3b3a37;
            text-align: left;
            margin: 5px 0;
            padding: 10px
        }

@media screen and (min-width:768px) {
    .table ._body-row ._body-cell {
        margin: 0
    }
}

.table ._body-row ._body-cell ._product-image {
    display: inline-block;
    width: 100%
}

.table ._number {
    width: 100px
}

@media screen and (min-width:768px) {
    .table ._number {
        width: 100%
    }
}

.table.-size-guide {
    margin-bottom: 10px
}

    .table.-size-guide ._body-row ._body-cell {
        padding: 15px
    }

@media (max-width:767px) {
    .table.-size-guide ._body-row ._body-cell:before {
        width: 50%;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        position: static
    }




    /* Force table to not be like tables anymore */
    #responsive-tables table,
    #responsive-tables thead,
    #responsive-tables tbody,
    #responsive-tables th,
    #responsive-tables td,
    #responsive-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #responsive-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }


    #responsive-tables td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 80%;
        white-space: normal;
        text-align: left;
    }

        #responsive-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 15px;
            left: 15px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
        }

        /*
	    Label the data
    */
        #responsive-tables td:before {
            content: attr(data-title)' :';
        }
}

@media screen and (min-width:1024px) {
    .table.-size-guide ._body-row ._body-cell {
        padding: 15px 20px
    }
}

@media (max-width:767px) {
    .table.-shopping-cart {
        padding: 0 20px;
        background-color: #eae9e8
    }

        .table.-shopping-cart ._body-row {
            padding-bottom: 20px;
            border-bottom: 1px solid #3b3a37
        }

            .table.-shopping-cart ._body-row:focus {
                outline: none;
                border-radius: 5px;
                box-shadow: .2px .2px 5px rgba(0,0,0,0.5);
            }

            .table.-shopping-cart ._body-row:last-of-type {
                border: 0
            }
}

.table.-order-cart,
.table.-shopping-cart {
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .table.-order-cart,
    .table.-shopping-cart {
        padding-right: 30px
    }
}

.table.-order-cart ._body-row,
.table.-shopping-cart ._body-row {
    padding-top: 30px;
    background: transparent
}

@media screen and (min-width:768px) {
    .table.-order-cart ._body-row,
    .table.-shopping-cart ._body-row {
        margin-top: 30px;
        border-top: 1px solid #3b3a37
    }
}

.table.-order-cart ._body-cell,
.table.-order-cart ._header-cell,
.table.-shopping-cart ._body-cell,
.table.-shopping-cart ._header-cell {
    border-right: 0
}

@media screen and (min-width:768px) {
    .table.-order-cart ._body-cell:first-child,
    .table.-order-cart ._header-cell:first-child,
    .table.-shopping-cart ._body-cell:first-child,
    .table.-shopping-cart ._header-cell:first-child {
        width: 10%
    }

    .table.-order-cart ._body-cell:nth-child(2),
    .table.-order-cart ._header-cell:nth-child(2),
    .table.-shopping-cart ._body-cell:nth-child(2),
    .table.-shopping-cart ._header-cell:nth-child(2) {
        width: 35%
    }

    .table.-order-cart ._body-cell:nth-child(3),
    .table.-order-cart ._body-cell:nth-child(4),
    .table.-order-cart ._body-cell:nth-child(5),
    .table.-order-cart ._body-cell:nth-child(6),
    .table.-order-cart ._header-cell:nth-child(3),
    .table.-order-cart ._header-cell:nth-child(4),
    .table.-order-cart ._header-cell:nth-child(5),
    .table.-order-cart ._header-cell:nth-child(6),
    .table.-shopping-cart ._body-cell:nth-child(3),
    .table.-shopping-cart ._body-cell:nth-child(4),
    .table.-shopping-cart ._body-cell:nth-child(5),
    .table.-shopping-cart ._body-cell:nth-child(6),
    .table.-shopping-cart ._header-cell:nth-child(3),
    .table.-shopping-cart ._header-cell:nth-child(4),
    .table.-shopping-cart ._header-cell:nth-child(5),
    .table.-shopping-cart ._header-cell:nth-child(6) {
        width: 11%
    }


    .table.-order-cart ._body-cell:nth-child(5),
    .table.-order-cart ._header-cell:nth-child(5),
    .table.-shopping-cart ._body-cell:nth-child(5),
    .table.-shopping-cart ._header-cell:nth-child(5),
    .table.-order-cart ._body-cell:nth-child(6),
    .table.-order-cart ._header-cell:nth-child(6),
    .table.-shopping-cart ._body-cell:nth-child(6),
    .table.-shopping-cart ._header-cell:nth-child(6) {
        width: 14%;
    }

    .table.-order-cart ._body-cell:nth-child(7),
    .table.-order-cart ._header-cell:nth-child(7),
    .table.-shopping-cart ._body-cell:nth-child(7),
    .table.-shopping-cart ._header-cell:nth-child(7) {
        width: 3%
    }
}

.table.-order-cart ._header-cell,
.table.-shopping-cart ._header-cell {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #eae9e8
}

.table.-order-cart ._body-cell,
.table.-shopping-cart ._body-cell {
    padding: 0
}

    .table.-order-cart ._body-cell .body-copy--medium,
    .table.-shopping-cart ._body-cell .body-copy--medium,
    .table.-shopping-cart ._body-cell .body-copy--medium .link {
        font-size: 0.775rem;
        line-height: 0.875;
        font-weight: 400;
        margin: 10px 0 5px;
    }
    .table.-shopping-cart ._body-cell .body-copy--medium .link {
        color: #16417e;
        font-size: 0.795rem;
        font-weight: 600;
    }

@media screen and (min-width:768px) {
    .table.-order-cart ._body-cell,
    .table.-shopping-cart ._body-cell {
        padding: 10px 15px 0px 0
    }
}

.table.-order-cart ._body-cell:last-child,
.table.-shopping-cart ._body-cell:last-child {
    text-align: right;
    padding-right: 0
}

    .table.-order-cart ._body-cell:last-child .button,
    .table.-shopping-cart ._body-cell:last-child .button {
        margin-top: 20px
    }

@media screen and (min-width:768px) {
    .table.-order-cart ._body-cell:last-child .button,
    .table.-shopping-cart ._body-cell:last-child .button {
        margin-top: 5px
    }
}

.table.-order-cart ._body-cell:last-child .button:before,
.table.-shopping-cart ._body-cell:last-child .button:before {
    font-size: 16px
}

@media (max-width:767px) {
    .table.-order-cart ._body-cell .body-copy--medium,
    .table.-order-cart ._body-cell .body-copy--medium-bold,
    .table.-shopping-cart ._body-cell .body-copy--medium,
    .table.-shopping-cart ._body-cell .body-copy--medium-bold {
        margin: 0 0 5px
    }

    .table.-order-cart ._body-cell ._product-image,
    .table.-order-cart ._body-cell .body-copy--medium,
    .table.-order-cart ._body-cell .body-copy--medium-bold,
    .table.-order-cart ._body-cell:before,
    .table.-shopping-cart ._body-cell ._product-image,
    .table.-shopping-cart ._body-cell .body-copy--medium,
    .table.-shopping-cart ._body-cell .body-copy--medium-bold,
    .table.-shopping-cart ._body-cell:before {
        width: 49%;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        position: static;
        margin: 0
    }

    .table.-order-cart ._body-cell ._product-image,
    .table.-shopping-cart ._body-cell ._product-image {
        width: auto;
        height: 60px;
        margin-bottom: 10px
    }

    .table.-order-cart ._body-cell ._number,
    .table.-shopping-cart ._body-cell ._number {
        display: inline-block
    }

    .table.-order-cart ._body-cell:first-child::before,
    .table.-shopping-cart ._body-cell:first-child::before {
        content: "Product:"
    }

    .table.-order-cart ._body-cell:nth-child(2):before,
    .table.-shopping-cart ._body-cell:nth-child(2):before {
        content: ""
    }

    .table.-order-cart ._body-cell:nth-child(3):before,
    .table.-shopping-cart ._body-cell:nth-child(3):before {
        content: "Size:"
    }

    .table.-order-cart ._body-cell:nth-child(4):before,
    .table.-shopping-cart ._body-cell:nth-child(4):before {
        content: "Price:"
    }

    .table.-order-cart ._body-cell:nth-child(5):before,
    .table.-shopping-cart ._body-cell:nth-child(5):before {
        content: "Quantity:"
    }

    .table.-order-cart ._body-cell:nth-child(6):before,
    .table.-shopping-cart ._body-cell:nth-child(6):before {
        content: "Total:"
    }

    .table.-order-cart ._body-cell:nth-child(7):before,
    .table.-shopping-cart ._body-cell:nth-child(7):before {
        content: ""
    }
}

.table.-order-cart {
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .table.-order-cart {
        padding-right: 0;
        margin: 0
    }
}

.table.-order-cart ._header-row {
    background-color: transparent
}

    .table.-order-cart ._header-row ._header-cell {
        border-bottom: 2px solid #3b3a37
    }

        .table.-order-cart ._header-row ._header-cell:last-of-type {
            text-align: right
        }

.table.-order-cart ._body-row {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #3b3a37
}

@media screen and (min-width:768px) {
    .table.-order-cart ._body-row {
        border: none
    }
}

.table.-order-cart ._body-cell {
    padding: 0 0 5px
}

    .table.-order-cart ._body-cell ._product-image {
        width: auto;
        height: 90px
    }

@media screen and (min-width:768px) {
    .table.-order-cart ._body-cell {
        padding: 20px 15px 0 0
    }

        .table.-order-cart ._body-cell:first-child {
            width: 12%
        }

        .table.-order-cart ._body-cell:nth-child(2) {
            width: 39%
        }

        .table.-order-cart ._body-cell:nth-child(3),
        .table.-order-cart ._body-cell:nth-child(4),
        .table.-order-cart ._body-cell:nth-child(5),
        .table.-order-cart ._body-cell:nth-child(6) {
            width: 12%
        }
}

div.commentContainer {
        position: relative;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }
    div.commentContainer span.comments {
        position: absolute;
        right: 3px;
        bottom: 20px;
        text-align: right;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
    }

    span.comments.positive {
        color: #1B9D3B;
    }

    span.comments.negative {
        color: #d04848;
    }
    @media screen and (min-width: 1024px) {
        div.commentContainer {
            width: calc(100% - 35px);
        }
        div.commentContainer span.comments {
            bottom: 3px;
        }
    }


/* ------------ 2. Tabs -------------------*/
.tabs__container{
    width: 100%;
    text-align: center;
}
.tabs__container .tab-heading{
    text-decoration: none;
    color: #272727;
    padding: 20px 10px;
    transition: 300ms ease-in-out;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
}
.tabs__container .tab-heading.tab-active,
.tabs__container .tab-heading.selected
{
    font-weight: bold;
    background: #f0f0f0;
}

@media screen and (max-width: 500px){
    .tabs__container .tab-heading{
        font-size: 0.72em;
    }
}
/*
    This page contains:
    1. Cards
    2. Quote Card
*/

/* ----- 1. Cards ----- */
.basicCard {
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 10px 20px;
    color: #272727;
    background-color: #fafafa;
    margin: 5px;
    width: fit-content;
}

    .basicCard .body-title,
    .basicCard .body-copy--regular,
    .basicCard .body-copy--regular-bold,
    .basicCard .section-title,
    .basicCard .section-sub-title {
        margin-bottom: 0;
        color: #272727;
    }
.infoCard {
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 2vw;
    color: #fff;
    background-color: #06234c;
}
.contact-form.card {
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 2vw;
    background-color: #eae9e8;
}
.locationCard {
    background-color: #fff;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 2vw;
    margin: 5px;
    height: calc(100% - 10px);
}

/* ----- 2. Quote Card ----- */
.quote{
    background-color: #fff;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 2vw;
    margin: 20px auto;
}
.quote img{
    margin-top: 2vw;
    border-radius: 50%;
    max-width: 200px;
    width: 100%;
    height: auto;
}
.quote .author span {
    font-weight: 100;
    font-size: 0.8em;
    color: #666;
}
.quote blockquote p{
    font-size: 1.2em;
}
.quote blockquote p:before{
    content: '\201C';
}.quote blockquote p:after{
    content: '\201D';
}
/*
    This page contains:
    1. Overlay, iFrame and Modal categories.
    2. PopUp custom name confirmation.
    3. Modal Style from Workplace
*/

/* ----- 1. Overlay, iFrame and Modal categories. ----- */
.overlay {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    transition: all .25s ease-in;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

    .overlay.isVisable {
        opacity: 1;
        visibility: visible
    }

        .overlay.isVisable.withModal {
            z-index: 100;
        }

.iframeModalTrigger {
    padding: 0
}

._modal {
    padding: 30px 20px;
    background: #fff;
    display: none;
    z-index: 4;
    position: absolute;
    z-index: 101;
}

    ._modal,
    ._modal.-warning {
        left: 50%;
        transform: translate(-50%)
    }

        ._modal.-warning {
            width: 80%;
            top: 20px
        }

            ._modal.-warning .link.-back {
                padding: 0
            }

@media screen and (min-width:768px) {
    ._modal.-warning {
        width: 100%;
        max-width: 470px;
        top: 20vh;
        left: 50%;
        transform: translate(-50%, -20%)
    }
}

._modal ._iframe-wrapper {
    padding-bottom: 65vh;
    padding-top: 25px;
    height: 0
}

    ._modal ._iframe-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none
    }

._modal.-iframe {
    width: 90vw
}

@media screen and (min-width:1024px) {
    ._modal.-iframe {
        width: 70vw
    }
}

._modal.-iframe ._close {
    top: -40px;
    right: -10px
}

._modal.-employee {
    width: 100%;
    max-width: 100%;
    padding: 0
}

@media screen and (min-width:1024px) {
    ._modal.-employee {
        max-width: 1200px
    }
}

._modal.-employee ._employee-image {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden
}

._modal.-employee ._employee-copy {
    padding: 20px
}

    ._modal.-employee ._employee-copy .section-sub-title {
        font-weight: 600
    }

        ._modal.-employee ._employee-copy .section-sub-title ._employee-title {
            font-weight: 400
        }

    ._modal.-employee ._employee-copy .-quote {
        font-style: italic
    }

@media screen and (min-width:768px) {
    ._modal.-employee ._employee-copy #employeeCopy,
    ._modal.-employee ._employee-copy .-quote {
        margin-bottom: 30px
    }
}

._modal.-employee ._employee-copy ._linkedin {
    font-size: 1.5rem;
    color: #3b3a37;
    text-decoration: none
}

    ._modal.-employee ._employee-copy ._linkedin:hover,
    ._modal.-employee ._employee-copy ._linkedin:visited {
        color: #3b3a37;
        text-decoration: none
    }

@media screen and (min-width:768px) {
    ._modal.-employee ._employee-copy {
        padding: 30px 60px 30px 30px
    }
}

._modal ._close {
    height: auto;
    color: #eae9e8;
    background: transparent;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border: none;
    cursor: pointer
}

    ._modal ._close:before {
        font-size: 30px
    }

._modal.isOpen {
    display: block
}

/* ------------- PopUp Custom Name Confirmation ------------------- */

.customNameMessageBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    padding: 30px 50px;
    background: #fff;
    color: #333;
    border-radius: 10px;
    max-width: 90%;
    transition: 300ms ease-in-out;
}

    .customNameMessageBox .customNameMessage {
        font-size: 1.4rem;
    }

    .customNameMessageBox .button {
        color: #fff;
        padding: 5px 15px;
        background: #16417e;
        border-radius: 5px;
    }

.reveal-overlay.customName-reveal-overlay {
    display: none;
    overflow-y: visible;
}

input[id = customNameMessagePass]:focus, input[id = customNameMessageFail]:focus, input[id = customNameMessagePass]:hover, input[id = customNameMessageFail]:hover {
    box-shadow: 0 0 5px #000;
}

/*--------- Reveal ----------*/

@media print, screen and (min-width: 40em) {
    .reveal, .reveal.tiny, .reveal.small, .reveal.large {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

    html.is-reveal-open body {
        overflow: hidden
    }

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(58,57,54,0.45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column, .reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print, screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}
._modal ._close:hover,
._modal ._close:focus {
    color: #991a30;
    text-shadow: 0 0 15px #000;
}

/* ---- Modal Style from Workplace ---- */
/* -------------- Modal Styles -------------- */


.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open
.modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade
.modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade
    .modal-dialog {
        transition: none
    }
}

.modal.show
.modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        width: 90%;
        max-width: 1200px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 800px
    }
}




/* -------------- Responsive Modal -------------- */

.responsive-embed, .flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

    .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .responsive-embed.widescreen, .flex-video.widescreen {
        padding-bottom: 56.25%
    }



/* -------------- Progress -------------- */

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

    .progress.primary .progress-meter {
        background-color: #104187
    }

    .progress.secondary .progress-meter {
        background-color: #767676
    }

    .progress.success .progress-meter {
        background-color: #3adb76
    }

    .progress.warning .progress-meter {
        background-color: #ffae00
    }

    .progress.alert .progress-meter {
        background-color: #E04F04
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #104187
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fff;
    white-space: nowrap
}



/* -------------- Reveal -------------- */

@media print, screen and (min-width: 40em) {
    .reveal, .reveal.tiny, .reveal.small, .reveal.large {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

    html.is-reveal-open body {
        overflow: hidden
    }

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(58,57,54,0.45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column, .reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print, screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}




/* -------------- Tabs -------------- */

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    list-style-type: none
}

    .tabs::before, .tabs::after {
        display: table;
        content: ' ';
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .tabs::after {
        clear: both
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: transparent
        }

    .tabs.primary {
        background: #104187
    }

        .tabs.primary > li > a {
            color: #fff
        }

            .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
                background: #124997
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        font-size: .75rem;
        line-height: 1;
        color: #104187
    }

        .tabs-title > a:hover {
            background: #fff;
            color: #0e3874
        }

        .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
            background: #e6e6e6;
            color: #104187
        }

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fff;
    color: #3A3936;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel.is-active {
        display: block
    }



/* -------------- Title Bar -------------- */

.title-bar {
    padding: .5rem;
    background: #3A3936;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left, .title-bar-right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold
}



/* -------------- Show / Hide -------------- */

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print, screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 40em) and (max-width: 69.4375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 69.5em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 69.5em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 69.4375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width: 69.5em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 69.4375em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
        -webkit-clip-path: none;
        clip-path: none
    }

.show-for-landscape, .hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape, .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

/*
    This page contains class for Breadcrumbs.
*/

.Breadcrumbs {
    margin: 10px auto 20px
}

    .Breadcrumbs ._breadcrumb-items {
        padding: 0;
        margin: 0
    }

        .Breadcrumbs ._breadcrumb-items ._breadcrumb-item {
            font-size: .938rem;
            letter-spacing: .5px;
            line-height: 1.75;
            color: #3b3a37;
            display: inline-block;
            position: relative;
            top: 1px
        }

            .Breadcrumbs ._breadcrumb-items ._breadcrumb-item.icon--chevron-right {
                top: 0
            }

                .Breadcrumbs ._breadcrumb-items ._breadcrumb-item.icon--chevron-right:after {
                    font-size: .625rem;
                    margin: 0 5px 0 10px
                }

            .Breadcrumbs ._breadcrumb-items ._breadcrumb-item ._breadcrumb-link {
                color: #3b3a37;
                text-decoration: underline;
                position: relative;
                transition: all .1s ease-in-out
            }

                .Breadcrumbs ._breadcrumb-items ._breadcrumb-item ._breadcrumb-link:active,
                .Breadcrumbs ._breadcrumb-items ._breadcrumb-item ._breadcrumb-link:hover {
                    color: #3b3a37;
                    text-decoration: none
                }
                .Breadcrumbs ._breadcrumb-items ._breadcrumb-item ._breadcrumb-link:focus {
                    color: #000;
                    text-decoration: none;
                    box-shadow: .2px .2px 5px rgba(0,0,0,0.4);
                    border-radius: 5px;
                }

/*
    This page contains class for Header.
*/

.Header {
    width: 100%;
    padding-bottom: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    background-image: linear-gradient(173deg, #fff, #fefefe);
    position: relative;
    top: 0;
    z-index: 100;
    transition: 400ms ease-in-out;
}
#floatingNavigation {
    width: 100%;
}

/*---------HEADER SOCIAL ICONS-------*/
.HeaderSocial {
    position: absolute;
    right: 1%;
    top: 30%;
}
@media screen and (max-width: 1024px){
    .HeaderSocial {
        right: 120px;
        top: 80%;
    }
}

.Header ._header-wrapper {
    padding-top: 12px;
}

.Header ._logo {
    width: auto;
    height: 45px;
    position: relative;
    z-index: 4
}

@media screen and (min-width:768px) {
    .Header {
        padding-bottom: 18px;
    }
    .Header ._logo {
        left: 20px;
        height: 60px;
    }
    .Header ._header-wrapper {
        padding-top: 20px;
    }
}

@media screen and (min-width:1024px) {
    .Header ._logo {
        left: 0;
    }
    .Header {
        padding-bottom: 0;
    }
    .Header ._header-wrapper {
        padding-top: 20px;
    }
}

.Header__nav-wrapper {
    visibility: hidden;
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper {
        position: relative;
        visibility: visible;
    }
}

.Header__nav-wrapper.isOpen,
.Header__nav-wrapper.isOpen ._nav--left {
    right: 0;
    visibility: visible;
}

.Header__nav-wrapper ._nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.Header__nav-wrapper ._nav--left {
    width: 100%;
    height: 100vh;
    padding: 20px;
    position: fixed;
    top: 0;
    right: -100vw;
    z-index: 3;
    transition: .4s ease-in-out;
    background-image: linear-gradient(223deg, #fff, #fefefe);
}

@media screen and (min-width:768px) {
    .Header__nav-wrapper ._nav--left {
        padding: 40px
    }
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._nav--left {
        height: auto;
        padding: 0;
        margin-top: 30px;
        position: static;
        background-image: none;
        width: auto;
    }
}

.Header__nav-wrapper ._nav--right {
    position: absolute;
    top: 35px;
    right: 70px
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._nav--right {
        top: 0;
        right: 0
    }
}

.Header__nav-wrapper ._nav--right ._items {
    height: 20px;
    text-align: right;
    top: -12px;
}

    .Header__nav-wrapper ._nav--right ._items ._item {
        padding-right: 0;
        padding-left: 20px;
        display: inline-block
    }

        .Header__nav-wrapper ._nav--right ._items ._item:first-of-type {
            /*overflow: visible;
            position: absolute;*/
            /*left: -80px;*/
            /*bottom: -5px*/
        }

        .Header__nav-wrapper ._nav--right ._items ._item .button {
            padding: 2px 10px;
            background-color: #991a30;
            left: 0px;
            width: 110px;
            bottom: 3px;
            text-align: center;
        }



@media screen and (min-width:768px) {
    .Header__nav-wrapper ._nav--right ._items {
        top: 4px;
    }
}
@media screen and (min-width:1024px) {

    .Header__nav-wrapper ._nav--right ._items {
        top: 0;
    }

    /*.Header__nav-wrapper ._nav--right ._items ._item:first-of-type {
        left: -80px;
     
    }*/
    .Header__nav-wrapper ._nav--right ._items ._item ._sub-items {
        left: auto;
        right: -20px
    }

        .Header__nav-wrapper ._nav--right ._items ._item ._sub-items ._sub-link,
        .Header__nav-wrapper ._nav--right ._items ._item ._sub-items a {
            text-align: right
        }
}

.Header__nav-wrapper ._nav--right ._items ._item > ._link.material-icons {
    top: 0
}

.Header__nav-wrapper ._nav--right ._items ._item ._link {
    position: relative
}

    .Header__nav-wrapper ._nav--right ._items ._item ._link.material-icons {
        font-size: 1.25rem
    }

    .Header__nav-wrapper ._nav--right ._items ._item ._link[data-hascontents=true]:after {
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 50%;
        background-color: #991a30;
        position: absolute;
        top: -3px;
        right: -3px
    }

.Header__nav-wrapper ._nav--right ._items ._item ._sub-items {
    min-width: 160px
}

.Header__nav-wrapper ._items {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 60px;
}
._header-wrapper #firstRow{
    transition: 500ms ease-in-out;
}

@media screen and (min-width:768px){
    .Header__nav-wrapper ._items {
        top: 60px;
    }
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._items {
        top: 0
    }
}

.Header__nav-wrapper ._items ._item {
    margin-bottom: 10px;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._items ._item {
        padding-right: 40px;
        padding-left: 0;
        margin-bottom: 0;
        overflow: visible;
        display: inline-block;
        position: relative
    }
}

.Header__nav-wrapper ._items ._item.-account-divider {
    margin-top: 30px
}

.Header__nav-wrapper ._items ._item ._link.icon--chevron-up:after {
    vertical-align: middle;
    position: relative;
    right: -10px
}

.Header__nav-wrapper ._items ._item.isOpen ._link.icon--chevron-up:after {
    transform: rotate(180deg);
    transition: all .1s ease-in-out
}

.Header__nav-wrapper ._items ._item.isOpen ._sub-items {
    position: relative;
    visibility: visible;
    opacity: 1;
    display: block;
}
.Header__nav-wrapper ._items ._item.mobile-hide.isOpen ._sub-items {
    position: absolute;
    visibility: visible;
    opacity: 1;
    display: block;
    top: 50px;
    background-color: #fff;
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._items ._item.isOpen ._sub-items, .Header__nav-wrapper ._items ._item.mobile-hide.isOpen ._sub-items {
        position: absolute;
        top: 33px;
        right: -20px
    }
}

.Header__nav-wrapper ._items ._item ._link,
.Header__nav-wrapper ._items ._item a {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3a3936;
    text-decoration: none;
    text-align: left;
    background: transparent;
    padding: 0;
    border: 0;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: visible;
    font-family: proxima-nova, Helvetica, sans-serif;
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._items ._item ._link,
    .Header__nav-wrapper ._items ._item a {
        color: #3a3936;
        padding: 0 0 10px;
    }
}

.Header__nav-wrapper ._items ._item ._link:active,
.Header__nav-wrapper ._items ._item ._link:hover,
.Header__nav-wrapper ._items ._item a:active,
.Header__nav-wrapper ._items ._item a:hover {
    color: #000;
    text-decoration: underline;
}

.Header__nav-wrapper ._items ._item ._link:visited,
.Header__nav-wrapper ._items ._item a:visited {
    color: #272727;
    text-decoration: none
}
.Header__nav-wrapper ._nav--right ._items ._item ._link i {
    font-size: 30px;
    line-height: 20px;
    top: 3px;
    position: relative;
    color: #333;
}

.Header__nav-wrapper ._items ._item ._link:focus,
.Header__nav-wrapper ._items ._item a:focus {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}
.Header__nav-wrapper ._nav--right ._items ._item ._link:focus,
.Header__nav-wrapper ._nav--right ._items ._item a:focus,
.Header__nav-wrapper ._nav--right ._items ._item ._link:focus i,
.Header__nav-wrapper ._nav--right ._items ._item a:focus i {
    color: #16417e;
}

    .Header__nav-wrapper ._nav--right ._items ._item ._link:focus span.cart-number,
    .Header__nav-wrapper ._nav--right ._items ._item a:focus span.cart-number {
        color: #fff;
        background-color: #16417e;
    }

.Header__nav-wrapper ._items ._item ._link.material-icons:active,
.Header__nav-wrapper ._items ._item ._link.material-icons:hover,
.Header__nav-wrapper ._items ._item a.material-icons:active,
.Header__nav-wrapper ._items ._item a.material-icons:hover {
    text-decoration: none;
}

.Header__nav-wrapper ._items ._sub-items {
    padding: 0;
    margin: 10px 0 0;
    background-color: transparent;
    position: relative;
    top: 0;
    left: 0;
    transition: all .1s ease-in-out;
    display: none;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._items ._sub-items {
        min-width: 400px;
        word-wrap: normal;
        margin: 0;
        display: inline-block;
        background-color: #fff;
        position: absolute;
        left: -20px;
        box-shadow: 0 5px 9px -3px rgba(0, 0, 0, .15);
        z-index: 3
    }
}

.Header__nav-wrapper ._items ._sub-items ._sub-item {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3a3936;
    padding: 0;
    display: block
}

    .Header__nav-wrapper ._items ._sub-items ._sub-item form {
        padding: 0 !important
    }

    .Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link,
    .Header__nav-wrapper ._items ._sub-items ._sub-item a {
        width: 100%;
        color: #3a3936;
        text-decoration: none;
        padding: 10px 20px 10px 15px;
        display: block;
        transition: 300ms ease-in-out;
    }

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link,
    .Header__nav-wrapper ._items ._sub-items ._sub-item a {
        padding-left: 20px
    }
}

.Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link:hover,
.Header__nav-wrapper ._items ._sub-items ._sub-item a:hover {
    background-color: transparent
}

@media screen and (min-width:1024px) {
    .Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link:hover,
    .Header__nav-wrapper ._items ._sub-items ._sub-item a:hover {
        background-color: #fafafa;
        letter-spacing: 1px;
    }
    .Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link:focus,
    .Header__nav-wrapper ._items ._sub-items ._sub-item a:focus {
        background-color: #fafafa;
    }
}

.Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link:active,
.Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link:hover,
.Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link:visited,
.Header__nav-wrapper ._items ._sub-items ._sub-item a:active,
.Header__nav-wrapper ._items ._sub-items ._sub-item a:hover,
.Header__nav-wrapper ._items ._sub-items ._sub-item a:visited {
    color: #3a3936;
    text-decoration: none
}

.mobile-menu-trigger {
    width: 40px;
    height: 40px;
    display: none;
    display: block;
    background: transparent;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 4;
    border: none;
    cursor: pointer
}

    .mobile-menu-trigger:focus {
        outline: 1px solid #000;
        outline-offset: 2px;
    }

    .mobile-menu-trigger:after,
    .mobile-menu-trigger:before {
        background-color: #3a3936;
        content: "";
        display: block;
        height: 2px;
        transition: all .1s ease-in-out
    }

    .mobile-menu-trigger:before {
        box-shadow: 0 10px 0 #3a3936;
        margin-bottom: 18px
    }

    .mobile-menu-trigger.isActive:before {
        box-shadow: 0 0 0 #3a3936;
        transform: translateY(10px) rotate(45deg)
    }

    .mobile-menu-trigger.isActive:after {
        transform: translateY(-10px) rotate(-45deg)
    }

@media screen and (min-width:768px) {
    .mobile-menu-trigger {
        top: 30px;
    }
}

@media screen and (min-width:1024px) {
    .mobile-menu-trigger {
        display: none;
    }
}

/*
    This page contains class for Search.
*/


.Search {
    width: 100%
}

@media screen and (min-width:1024px) {
    .Search {
        max-width: 420px;
        position: absolute;
        top: 0;
        right: 20px
    }

    .NormalSearch .Search {
        position: relative;
        right: 0px;
    }

    .NormalSearch .HomeCallout {
        min-height: 40px;
        height: 40px;
    }

    /*.SearchNormal {
        max-width: 420px;
        position: relative;
    }*/
}


.Search .searchButton {
    top: 30px;
    right: 35px;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

@media screen and (min-width:1024px) {
    .Search .searchButton {
        top: 40px
    }
}

.Search .button.-lrg {
    font-size: 16px
}

    .Search .button.-lrg:hover {
        background-color: #991a30
    }

.Search .searchWrapper {
    margin-top: 20px;
    position: relative;
    overflow: visible;
    transition: all .1s ease-in-out;
    display: none
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
    .Search .searchWrapper {
        background: #fff
    }
}

.Search .searchWrapper.isOpen {
    display: block
}

@media screen and (min-width:1024px) {
    .Search .searchWrapper {
        margin-top: 30px;
        display: block
    }
}

.Search .searchWrapper ._items {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 3;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 9px -3px rgba(0, 0, 0, .15);
    border: 1px solid rgba(34, 36, 38, .3);
    transition: all .1s ease-in-out;
    opacity: 0;
    visibility: hidden
}

    .Search .searchWrapper ._items[data-isvisable=true] {
        opacity: 1;
        visibility: visible
    }

    .Search .searchWrapper ._items:before {
        content: "";
        width: 100%;
        height: 5px;
        background: #fff;
        display: block;
        position: absolute;
        top: -1px;
        left: 0
    }

    .Search .searchWrapper ._items ._item {
        width: 100%;
        padding: 0;
        text-align: left;
    }

        .Search .searchWrapper ._items ._item .link {
            width: 100%;
            padding: 15px 15px 10px;
            display: block;
            transition: all .1s ease-in-out;
            color: #3b3a37;
            font-weight: 100
        }

            .Search .searchWrapper ._items ._item .link:hover {
                text-decoration: none;
                color: #3b3a37;
                background: #e9e9e9
            }

    .Search .searchWrapper ._items ._item-no-result {
        font-size: 16px;
        font-weight: 400;
        color: #3b3a37;
        width: 100%;
        padding: 15px 15px 10px;
        display: block
    }

#searchResults, #mobileSearchResults, #searchResults-nu {
    max-height: 500px;
    /*max-width: fit-content;*/
    overflow-y: scroll;
    overflow-x: visible;
    box-shadow: 0 10px 10px rgba(0,0,0,0.3);
    border-radius: 0 0 10px 10px;
    padding-left: 0;
    margin-top: 0;
}

#searchResults ._item .link.schoolSearch, 
#mobileSearchResults ._item .link.schoolSearch {
    padding: 15px 5px 10px 15px;
    background: #fff;
    display: block;
}
#searchResults ._item .link.schoolSearch:hover, 
#mobileSearchResults ._item .link.schoolSearch:hover {
    background: #eee;
}

#searchResults ._item .link.schoolSearch:hover .schoolSearch.schoolList div span, 
#mobileSearchResults ._item .link.schoolSearch:hover .schoolSearch.schoolList div span {
    font-weight: bold;
}

.schoolSearch.schoolList {
    display: grid;
    grid-template-columns: 20% 80%;
    align-items: center;
}

.schoolSearch.schoolName {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    display: block;
    color: #272727;
}

.schoolSearch.schoolAddress {
    font-size: 12px;
    display: block;
    color: #808080;
}

.schoolSearch.schoolLogo{
    max-width: 45px;
    max-height: 45px;
    width: auto;
    height: auto;
    margin-left: -10px;
    margin-right: 5px;
}
.schoolSearch.schoolLogo[alt]{
    font-size: 7px;
}

.schoolSearch.link.-underline:after{
    bottom: 1px;
    background: #ddd;
    height: 0.5px;
}
/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1. "Banner Section"
    2. "Notification Banner Section"
    3. "Slider Banner Section"
*/



/* ---- 1. Banner Section ---- */

.Banner__profile ._profile-wrap {
    padding: 20px;
    background-color: #eae9e8;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
}

    .Banner__profile ._profile-wrap ._image {
        height: 120px;
        margin: 0 auto 20px;
        display: block;
        border-radius: 50%
    }

@media screen and (min-width:768px) {
    .Banner__profile ._profile-wrap ._image {
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.Banner__profile ._profile-wrap .body-copy {
    text-align: center;
    vertical-align: top
}

@media screen and (min-width:768px) {
    .Banner__profile ._profile-wrap .body-copy {
        width: calc(100% - 200px);
        -ms-flex-preferred-size: calc(83.33% - 30px);
        text-align: left;
        padding-left: 30px;
        margin-top: 20px;
        display: inline-block
    }
}

.Banner__profile ._profile-wrap .body-copy ._name {
    font-weight: 600;
    margin-top: 30px;
    display: block
}

@media screen and (min-width:768px) {
    .Banner__profile ._profile-wrap .body-copy ._name {
        margin-top: 10px
    }
}

.Banner__profile ._profile-wrap .body-copy ._title {
    display: block
}


.Banner__cookie-notification.container--fluid {
    background: #000;
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    bottom: 0;
    z-index: 2;
    transition: all .1s ease-in-out, top 400ms ease-in-out;
    opacity: 0;
    display: none;
    visibility: hidden;
    width: 100%;
    padding: 1vw;
}

    .Banner__cookie-notification.container--fluid.isActive {
        opacity: 1;
        display: block;
        visibility: visible
    }

    .Banner__cookie-notification.container--fluid ._cookie-wrap {
        padding: 30px 0 65px
    }

@media screen and (min-width:768px) {
    .Banner__cookie-notification.container--fluid ._cookie-wrap {
        padding: 30px 0 35px
    }
}

.Banner__cookie-notification.container--fluid ._cookie-wrap .button {
    position: absolute;
    left: 20px;
    bottom: 20px
}

@media screen and (min-width:768px) {
    .Banner__cookie-notification.container--fluid ._cookie-wrap .button {
        top: 30px;
        right: 20px;
        bottom: auto;
        left: auto
    }
}

.Banner__cookie-notification.container--fluid ._cookie-wrap .button:hover, 
.Banner__cookie-notification.container--fluid ._cookie-wrap .button:focus {
    background-color: #16417e;
}

.Banner__school-info {
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: #16417e;
}

    .Banner__school-info .section-title.-white {
        text-align: left
    }

    .Banner__school-info ._school-address {
        font-size: 1rem;
        display: block
    }

    .Banner__school-info ._logo-wrap {
        padding: 5px;
        margin: 0 0 0 5px;
        background-color: #fff;
        float: right;
        clear: both;
    }



.Banner__school-info ._logo-wrap ._logo-image {
    max-height: 60px;
    height: 100%;
    width: 100%;
}

.Banner__school-nav {
    background-color: #122633
}

    .Banner__school-nav ._school-nav {
        padding: 10px 0;
        width: 100%;
    }

        .Banner__school-nav ._school-nav ._school-nav-items, .Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-sub-items {
            padding: 0;
            margin: 0;
            list-style: none;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            width: 100%;
        }

            .Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item {
                position: relative;
                vertical-align: top;
                margin-top: 5px;
                margin-bottom: 5px;
                display: flex;
                justify-content: center;
                align-items: flex-start;
                grid-gap: 15px;
                list-style: none;
                padding: 0 5px;
                width: auto;
            }

                .Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-sub-items {
                    display: inline-block;
                }

@media screen and (min-width:768px) {
    .Banner__school-nav ._school-nav ._school-nav-items, .Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-sub-items {
        flex-wrap: nowrap;
        justify-content: space-around;
    }
}

@media screen and (min-width:1024px) {
    .Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-link {
    display: inline-block;
}

@media screen and (min-width:1024px) {
    .Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-link {
        display: inline-block;
        margin: 0 0 0 30px
    }
}

.Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-link:hover, 
.Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-link:focus {
    text-decoration: underline
}

.Banner__school-nav ._school-nav ._school-nav-items ._school-nav-item ._school-nav-link span {
    margin-right: 10px
}

.Banner__bundle {
    height: 50px;
    overflow: visible;
    background-color: #eae9e8;
    transition: all .1s ease-in-out
}
@media screen and (min-width:1200px) {
    .uniform__bundle {
        padding: 0;
    }
}

.bundle_container{
    background: #eae9e8;
    padding: 10px 0;
}
.bundle_list {
    background-color: #eae9e8;
    overflow: hidden;
}
@media screen and (max-width: 1023px) {
    .bundle_list .container, .Banner__bundle .container {
        padding: 0;
    }
}

.bundle_list .container__row{
    align-items: flex-start;
}

@media screen and (min-width:1024px) {
    .Banner__bundle {
        height: auto;
    }
}

.Banner__bundle.isOpen, .uniformBundles.isOpen {
    height: auto
}

@media (max-width:767px) {
    .Banner__bundle.-mobile {
        height: 120px
    }

        .Banner__bundle.-mobile .-bundle-hide {
            display: none
        }

        .Banner__bundle.-mobile.isOpen {
            height: auto
        }

            .Banner__bundle.-mobile.isOpen .showBundle .-bundle-hide {
                display: block
            }
}

@media (max-width:1023px) {
    .Banner__bundle {
        height: 45px;
    }
        .Banner__bundle .-bundle-hide {
            display: none;
        }
        .Banner__bundle.isOpen {
            height: auto;
        }
            .Banner__bundle.isOpen .showBundle .-bundle-hide {
                display: block;
            }
}

.Banner__bundle ._close-button {
    font-size: 1.125rem;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    background-color: transparent;
    color: #fff;
    transition: all .1s ease-in-out;
    transform: rotate(0deg);
    border: 0
}

    .Banner__bundle ._close-button.isActive {
        transform: rotate(180deg)
    }

@media screen and (min-width:768px) {
    .Banner__bundle ._close-button.-tablet-hide {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .Banner__bundle ._close-button {
        display: none
    }
}


.Banner__bundle .bundleHeading{
    background: #122633;
    color: #fff;
    padding: 10px 20px;
    border-bottom: 3px solid #eae9e8;
    z-index: 1;
}

.Banner__bundle .bundleHeading .body-copy {
    color: #fff;
}

.Banner__bundle h2.section-sub-title {
    color: #f0c954;
}

.Banner__bundle .section-sub-title, .Banner__bundle .section-sub-title .body-copy--regular {
    text-align: left;
    margin-bottom: 0;
    color: #fff;
}

    .Banner__bundle .section-sub-title {
        font-size: 1rem;
        line-height: 1.3;
    }


    .Banner__bundle .section-sub-title:before {
        font-size: 1.125rem;
        margin-right: 10px;
    }

@media screen and (min-width:1024px) {
    .Banner__bundle .section-sub-title:before {
        font-size: 1.25rem
    }
}

.Banner__bundle .section-sub-title .body-copy--regular {
    margin: 0;
    display: none
}

@media screen and (min-width:1024px) {
    .Banner__bundle .section-sub-title .body-copy--regular {
        padding-left: 30px;
        display: inline-block
    }
}

@media screen and (min-width:1200px) {
    .Banner__bundle .section-sub-title .body-copy--regular {
        padding-left: 10px;
    }
    .Banner__bundle .-static ._bundle-wrap .body-copy--regular {
        text-align: left
    }
}

.Banner__bundle ._bundle-titles {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0
}

    .Banner__bundle ._bundle-titles.-hide {
        display: none
    }

@media screen and (min-width:1200px) {
    .Banner__bundle ._bundle-titles.-hide {
        display: block
    }
}

.Banner__bundle ._bundle-titles.-right {
    text-align: right
}

.Banner__bundle ._bundle-wrap {
    margin-bottom: 20px;
    position: relative
}

@media screen and (min-width:1024px) {
    .Banner__bundle ._bundle-wrap {
        padding: 0;
        margin-bottom: 0
    }
}



@media screen and (min-width:1200px) {    
    .Banner__bundle ._bundle-wrap .section-sub-title.-margin {
        text-align: center
    }
}

.Banner__bundle ._bundle-wrap .body-copy--regular, .Banner__bundle ._bundle-wrap .body-copy--small{
    margin: 0
}

@media screen and (min-width:1200px) {
    .Banner__bundle ._bundle-wrap .body-copy--regular {
        text-align: right
    }
}
.bundle_list ._bundle-wrap .fa-check-square {
    margin-left: 3px;
}
.bundle_list ._bundle-wrap .fa-check-square:nth-child(1) {
    margin-left: 0;
}

.bundle_list ._bundle-wrap.uniformBundles {
    z-index:0;
}
.bundle_list ._bundle-wrap.otherBundles {
    z-index:1;
}

.Banner__bundle ._bundle-wrap.-divider:after, ._bundle-wrap.-divider.uniformBundles:after {
    content: "";
    width: 2px;
    height: 100%;
    min-height: 300px;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

@media screen and (min-width:1024px) {
    .Banner__bundle ._bundle-wrap.-divider:after {
        background-color: #fff
    }
    ._bundle-wrap.-divider.uniformBundles:after {
        background-color: transparent;
    }
}
@media screen and (min-width:1200px) {
    ._bundle-wrap.-divider.uniformBundles:after {
        background-color: #fff;
    }
}

.Banner__bundle ._bundle-wrap ._checkboxes-title{
        font-size:16px;
        line-height: 1.2;
        width: 100%;
        text-align: center;
        background: #122633;
        padding: 5px 0;
        z-index: 1;
    }
@media screen and (min-width:1200px) {
    
    .Banner__bundle ._bundle-wrap ._checkboxes {
        padding-left: 5px;
        font-size: 14px;
        margin-top: 3px;
        line-height: 1.2;
    }
    .Banner__bundle ._bundle-wrap .body-copy--small {
        line-height: 1.2;
        margin: 7px auto;
    }
}


    .Banner__bundle ._bundle-wrap ._checkboxes ._checkbox._reduced-bundle {
        display: block
    }

@media screen and (min-width:1200px) {
    .Banner__bundle ._bundle-wrap ._checkboxes ._checkbox._reduced-bundle {
        text-align: right;
        margin-right: 10px;
    }
}

.Banner__bundle.-notification {
    height: auto;
    text-align: left;
    padding: 15px 0;
    margin-top: 2px
}

@media screen and (min-width:768px) {
    .Banner__bundle.-notification {
        margin-top: 0
    }
}

@media screen and (min-width:1200px) {
    .Banner__bundle.-notification {
        text-align: center
    }
}

.Banner__bundle.-notification .body-copy {
    margin: 0
}


.Banner__youtube.container.-section {
    width: 100%;
    max-width: 1024px;
    margin-bottom: 40px
}

@media screen and (min-width:1024px) {
    .Banner__youtube.container.-section {
        margin-bottom: 40px
    }
}

.Banner__profile.-section {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin-bottom: 40px
}


.Banner__image {
    height: 320px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50%;
    overflow: hidden;
}

    .Banner__image .-bannerTitle {
        color: #fff;
        font-weight: 600;
        font-size: 2.5em;
        max-width: 1400px;
        margin: auto;
        position: relative;
        margin-top: 200px;
        padding-left: 20px;
    }

@media screen and (min-width:1024px) {
    .Banner__image {
        height: 390px;
    }

        .Banner__image .-bannerTitle {
            margin-top: 20%;
            font-size: 3em;
        }
}

@media screen and (min-width:1200px) {
    .Banner__image {
        height: 560px;
    }

        .Banner__image .-bannerTitle {
            margin-top: 20%;
            font-size: 3.5em;
        }
}

.Banner__copy {
    padding: 50px 0px;
    margin-bottom: 30px;
    /*background-image: linear-gradient(223deg, #122633, #991a30)*/
    background-color: #eae9e8;
}

@media screen and (min-width:1024px) {
    .Banner__copy {
        padding: 100px 0;
    }
}

.Banner__full-width {
    padding: 30px 0 20px;
    background-color: rgba(18, 38, 51, .9)
}

    .Banner__full-width .section-title.-white {
        text-align: left
    }


/* bundle for view cart */
.bundle-boxes.container__row{
    grid-gap: 10px;
    justify-content: flex-start;
}
.bundle-boxes .bundle {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    clear: both;
    min-width: 200px;
}
    .bundle-boxes .bundle h4{
        margin: 0;
        text-align: center;
    }
        .bundle-boxes .bundle h4 a {
            background: #122633;
            color: #fff;
            display: block;
            padding: 5px 10px;
            border-radius: 10px 10px 0 0;
            text-decoration: none;
        }
.bundle-boxes .bundle ul{
    padding: 5px;
    list-style-type: none;
    text-align: center;
}
    .bundle-boxes .bundle ul li a {
        background: #122633;
        color: #fff;
        display: block;
        padding: 5px 10px;
        border-radius: 20px;
        margin: 5px auto;
        text-decoration: none;
    }

    .bundle-boxes .bundle h4 a:hover,
    .bundle-boxes .bundle ul li a:hover{
        background: #eae9e8;
        color: #122633;
    }

    /* ---- 2. Notification Banner Section ----*/
    .Notification-banner {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #16417e;
        transition: all .1s ease-in-out;
        display: none;
        opacity: 0;
        visibility: hidden
    }

@media screen and (min-width:768px) {
    .Notification-banner {
        position: static
    }
}

.Notification-banner.isActive {
    display: block;
    opacity: 1;
    visibility: visible
}

.Notification-banner .closeTrigger {
    font-size: 14px;
    color: #fff;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 15px;
    cursor: pointer
}


/* ---- 3. Slider Banner Section ---- */

.slider {
    position: relative;
    padding: 0;
    overflow: hidden;
}

    .slider .slides {
        display: flex;
        width: 500%;
        height: 100%;
    }

        .slider .slides input {
            display: none;
        }

        .slider .slides .slide {
            position: relative;
            width: 20%;
            height: auto;
            transition: margin 1000ms ease-out;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 3%;
        }

            .slider .slides .slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .slider .slides .slide .slide-content {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 15px;
                text-align: left;
                width: 100%;
                max-width: 1200px;
                height: 100%;
            }

                /* Style for Nanook Down Jacket Sale. */
                .slider .slides .slide .slide-content#nanookDown {
                    top: 70%;
                    left: 50%;
                    transform: translate(-50%, -70%);
                    width: 350px;
                    height: auto;
                    text-align: center;
                }

                .slider .slides .slide .slide-content .discounted-contents {
                    display: flex;
                    flex-wrap: nowrap;
                    text-align: center;
                    justify-content: space-around;
                    align-items: center;
                    width: 100%;
                    margin: 5px auto;
                    text-shadow: 1px 1px 3px #000;
                }

                    .slider .slides .slide .slide-content .discounted-contents .divider {
                        width: 1px;
                        height: 55px;
                        background-color: #fff;
                    }

                    .slider .slides .slide .slide-content .discounted-contents .discounted-product .discounted-product-title {
                        color: #f0c954;
                        font-size: 14px;
                    }

                    .slider .slides .slide .slide-content .discounted-contents .discounted-product .product-price {
                        color: #fff;
                        font-size: 14px;
                        text-decoration: line-through;
                    }

                    .slider .slides .slide .slide-content .discounted-contents .discounted-product .discounted-product-price {
                        color: #fff;
                        font-size: 30px;
                        font-weight: bold;
                    }

                        .slider .slides .slide .slide-content .discounted-contents .discounted-product .product-price sup,
                        .slider .slides .slide .slide-content .discounted-contents .discounted-product .discounted-product-price sup {
                            font-size: 50%;
                        }

                /* Style for basic slides */

                .slider .slides .slide .slide-content .slide-content-header {
                    text-shadow: 0 0 10px #000;
                    padding: 5px 5%;
                    position: absolute;
                    top: 70%;
                    left: 20%;
                    transform: translate(-20%,-50%);
                    width: 100%;
                }

                    .slider .slides .slide .slide-content .slide-content-header .slide-content-main-heading {
                        color: #fff;
                        font-family: 'Euphoria Script', cursive;
                        font-size: 3em;
                        line-height: 1em;
                        margin: auto;
                    }

                    .slider .slides .slide .slide-content .slide-content-header .slide-content-sub-heading {
                        color: #fff;
                        font-size: 1em;
                        line-height: 20px;
                        margin: 10px auto;
                    }


                    .slider .slides .slide .slide-content .slide-content-footer .warning {
                        color: #f0c954;
                        font-weight: bold;
                    }

                /* Style for Inventory Blow Out Sale */

                .slider .slides .slide .slide-content#inventoryBlowOutSale {
                    height: 100%;
                }

                    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-header {
                        font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
                        font-size: 1.5em;
                        font-weight: 700;
                        line-height: 1em;
                        position: absolute;
                        top: 0px;
                        left: 50%;
                        transform: translate(-50%, 0);
                        text-align: center;
                        width: 100%;
                        color: #122633;
                        text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
                        z-index: -1;
                    }

                    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-footer {
                        font-family: proxima-nova, Helvetica, sans-serif;
                        font-size: 0.7em;
                        font-weight: 400;
                        color: #122633;
                        line-height: 1em;
                        width: 100%;
                        text-align: center;
                        position: absolute;
                        top: 87%;
                        left: 50%;
                        transform: translate(-50%, -87%);
                        margin: 0;
                    }

                    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
                        position: absolute;
                        top: 75%;
                        left: 50%;
                        transform: translate(-50%, -75%);
                        white-space: nowrap;
                    }

                .slider .slides .slide .slide-content .mobile-hide {
                    display: none;
                }

@keyframes fill {
    0% {
        background-position: right;
    }

    100% {
        background-position: left;
    }
}

.simple-light-button {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.simple-dark-button {
    color: #000;
    border-bottom: 2px solid #000;
}

.simple-light-button, .simple-dark-button {
    text-decoration: none;
    padding-bottom: 1px;
    font-size: 18px;
    transition: 300ms ease;
}

    .simple-light-button:hover, .simple-dark-button:hover, 
    .simple-light-button:focus, .simple-dark-button:focus {
        letter-spacing: 3px;
        padding-bottom: 0;
        font-weight: bold;
    }

.navigation-manual {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -95%);
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 20px;
    z-index: 1;
    background: rgba(0,0,0,0.3);
    padding: 0 10px 0 15px;
    border-radius: 15px;
    color: #eae9e8;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, rgba(0,0,0,0.3) 50%, #164173 50%) right;
    background-size: 200%;
    animation-name: fill;
    animation-iteration-count: infinite;
    animation-name: fill;
}

    .navigation-manual .play-slider, .navigation-manual .pause-slider {
        cursor: pointer;
        height: 24px;
        transition: transform 200ms ease;
        color: #fff;
        background: none;
        border: none;
        padding: 0;
    }

        .navigation-manual .play-slider:hover, .navigation-manual .pause-slider:hover, 
        .navigation-manual .play-slider:focus, .navigation-manual .pause-slider:focus {
            transform: scale(1.2)
        }

    .navigation-manual .play-slider {
        display: none;
    }

.manual-btn {
    border: 2px solid #eae9e8;
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
    transition: 300ms ease;
}
    .manual-btn:hover, .manual-btn:focus {
        background: #eae9e8;
    }

#radio1:checked ~ .first {
    margin-left: 0;
}

#radio2:checked ~ .first {
    margin-left: -20%;
}

#radio3:checked ~ .first {
    margin-left: -40%;
}

#radio4:checked ~ .first {
    margin-left: -60%;
}

    #radio1:checked ~ .second button, #radio1:checked ~ .second a, #radio1:checked ~ .second input,
    #radio1:checked ~ .third button, #radio1:checked ~ .third a, #radio1:checked ~ .third input,
    #radio1:checked ~ .fourth button, #radio1:checked ~ .fourth a, #radio1:checked ~ .fourth input {
        visibility: hidden;
    }

    #radio2:checked ~ .first button, #radio2:checked ~ .first a, #radio2:checked ~ .first input,
    #radio2:checked ~ .third button, #radio2:checked ~ .third a, #radio2:checked ~ .third input,
    #radio2:checked ~ .fourth button, #radio2:checked ~ .fourth a, #radio2:checked ~ .fourth input {
        visibility: hidden;
    }

    #radio3:checked ~ .first button, #radio3:checked ~ .first a, #radio3:checked ~ .first input,
    #radio3:checked ~ .second button, #radio3:checked ~ .second a, #radio3:checked ~ .second input,
    #radio3:checked ~ .fourth button, #radio3:checked ~ .fourth a, #radio3:checked ~ .fourth input {
        visibility: hidden;
    }

    #radio4:checked ~ .first button, #radio4:checked ~ .first a, #radio4:checked ~ .first input,
    #radio4:checked ~ .second button, #radio4:checked ~ .second a, #radio4:checked ~ .second input,
    #radio4:checked ~ .third button, #radio4:checked ~ .third a, #radio4:checked ~ .third input {
        visibility: hidden;
    }

#radio1:checked ~ .navigation-manual .manual-btn1 {
    background: #fff;
    padding: 4px;
    border: 2px solid #fff;
}

#radio2:checked ~ .navigation-manual .manual-btn2 {
    background: #fff;
    padding: 4px;
    border: 2px solid #fff;
}

#radio3:checked ~ .navigation-manual .manual-btn3 {
    background: #fff;
    padding: 4px;
    border: 2px solid #fff;
}

#radio4:checked ~ .navigation-manual .manual-btn4 {
    background: #fff;
    padding: 4px;
    border: 2px solid #fff;
}

@media screen and (min-width: 450px) {
    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-header {
        font-size: 1.8em;
        line-height: 0px;
    }    
}
@media screen and (min-width: 600px) {
    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-header {
        font-size: 2.2em;
        line-height: 0px;
    }   
    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
        top: 90%;
        left: 90%;
        transform: translate(-90%, -90%);
    }
}

@media screen and (min-width: 700px) {
    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-footer {
        font-size: 0.8em;
        padding: 0 50px;
        top: 97%;
        left: 0%;
        transform: translate(0%, -97%);
        width: auto;
        text-align: left;
        margin: 0;
    }

    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
        top: 95%;
        left: 90%;
        transform: translate(-90%, -95%);
    }
}

@media screen and (min-width: 768px) {
    /* General Styles */
    .slider .slides .slide .slide-content .slide-content-header {
        padding: 5px 10%;
    }

        .slider .slides .slide .slide-content .slide-content-header .slide-content-main-heading {
            font-size: 5em;
        }

        .slider .slides .slide .slide-content .slide-content-header .slide-content-sub-heading {
            font-size: 1.5em;
        }

    .slider .slides .slide .slide-content .slide-content-footer {
        font-size: 1em;
        margin: 20% auto 30px;
        padding: 0 50px;
    }
    /* Style for Inventory Blow Out Sale */
    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-header {
        font-size: 2.5em;
        line-height: 0px;
    }

    /*.slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-footer {
        font-size: 1em;
        padding: 0 50px;
        top: 87%;
        left: 50%;
        transform: translate(-50%, -87%);
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
        top: 75%;
        left: 50%;
        transform: translate(-50%, -75%);
    }*/
}

/*@media screen and (min-width: 890px) {
    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
        top: 95%;
        left: 90%;
        transform: translate(-90%, -95%);
    }
}*/


@media screen and (min-width: 1024px) {
    /* Style for General Styles */
    .slider .slides .slide .slide-content .slide-content-header .slide-content-main-heading {
        font-size: 6em;
    }

    .slider .slides .slide .slide-content .slide-content-header .slide-content-sub-heading {
        font-size: 1.8em;
    }

    .slider .slides .slide .slide-content .slide-content-footer {
        font-size: 1.1em;
        margin: 10% auto 30px;
    }
    /* Style for Inverntory Blow Out Sale */
    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-header {
        font-size: 3em;
        line-height: 30px;
        top: -30px;
    }

    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-footer {
        font-size: 1.1em;
        padding: 0 50px;
        top: 97%;
        left: 0%;
        transform: translate(0%, -97%);
        width: auto;
        text-align: left;
        margin: 0;
    }

    /* Style for Nanook Down Jacket Sale */
    .slider .slides .slide .slide-content#nanookDown {
        top: 50%;
        left: 80%;
        transform: translate(-80%, -50%);
        width: 400px;
    }

    .slider .slides .slide .slide-content .mobile-hide {
        display: block;
    }

    .slider .slides .slide .slide-content .discounted-contents {
        margin: 30px auto;
    }

    .simple-light-button, .simple-dark-button {
        font-size: 24px;
    }

    .slider .slides .slide .slide-content .discounted-contents .discounted-product .product-price,
    .slider .slides .slide .slide-content .discounted-contents .discounted-product .discounted-product-title {
        font-size: 18px;
    }

    .slider .slides .slide .slide-content .discounted-contents .discounted-product .discounted-product-price {
        font-size: 40px;
    }

    .navigation-manual {
        padding: 3px 15px 3px 20px;
    }

    .manual-btn {
        padding: 3px;
    }

    #radio1:checked ~ .navigation-manual .manual-btn1 {
        padding: 5px;
    }

    #radio2:checked ~ .navigation-manual .manual-btn2 {
        padding: 5px;
    }

    #radio3:checked ~ .navigation-manual .manual-btn3 {
        padding: 5px;
    }

    #radio4:checked ~ .navigation-manual .manual-btn4 {
        padding: 5px;
    }
}

/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1. "Store Content Section"
    2. "Product Content Section"
    3. "Shopping Cart Content Section"
    4. "Checkout Section"
*/

/* ---- 1. Store Content Section ---- */

@media screen and (min-width:768px) {
    .Store__content ._store-select-field {
        position: absolute;
        right: 0
    }
}

.Store__content ._sort-sidear {
    padding: 10px 30px 20px;
    height: 100vh;
    width: 70vw;
    overflow: scroll;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -100vw;
    transition: left 300ms ease-in-out;
    box-shadow: 10px 10px 15px -15px rgba(0,0,0,0.6);
    z-index: 101;
}
.Store__content ._sort-sidear.isSlided {
    left: 0;
}
.Store__content ._sort-sidear::-webkit-scrollbar {
    width: 3px;
}
.Store__content ._sort-sidear::-webkit-scrollbar-track {
    background: #fff;
}

@media screen and (min-width:768px) {
    .Store__content ._sort-sidear {
        padding: 10px 10px 20px 20px;
        height: calc(100vh - 205px);
        width: auto;
        overflow: scroll;
        position: relative;
        left: unset;
        z-index: 1;
    }
}

.Store__content ._sort-sidear.isOpen {
    height: auto
}

.Store__content ._sort-sidear .sort-dropdown-button {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 1.25rem;
    background-color: transparent
}

    .Store__content ._sort-sidear .sort-dropdown-button:after {
        display: inline-block;
        transition: all .1s ease-in-out;
        transform: rotate(0deg)
    }

    .Store__content ._sort-sidear .sort-dropdown-button.isActive:after {
        transform: rotate(180deg)
    }

@media screen and (min-width:768px) {
    .Store__content ._sort-sidear .sort-dropdown-button {
        display: none
    }
}

.Store__content ._sort-sidear ._sort-items {
    /*display: none*/
    display: block;
}
.Store__content ._sort-sidear ._sort-item button {
    font-weight: bold;
}


/*@media screen and (min-width:768px) {
    .Store__content ._sort-sidear ._sort-items {
        display: block
    }
}*/

.Store__content ._sort-sidear ._sort-items.isOpen {
    display: block
}

.Store__content ._sort-sidear ._sort-items,
.Store__content ._sort-sidear ._sort-sub-items {
    padding: 0;
    margin: 0;
    list-style: none
}

.Store__content ._sort-sidear ._sort-item,
.Store__content ._sort-sidear ._sort-sub-item {
    display: block;
    position: relative
}

.Store__content ._sort-sidear ._sort-button {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    text-align: left;
    padding: 10px 0 10px 10px;
    background-color: transparent;
    border: none;
    position: relative;
    cursor: pointer
}

    .Store__content ._sort-sidear ._sort-button:hover,
    .Store__content ._sort-sidear ._sort-button:focus {
        text-decoration: underline;
        outline: 0
    }

.Store__content ._sort-sidear ._sort-sub-items ._sort-sub-item ._sort-button {
    padding-left: 40px
}

.Store__content ._sort-sidear .icon--accessory:after,
.Store__content ._sort-sidear .icon--accessory:before,
.Store__content ._sort-sidear .icon--optionalaccessory:after,
.Store__content ._sort-sidear .icon--optionalaccessory:before,
.Store__content ._sort-sidear .icon--bundle:after,
.Store__content ._sort-sidear .icon--bundle:before,
.Store__content ._sort-sidear .icon--gym:after,
.Store__content ._sort-sidear .icon--gym:before,
.Store__content ._sort-sidear .icon--selected:after,
.Store__content ._sort-sidear .icon--selected:before {
    font-size: .75rem;
    position: absolute;
    left: -10px;
    top: 15px;
    opacity: 0;
    transition: all .1s ease-in-out;
    z-index: 1;
}

.Store__content ._sort-sidear .icon--accessory:after,
.Store__content ._sort-sidear .icon--optionalaccessory:after,
.Store__content ._sort-sidear .icon--bundle:after,
.Store__content ._sort-sidear .icon--gym:after,
.Store__content ._sort-sidear .icon--selected:after {
    left: 10px;
    color: #3b3a37;
    opacity: 1
}

.Store__content .icon--selected.isSelected:before {
    opacity: 1;
    top: 15px;
}
.Store__content .icon--selected.icon--clearance.isSelected:before {
    top: 10px;
    opacity: 1;
}

.Store__content ._products-section {
    padding: 30px 0
}

@media screen and (min-width:768px) {
    .Store__content ._products-section {
        padding: 0 0 0 30px;
        -ms-flex-preferred-size: calc(75% - 30px)
    }
}

@media screen and (min-width:1024px) {
    .Store__content ._products-section {
        padding: 0 0 0 60px;
        -ms-flex-preferred-size: calc(83.33% - 60px)
    }
}

.Store__content ._products-section .section-sub-title {
    margin: 10px 0 30px
}

.Store__content ._products-section ._product-card {
    padding: 0 0 30px;
    margin-bottom: 20px;
    position: relative;
    text-decoration: none;
    color: #3b3a37;
    transition: all .1s ease-in-out;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .Store__content ._products-section ._product-card {
        padding: 0;
        margin-bottom: 30px
    }
}

.Store__content ._products-section ._product-card:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eae9e8;
    bottom: 0;
    left: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    transition: all .1s ease-in-out
}
.Store__content ._products-section ._product-card.-login-button ._copy-wrap .body-copy--medium._product-tag {
    min-height: auto
}

.Store__content ._products-section ._product-card.-login-button ._copy-wrap .body-copy--medium {
    min-height: 165px
}
.Store__content ._products-section ._product-card ._copy-wrap {
    padding: 10px 10px 15px;
}
.Store__content ._products-section ._product-card ._copy-wrap .body-copy--medium {
    font-size: .77rem;
    letter-spacing: .2px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.Store__content ._products-section ._product-card ._copy-wrap ._product-tag {
    min-height: auto;
    font-weight: 600;
    display: inline-block;
    margin: 10px 10px 0 0;
    position: absolute;
    right: 0;
    bottom: 10px
}

@media screen and (min-width:1024px) {
    .Store__content ._products-section ._product-card ._copy-wrap ._product-tag {
        right: 10px
    }
}

@media screen and (min-width:1200px) {
    .Store__content ._products-section ._product-card ._copy-wrap ._product-tag {
        bottom: 10px
    }
}

@media screen and (min-width:1024px) {
    .Store__content ._products-section ._product-card ._copy-wrap {
        padding: 20px 20px 30px
    }
}

.Store__content ._products-section ._product-card ._copy-wrap .button.-lrg {
    width: calc(100% - 20px);
    padding: 10px;
    position: absolute;
    bottom: 40px
}

@media screen and (min-width:1024px) {
    .Store__content ._products-section ._product-card ._copy-wrap .button.-lrg {
        width: auto
    }
}

@media screen and (min-width:768px) {
    .Store__content ._products-section ._product-card:hover,
    .Store__content ._products-section ._product-card:focus {
        background-color: #eae9e8;
    }

        .Store__content ._products-section ._product-card:hover:before {
            background-color: #3b3a37;
            height: 4px;
        }
}

.Store__content ._products-section ._product-card.icon--accessory:after,
.Store__content ._products-section ._product-card.icon--optionalaccessory:after,
.Store__content ._products-section ._product-card.icon--bundle:after,
.Store__content ._products-section ._product-card.icon--gym:after {
    width: 24px;
    height: 24px;
    font-size: .875rem;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eae9e8;
    border: 1px solid #eae9e8;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0
}

.Store__content ._products-section ._product-card.icon--accessory:after,
.Store__content ._products-section ._product-card.icon--optionalaccessory:after,
.Store__content ._products-section ._product-card.icon--bundle:after {
    font-size: .625rem
}

.Store__content ._products-section ._product-card .link.-underline {
    margin-bottom: 30px;
    display: inline-block
}

.Store__content ._products-section ._product-card ._product-image {
    width: 100%;
    height: auto;
    display: block;
}
.Store__content ._products-section ._product-card ._product-image.fixedSize {
    width: 100%;
    height: 400px;
    display: block;
    padding: 20px;
    object-fit: cover;
    object-position: top;
}

.Store__content ._products-section ._product-card ._clearence {
    text-align: left;
    padding: 0 8px;
    background-color: #991a30;
    position: absolute;
    top: 0;
    left: 20px
}

.Store__content ._products-section ._product-card ._product-price {
    position: absolute;
    bottom: 10px;
    font-size: 1.0rem;
    font-weight: bold;
    margin: 0;
    line-height: 1.125rem;
}

.body-copy--regular._product-price {
    font-size: 1.14rem;
    font-weight: 700;
}

/* ---- 2. Product Content Section ---- */

.Product__content ._product-gallery {
    position: relative
}

@media screen and (min-width:768px) {
    .Product__content ._product-gallery {
        padding-right: 30px;
        -ms-flex-preferred-size: calc(66.66% - 30px)
    }
}

.Product__content ._product-gallery ._clearence {
    text-align: left;
    padding: 0 8px;
    background-color: #991a30;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

@media screen and (min-width:768px) {
    .Product__content ._product-gallery ._clearence {
        right: 40px
    }
}

.Product__content ._product-gallery ._thumbs ._thumb-items {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none
}

    .Product__content ._product-gallery ._thumbs ._thumb-items.thumbGalleryActive {
        display: block
    }

    .Product__content ._product-gallery ._thumbs ._thumb-items ._thumb-item {
        width: 100%;
        max-width: 70px;
        padding: 5px 5px 10px;
        margin-bottom: 20px;
        display: block;
        cursor: pointer;
        transition: all .1s ease-in-out;
        border: 2px solid transparent
    }

        .Product__content ._product-gallery ._thumbs ._thumb-items ._thumb-item.thumbSelected {
            border-bottom: 2px solid #ef8f23
        }

        .Product__content ._product-gallery ._thumbs ._thumb-items ._thumb-item ._thumb-image {
            width: 100%;
            display: block
        }

.Product__content ._product-gallery ._images ._image-items {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none
}

    .Product__content ._product-gallery ._images ._image-items.imageGalleryActive {
        display: block
    }

    .Product__content ._product-gallery ._images ._image-items ._image-item {
        transition: all .1s ease-in-out;
        display: none;
        opacity: 0
    }

@media screen and (min-width:768px) {
    .Product__content ._product-gallery ._images ._image-items ._image-item {
        padding: 0 0 0 20px;
    }
}

.Product__content ._product-gallery ._images ._image-items ._image-item.imageSelected {
    display: block;
    opacity: 1
}

.Product__content ._product-gallery ._images ._image-items ._image-item ._image {
    width: 100%;
    display: block
}

.Product__content ._product-gallery ._description {
    margin-top: 30px
}

    .Product__content ._product-gallery ._description .icon--accessory,
    .Product__content ._product-gallery ._description .icon--optionalaccessory,
    .Product__content ._product-gallery ._description .icon--bundle,
    .Product__content ._product-gallery ._description .icon--gym {
        font-size: .938rem;
        padding: 3px 0 0 34px;
        margin-bottom: 30px;
        display: block;
        position: relative
    }

        .Product__content ._product-gallery ._description .icon--accessory:after,
        .Product__content ._product-gallery ._description .icon--optionalaccessory:after,
        .Product__content ._product-gallery ._description .icon--bundle:after,
        .Product__content ._product-gallery ._description .icon--gym:after {
            width: 24px;
            height: 24px;
            font-size: .875rem;
            color: #fff;
            padding: 5px;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #3b3a37;
            border: 1px solid #3b3a37;
            border-radius: 50%
        }

        .Product__content ._product-gallery ._description .icon--accessory:after,
        .Product__content ._product-gallery ._description .icon--optionalaccessory:after,
        .Product__content ._product-gallery ._description .icon--bundle:after {
            font-size: .625rem
        }

.Product__content ._product-sidear {
    margin-bottom: 30px
}

    .Product__content ._product-sidear ._product-form {
        overflow: visible;
    }

        .Product__content ._product-sidear ._product-form h1.section-sub-title {
            margin: 30px 0;
        }

    .Product__content ._product-sidear ._colour-items {
        padding: 0;
        margin: 0 0 10px;
        border: 0
    }

        .Product__content ._product-sidear ._colour-items ._colour-item {
            width: 50px;
            height: 30px;
            margin: 0 5px 0 0;
            display: inline-block;
            position: relative
        }

        .Product__content ._product-sidear ._colour-items ._colour-input[type=radio] {
            width: 100%;
            height: 100%;
            margin: 0;
            display: inline-block;
            position: absolute;
            z-index: 3;
            opacity: 0;
            border: 0;
            cursor: pointer
        }


            .Product__content ._product-sidear ._colour-items ._colour-input[type=radio] + span + ._colour-text {
                width: 50px;
                height: 25px;
                text-indent: -1000vw;
                text-align: center;
                display: block;
                margin: 0;
                border: 2px solid #f0f0f0;
                transition: all .1s ease-in-out;
                cursor: pointer
            }

            .Product__content ._product-sidear ._colour-items ._colour-item ._colour-text-slideUp {
                position: absolute;
                top: 50%;
                left:50%;
                transform: translate(-50%, -50%) scale(0);
                transition: 300ms ease-in;
                background-color: #272727;
                color: #fff;
                font-size: 13px;
                font-weight: 100;
                text-align: center;
                text-transform: lowercase;
                white-space: nowrap;
                opacity: 0;
                border-radius: 1px;
                padding: 5px 8px;
                min-width: 50px;
                cursor: pointer;
                z-index: 50;
            }
            .Product__content ._product-sidear ._colour-items ._colour-item ._colour-text-slideUp:first-letter {
                text-transform: uppercase;
            }

                .Product__content ._product-sidear ._colour-items ._colour-item ._colour-text-slideUp::after {
                    content: "";
                    position: absolute;
                    top: 85%;
                    left: 45%;
                    margin-left: -5px;
                    border-width: 9px;
                    border-style: solid;
                    border-color: #272727 transparent transparent transparent;
                }

        .Product__content ._product-sidear ._colour-items ._colour-item:hover ._colour-text-slideUp, 
        .Product__content ._product-sidear ._colour-items ._colour-item input:focus +span+span+ ._colour-text-slideUp {
            top: -70%;
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;

        }

        .Product__content ._product-sidear ._colour-items ._colour-input[type=radio].colourSelected + span + ._colour-text {
            outline: 0;
            border: 2px solid #f0c954;
            box-shadow: 0 0 5px #f0c954;
        }

    .Product__content ._product-sidear .colorName{
        text-transform: uppercase;
    }


    .Product__content ._product-sidear .icon--tooltip {
        right: -25px;
        bottom: 5px
    }

    .Product__content ._product-sidear ._placeholder {
        font-weight: 600;
        margin-bottom: 30px
    }

        .Product__content ._product-sidear ._placeholder.hidden {
            display: none
        }

    .Product__content ._product-sidear ._pricing {
        display: none;
        position: relative;
        transition: all .1s ease-in-out;
        visibility: hidden;
        opacity: 0
    }

        .Product__content ._product-sidear ._pricing.isVisible {
            display: inline-block;
            visibility: visible;
            opacity: 1
        }

        .Product__content ._product-sidear ._pricing .iframeModalTrigger {
            font-weight: 400;
            padding: 0;
            margin-top: 10px;
            display: block
        }

            .Product__content ._product-sidear ._pricing .iframeModalTrigger:before {
                font-size: .875rem;
                margin-right: 10px
            }

    .Product__content ._product-sidear ._detail-items {
        padding: 0;
        margin: 0 0 30px;
        list-style: none
    }

        .Product__content ._product-sidear ._detail-items ._detail-item {
            padding: 0 0 5px
        }

            .Product__content ._product-sidear ._detail-items ._detail-item:before {
                margin-right: 10px
            }

    .Product__content ._product-sidear ._size-select ._input {
        margin-bottom: 10px
    }

    .Product__content ._product-sidear ._size-select ._size-guide {
        width: 100%;
        text-align: left;
        padding: 0;
        margin-bottom: 10px;
        display: block
    }
        .Product__content ._product-sidear ._size-select ._size-guide:focus {
            border-radius: 5px;
            background-color: rgba(255,255,255,0.6);
            box-shadow: .2px .2px 5px rgba(0,0,0,0.6);
        }

@media screen and (min-width:1024px) {
    .Product__content ._product-sidear ._size-select ._size-guide {
        text-align: right
    }
}

.Product__content ._product-sidear ._size-select ._size-guide:before {
    font-size: .938rem;
    margin-right: 5px
}

.Product__content ._product-sidear ._size-select ._size-guide:after {
    background: transparent
}

.Product__content ._product-sidear ._quantity {
    display: block;
    margin-bottom: 0;
}

.Product__content ._product-sidear ._cart-button {
    margin: 0;
    cursor: pointer;
    opacity: 1;
}

    .Product__content ._product-sidear ._cart-button:hover {
        background-color: #fff;
    }

    .Product__content ._product-sidear ._cart-button.isVisible {
        cursor: pointer;
        opacity: 1
    }
    .Product__content ._product-sidear ._cart-button:disabled {
        cursor: not-allowed;
        opacity: .6
    }

    .Product__content ._product-sidear ._cart-button.isVisible:hover {
        background-color: #fff;
    }

.Product__content ._product-details,
.Checkout ._checkout-total {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .Product__content ._product-details,
    .Checkout ._checkout-total {
        padding-right: 30px;
        -ms-flex-preferred-size: calc(66.66% - 30px)
    }
}

.Product__content ._product-details ._dropwdown-wrapper,
.Checkout ._dropwdown-wrapper {
    max-height: 56px;
    margin-bottom: 5px;
    overflow: hidden;
    transition: max-height .2s ease-out
}

    .Product__content ._product-details ._dropwdown-wrapper:nth-child(2) {
        padding-bottom: 20px;
        border-bottom: 1px solid #3b3a37
    }

@media screen and (min-width:768px) {
    .Product__content ._product-details ._dropwdown-wrapper:nth-child(2),
    .Checkout ._dropwdown-wrapper:nth-child(2) {
        padding: 0;
        border: none
    }
}

.Product__content ._product-details ._dropwdown-wrapper.isActive ._dropdown-button:after,
.Checkout ._dropwdown-wrapper.isActive ._dropdown-button:after {
    transform: rotate(180deg)
}

.Product__content ._product-details ._dropwdown-wrapper ._dropdown-button,
.Checkout ._dropwdown-wrapper ._dropdown-button {
    width: 100%;
    font-size: 24px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #fff;
    text-align: left;
    padding: 10px 10px 14px;
    background-color: #164173;
    position: relative
}
.Checkout ._dropwdown-wrapper ._dropdown-button{
    padding: 10px 20px;
    background-color: transparent;
    color: #333;
    font-weight: 600;
}
    .Checkout ._dropwdown-wrapper ._dropdown-button:focus {
        box-shadow: none;
    }
.Checkout ._dropwdown-wrapper.dynamicDropdown ._dropdown-button:hover,
.Checkout ._dropwdown-wrapper.dynamicDropdown ._dropdown-button:focus {
    outline: none;
    background-color: #122633;
    color: #fff;
    border-radius: 15px;
}

    .Product__content ._product-details ._dropwdown-wrapper ._dropdown-button:after,
    .Checkout ._dropwdown-wrapper ._dropdown-button:after {
        font-size: 1.125rem;
        position: absolute;
        top: 15px;
        right: 15px;
        transition: all .1s ease-in-out;
        transform: rotate(0deg);
    }
    .Checkout ._dropwdown-wrapper ._dropdown-button:after {
        top: 10px;
    }


.Product__content ._product-details ._dropwdown-wrapper ._care-items {
    padding: 0 0 0 20px;
    list-style-type: square
}

.Product__content ._product-details ._dropwdown-wrapper .icon--tooltip {
    top: 5px;
    right: 10px
}

.Product__content ._product-details ._dropwdown-wrapper ._table-footnote {
    text-align: right;
    margin-bottom: 30px
}

.Product__content ._product-comment {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .Product__content ._product-comment {
        padding: 0 40px;
        -ms-flex-preferred-size: calc(33.33% - 80px)
    }
}

.Product__content ._product-comment ._name {
    font-weight: 600;
    text-align: right;
    padding-top: 10px;
    display: block
}

.Product__content .icon--tooltip {
    padding: 5px 5px 10px;
    position: absolute;
    cursor: pointer
}

    .Product__content .icon--tooltip ._tooltip-copy {
        width: 200px;
        padding: 10px;
        top: 20px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        background-color: #3b3a37;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
        transition: all .1s ease-in-out;
        display: none;
        opacity: 0
    }

    .Product__content .icon--tooltip:hover ._tooltip-copy {
        display: inline-block;
        opacity: 1
    }

span.styleDescription {
    font-weight: 600;
}

/* For Final Sale (Clearance) Products */
div.finalSaleProduct {
    position: absolute;
    TOP: 23px;
    right: 26px;
    background-color: #f0c954;
    font-size: 11px;
    padding: 2px 5px;
    color: #3b3b3b;
    font-weight: 700;
}

div.finalSaleProductDetail {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #f0c954;
    font-size: 14px;
    padding: 3px 10px;
    color: #122633;
    font-weight: 700;
    letter-spacing: 0.7px;
}
}
/* ------------- PopUp Custom Name Confirmation ------------------- */

.customNameMessageBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    padding: 30px 50px;
    background: #fff;
    color: #333;
    border-radius: 10px;
    max-width: 90%;
    transition: 300ms ease-in-out;
}

    .customNameMessageBox .customNameMessage {
        font-size: 1.4rem;
    }

    .customNameMessageBox .button {
        color: #fff;
        padding: 5px 15px;
        background: #991a30;
        border-radius: 5px;
    }

.overlay.customName-overlay {
    opacity: 0;
    visibility: hidden;
}

input[id = customNameMessagePass]:focus, input[id = customNameMessageFail]:focus, input[id = customNameMessagePass]:hover, input[id = customNameMessageFail]:hover {
    box-shadow: 0 0 5px #000;
}

.infoCard.purchaseLimitInfoCard {
    background-color: #cac9c8;
    color: #000;
    padding: 15px;
    font-size: 14px;
    margin-top: 40px;
}
.infoCard.purchaseLimitInfoCard.productDetailInfo {
    margin-top: 100px;
}
.infoCard.purchaseLimitInfoCard .heading{
    font-size: 16px;
    margin: 0 0 10px;
}
.infoCard.purchaseLimitInfoCard .purchaseLimitInfoDetails{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.infoCard.purchaseLimitInfoCard .purchaseLimitInfoDetails div{
    min-width: calc(50% - 5px);    
    line-height: 15px;
    text-transform: capitalize;
}

/* ---- 3. Shopping Cart Content Section ----*/
/* For the number of items inside shopping bag icon in the header */
.cart-number {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-35%);
    color: #fff;
    font-size: .9em;
    background: #333;
    line-height: 1.2em;
    width: auto;
    text-align: center;
    min-width: 20px;
    padding-top: 2px;
    border-radius: 5px;
}
@media screen and (min-width:768px) {
    ._cart-section .order-section-wrap {
        margin-right: 20px;
    }
}
@media screen and (min-width:1024px) {
    .cart-number {
        top: 20%;
        transform: translate(-50%,-20%);
    }

    .Shopping-cart__content ._cart-sidebar.section-wrap {
        -ms-flex-preferred-size: calc(33.33% - 40px)
    }
}

.Shopping-cart__content ._cart-sidebar ._input {
    margin: 20px 0 30px
}

.Shopping-cart__content ._cart-sidebar .body-copy--medium {
    margin-bottom: 5px
}

.Shopping-cart__content ._cart-sidebar .col-2 {
    text-align: right
}

.Shopping-cart__content ._cart-sidebar ._button-wrap ._cart-button:nth-child(2) {
    float: left
}

.Shopping-cart__content .remove-item,
.Shopping-cart__content .remove-item:visited {
    color: #595959;
    text-decoration: none;
    display: inline-flex;
    align-items: flex-start;
    position: absolute;
    right: 10px;
    bottom: 5px;
}
    .Shopping-cart__content .remove-item i {
        font-size: 17px;
        margin: unset;
        margin-top: 1px;
        position: unset;
    }

    .Shopping-cart__content .remove-item:hover,
    .Shopping-cart__content .remove-item:focus {
        color: #eae9e8;
        text-shadow: 0 0 5px #3b3a37;
    }

.Shopping-cart__content .item-total {
    position: absolute;
    bottom: 5px;
    right: unset;
}

@media screen and (min-width:550px) {
    .Shopping-cart__content .remove-item,
    .Shopping-cart__content .remove-item:visited {
        bottom: 10px;
    }

    .Shopping-cart__content .item-total {
        bottom: unset;
        top: 10px;
        right: 10px;
        left: unset;
        font-weight: bold;
        font-size: 16px;
    }

        .Shopping-cart__content .item-total .total-hide {
            display: none;
        }
}

.Shopping-cart__content .emptyCart {
    display: none
}

    .Shopping-cart__content .emptyCart.isShowing {
        display: block
    }

.warningDialogMsg {
    background-color: #f0c954;
    padding: 2px 10px 4px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}
    .warningDialogMsg i {
        font-size: 16px;
        position: relative;
        top: 3px;
    }

.voucher_heading {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #122633;
}
.voucher_details {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    border-bottom: 2px solid #dad9d8;
    padding-bottom: 2px;
    margin-bottom: 8px;
}
    .voucher_details::after {
        content: '';
        background: transparent;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 20px;
    }
    .voucher_details.lessItems::after {
        background: #f0c954;
        width: var(--before-width, initial);
    }
    .voucher_details.exactItems::after {
        background: #4CBB17;
    }
    .voucher_details.moreItems::after {
        background: #ff0800;
    }
.voucher_details p {
    margin: 0;
    min-width: 50%;
    padding-right: 5px;
    font-weight: 700;
    color: #122633;
}
.voucher_details p span{
    font-weight: 400;
    font-size: 14px;
    color: #3b3a37;
}
.voucher_error {
    color: #ff0800;
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: none;
}


/* ---- 4. Checkout Section ---- */
@media screen and (min-width:768px) {
    .Checkout ._checkout-content {
        padding-right: 10px;
        -ms-flex-preferred-size: calc(50% - 10px)
    }
}

@media screen and (min-width:1024px) {
    .Checkout ._checkout-content {
        padding-right: 30px;
        -ms-flex-preferred-size: calc(50% - 30px)
    }
}

.Checkout ._checkout-content .section-wrap,
.Checkout ._checkout-total .section-wrap {
    margin: 0 0 20px;
}

    .Checkout ._checkout-content .section-wrap .half {
        width: 45%;
        margin-right: 4%;
        display: inline-block;
    }

    .Checkout ._checkout-content .section-wrap .pay-option {
        background-color: #bcdfe8;
        min-height: 40px;
        padding-top: 5px;
        margin-top: 5px;
        margin-bottom: 10px;
        border-radius: 15px;
        display: block;
    }
        .Checkout ._checkout-content .section-wrap .pay-option,
        .Checkout ._checkout-content .section-wrap .pay-option label {
            cursor: pointer;
            border-radius: 15px;
        }

            .Checkout ._checkout-content .section-wrap .pay-option:hover,
            .Checkout ._checkout-content .section-wrap .pay-option label:hover,
            .Checkout ._checkout-content .section-wrap input[type=radio]:checked + .pay-option {
                background-color: #f0c954;
                box-shadow: 0.5px 1px 5px -1px hsla(0, 0%, 0%, 0.3);
            }

        .Checkout ._checkout-content .section-wrap input[type=radio] {
            padding: 20px;
            border: 2px solid #0DFF92;
            margin-left: 1em;
            width: 1.3em;
            height: 1.3em;
            display: none;
        }

            .Checkout ._checkout-content .section-wrap input[type=radio] + .pay-option::after {
                color: #122633;
                border: 1.5px solid #122633;
                display: block;
                content: '';
                font-size: 24px;
                position: absolute;
                top: 50%;
                left: 20px;
                transform: translateY(-50%);
                height: 25px;
                width: 25px;
                line-height: 15px;
                text-align: center;
                border-radius: 50%;
                background: rgba(255,255,255,0.7);
                box-shadow: 0px 2px 5px -1px hsla(0, 0%, 0%, 0.5);
                padding: 3.5px;
            }

            .Checkout ._checkout-content .section-wrap input[type=radio]:checked + .pay-option::after {
                content: url('data:image/svg+xml;charset=UTF-8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510" class="svg-inline--fa fa-check fa-w-16 fa-3x"><path fill="white" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" class=""></path></svg>');
                background-color: #122633;
                animation: iconPop 400ms forwards linear;
            }

    .Checkout ._checkout-content .section-wrap .divcreditcard .year,
    .Checkout ._checkout-content .section-wrap .divcreditcard .month {
        width: 31%;
        margin-right: 3%;
    }

    .Checkout ._checkout-content .section-wrap .divcreditcard .cvc {
        width: 31%;
    }

    .Checkout ._checkout-content .section-wrap .divcreditcard ._input-wrap ._input {
        margin: 0px 0px 5px;
    }

    .Checkout ._checkout-content .section-wrap .pay-option.icon--visa:before {
        top: 1.3em;
        right: 2.5em;
    }

    .Checkout ._checkout-content .section-wrap .pay-option.icon--mastercard:after {
        top: 1.3em;
        right: 4em;
    }


    .Checkout ._checkout-content .section-wrap .section-sub-title {
        display: inline-block;
        margin: 10px 0px;
        line-height: 1;
        font-weight: 300;
        font-size: 1.25em;
    }

@media screen and (min-width:768px) {
    .Checkout ._checkout-content .section-wrap,
    .Checkout ._checkout-total .section-wrap {
        margin: 0 0 10px;
        margin: 0 0 20px
    }
}

.Checkout ._checkout-sidear .body-copy--regular,
.Checkout ._checkout-total .body-copy--regular,
.ordersummary .body-copy--regular{
    margin-bottom: 5px
}

    .Checkout ._checkout-sidear .body-copy--regular-bold:nth-child(2n),
    .Checkout ._checkout-sidear .body-copy--regular:nth-child(2n),
    .Checkout ._checkout-total .body-copy--regular-bold:nth-child(2n),
    .Checkout ._checkout-total .body-copy--regular:nth-child(2n) {
        text-align: right
    }

.Checkout ._checkout-sidear ._addreses,
.Checkout ._checkout-total ._addreses {
    margin-top: 15px;
}

    .Checkout ._checkout-sidear ._addreses .body-copy--regular,
    .Checkout ._checkout-total ._addreses .body-copy--regular {
        text-align: left;
        margin-bottom: 30px
    }

.Checkout #IsShippingSameAsBilling {
    margin-right: 10px
}

.Checkout ._billing-checkbox {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37;
    text-align: left;
    margin-bottom: 10px;
    cursor: pointer
}

.Checkout ._billing-address-form {
    transition: all .1s ease-in-out;
    height: 0;
    display: none;
    visibility: hidden;
    opacity: 0
}

    .Checkout ._billing-address-form.isVisible {
        height: auto;
        display: block;
        visibility: visible;
        opacity: 1
    }

.Checkout ._checkout-wrap {
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .Checkout ._checkout-wrap ._checkout-total {
        padding-bottom: 0;
        padding-right: 0;
        margin-bottom: 0;
        box-shadow: none
    }

        .Checkout ._checkout-wrap ._checkout-total .body-copy--medium {
            margin-bottom: 5px
        }

        .Checkout ._checkout-wrap ._checkout-total .body-copy--medium-bold {
            margin: 0
        }

            .Checkout ._checkout-wrap ._checkout-total .body-copy--medium-bold:nth-child(2n),
            .Checkout ._checkout-wrap ._checkout-total .body-copy--medium:nth-child(2n) {
                text-align: right
            }

.Checkout ._checkout-title-wrap {
    margin-bottom: 20px
}

.poNumberValidation {
    color: red;
    position: absolute;
    bottom: 30px;
    left: 20px;
    font-weight: 400;
    padding: 0 0 0 40px;
    line-height: 0;
}
    .poNumberValidation::before {
        content: '\0021';
        height: 20px;
        width: 20px;
        line-height: 0;
        background-color: red;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
        box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translate(0px, -50%);
    }

.bundle-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5px auto;
}
/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1. "Students Section"
    2. "Accounts (Order | Billing) Section"
*/


/* ---- 1. Students Section ---- */


.Students ._students ._student-wrap {
    margin-top: 30px
}
.Students ._students ._student-wrap ._student {
    margin: 5px 0;
}

.Students ._students ._student .section-wrap {
    margin-bottom: 10px;
    padding-bottom: 70px;
    height: 100%;
    overflow: visible;
}

.Students ._students ._student .section-wrap ._edit-students-button{
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translate(-50%, -15px);
    width: 80%;
    font-weight: bold;
}

@media screen and (min-width:1200px) {
    .Students ._students ._student-wrap ._student {
        margin: 10px 0;
    }
    .Students ._students ._student .section-wrap {
        margin-bottom: 20px;
    }
}

@media screen and (min-width:768px) {
    .Students ._students ._student:nth-child(odd) {
        padding: 0 5px 0 0;
        -ms-flex-preferred-size: calc(50% - 5px)
    }

    .Students ._students ._student:nth-child(2n) {
        padding: 0 0 0 5px;
        -ms-flex-preferred-size: calc(50% - 5px)
    }
}

@media screen and (min-width:1024px) {
    .Students ._students ._student:nth-child(3n+1) {
        padding: 0 5px 0 0;
        -ms-flex-preferred-size: calc(33.33% - 5px)
    }

    .Students ._students ._student:nth-child(3n+2) {
        padding: 0 5px;
        -ms-flex-preferred-size: calc(33.33% - 5px)
    }

    .Students ._students ._student:nth-child(3n+3) {
        padding: 0 0 0 5px;
        -ms-flex-preferred-size: calc(33.33% - 5px)
    }
}

@media screen and (min-width:1200px) {
    .Students ._students ._student:nth-child(3n+1) {
        padding: 0 10px 0 0;
        -ms-flex-preferred-size: calc(33.33% - 10px)
    }

    .Students ._students ._student:nth-child(3n+2) {
        padding: 0 10px;
        -ms-flex-preferred-size: calc(33.33% - 10px)
    }

    .Students ._students ._student:nth-child(3n+3) {
        padding: 0 0 0 10px;
        -ms-flex-preferred-size: calc(33.33% - 20px)
    }
}

.Students ._students ._student .section-sub-title {
    margin-bottom: 0
}

.Students ._students ._student ._buttons .button:first-child {
    margin-left: 10px
}

.Students ._students ._buttons .button:first-child {
    margin-left: 20px
}


/* ---- 2. Accounts (Order | Billing) Section ---- */


._account-content,
._order-content {
    padding-bottom: 10px;
    margin: 0 0 5px;
    position: relative
}

    ._account-content .body-title,
    ._account-content .section-sub-title,
    ._account-content .section-wrap,
    ._order-content .body-title,
    ._order-content .section-sub-title,
    ._order-content .section-wrap {
        margin: 0
    }

    ._account-content .orderDropdownTrigger,
    ._order-content .orderDropdownTrigger {
        font-size: 18px;
        padding: 20px;
        position: absolute;
        top: 0;
        right: 0;
        transition: all .1s ease-in-out;
        transform: rotate(0deg)
    }

        ._account-content .orderDropdownTrigger.isActive,
        ._order-content .orderDropdownTrigger.isActive {
            transform: rotate(180deg)
        }

    ._account-content ._billing-form,
    ._account-content .detailsDropdown,
    ._account-content .passwordDropdown,
    ._order-content ._billing-form,
    ._order-content .detailsDropdown,
    ._order-content .passwordDropdown {
        padding-top: 20px
    }

    ._account-content .orderDropdown,
    ._order-content .orderDropdown {
        padding-top: 20px;
        transition: all .1s ease-in-out;
        height: 0;
        display: none;
        visibility: hidden;
        opacity: 0
    }

        ._account-content .orderDropdown.isOpen,
        ._order-content .orderDropdown.isOpen {
            height: auto;
            display: block;
            visibility: visible;
            opacity: 1
        }

        ._account-content .orderDropdown .body-copy--medium,
        ._order-content .orderDropdown .body-copy--medium {
            margin: 0 0 10px
        }

    ._account-content ._order-wrap,
    ._order-content ._order-wrap {
        margin-bottom: 20px
    }

    ._account-content ._order-data,
    ._order-content ._order-data {
        margin-top: 10px
    }

        ._account-content ._order-data ._data-items,
        ._order-content ._order-data ._data-items {
            padding: 0;
            margin: 10px 0 0;
            display: -ms-flexbox;
            display: flex
        }

            ._account-content ._order-data ._data-items ._data-item,
            ._order-content ._order-data ._data-items ._data-item {
                font-size: 14px;
                font-size: .875rem;
                font-weight: 400;
                letter-spacing: .5px;
                line-height: 1.75;
                color: #3b3a37;
                display: inline-block
            }

                ._account-content ._order-data ._data-items ._data-item .link,
                ._order-content ._order-data ._data-items ._data-item .link {
                    font-size: 14px
                }

._account-content {
    padding-bottom: 20px;
    margin: 0 auto 10px;
    overflow: hidden
}

    ._account-content ._button-wrap {
        display: block;
        overflow: hidden
    }

    ._account-content._passwords ._button-wrap {
        margin-top: 20px
    }

._billing-address-form {
    padding-top: 30px
}


._validation {
    width: 70%;
    /*background-color: gray;*/
    /*border: 2px solid #991a30;*/
}

    ._validation ul li {
        color: #991a30;
        list-style: square outside;
    }



.Careers__content {
    padding-top: 20px;
    margin-bottom: 60px
}

    .Careers__content ._posting {
        position: relative;
        margin: 10px 0 0
    }

        .Careers__content ._posting .body-copy--regular,
        .Careers__content ._posting .body-copy--regular-bold {
            margin-bottom: 10px
        }

        .Careers__content ._posting .button.-lrg {
            margin-top: 20px;
            float: right
        }

@media screen and (min-width:768px) {
    .Careers__content ._posting .button.-lrg {
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0
    }
}

.Locations__header {
    padding-top: 20px;
    margin-bottom: 60px
}
.Locations__header,
.Locations__school,
.Locations__search,
.Locations__store {
    margin-bottom: 30px
}

    .Locations__header ._column,
    .Locations__school ._column,
    .Locations__search ._column,
    .Locations__store ._column {
        margin-bottom: 20px
    }

@media screen and (min-width:768px) {
    .Locations__header ._column:first-child,
    .Locations__school ._column:first-child,
    .Locations__search ._column:first-child,
    .Locations__store ._column:first-child {
        padding-right: 15px;
        -ms-flex-preferred-size: calc(50% - 15px)
    }

    .Locations__header ._column:nth-child(2),
    .Locations__school ._column:nth-child(2),
    .Locations__search ._column:nth-child(2),
    .Locations__store ._column:nth-child(2) {
        padding-left: 15px;
        -ms-flex-preferred-size: calc(50% - 15px)
    }
}

@media screen and (min-width:1024px) {
    .Locations__header ._column:first-child,
    .Locations__school ._column:first-child,
    .Locations__search ._column:first-child,
    .Locations__store ._column:first-child {
        padding-right: 15px;
        -ms-flex-preferred-size: calc(33.33% - 15px)
    }

    .Locations__header ._column:nth-child(2),
    .Locations__school ._column:nth-child(2),
    .Locations__search ._column:nth-child(2),
    .Locations__store ._column:nth-child(2) {
        padding: 0 15px;
        -ms-flex-preferred-size: calc(33.33% - 30px)
    }

    .Locations__header ._column:nth-child(3),
    .Locations__school ._column:nth-child(3),
    .Locations__search ._column:nth-child(3),
    .Locations__store ._column:nth-child(3) {
        padding-left: 15px;
        -ms-flex-preferred-size: calc(33.33% - 15px)
    }
}

.Locations__header ._column ._label,
.Locations__school ._column ._label,
.Locations__search ._column ._label,
.Locations__store ._column ._label {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37
}

.Locations__header ._column ._input,
.Locations__school ._column ._input,
.Locations__search ._column ._input,
.Locations__store ._column ._input {
    margin-top: 20px
}

.Locations__header ._schools,
.Locations__school ._schools,
.Locations__search ._schools,
.Locations__store ._schools {
    margin-bottom: 0
}

.Locations__header ._store-hours ._day,
.Locations__header ._store-hours ._time,
.Locations__school ._store-hours ._day,
.Locations__school ._store-hours ._time,
.Locations__search ._store-hours ._day,
.Locations__search ._store-hours ._time,
.Locations__store ._store-hours ._day,
.Locations__store ._store-hours ._time {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.75;
    color: #3b3a37
}

.Locations__header ._store-hours ._time,
.Locations__school ._store-hours ._time,
.Locations__search ._store-hours ._time,
.Locations__store ._store-hours ._time {
    text-align: right
}


.location-section-wrap ._column:nth-child(3) {
    padding-left: 40px;
}
/*
    This page contains the following categories:
    **[Note: Please use the word listed below inside Quotation("") to find(Ctrl + F) the starting of the section ]**
    1. "Appointment Section"
    2. "UI Date/Time Picker Section"
*/



/* ---- 1. Appointment Section ---- */

.appointment {
    margin-bottom: 30px;
    margin-top: 10px;
}

._apppointment-items {
    padding-left: 20px;
    margin: 0 0 20px;
    list-style-type: disc
}

    ._apppointment-items ._apppointment-item {
        font-size: 14px;
        font-size: .875rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.5;
        color: #3b3a37
    }

.appointment .legend {
    padding-left: 10px
}

    .appointment .legend ._legend-item {
        display: inline-block;
        margin-right: 5px
    }

.appointment .hasDatepicker,
.appointment .legend {
    display: block;
    font-size: 14px;
    vertical-align: middle
}

    .appointment .hasDatepicker .swatch,
    .appointment .legend .swatch {
        vertical-align: middle
    }

        .appointment .hasDatepicker .swatch.available-date:before,
        .appointment .legend .swatch.available-date:before {
            content: "";
            width: 16px;
            height: 16px;
            margin-right: 10px;
            background-color: #3b3a37;
            border: 1px solid #3b3a37;
            display: inline-block
        }

        .appointment .hasDatepicker .swatch.unavailable-date:before,
        .appointment .legend .swatch.unavailable-date:before {
            content: "";
            width: 16px;
            height: 16px;
            margin-right: 10px;
            background-color: #eae9e8;
            border: 1px solid #3b3a37;
            display: inline-block
        }
._no-appointments {
    margin: 20px 0
}

.bookedAppt {
    border-top: 1px solid #3b3a37
}

    .bookedAppt:first-child {
        border-top: 0
    }

    .bookedAppt .dateTime {
        margin: 20px 0 10px
    }

    .bookedAppt .label {
        margin-bottom: 10px;
        display: inline-block
    }

    .bookedAppt .body-copy--medium {
        margin-bottom: 10px
    }


/* ---- 2. UI Date/Time Picker Section ---- */


.ui-datepicker-calendar {
    display: table
}

    .ui-datepicker-calendar thead {
        display: table-header-group
    }

        .ui-datepicker-calendar thead tr {
            display: table-row;
            position: static
        }

            .ui-datepicker-calendar thead tr th {
                display: table-cell
            }

    .ui-datepicker-calendar tbody {
        display: table-row-group
    }

        .ui-datepicker-calendar tbody tr {
            display: table-row
        }

            .ui-datepicker-calendar tbody tr td {
                display: table-cell
            }


.ui-datepicker {
    background-color: #fff;
    padding: 20px 20px 20px 0;
    margin: 0 0 20px;
    display: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15)
}

    .ui-datepicker .ui-datepicker-header {
        font-size: .875rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.5;
        color: #3b3a37;
        position: relative
    }

    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        right: 10px;
        top: 0
    }

    .ui-datepicker .ui-datepicker-title {
        text-align: left;
        padding-left: 20px;
        margin: 0 0 10px
    }

#timePicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: auto;
    margin: 20px 0 20px 10px;
    width: 100%;
}

    #timePicker label {
        padding: 10px 15px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: 115px;
        text-align: center;
        border-radius: 5px;
        border: 1px solid #3b3a37;
        margin: 5px;
        transition: 100ms ease-in-out;
        cursor: pointer;
    }

    #timePicker label:hover{
        background-color: #122633;
        border: 1px solid #122663;
        color: #fff;
    }

    #timePicker input[name='time'] {
        display: none;
    }

#timePicker input[name='time']:checked + label {
    background-color: #3b3a37;
    color: #fff;
    cursor: default;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 14px;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: 14px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 5px 5px
}

.ui-datepicker th {
    text-align: right;
    font-weight: 600;
    border: 0;
    padding: 5px
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

    .ui-datepicker td.available-date a,
    .ui-datepicker td.available-date a:visited {
        color: #fff;
        text-decoration: none;
        background-color: #3b3a37;
        border-radius: 3px;
        border: 1px solid #3b3a37;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
        transition: all .1s ease-in-out;
        opacity: 1
    }

        .ui-datepicker td.available-date a:hover {
            color: #3b3a37;
            text-decoration: none;
            background-color: #eae9e8
        }

    .ui-datepicker td.available-date.ui-datepicker-unselectable {
        background-color: #eae9e8;
        border-radius: 3px;
        border: 1px solid #eae9e8
    }

    .ui-datepicker td a,
    .ui-datepicker td span {
        display: block;
        padding: 5px;
        text-align: right;
        text-decoration: none
    }

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em;
        width: auto;
        overflow: visible
    }

        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left
        }

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }


/* - This is for cards in grid view - */
.card-container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-flow: dense;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 100%;
    margin: 100px auto;
}
    .card-container .card {
        position: relative;
        grid-column: auto / span 2;
        box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
        text-align: center;
        background-color: #fafafa;
        width: 100%;
        min-width: 320px;
        min-height: 250px;
        height: 100%;
        transition: 300ms ease-in-out;
    }
.card-container .big-card{
    grid-column: auto / span 3;
    min-height: 280px;
}
    /*.card-container .card:nth-child(odd) {
        background: #344955;
    }
    .card-container .card:nth-child(even), .card-container .card:nth-child(1) {
        background: #d04848;
    }
    .card-container .card:nth-child(-2n+4) {
        background: #f9aa33;
    }*/
    .card-container .card:nth-child(odd) {
        /*background: #344955;*/
        background: rgba(18, 38, 51, 0.95);
    }
    .card-container .card:nth-child(even) {
        /*background: #d04848;*/
        background: rgba(153, 26, 47, 0.95);
    }
.card-container .card:hover{
    filter: contrast(130%);
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.9);
}
.card-container .card:hover .text-container{
    transform: translate(-50%, -40%) scale(1.2);
}
.card-container .card .back-icons{
    font-size: 7rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(150,150, 150, 0.1);
    transition: color 300ms ease-in-out;
}
.card-container .card p{
    color: #ffffff;
    transition: 300ms ease-in-out;
}
.card-container .card .text-container .highlighted{
    font-size: 7rem;
    font-weight: bold;
    line-height: 6rem;
}
.card-container .card .text-container .mid-highlighted{
    font-size: 5rem;
    font-weight: bold;
    line-height: 5rem;
}
.card-container .card .text-container .sub-highlighted{
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 2.5rem;
}
.card-container .card:hover .back-icons{
    color: rgba(255, 255, 255, 0.2);
}

/* -- Text Container -- */
.card-container .card .text-container{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    width: 80%;
    transition: 300ms ease-in-out;
    
}
.card-container .card .text-container .top-text {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    font-size: 1.3rem;
}
    .card-container .card .text-container .top-text ul {
        color: #ffffff;
        padding: 1px 0 0 20px;
        margin: 0;
        text-align: left;
    }
    .card-container .big-card .text-container .top-text ul {
        white-space: nowrap;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        margin-left: 50px;
    }

    .card-container .card .text-container .top-text .left-text {
        margin-right: 10px;
        text-align: right;
    }
     .card-container .card .text-container .top-text .right-text {
        text-align: left;
    }
         
.card-container .card p {
    margin: 0;
}
/* -- Media queries -- */
@media screen and (max-width:1024px) {
    .card-container .card {
        min-width: 288px;
    }
    .card-container .big-card{
        min-width: 390px;
    }
}
@media screen and (max-width:940px) {
    .card-container{
        grid-template-columns: repeat(16, 1fr);
    }
    .card-container .card {
        min-width: 200px;
        grid-column: auto / span 8;
    }
    .card-container .card:nth-child(9) {
        grid-column: auto / span 5;
    }
    .card-container .big-card{
        grid-column: auto / span 11;
        min-height: 250px;
        min-width: 390px;
    }
}
@media screen and (max-width:740px) {
    .card-container{
        grid-template-columns: repeat(2, 1fr);
    }
    .card-container .card, .card-container .card:nth-child(9) {
        min-width: 200px;
        grid-column: auto / span 1;
    }
    .card-container .card:nth-child(5) {
        grid-column: auto / span 2;
    }
    .card-container .big-card{
        grid-column: auto / span 2;
        min-height: 250px;
        min-width: 390px;
    }
}
@media screen and (max-width:610px) {
    .card-container{
        grid-template-columns: repeat(1, 1fr);
    }
    .card-container .card, .card-container .card:nth-child(9) {
        min-width: 200px;
        grid-column: auto / span 1;
    }
    .card-container .card:nth-child(5) {
        grid-column: auto / span 1;
    }
    .card-container .big-card{
        grid-column: auto / span 1;
        min-height: 250px;
        min-width: 390px;
    }
}
@media screen and (max-width:450px) {
    .card-container .card .text-container .highlighted {
        font-size: 5rem;
        line-height: 4rem;
    }
    .card-container .card .text-container .sub-highlighted {
        font-size: 1.5rem;
        line-height: 1rem;
    }
    .card-container .card .text-container .top-text {
        font-size: 1rem;
    }
    .card-container .big-card{
        min-width: 200px;
    }
}

/* - This is for card in list view - */
/*.card-container {
    width: 100%;
}

    .card-container .card {
        position: relative;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
        padding: 10px 50px;
        background-color: #fafafa;
        width: 100%;
        height: 100%;
        margin: 20px;
        border-radius: 5px;
        transition: transform 300ms ease-in-out;
    }

        .card-container .card .number {
            font-family: 'Montserrat', sans-serif;
            font-size: 3rem;
            font-weight: 900;
            position: absolute;
            top: -20%;
            left: -1%;
            color: rgba(153,5, 44, 0.2);
            transition: 300ms ease-in-out;
        }

        .card-container .card:hover {
            box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.2);
            transform: scale(1.02);
        }

            .card-container .card:hover p {
                color: #000;
            }

            .card-container .card:hover .number {
                transform: rotate(5deg);
                color: rgba(153,5, 44, 1);
            }*/





/*---- CSS for the Template with SVG items ----*/
/*.facts-collection{
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 10rem auto;
}
    .facts-collection .fact-container {
        position: relative;
        width: 300px;
        height: 300px;
    }
        .facts-collection .fact-container:nth-child(even){
            margin-left: 40vw;
        }
        .facts-collection .fact-container:nth-child(odd)  #sw-js-blob-svg-2  {
            width: 400px;
            height: 400px;
        }

        .fact-container svg {
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -55%);
            border-radius: 50%;
        }

        .fact-container #sw-js-blob-svg-1 {
            width: 650px;
            height: 650px;
            z-index: 1;
        }

        .fact-container #sw-js-blob-svg-2 {
            width: 300px;
            height: 300px;
            z-index: 2;
        }

        .fact-container .text-container {
            position: absolute;
            top: 30%;
            left: 30%;
            transform: translate(-30%, -30%);
            text-align: center;
            color: #ffffff;
            z-index: 3;
        }

            .fact-container .text-container .top-text {
                width: 100%;
            }

                .fact-container .text-container .top-text .left-text {
                    width: 50%;
                    float: left;
                    text-align: right;
                    font-size: 1.2rem;
                }
                .fact-container .text-container .top-text .left-text .rotated-text {
                    font-weight: bold;
                    transform: rotate(-90deg);
                    margin: 20px 0 0 50px;
                    text-align: center;
                }

                .fact-container .text-container .top-text .right-text {
                    width: 50%;
                    float: right;
                    text-align: left;
                    font-size: 1.2rem;
                }
                .fact-container .text-container .top-text .right-text .rotated-text {
                    font-weight: bold;
                    transform: rotate(-90deg);
                    margin: 50px 0 0 50px;
                    text-align: center;
                }


            .fact-container .text-container .highlighted-text {
                font-weight: bold;
                font-size: 6rem;
                line-height: 5rem;
                margin: 0;
            }
            
            .fact-container .text-container .sub-highlighted-text {
                font-weight: bold;
                font-size: 2rem;
                line-height: 2rem;
                margin: 0;
            }

            .fact-container .text-container p {
                margin: 5px;
                white-space: nowrap;
            }

            .fact-container .text-container .bottom-text {
                font-size: 1.2rem;
                float: left;
                width: 100%;
            }


@media screen and (max-width:1024px) {
    .facts-collection {
        max-width: 75%;
        margin: 8rem auto;
    }
    .facts-collection .fact-container{
        height: 400px;
        transform: scale(0.9);
    }
    .facts-collection .fact-container:nth-child(even){
        margin-left: 30vw;
    }
}
@media screen and (max-width:768px) {
    .facts-collection {
        max-width: 65%;
        margin: 7rem auto;
    }
    .facts-collection .fact-container{
        height: 300px;
        transform: scale(0.7);
    }
    .facts-collection .fact-container:nth-child(even){
        margin-left: 10vw;
    }
}
@media screen and (max-width:568px) {
    .facts-collection {
        max-width: 100%;
        margin: 5rem auto;
    }
    .facts-collection .fact-container, .facts-collection .fact-container:nth-child(even){
        margin-left: -5vw;
    }
}
@media screen and (max-width:350px) {
    .facts-collection .fact-container{
        transform: scale(0.6)
    }
}*/
/* --- Style for Banner --- */
.Banner__container {
    display: grid;
    grid-gap: 20px 5px;
    grid-template-columns: 1fr;
    grid-auto-flow: dense;
    justify-content: center;
    justify-items: center;
    align-items: center;
    max-width: 1105px;
    margin: 50px auto;
}

    .Banner__container .banner {
        position: relative;
        background: rgba(153,5, 44, 1);
        max-width: 240px;
        width: 100%;
        min-width: 180px;
        height: 550px;
        color: #fff;
        text-align: center;
        border: 5px solid #fff;
        border-radius: 10px;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-transform-style: preserve3d;
        -webkit-transform-origin: 0 250px;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(5deg) rotateY(-22deg);
        -webkit-animation-name: wave;
        -webkit-animation-duration: 8s;
        -webkit-animation-timing-function: cubic-bezier(.16,.14,.82,.73);
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
    }

        .Banner__container .banner .banner_content {
            position: relative;
            height: inherit;
            overflow: hidden;
        }

        .Banner__container .banner .shine {
            position: absolute;
            top: 0;
            left: 0px;
            width: 150px;
            height: 100%;
            background: rgba(255, 255, 255, 0.3);
            transform: skewX(-30deg);
            transition: left 200ms ease-in-out;
        }

        .Banner__container .banner:hover .shine {
            left: 500px;
        }

@keyframes shine-effect {
    0% {
        left: -260px;
    }

    100% {
        left: 360px;
    }
}
/*Changing the background color every 2 child*/
.Banner__container .banner:nth-child(-n+6) {
    background: #e9e8e6;
    color: #272727;
    animation-duration: 6.5s;
}

.Banner__container .banner:nth-child(-n+4) {
    background: #991b31;
    color: #ffffff;
    animation-duration: 5s;
}

.Banner__container .banner:nth-child(-n+2) {
    background: #142634;
    color: #ffffff;
    animation-duration: 8s;
}

.Banner__container .banner .banner_content img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #fff;
}

.Banner__container .banner .banner_content p {
    padding: 30px;
}

/* -- For creating triangle shape at the bottom part of banner --*/
.Banner__container .banner .custom-shape-divider-bottom {
    position: absolute;
    bottom: -5px;
    left: -3%;
    width: 105%;
    overflow: hidden;
    line-height: 0;
}

    .Banner__container .banner .custom-shape-divider-bottom svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 110px;
    }

    .Banner__container .banner .custom-shape-divider-bottom .shape-fill {
        fill: #FFFFFF;
    }

@media screen and (min-width:390px) {
    .Banner__container {
        grid-template-columns: repeat(2, 1fr);
    }

        .Banner__container .banner {
            height: 500px;
        }

            .Banner__container .banner .banner_content p {
                padding: 15px;
            }
}

@media screen and (min-width:768px) {
    .Banner__container {
        grid-template-columns: repeat(3, 1fr);
    }
        /*Changing the background color every 3 child*/
        .Banner__container .banner:nth-child(-n+6) {
            background: #991b31;
            color: #ffffff;
        }

        .Banner__container .banner:nth-child(-n+3) {
            background: #142634;
            color: #ffffff;
        }
}

@media screen and (min-width:1105px) {
    .Banner__container {
        grid-template-columns: repeat(6, 1fr);
    }

        .Banner__container .banner {
            height: 550px;
        }

            .Banner__container .banner .banner_content p {
                padding: 10px;
            }
            /*Changing the background color every 2 child*/
            .Banner__container .banner:nth-child(-n+6) {
                background: #e9e8e6;
                color: #272727;
            }

            .Banner__container .banner:nth-child(-n+4) {
                background: #991b31;
                color: #ffffff;
            }

            .Banner__container .banner:nth-child(-n+2) {
                background: #142634;
                color: #ffffff;
            }
}

@-webkit-keyframes wave {

    0% {
        -webkit-transform: skewX(1.2deg);
    }

    25% {
        -webkit-transform: skewX(0.6deg);
    }

    50% {
        -webkit-transform: skewX(0deg);
    }

    75% {
        -webkit-transform: skewX(0.6deg);
    }

    100% {
        -webkit-transform: skewX(1.2deg);
    }
}
/* --- End of banner ---*/

.deliveryOptions{
    display: block;
    width: inherit;
    padding: 5px 30px;
    margin-top: -5px;
    border-radius: 5px;
}
input[name='rdoDeliveryType']:checked + label {
    background-color: #f0c954;
}
.labelText {
    display: inline-block;
    margin: 10px 0;
    line-height: 1;
    font-size: 1.25em;
}
input[name='rdoDeliveryType']:checked + label .labelText {
    font-weight: bold;
}
input[name="rdoDeliveryType"] + label:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #808080;
}
input[name="rdoDeliveryType"]:checked + label:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 15px;
    background-color: #676767;
    border-radius: 50%;
    border: 2px solid #fff;
}

/* - This is for cards in grid view - */
.checkout-location-container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /*grid-template-columns: repeat(2, 1fr);*/
    grid-auto-flow: dense;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 30px auto;
}

    .checkout-location-container .card {
        position: relative;
        display: block;
        background-color: #f9f9f9;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
        border-radius: 20px;
        width: 100%;
        min-width: 250px;
        min-height: 150px;
        height: 100%;


        transition: 50ms ease-in-out;
        cursor: pointer;
    }

        .checkout-location-container .card:hover {
            filter: contrast(110%);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
        }
    
    /* -- Text Container -- */
    .checkout-location-container .card .text-container {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -40%);
        width: fit-content;
        transition: 300ms ease-in-out;
    }

input[name="PickUpLocationId"], input[name='rdoDeliveryType'] {
    display: none;
}
.checkout-location-container .card label {
    width: 100%;
    min-width: 250px;
    min-height: 150px;
    height: 100%;
}
input[name="PickUpLocationId"]:checked + label {
    background-color: #f0c954;
}
    input[name="PickUpLocationId"]:checked + label:after {
        color: #333;
        border: 3px solid #272727;
        display: block;
        content: url('data:image/svg+xml;charset=UTF-8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510" class="svg-inline--fa fa-check fa-w-16 fa-3x"><path fill="midnightblue" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" class=""></path></svg>');
        font-size: 24px;
        position: absolute;
        top: 10%;
        left: 95%;
        transform: translate(-95%, -10%);
        height: 0;
        width: 0;
        line-height: 15px;
        text-align: center;
        border-radius: 50%;
        background: rgba(255,255,255,0.5);
        box-shadow: 0px 2px 5px -1px hsla(0, 0%, 0%, 0.5);
        animation: iconPop 400ms forwards linear;
    }


@keyframes iconPop{
    0%{
        width: 0; height: 0; 
    }
    60%{
        width: 30px; height: 30px; 
    }
    100%{
        width: 25px; height: 25px;
    }
}
#clickAndCollectMessage .highlightedText {
    background-color: rgba(18,38,51,.9);
    color: #fff;
    padding: 1px 5px;
    border-radius: 1px;
}

/* -- Media queries -- */
@media screen and (max-width:800px) {
    .checkout-location-container {
        grid-template-columns: 1fr;
    }
    .checkout-location-container .card{
        min-width: 70vw;
    }
}
    .card-heading{
        font-size: 1.5rem;
        font-weight: bold;
    }

/* Guest Checkout */
.guestCheckout {
    border-top: 2px solid #ccc;
}
@media screen and (min-width: 768px) {
    .guestCheckout {
        border-top: none;
    }
    .guestCheckoutDivider {
        width: 2px;
        background: #ccc;
    }
}

/* Dropdown style for the facility address */
.searchBar {
    position: relative;
}
    .searchBar .cancelBtn {
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        width: 35px;
        text-align: center;
        color: #333;
        background: #fff;
        height: 90%;
    }
.searchBar .cancelBtn.button i{
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    margin: 0;
}

input#SampleAddressInput:placeholder-shown + .cancelBtn {
    opacity: 0;
    visibility: hidden;
}
/*input#SampleAddressInput:not(:placeholder-shown) + .cancelBtn {
    opacity: 1;
    visibility: visible;
}*/

ul#SampleAddress {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: visible;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 10px 10px;

    width: calc(100% - 1.5em);
    padding: 0;
    margin: 0 0.75em;
    list-style: none;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 3;
    border: 1px solid rgba(34,36,38,.3);
    transition: all .1s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

ul#SampleAddress.show
{
    opacity: 1;
    visibility: visible;
}

    ul#SampleAddress li {
        padding: 5px 5%;
        border-top: 1px solid #a1a9a8;
        list-style-type: none;
        cursor: pointer;
    }
        ul#SampleAddress li:hover{
            background: #eae9e8;
        }
        ul#SampleAddress li h3 {
            margin: 0;
        }
/* This file contains the style for OrderHistory, Return Item, Return Item History*/

.table.order-table thead{
    /*background-color: #122633;*/
}

.table.order-table thead ._header-row ._header-cell{
    color: #808080;
}

.order-section-wrap {
    padding: 10px;
    margin: 10px auto;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    clear: both;
}

.return-section-wrap {
    padding: 20px;
    margin: 4px;
    background-color: #f0f0f0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    clear: both;
}

.return-section-wrap#returningItemList{
    overflow: auto;
}

.return-container {
    position: relative;
}

.order-section-wrap .return-container, .return-section-wrap .return-container {
    padding: 10px 0;
}

.order-section-wrap .return-container {
    border-top: 1px solid #272727;
}
.return-section-wrap .return-container {
    border-top: 1px solid #fff;
}
.order-section-wrap .return-container:nth-child(1), .return-section-wrap .return-container:nth-child(1) {
    border-top: none;
}

.return-container .input-radio {
    margin: 30px auto;
    width: 16px;
    height: 16px;
}
.return-container .itemImage {
    max-width: 70px;
    align-self: center;
    margin-right: 5px;
}
.return-container .itemInfo {
    flex-wrap: nowrap;
    grid-gap: 10px;
}

.return-container .container__row {
    margin: 4px auto;
    padding: 0 5px;
}
.return-container .input-radio {
    align-self: center; 
    margin-right: 5px;
}
#returningValue{
    flex-grow: 1;
}
.decreaseQuantity, .increaseQuantity, .returningReason ._input {
    cursor: pointer;
}

input.selectReturningItem ~ .returningReason, input.selectReturningItem ~ #returningValue {
    overflow: hidden; /* Hide the element content, while height = 0 */
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: height 0ms 400ms, opacity 400ms 0ms;
}
input.selectReturningItem:checked ~ .returningReason, input.selectReturningItem:checked ~ #returningValue {
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: height 0ms 0ms, opacity 600ms 0ms;
}
.returningItemImage {
    max-width: 50px;
    align-self: center;
    margin: auto 5px;
}
#returnListImages{
    min-height: 90px;
}

.detailsPopUpBtn {
    display: inline;
    position: relative;
    color: #991a30;
    padding: 5px 0;
    cursor: pointer;
}
.detailsPopUpBtn .detailsPopUp {
    position: absolute;
    top: -85%;
    left: 40%;
    transform: translate(-40%, -85%);
    padding: 10px 20px;
    background: #fff;
    color: #272727;
    display:none;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.4);
    z-index: 2;
}
    .detailsPopUpBtn .detailsPopUp::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -40px;
        bottom: -17px;
        left: 50%;
        box-sizing: border-box;
        border: 9px solid black;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
        z-index: 0;
    }
.detailsPopUpBtn:hover{
    color: #d04848;
}

.detailsPopUpBtn:hover .detailsPopUp{
    display: block;
}
._return-button{
    margin-top: 30px;
    float: right;
    clear: both;
    display: block;
}

._return-button:disabled, ._return-button:disabled:hover {
    cursor: not-allowed;
    background: #d0d0d0;
    color: #272727;
    opacity: 0.7;
}

/* - Input fields - */
#returningValue input.quantity, #returningValue input.price, .quantity.customQuantity{
    background: none;
    border: none;
    width: 80%;
    max-width: 40px;
}

/* - Hidden fields - */
.hiddenQty, .hiddenRate{
    display: none;
}

/* - Increase|Decrease Button - */
.increaseOrderQuantity, .decreaseOrderQuantity {
    border: none;
    background: none;
    color: #cac9c8;
    padding: 0;
    margin: 0;
    font-size: 15px;
    cursor: pointer;
}

/* -- Successfully returned message -- */
.successModalContainer {
    background: #122633;
    color: #f0f0f0;
    padding: 20px;
    border-radius: 25px;
    text-align: center;
    box-shadow: 1px 1px 5px #333;
    margin: 50px auto;
}
.successModalContainer .successModal {
    position: relative;
    border-radius: 50%;
    color: #122633;
    background: #fff;
    box-shadow: 1px 1px 10px #373737;
    max-width: 200px;
    width: 50vw;
    max-height: 200px;
    height: 50vw;
    margin: auto;
}
    .successModalContainer .successModal .successMessage {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -55%);
        font-size: 80px;
    }



/* ----- Shopping Cart ----- */
.cartProduct {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eae9e8;
}

    .cartProduct:nth-child(1) {
        padding-top: unset;
        margin-top: unset;
        border-top: unset;
    }

    .cartProduct .container__row.details {
        flex-wrap: nowrap;
        width: 100%;
    }

.cartProductImage {
    max-width: 100px;
    width: auto;
    height: 85px;
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
    box-shadow: 0.5px 0.5px 10px rgba(0,0,0,0.15);
}

.cartProductDescription {
    line-height: 1.5;
    margin-left: 10px;
    margin-bottom: 0;
}

    .cartProductDescription .descriptionHeading {
        font-weight: 700;
        font-size: 12.5px;
        line-height: 15px;
        margin-bottom: 2px;
    }

    .cartProductDescription.desktop {
        margin-top: 10px;
        margin-bottom: 40px;
        line-height: 1.4;
    }

    .cartProductDescription.mobile .descriptionHeading {
        display: none;
    }

    .cartProductDescription.desktop .descriptionHeading {
        display: block;
    }

    .cartProductDescription .descriptionBody,
    .cartProductDescription .productDetails {
        font-size: 12px;
        line-height: 15px;
        display: block;
        margin-bottom: 2px;
        line-height: 15px;
    }

.box-wrap {
    display: inline-block;
    padding: 3px 10px;
    margin: 5px 5px 0 0;
    background-color: #fff;
    font-size: 12px;
    height: 22px;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.20);
    border-radius: 5px;
    clear: both;
}

@media screen and (min-width: 550px) {
    .cartProduct {
        padding-top: 10px;
        margin-top: 5px;
    }

        .cartProduct .container__row.details {
            width: 80%;
        }

        .cartProduct .cartProductImage {
            height: 90px;
            width: auto;
            margin-top: unset;
        }

    .cartProductDescription.mobile .descriptionHeading {
        display: none;
    }

    .cartProductDescription.desktop .descriptionHeading {
        display: block;
    }

    .cartProductDescription.desktop {
        margin-top: unset;
        margin-bottom: unset;
        line-height: 1.5;
    }
}

.approverBlock {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .approverBlock select {
        margin: 0;
    }

    .approverBlock button {
        height: 40px;
        width: 97px;
    }
