/* Minification failed. Returning unminified contents.
(17708,1): run-time error CSS1019: Unexpected token, found '@import'
(17708,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Arima+Madurai:300')'
(17784,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(17790,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17824,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18067,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(18068,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18077,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(18078,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20836,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20837,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:1024px) and (min-width: 768px) {
    .tablet-hide {
        display: none !important;
    }
}

@media (min-width:1024px) {
    .desktop-hide {
        display: none !important;
    }
}


/*!
 * 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)
 */

.fa,
.fab,
.fal,
.far,
.fas,
.icon--accessory--before:before,
.icon--accessory:after,
.icon--add:before,
.icon--bundle--before:before,
.icon--bundle:after,
.icon--chevron-left:before,
.icon--chevron-right:after,
.icon--chevron-up:after,
.icon--copyright:before,
.icon--cross:before,
.icon--external-link-menu:after,
.icon--external-link:before,
.icon--facebook:before,
.icon--gym--before:before,
.icon--gym:after,
.icon--heart:after,
.icon--linkedin:before,
.icon--map:before,
.icon--mastercard:after,
.icon--minus:before,
.icon--pdf:before,
.icon--selected:before,
.icon--tooltip:before,
.icon--tshirt:before,
.icon--twitter:before,
.icon--visa: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 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.icon--accessory--before:before,
.icon--accessory:after,
.icon--add:before,
.icon--bundle--before:before,
.icon--bundle:after,
.icon--chevron-left:before,
.icon--chevron-right:after,
.icon--chevron-up:after,
.icon--copyright:before,
.icon--cross:before,
.icon--external-link-menu:after,
.icon--external-link:before,
.icon--facebook:before,
.icon--gym--before:before,
.icon--gym:after,
.icon--heart:after,
.icon--linkedin:before,
.icon--map:before,
.icon--mastercard:after,
.icon--minus:before,
.icon--pdf:before,
.icon--selected:before,
.icon--tooltip:before,
.icon--tshirt:before,
.icon--twitter:before,
.icon--visa: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 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1
}

.fa-lg {
    font-size: 1.333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa-pull-left.icon--accessory--before:before,
.fa-pull-left.icon--accessory:after,
.fa-pull-left.icon--add:before,
.fa-pull-left.icon--bundle--before:before,
.fa-pull-left.icon--bundle:after,
.fa-pull-left.icon--chevron-left:before,
.fa-pull-left.icon--chevron-right:after,
.fa-pull-left.icon--chevron-up:after,
.fa-pull-left.icon--copyright:before,
.fa-pull-left.icon--cross:before,
.fa-pull-left.icon--external-link-menu:after,
.fa-pull-left.icon--external-link:before,
.fa-pull-left.icon--facebook:before,
.fa-pull-left.icon--gym--before:before,
.fa-pull-left.icon--gym:after,
.fa-pull-left.icon--heart:after,
.fa-pull-left.icon--linkedin:before,
.fa-pull-left.icon--map:before,
.fa-pull-left.icon--mastercard:after,
.fa-pull-left.icon--minus:before,
.fa-pull-left.icon--pdf:before,
.fa-pull-left.icon--selected:before,
.fa-pull-left.icon--tooltip:before,
.fa-pull-left.icon--tshirt:before,
.fa-pull-left.icon--twitter:before,
.fa-pull-left.icon--visa:before,
.fa-pull-left.lightcase-icon-close:before,
.fa-pull-left.lightcase-icon-next:before,
.fa-pull-left.lightcase-icon-pause:before,
.fa-pull-left.lightcase-icon-play:before,
.fa-pull-left.lightcase-icon-prev:before,
.fa-pull-left.lightcase-icon-spin:before,
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa-pull-right.icon--accessory--before:before,
.fa-pull-right.icon--accessory:after,
.fa-pull-right.icon--add:before,
.fa-pull-right.icon--bundle--before:before,
.fa-pull-right.icon--bundle:after,
.fa-pull-right.icon--chevron-left:before,
.fa-pull-right.icon--chevron-right:after,
.fa-pull-right.icon--chevron-up:after,
.fa-pull-right.icon--copyright:before,
.fa-pull-right.icon--cross:before,
.fa-pull-right.icon--external-link-menu:after,
.fa-pull-right.icon--external-link:before,
.fa-pull-right.icon--facebook:before,
.fa-pull-right.icon--gym--before:before,
.fa-pull-right.icon--gym:after,
.fa-pull-right.icon--heart:after,
.fa-pull-right.icon--linkedin:before,
.fa-pull-right.icon--map:before,
.fa-pull-right.icon--mastercard:after,
.fa-pull-right.icon--minus:before,
.fa-pull-right.icon--pdf:before,
.fa-pull-right.icon--selected:before,
.fa-pull-right.icon--tooltip:before,
.fa-pull-right.icon--tshirt:before,
.fa-pull-right.icon--twitter:before,
.fa-pull-right.icon--visa:before,
.fa-pull-right.lightcase-icon-close:before,
.fa-pull-right.lightcase-icon-next:before,
.fa-pull-right.lightcase-icon-pause:before,
.fa-pull-right.lightcase-icon-play:before,
.fa-pull-right.lightcase-icon-prev:before,
.fa-pull-right.lightcase-icon-spin:before,
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: b 2s infinite linear
}

.fa-pulse {
    animation: b 1s infinite steps(8)
}

@keyframes b {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adobe:before {
    content: "\f778"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-haykal:before {
    content: "\f666"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-nintendo-switch:before {
    content: "\f418"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.HeaderSocial .fa-blog:before,
.HeaderSocial .fa-facebook:before,
.HeaderSocial .fa-instagram:before,
.HeaderSocial .fa-youtube:before,
.HeaderSocial .fa-twitter:before {
    font-size: 1.6em;
    margin: 0px 10px;
    color: #fff;
}

.HeaderSocial .fa-blog:hover::before,
.HeaderSocial .fa-facebook:hover::before,
.HeaderSocial .fa-instagram:hover::before,
.HeaderSocial .fa-youtube:hover::before,
.HeaderSocial .fa-twitter:hover::before {
    /*color: #d2ba14;*/
    color: #991a30;
}

.HeaderSocial a:focus i:before{
    color: #991a30;
}
@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;
}

/*input:not(:focus):invalid {
    border-color: red;
}
input:not(:focus):valid {
    border-color: green;
}*/

@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: 700;
    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: 400;
    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: 600;
    letter-spacing: .5px;
    line-height: 1.75;
    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.-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: 400;
    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, 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;
}

/* -- margins -- */
.-margin020 {
    margin: 0px 20px;
}

.-margin200 {
    margin: 20px 0px;
}

.-margin1010 {
    margin: 10px;
}

.-margin1020 {
    margin: 10px 20px;
}

.-margin2010 {
    margin: 20px 10px;
}

.-margin2040 {
    margin: 20px 40px;
}

.-margin4020 {
    margin: 40px 20px;
}

.-margin4040 {
    margin: 40px 40px;
}

/* --- Wrappers --- */

.no-wrap {
    white-space: nowrap;
}

.section-wrap {
    padding: 20px 20px 30px;
    margin-bottom: 30px;
    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;
        }
}

.iconBox{
    display: flex;
    align-items: center;
}

/*.focusable:focus, 
.focusable:focus *{
    outline: none;
    box-shadow: 0.5px 0.5px 10px rgba(0,0,0,0.5);
    border-radius: 5px;
}*/
.focusable:focus-visible,
.focusable:focus-visible * {
    outline: 1px solid rgba(0,0,0,0.5);
    outline-offset: 2px;
    /*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;
}*/
.focusableContainer:focus-visible {
    outline: 1px solid rgba(0,0,0,0.5);
    outline-offset: 2px;
    /*box-shadow: 0.5px 0.5px 10px rgba(0,0,0,0.5);*/
    border-radius: 15px;
}

button:focus,
a:focus{
    outline: none;
}
button:focus-visible,
a:focus-visible{
    outline: 1px solid rgba(0,0,0,0.5);
    outline-offset: 2px;
}
/*
    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;
    margin: 0 2px;
}

[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;
        border-radius: 20px;
        box-shadow: 0.5px 0.5px 4px rgba(0,0,0,0.15);
    }

    .Slider__instagram #instagramSlider ._card ._image {
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: center;
        border-radius: 20px;
        box-shadow: 0.5px 0.5px 4px rgba(0,0,0,0.15);
    }

    .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%
        }

        @media screen and (max-width: 1400px){
            .Slider__instagram #instagramSlider ._card ._image{
                height: 260px;
            }
        }

@media screen and (min-width: 1400px) {
    .Slider__instagram #instagramSlider ._card ._image {
        height: 330px;
    }
}

#instagramSlider {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
}
    #instagramSlider a.post-container {
        width: 300px;
        height: 250px;
        border-radius: 15px;
        text-align: center;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    #instagramSlider a.post-container div.post-caption {
        width: 100%;
        height: 100%;
        position: relative;
        background: rgba(255,255,255,0.9);
        transition: 300ms ease-in-out;
        visibility: hidden;
        opacity: 0;
        padding: 10px;
    }
    #instagramSlider a.post-container p {
        font-size: 14px;
        width: calc(100% - 20px);
        overflow: hidden;
        color: #3b3a37;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
        #instagramSlider a.post-container:hover div.post-caption {
            visibility: visible;
            opacity: 1;
        }

/*
    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:
    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, .infoLabel {
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 2vw;
    color: #fff;
    background-color: #122633;
}
.infoLabel {
    padding: 10px 20px;
    text-align: center;
    border-radius: 0;
    background-color: #017f94;
}
    .infoCard a,
    .infoCard .link,
    .infoLabel a,
    .infoLabel .link {
        color: #fff;
        font-weight: bold;
    }
    .infoCard .heading,
    .infoLabel  .heading{
        display: flex;
        justify-content: center;
        align-items: center;
        grid-gap: 10px;
    }
    .infoCard .material-icons,
    .infoLabel .material-icons{
        text-shadow: 0 0 5px #333;
        color: #fff;
    }
.contact-form.card {
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 2vw;
    background-color: #eae9e8;
}
.locationCard, .jobPostingCard {
    background-color: #fff;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 20px;
    margin: 5px;
    height: calc(100% - 10px);
}
.jobPostingCard {
    padding: 0 0 70px;
}
.jobPostingCard .heading{
    padding: 15px 20px;
    background-color: #122633;
    color: #fff;
    border-radius: 15px 15px 0 0;
}
.jobPostingCard .body{
    padding: 0 20px;
}
    .jobPostingCard .button {
        width: calc(100% - 40px);
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
    }

/* ----- 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';
}

 /* -------- Success/Failure dialogs --------- */
.dialog-type-Success {
    background-color: #baffca;
    position: relative;
    color: #000;
    padding: 10px 10px 10px 45px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
    .dialog-type-Success:before {
        content: '\2713';
        height: 25px;
        width: 25px;
        background-color: #00ff3c;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        display: flex;
        align-items: center;
        line-height: 100%;
        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%);
    }
.dialog-type-Failure {
    background-color: #ff9999;
    position: relative;
    color: #000;
    padding: 10px 10px 10px 45px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
    .dialog-type-Failure: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%);
    }
/*
    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"
    3. "Other Font Styles"
*/



/* ---- 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
}

@font-face {
    font-family: 'Proxima Nova Black';
    src: url('../fonts/proxima-nova-41.TTF') format('truetype');
    font-weight: 900;
    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;
}


/* ---- 3. "Other Font Styles" ---- */

.text-nowrap {
    white-space: nowrap;
}
/*
    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 .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: 15px;
}

    .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"
*/



/* ---- 1. Home Call Out Section ---- */

.HomeCalloutMain {
    padding-bottom: 2%;
}

.HomeCallout {
    width: 100%;
    height: auto;
    background-color: #f0c954;
    min-height: 400px;
    position: relative;
}

    .HomeCallout .container__row {
        min-height: 400px;
        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: 450px;
        /*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;
    font-weight: 700;
    font-size: 2.5em;
    letter-spacing: 1px;
    padding: 20px;
    background-color: #122633;
}

.HomeCallout .-boldtextleft {
    TEXT-ALIGN: RIGHT;
    top: 75%;
    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: 350px;
        /*padding: 2% 3%;*/
        overflow: visible;
    }

    .HomeCallout .-boldtext {
        position: absolute;
        font-size: 1.3em;
        letter-spacing: 1px;
        padding: 10px;
        background-color: #122633;
    }

    .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: rgba(0,0,0,0.3);
        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: rgba(18, 38, 51, .9);
    }
}

.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: -10px;
        transition: 300ms ease-in-out;
    }
    .FullWidth__employee-cards ._employee ._employee-overlay:hover .section-sub-title,
    .FullWidth__employee-cards ._employee ._employee-overlay:focus .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 {
            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;
        }

@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: 50vh;
    }
    .skewed-background-container .skewed-background .skewed-image-content, .parallax-background-container .parallax-background .parallax-image-content{
        transform: translate(-50%, -50%);
        padding: 20px;
    }
}

@media screen and (orientation: landscape) and (max-height: 550px){
    .skewed-background-container .skewed-background, .parallax-background-container .parallax-background {
        max-height: 95vh;
    }
}
/*
    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;*/
        box-shadow: 0 0 5px #000;
        border-radius: 10px;
    }

    ._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(18, 38, 51, .95), #122633)
}

@media screen and (min-width:768px) {
    .Footer {
        text-align: center;
        padding-top: 35px;
        padding-bottom: 65px
    }
}

.Footer:before {
    content: "";
    width: 100%;
    height: 6px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, #991a30, #991a30)
}

.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%*/
        padding-left: 33%;
    }
}

.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: #991a30;
}

    .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: #122633;
        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: #991a30;
}

.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: #122633;
    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;
    vertical-align: top;
    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.-lrg {
        font-size: 14px;
        font-size: .78rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.75;
        color: #fff;
        text-align: center;
        background-color: #991a30;
        padding: 10px 20px;
        border-radius: 15px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
        text-decoration: none
    }

    .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: #122633;
            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.pillShape{
    padding: 5px 30px;
    border-radius: 30px;
}
.button.pillShape i {
    position: relative;
    top: 7px;
    left: 10px;
    margin-left: -10px;
    margin-bottom: 15px;
}

.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;
    }
}

.operationsBtn {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    width: 100%;
    height: 35px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
}

    .operationsBtn:hover,
    .operationsBtn:focus {
        background: #eae9e8;
    }

/*
    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 i {
        position: relative;
        top: 7px;
        left: 10px;
        margin-left: -10px;
        margin-bottom: 15px;
    }

    .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,
    .link.-white:hover,
    .link.-white:focus {
        color: #fff;
        text-decoration: none
    }

        .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: none
}


/* ------- 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;
    /*display: block;*/
    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;
    }

/*
    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"
*/


/* ---- 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;
    left: -3px
}
    ._number._input.quantity.incrementer.small {
        padding: 0;
        text-align: center;
        width: 30px;
        height: auto;
        border-left: 1px solid #cac9c8;
        border-right: 1px solid #cac9c8;
        border-radius: 0;
    }

@media screen and (min-width:768px) {
    ._number {
        margin: 5px 0 30px;
        left: 0
    }
}

._number:focus {
    outline: 0
}

select.quantity {
    background: #fff;
    border: none;
    color: #3B3A37;
    margin: 0;
    padding: 0;
    box-shadow: none;
    outline: none;
}

.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;
}
    .paymentValidationError ul li {
        color: #fff;
        background-color: red;
        border-radius: 15px;
        margin: 0;
        padding: 5px;
        text-align: center;
        text-shadow: 0.5px 0.5px 3px #000;
    }

.field-validation-error:focus,
.validation-summary-errors:focus,
.paymentValidationError:focus {
    outline: none;
}

._input {
    width: 100%;
    height: 40px;
    background-color: #fff;
    font-size: 16px;
    color: #3b3a37;
    padding: 10px 15px;
    margin: 5px 0 20px;
    display: block;
    border-radius: 10px;
    border: none;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    font-family: proxima-nova,Helvetica,sans-serif;
}

    ._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: 0;
            border: 1px solid #f0c954;
            box-shadow: 0 0 5px #f0c954;
        }

.phoneNumberContainer {
    position: relative;
    display: block;
}
.phoneNumberContainer::before {
    content: '+1 ';
    position: absolute;
    left: 0;
    top: 0;
    padding:  12px 15px; /* Space between +1 and input field */
    background-color: #eae9e8;
    color: #3b3a37; /* Adjust color as needed */
    font-size: 16px; /* Adjust size as needed */
    font-weight: 900;
    border-radius: 10px 0 0 10px;
    height: 40px;
}

.phoneNumberContainer ._input {
    padding-left: 50px; /* Adjust to ensure text doesn't overlap +1 */
}

@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: red
    }

    ._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;
    max-width: 100px;
    min-width: 85px;
    background: #fff;
    box-shadow: 0 0 5px #cac9c8;
}
.incrementer._input {
    width: auto;
    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;
}

.concentCheckbox {
    width: 20px;
    height: 20px;
    transform: translateY(5px);
    margin: 0 !important;
}

/* ---- 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
}

/* 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: flex;
    align-items: center;
    margin-top: -35px;
}

    .Header #floatingNavigation .HeaderSocial .language button {
        padding: 10px;
        cursor: pointer;
        background: none;
        color: #fff;
        border: none;
    }

        .Header #floatingNavigation .HeaderSocial .language button:hover {
            color: #f0c954;
            text-decoration: underline;
        }

        .Header #floatingNavigation .HeaderSocial .language button.lang-check {
            color: #f0c954;
            font-weight: bold;
            text-decoration: line-through #f0c954;
        }

            .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;
    }
}
.translatingItems{
    color: #fff;
}
/*---------------------------------------------------*/
/* This style is to hide the google translate iframe */
.goog-te-banner-frame.skiptranslate, .goog-tooltip.skiptranslate {
    display: none !important;
}

/* For google translate */
/* Hiding the google translate modal container */
.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

.Header #floatingNavigation{position: relative;}
.Header #floatingNavigation .HeaderSocial.languageTranslate {
    top: 80%;
    right: 30%;
}

@media screen and (min-width:768px) {
    .Header #floatingNavigation .HeaderSocial.languageTranslate {
        right: 20%;
    }
}
@media screen and (min-width:1024px) {
    .Header #floatingNavigation .HeaderSocial.languageTranslate {
        top: 35px;
        right: 10px;
    }
}
/*
    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: 1.5;
        margin: 10px 0 5px;
    }

@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 + .section-wrap{
    border-radius: 0 0 20px 20px;
}

    .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 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
}

._modal ._close:hover,
._modal ._close:focus{
    color: #991a30;
    text-shadow: 0 0 15px #000;
}

.popUpModal {
    background: #fff;
    height: 90%;
    width: 90%;
    max-width: 700px;
    max-height: 600px;
    padding: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    border-radius: 20px;
    background: linear-gradient(0deg,rgba(17, 38, 51, 1), rgba(30, 47, 100, 1));
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 1px 1px 5px rgba(0,0,0,1);
    font-family: 'Montserrat', sans-serif;
}
.popUpModal .popUpModalContent {
    color: #fff;
    text-shadow: 0 0 5px #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 550px;
    text-align: left;
}
    .popUpModal .popUpModalContent h1,
    .popUpModal .popUpModalContent h2,
    .popUpModal .popUpModalContent h3{
        text-align: left;
        color: #fff;
        margin: 0;
    }
    
    .popUpModal .popUpModalContent .main-title{
        font-size: 7.5em;
        line-height: 0.8em;
        color: #f0c954;
    }
    .popUpModal .popUpModalContent .sub-title{
        font-size: 2.47em;
    }
    .popUpModal .popUpModalContent .mini-sub-title{
        font-size: 1.7em;
    }
    .popUpModal .popUpModalContent .ribbon {
        padding: 5px 20px;
        text-align: center;
        transform: skew(20deg);
        margin: 2px 0;
        width: 550px;
    }    
    
    .popUpModal .popUpModalContent .ribbon .unSkew {
        display: inline-block;
        transform: skew(-20deg);
    }
    .popUpModal .popUpModalContent img {
        width: 550px;
        background: #fff;
        padding: 20px;
        border-radius: 20px;
    }


    .popUpModal .popUpModalButtons {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 40px);
    }
    .popUpModal .button{
        width: 100%;
        background: #eae9e8;
        color: #171717;
        text-transform: uppercase;
        margin-bottom: 5px;
        box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
    }
    .popUpModal .button.dark{
        background: #171717;
        color: #eae9e8;
    }
        .popUpModal .button:hover, 
        .popUpModal .button.dark:hover{
            background: #122633;
            color: #eae9e8;
        }

@media screen and (max-width: 768px){
    .popUpModal{
        max-width: 500px;
    }
    .popUpModal .popUpModalContent{
        width: 370px;
    }
    .popUpModal .popUpModalContent .mini-sub-title {
        font-size: 1.11em;
    }
    .popUpModal .popUpModalContent .sub-title {
        font-size: 1.6em;
    }
    .popUpModal .popUpModalContent .main-title {
        font-size: 4.85em;
    }
    .popUpModal .popUpModalContent .ribbon{
        width: 370px;
        font-size: 1.1em;
    }
    .popUpModal .popUpModalContent img{
        width: 370px;
    }
}
@media screen and (max-width: 550px){
    .popUpModal{
        max-width: 400px;
    }
    .popUpModal .popUpModalContent{
        width: 260px;
    }
    .popUpModal .popUpModalContent h2{
        font-size: 1.1em;
    }
    .popUpModal .popUpModalContent .mini-sub-title {
        font-size: 1.45em;
    }
    .popUpModal .popUpModalContent .sub-title {
        font-size: 1.17em;
    }
    .popUpModal .popUpModalContent .main-title {
        font-size: 3.55em;
        margin: 20px 0;
    }
    .popUpModal .popUpModalContent .ribbon{
        width: 260px;
        font-size: 1em;
    }
    .popUpModal .popUpModalContent .ribbon span{
        display: block;
    }
    .popUpModal .popUpModalContent img{
        width: 260px;
    }
}

.modalTriggerButton {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*
    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, #122633, rgba(18, 38, 51, .95));
    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%;
}

.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, #122633, #991a30);
}

@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.-icon{
            width: 50px;
        }

        .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: 80px;
}
._header-wrapper #firstRow{
    transition: 500ms ease-in-out;
}

@media screen and (min-width:768px){
    .Header__nav-wrapper ._items {
        top: 80px;
    }
}

@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: #122633;
}

@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: #fff;
    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 {
        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: #fff;
    text-decoration: underline;
}

.Header__nav-wrapper ._items ._item ._link:visited,
.Header__nav-wrapper ._items ._item a:visited {
    color: #fff;
    text-decoration: none
}
.Header__nav-wrapper ._nav--right ._items ._item ._link i {
    font-size: 30px;
    line-height: 20px;
    top: 3px;
    position: relative;
    color: #fff;
}
.Header__nav-wrapper ._items ._item ._link:focus,
.Header__nav-wrapper ._items ._item a:focus {
    color: #fff;
    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: #991a30;
}
    .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: #991a30;
    }

    .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: #122633;
        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: #fff;
    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: #fff;
        text-decoration: none;
        padding: 10px 20px 10px 15px;
        display: block
    }

@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: #193648;
    }
    .Header__nav-wrapper ._items ._sub-items ._sub-item ._sub-link:focus,
    .Header__nav-wrapper ._items ._sub-items ._sub-item a:focus {
        background-color: #193648;
    }
}

.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: #fff;
    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: 0;
        border: 1px solid #f0c954;
        box-shadow: 0 0 5px #f0c954;
    }

    .mobile-menu-trigger:after,
    .mobile-menu-trigger:before {
        background-color: #fff;
        content: "";
        display: block;
        height: 2px;
        transition: all .1s ease-in-out
    }

    .mobile-menu-trigger:before {
        box-shadow: 0 10px 0 #fff;
        margin-bottom: 18px
    }

    .mobile-menu-trigger.isActive:before {
        box-shadow: 0 0 0 #fff;
        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;
    }
}
/* 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: #333;
    font-weight: bold;
    font-size: .9em;
    background: #fff;
    line-height: 1.2em;
    width: auto;
    text-align: center;
    min-width: 20px;
    padding-top: 2px;
    border-radius: 5px;
}

@media screen and (min-width:1024px) {
    .cart-number {
        top: 20%;
        transform: translate(-50%,-20%);
    }
}
/*
    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: #595959;
}

.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: #122633;
}

.Banner__school-info {
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: rgba(18, 38, 51, .9)
}

    .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: 10px;
        margin: 0 0 0 10px;
        background-color: #fff;
        float: right;
        clear: both;
    }



        .Banner__school-info ._logo-wrap ._logo-image {
            max-height: 30px;
            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-info ._logo-wrap ._logo-image {
        max-height: 60px;
    }
    .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
    }


/*-- For moving banner --*/
.movingBanner.slide {
    position: relative;
    padding: 0;
}

#movingBanner {
    height: 100%;
}
    #movingBanner .birdsFlyingContainer {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    #movingBanner .slide-info-container {
        background-color: #122633;
        color: #fff;
        font-size: 24px;
        font-weight: 900;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 30px;
        padding: 10px 30px;
    }

        #movingBanner .slide-info-container span {
            display: block;
        }

        #movingBanner .slide-info-container sup {
            line-height: 0;
        }

    #movingBanner .slide-content-header {
        text-align: center;
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 20px;
    }

        #movingBanner .slide-content-header h2,
        #movingBanner .slide-content-header h3 {
            margin: 2px 0;
            line-height: 20px;
        }

        #movingBanner .slide-content-header h2 {
            color: #991a30;
            font-weight: 900;
            font-size: 30px;
            font-family: 'Proxima Nova Black';
        }

        #movingBanner .slide-content-header h3 {
            color: #122633;
            font-weight: 900;
            font-size: 27px;
            font-family: 'Proxima Nova Black';
        }

    #movingBanner .shopNowInfo {
        width: 250px;
        padding: 0 0 20px;
        position: absolute;
        bottom: 20px;
        left: 20px;
        height: 120px;
    }

@media screen and (max-width:1250px) {
    #movingBanner .slide-info-container {
        font-size: 18px;
    }

    #movingBanner .slide-content-header {
        font-size: 16px;
    }

        #movingBanner .slide-content-header h2 {
            font-size: 23px;
            margin: 3px 0;
        }

        #movingBanner .slide-content-header h3 {
            font-size: 20px;
            margin: 3px 0;
        }
}

@media screen and (max-width:960px) {
    #movingBanner .slide-info-container {
        font-size: 16px;
    }

    #movingBanner .slide-content-header {
        font-size: 14px;
    }

        #movingBanner .slide-content-header h2 {
            font-size: 20px;
            line-height: 18px;
            margin: 3px 0;
        }

        #movingBanner .slide-content-header h3 {
            font-size: 18px;
            line-height: 16px;
            margin: 3px 0;
        }

    #movingBanner .shopNowInfo {
        width: 240px;
        padding: 0 0 20px;
        height: 95px;
    }

        #movingBanner .shopNowInfo .heading {
            padding: 7px 10px;
            font-size: 20px;
        }
}

@media screen and (max-width:850px) {
    #movingBanner .slide-info-container {
        font-size: 12px;
    }

    #movingBanner .slide-content-header {
        font-size: 12px;
    }

        #movingBanner .slide-content-header h2 {
            font-size: 18px;
            line-height: 16px;
            margin: 3px 0;
        }

        #movingBanner .slide-content-header h3 {
            font-size: 16px;
            line-height: 14px;
            margin: 3px 0;
        }

    #movingBanner .shopNowInfo {
        width: 200px;
    }

        #movingBanner .shopNowInfo .heading {
            padding: 7px 10px;
            font-size: 16px;
        }

        #movingBanner .shopNowInfo.jobPostingCard .button {
            width: 180px;
            padding: 10px;
        }
}

@media screen and (max-width:500px) {
    #movingBanner .slide-info-container {
        font-size: 12px;
        left: 10px;
        padding: 8px 20px;
    }

    #movingBanner .slide-content-header {
        font-size: 12px;
        top: 80px;
    }

        #movingBanner .slide-content-header h2 {
            font-size: 18px;
            margin: 3px 0;
        }

        #movingBanner .slide-content-header h3 {
            font-size: 16px;
            margin: 3px 0;
        }

    #movingBanner .shopNowInfo {
        width: 180px;
        padding: 0 0 20px;
        left: 10px;
        height: 75px;
    }

        #movingBanner .shopNowInfo .heading {
            padding: 5px 10px;
            font-size: 14px;
        }

        #movingBanner .shopNowInfo.jobPostingCard .button {
            width: 160px;
            padding: 5px;
            font-size: 11px;
        }
}




/* ---- 2. Notification Banner Section ----*/
.Notification-banner {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #991a30;
    /*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%;
            overflow: hidden;
        }

            .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: center;
                width: 100%;
            }

    /* =======================================================
    --------- Style for Nanook Down Jacket Sale. -------------
    ======================================================= */

                .slider .slides .slide .slide-content#nanookDown {
                    top: 70%;
                    left: 50%;
                    transform: translate(-50%, -70%);
                    width: 300px;
                }

                .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%;
                        }

@media screen and (min-width: 1024px) {
    /* Style for Nanook Down Jacket Sale */
    .slider .slides .slide .slide-content#nanookDown {
        top: 50%;
        right: 10px;
        left: unset;
        transform: translateY(-50%);
    }


    .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;
    }
}

/* =======================================================
    ------------ 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%);
    }
    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
        position: absolute;
        top: 75%;
        left: 50%;
        transform: translate(-50%, -75%);
        white-space: nowrap;
    }

@media screen and (min-width: 430px) {
    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
        top: 90%;
        left: 90%;
        transform: translate(-90%, -90%);
    }
}

@media screen and (min-width: 550px) {
    .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;
    }

    .slider .slides .slide .slide-content#inventoryBlowOutSale a {
        top: 95%;
        left: 90%;
        transform: translate(-90%, -95%);
    }
}

@media screen and (min-width: 768px) {
    /* Style for Inventory Blow Out Sale */
    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-header {
        font-size: 2em;
        line-height: 50px;
    }

    .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;
    }

    .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 Inverntory Blow Out Sale */
    .slider .slides .slide .slide-content#inventoryBlowOutSale .slide-content-header {
        font-size: 3em;
        line-height: 50px;
        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;
    }
}

/* =======================================================
    ------------ Style for career opportunities ---------
    ======================================================= */

.slider .slides .slide .slide-content#careerOpportunities .slide-content-header {
    font-size: 4rem;
    color: #fff;
    text-shadow: 0.3px 0.3px 5px #272727;
    text-align: left;
    margin: 0 5%;
    padding: 0 5%;
    font-family: montserrat;
    border-left: 6px solid #f0c954;
}

.slider .slides .slide .slide-content#careerOpportunities .slide-content-footer{
    margin-top: 40px;
}

@media screen and (min-width: 1024px) {

    /* Style for Career Opportunities */
    .slider .slides .slide .slide-content#careerOpportunities .slide-content-header {
        font-size: 5rem;
    }

    .slider .slides .slide .slide-content#careerOpportunities .slide-content-footer {
        margin-top: 80px;
    }
}


/*====================================================
----------- Service disruption notice -------------
====================================================*/

#serviceDisruption {
    color: #fff;
}
#serviceDisruption .heading {
    color: #f0c954;
    font-weight: 900;
    text-align: left;
    width: 356px;
    margin: auto;
}
#serviceDisruption .heading .main-heading {
    font-size: 38px;
}

    #serviceDisruption .heading .main-heading i {
        font-size: 28px;
        animation: colourChange 7s ease 0s infinite;
    }
#serviceDisruption .disruptionDetail {
    max-width: 500px;
    margin: 20px auto;
    font-weight: 600;
}
.protestingSVG {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    min-width: 700px;
    opacity: 0.3;
}
@media screen and (min-width: 1024px) {
    #serviceDisruption .heading {
        width: 685px;
        font-size: 38px;
    }
    #serviceDisruption .heading .main-heading {
        /*font-size*/
    }
    #serviceDisruption .disruptionDetail {
        max-width: 700px;
        font-size: 24px;
    }
    .protestingSVG {
        bottom: -70px;
        opacity: 0.2;
    }
}
@media screen and (min-width: 1280px) {
    .protestingSVG {
        opacity: 0.1;
        width: 105%;
    }
}

@keyframes colourChange {
    0% { color: #f0c954; }
    70% { color: #991a30; transform: translateX(0) rotate(0); text-shadow: none; }
    72.5% { color: #991a30; transform: translateX(2px) rotate(2deg); text-shadow: 0 0 2px rgba(255,255,255,.8); }
    75% { color: #991a30; transform: translateX(-2px) rotate(-2deg); text-shadow: 0 -1px 5px rgba(255,255,255,.7); }
    77.5% { transform: translateX(2px) rotate(2deg); text-shadow: 0 -2px 9px rgba(255,255,255,.6); }
    80% { transform: translateX(-2px) rotate(-2deg); text-shadow: 0 -3px 14px rgba(255,255,255,.5); }
    82.5% { transform: translateX(2px) rotate(2deg); text-shadow: 0 -5px 20px rgba(255,255,255,.4); }
    85% { transform: translateX(-2px) rotate(-2deg); text-shadow: 0 -7px 27px rgba(255,255,255,.3); }
    87.5% { color: #f0ac54; transform: translateX(2px) rotate(2deg); text-shadow: 0 -10px 35px rgba(255,255,255,.1); }
    90% { color: #f0c954; transform: translateX(0) rotate(0); text-shadow: none; }
    100% { color: #f0c954; }
}

/*====================================================
----------- Book your Summer Appointment -------------
====================================================*/
#bookSummerAppointment {
    position: relative;
    height: 100%;
}

    #bookSummerAppointment .appointmentContent {
        position: absolute;
        top: 65%;
        left: 20%;
        transform: translate(-20%, -65%);
        text-align: left;
    }

        #bookSummerAppointment .appointmentContent .section-title,
        #bookSummerAppointment .appointmentContent .section-sub-title {
            color: #fff;
            text-shadow: 1px 1px 5px #000;
            margin: 5px auto;
            font-weight: bold;
            padding: 0;
        }

.popUpAttention {
    animation-name: popUpAttention;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    display: inline-block;
}

@keyframes popUpAttention {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    10% {
        transform: scale(1.3);
        opacity: 1;
    }

    13% {
        transform: scale(1.3) rotate(10deg);
        opacity: 1;
    }

    16% {
        transform: scale(1.3) rotate(-10deg);
        opacity: 1;
    }

    19% {
        transform: scale(1.3) rotate(10deg);
        opacity: 1;
    }

    22% {
        transform: scale(1.3) rotate(-10deg);
        opacity: 1;
    }

    25% {
        transform: scale(1.3) rotate(0deg);
        opacity: 1;
    }

    30% {
        transform: scale(1);
        color: #fff;
        opacity: 1;
    }

    80% {
        transform: scale(1);
        color: #f0c954;
        opacity: 1;
    }

    84% {
        transform: scale(1) skew(10deg, 0deg);
        color: #f0c954;
        opacity: 1;
    }

    90% {
        transform: scale(1) translateX(-500px);
        color: #fff;
        opacity: 0;
    }

    91% {
        transform: scale(0) translateX(-500px);
        color: #fff;
        opacity: 0;
    }

    100% {
        transform: scale(0) translateX(0);
        color: #fff;
        opacity: 0;
    }
}
@keyframes speedRightInOut{
    0%{
        transform: translateX(100vw) skew(-10deg, 0deg);
    }
    10%{
        transform: translateX(2vw) skew(-10deg, 0deg);
    }
    20%{
        transform: translateX(0) skew(0deg, 0deg);
    }
    80%{
        transform: translateX(0) skew(0deg, 0deg);
    }
    90%{
        transform: translateX(-2vw) skew(10deg, 0deg);
    }
    100%{
        transform: translateX(-100vw) skew(10deg, 0deg);
    }
}

.waitInQueue{
    text-transform: uppercase;
    overflow: hidden;
}
.waitInQueue.schoolStoreInfoBlock {
    margin-top: 10px;
}
    .waitInQueue span.waitInQueueDescription {
        display: inline-block;
        color: #fff;
        /*animation: speedRightInOut 7s ease 0s infinite;*/
        /*transform: translateX(100vw);*/
    }

._locationDetail.waitInQueueContainer {
    position: relative;
    margin-top: 20px;
    background-color: #122633;
    padding: 15px;
    border-radius: 10px;
    transition: background-color 300ms ease-in-out;
}
._locationDetail.waitInQueueContainer .opensInNewTab {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
}
    ._locationDetail.waitInQueueContainer.link .waitInQueue._locationDetail span.waitInQueueDescription {
        display: block;
        color: #fff;
        animation: none;
        transform: none;
        font-size: 22px;
        padding-left: 22px;
        line-height: 28px;
        transition: color 300ms ease-in-out;
    }
    ._locationDetail.waitInQueueContainer.link .waitInQueue._locationDetail span.waitInQueueDescription span.popUpText {
        color: #f0c954;
        font-weight: bold;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    }
    ._locationDetail.waitInQueueContainer.link {
        color: #fff;
        transition: 300ms ease-in-out;
        white-space: normal;
    }
        ._locationDetail.waitInQueueContainer.link .linkInfo {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            text-transform: none;
        }
    ._locationDetail.waitInQueueContainer.link .linkText {
        line-height: 22px;
    }
    ._locationDetail.waitInQueueContainer.link .fas {
        margin: 1px 5px 0 0;
    }
    ._locationDetail.waitInQueueContainer.link:hover,
    ._locationDetail.waitInQueueContainer.link:focus {
        text-decoration: none;
        background-color: #f0c954;
        color: #3b3a37;
        box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
        transform: translateY(-10px);
    }
        ._locationDetail.waitInQueueContainer.link:hover .waitInQueue._locationDetail span.waitInQueueDescription,
        ._locationDetail.waitInQueueContainer.link:focus .waitInQueue._locationDetail span.waitInQueueDescription {
            color: #3b3a37;
        }
        /*._locationDetail.waitInQueueContainer.link:hover .linkText,
        ._locationDetail.waitInQueueContainer.link:focus .linkText {
            color: #3b3a37;
            border-bottom-color: #3b3a37;
        }*/
    ._locationDetail.waitInQueueContainer.link:hover .waitInQueue._locationDetail span.waitInQueueDescription span.popUpText {
        color: #eae9e8;
    }
        /* =================================================== 
    ------------ No Appointment Needed --------------
   =================================================== */
        #noAppointmentNeeded {
            width: 90%;
            top: 10%;
            transform: translate(-50%, -10%);
        }
h2.slide-content-header {
    text-align: left;
    color: #fff;
    font-family: 'Montserrat';
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    text-transform: uppercase;
}
h2.slide-content-header span {
    display: inline-block;
}
    h2.slide-content-header .main-title {
        font-size: 0.7em;
    }
    h2.slide-content-header .highlighted-title {
        font-size: 0.52em;
        background-color: #122633;
        padding: 10px 35px;
    }
    h2.slide-content-header .line-wrapped-title {
        font-size: 0.54em;
        position: relative;
        width: 22.3em;
        text-align: center;
    }
    h2.slide-content-header .line-wrapped-title:before,
    h2.slide-content-header .line-wrapped-title:after {
        border-top: 2px solid #fff;
        display: block;
        height: 1px;
        content: " ";
        width: 25%;
        position: absolute;
        left: 0;
        top: 45%;
    }

    h2.slide-content-header .line-wrapped-title:after {
        right: 0;
        left: auto;
    }
    
    .slide-content-footer ul {
        list-style-type: decimal;
        color: #fff;
    }

.slide-content-footer a:nth-child(1) {
    margin-right: 15px;
}
#noAppointmentNeeded .storeLocationAndHourDesktop {
    max-width: 270px;
    padding: 0 0 20px;
    position: absolute;
    bottom: 20px;
    right: -20px;
    height: 180px;
    display: none;
    animation: glowingRipple 1500ms ease-in-out forwards infinite;
}
#noAppointmentNeeded .storeLocationAndHourMobile {
    animation: glowingRipple 1500ms ease-in-out forwards infinite;
}

@media screen and (min-width: 650px) {
    #noAppointmentNeeded .storeLocationAndHourDesktop{
        display: block;
    }
    #noAppointmentNeeded .storeLocationAndHourMobile {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    #noAppointmentNeeded .storeLocationAndHourDesktop {
        display: block;
        bottom: -60px;
    }
}

@media screen and (min-width: 530px) {
    h2 .slide-content-header .main-title {
        font-size: 1.05em;
    }

    h2.slide-content-header .highlighted-title {
        font-size: 0.83em;
    }
    h2.slide-content-header .line-wrapped-title {
        font-size: 0.75em;
        width: 23.3em;
        margin-top: 15px;
    }
        h2.slide-content-header .line-wrapped-title:before,
        h2.slide-content-header .line-wrapped-title:after {
            width: 23%;
        }
}
@media screen and (min-width: 1024px) {
    h2.slide-content-header .main-title {
        font-size: 1.415em;
    }

    h2.slide-content-header .highlighted-title {
        font-size: 1.2em;
    }

    h2.slide-content-header .line-wrapped-title {
        font-size: 1.0em;
        width: 23.3em;
        margin-top: 30px;
    }

        h2.slide-content-header .line-wrapped-title:before,
        h2.slide-content-header .line-wrapped-title:after {
            width: 25%;
        }
    #noAppointmentNeeded .storeLocationAndHourDesktop {
        display: block;
        bottom: -20px;
    }
}

/* =================================================== 
    -------------- Welcome New School ----------------
   =================================================== */

#welcomingSchool {
    display: block;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
#welcomingSchool {
    width: 100%;
    padding: 10px;
}
#welcomingSchool #welcomeImage {
    width: 80%;
    max-width: 335px;
}
#welcomingSchool .description {
    color: #122633;
    margin: 20px auto;
    max-width: 950px;
}
@media screen and (min-width: 768px){
    #welcomingSchool #welcomeImage {
        width: 70%;
        max-width: 500px;
    }
}
@media screen and (min-width: 1024px){
    #welcomingSchool #welcomeImage {
        width: 70%;
    }
}
@media screen and (min-width: 1240px){
    #welcomingSchool #welcomeImage {
        max-width: 540px;
        width: 60%;
    }
}


/* =================================================== 
    -------------- Join Virtual Line ----------------
   =================================================== */
#virtualLine {
    display: block;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
#virtualLine .services {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #3b3a37;
    padding: 5px 0;
    max-width: 550px;
    margin: auto;
}
#virtualLine .services .service {
    width: 120px;
    text-align: center;
}
#virtualLine .services .service .service-info {
    font-size: 14px;
    font-weight: 700;
}
#virtualLine .services .service .svgContainer {
    width: 60px;
    height: 50px;
    margin: auto;
}
#virtualLine .slide-content-section {
    width: 100%;
    padding: 10px;
}
#virtualLine .slide-content-header {
    margin: 0 auto;
    text-align: center;
}
#virtualLine .slide-content-header .main-title {
    text-transform: none;
    font-size: 14px;
    color: #3b3a37;
}
#virtualLine .slide-content-footer {
    margin: 5px auto 20px;
}
#virtualLine .slide-content-footer h3.heading {
    margin: 0;
}
#virtualLine .slide-content-footer p {
    margin: 0;
    font-size: 13px;
}

#virtualLine .title_lines {
    position: relative;
    font-size: 14px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    color: #3b3a37;
    font-family: arial;
    margin: 0 10px;
}
#virtualLine .title-card {
    padding: 5px 20px;
    width: 200px;
    background-color: #122633;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    margin: 5px auto;
    display: none;
    font-weight: 700;
}
#virtualLine .title-card.-big {
    width: 100%;
}

#virtualLine .title_lines:before, #virtualLine .title_lines:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 28%;
    height: 1px;
    content: '\a0';
    background-color: #3b3a37;
    margin-left: 2%;
}

#virtualLine .title_lines:before {
    margin-left: -30%;
    text-align: right;
}

    #virtualLine a.button.-lrg {
        margin: 5px 0;
        padding: 5px 15px;
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        width: auto;
        position: relative;
        left: 0px;
        transform: none;
    }
    #virtualLine a.button.-lrg:hover {
        background: #122633;
    }


@media screen and (min-width: 600px) {
    #virtualLine {
        display: flex;
    }
    #virtualLine .slide-content-header {
        margin: 20px auto;
    }
    #virtualLine .slide-content-header .main-title {
        font-size: 18px;
    }
    #virtualLine .slide-content-section {
        width: calc(100% - 30px);
        max-width: 550px;
        padding: 20px;
    }
    #virtualLine .jobPostingCard .body a.button.-lrg {
        margin: 15px 0;
    }
}


@media screen and (min-width: 768px) {
    #virtualLine {
        display: block;
    }
    #virtualLine .slide-content-header .main-title {
        font-size: 20px;
    }    
    #virtualLine .slide-content-section{
        width: 100%;
        margin: auto;
        max-width:600px;
    }
}

@media screen and (min-width: 1124px) {
    #virtualLine {
        display: flex;
    }
    #virtualLine .title-card {
        display: block;
    }
    #virtualLine .slide-content-footer .heading.-optional {
        display: none;
    }
    #virtualLine .slide-content-header .main-title {
        font-size: 22px;
    }
    #virtualLine .slide-content-section {
        width: calc(100% - 50px);
        max-width: 700px;
    }
    #virtualLine .slide-content-footer {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 5px auto 40px;
    }
    #virtualLine .slide-content-footer .joinOnlineNow {
        width: 380px;
    }
    #virtualLine .services {
        border-bottom: 0;
    }
    #virtualLine .services .service .svgContainer {
        width: 70px;
        height: 60px;
        margin: auto;
    }
    #virtualLine .title_lines {
        height: 150px;
        line-height: 140px;
    }
    #virtualLine .title_lines:before, #virtualLine .title_lines:after {
        width: 1px;
        height: 25%;
        margin-left: 0;
        top: 55%;
    }
    #virtualLine .title_lines:before {
        top: 20px;
        margin-left: 11px;
    }
}
@media screen and (min-width: 1280px) {    
    #virtualLine .slide-content-section {
        max-width: 800px;
    }
    #virtualLine .services {
        max-width: 600px;
    }
    #virtualLine .services .service .svgContainer {
        width: 80px;
        height: 70px;
    }
    #virtualLine .slide-content-footer .joinOnlineNow {
        width: 380px;
    }
    #virtualLine .title_lines:before, #virtualLine .title_lines:after {
        width: 1px;
        height: 25%;
        margin-left: -10px;
        top: 55%;
    }
    #virtualLine .title_lines:before {
        top: 20px;
        margin-left: 11px;
    }
}

    /* =================================================== 
    -------------- November 20 Sale ----------------
   =================================================== */

    #nov20Sale .main-content {
        text-align: left;
        width: 350px;
        margin: auto;
        background-color: transparent;
    }

        #nov20Sale .main-content .sub-content {
            background-color: rgba(0,0,0,0.6);
            padding: 5px 10px 10px;
            width: fit-content;
        }

        #nov20Sale .main-content h3 {
            font-size: 26px;
            font-weight: 700;
            margin: 0;
            color: #fff;
            text-shadow: 0 0 15px rgba(0,0,0,0.2);
        }

        #nov20Sale .main-content h4 {
            font-size: 46px;
            font-weight: 400;
            margin: 0;
            color: #fff;
            text-shadow: 0 0 15px rgba(0,0,0,0.2);
            font-family: 'Modern No. 20';
        }

        #nov20Sale .main-content p {
            font-size: 16px;
            font-weight: 400;
            margin: 0;
            color: #fff;
            text-shadow: 0 0 15px rgba(0,0,0,0.2);
        }

            #nov20Sale .main-content p.sub-text {
                font-size: 12px;
                font-weight: 400;
                margin: 0;
                color: #fff;
                text-shadow: 0 0 15px rgba(0,0,0,0.2);
            }

    #nov20Sale .saleBtn {
        width: 100%;
        text-align: center;
    }

        #nov20Sale .saleBtn .button {
            text-transform: uppercase;
            background-color: #f0c954;
            color: #3b3a37;
            font-weight: 700;
        }

    @media screen and (min-width: 1024px) {
        #nov20Sale .main-content {
            width: 450px;
        }

            #nov20Sale .main-content h3 {
                font-size: 36px;
            }

            #nov20Sale .main-content h4 {
                font-size: 64px;
                line-height: 54px;
            }

            #nov20Sale .main-content p {
                font-size: 22px;
            }

                #nov20Sale .main-content p.sub-text {
                    font-size: 16px;
                }
    }

    @media screen and (min-width: 1280px) {
        #nov20Sale .main-content {
            width: 600px;
        }

            #nov20Sale .main-content h3 {
                font-size: 48px;
            }

            #nov20Sale .main-content h4 {
                font-size: 84px;
                line-height: 74px;
            }

            #nov20Sale .main-content p {
                font-size: 28px;
            }

                #nov20Sale .main-content p.sub-text {
                    font-size: 18px;
                }
    }

    /*====================================================
  ----------------- Holiday Closure -----------------
====================================================*/

    @font-face {
        font-family: "Billion Dreams";
        src: url('/fonts/BillionDreams.ttf') format('truetype');
    }

    #holidayClosure .main-content {
        text-align: center;
        width: 90%;
        margin: auto;
        padding: 0;
        background-color: transparent;
    }

        #holidayClosure .main-content h3 {
            font-family: 'Billion Dreams', sans-serif;
            margin: 5px auto;
            line-height: 28px;
            font-size: 30px;
            font-weight: 400;
        }
        #holidayClosure .main-content h4 {
            font-family: proxima-nova, Helvetica, sans-serif;
            margin: 10px auto;
            line-height: 16px;
            font-size: 16px;
            font-weight: 600;
        }
        #holidayClosure .main-content.holidayClosureInfo {
            background: rgba(255,255,255,0.8);
            border-radius: 5px;
            padding: 10px;
        }

        #holidayClosure .main-content p {
            font-family: 'Proxima Nova';
            margin: 10px auto;
            line-height: 14px;
            font-size: 14px;
            font-weight: 400;
        }

    @media screen and (min-width: 768px) {
        #holidayClosure .main-content.holidayClosureInfo {
            background: transparent;
        }
    }
    @media screen and (min-width: 1130px) {
        #holidayClosure .main-content h3 {
            line-height: 40px;
            font-size: 40px;
        }

        #holidayClosure .main-content p {
            line-height: 17px;
            font-size: 17px;
        }
    }

    @media screen and (min-width: 1280px) {
        #holidayClosure .main-content h3 {
            line-height: 55px;
            font-size: 45px;
        }

        #holidayClosure .main-content p {
            line-height: 18px;
            font-size: 18px;
        }
    }

    @media screen and (min-width: 1550px) {
        #holidayClosure .main-content h3 {
            line-height: 60px;
            font-size: 55px;
        }

        #holidayClosure .main-content p {
            line-height: 20px;
            font-size: 20px;
        }
    }

.snowContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
}

    .snow:nth-child(1) {
        opacity: 0.0342;
        transform: translate(81.1073vw, -10px) scale(0.42);
        animation: fall-1 30s -13s linear infinite;
    }

@keyframes fall-1 {
    58.518% {
        transform: translate(82.4701vw, 58.518vh) scale(0.42);
    }

    to {
        transform: translate(81.7887vw, 100vh) scale(0.42);
    }
}

.snow:nth-child(2) {
    opacity: 0.7358;
    transform: translate(51.8568vw, -10px) scale(0.6454);
    animation: fall-2 15s -16s linear infinite;
}

@keyframes fall-2 {
    78.632% {
        transform: translate(47.0449vw, 78.632vh) scale(0.6454);
    }

    to {
        transform: translate(49.45085vw, 100vh) scale(0.6454);
    }
}

.snow:nth-child(3) {
    opacity: 0.7049;
    transform: translate(83.295vw, -10px) scale(0.5765);
    animation: fall-3 29s -21s linear infinite;
}

@keyframes fall-3 {
    72.547% {
        transform: translate(78.9395vw, 72.547vh) scale(0.5765);
    }

    to {
        transform: translate(81.11725vw, 100vh) scale(0.5765);
    }
}

.snow:nth-child(4) {
    opacity: 0.7387;
    transform: translate(76.028vw, -10px) scale(0.1765);
    animation: fall-4 13s -26s linear infinite;
}

@keyframes fall-4 {
    41.607% {
        transform: translate(79.7494vw, 41.607vh) scale(0.1765);
    }

    to {
        transform: translate(77.8887vw, 100vh) scale(0.1765);
    }
}

.snow:nth-child(5) {
    opacity: 0.7647;
    transform: translate(26.8347vw, -10px) scale(0.9603);
    animation: fall-5 22s -27s linear infinite;
}

@keyframes fall-5 {
    40.344% {
        transform: translate(28.3927vw, 40.344vh) scale(0.9603);
    }

    to {
        transform: translate(27.6137vw, 100vh) scale(0.9603);
    }
}

.snow:nth-child(6) {
    opacity: 0.5411;
    transform: translate(15.756vw, -10px) scale(0.2575);
    animation: fall-6 17s -18s linear infinite;
}

@keyframes fall-6 {
    48.825% {
        transform: translate(12.8825vw, 48.825vh) scale(0.2575);
    }

    to {
        transform: translate(14.31925vw, 100vh) scale(0.2575);
    }
}

.snow:nth-child(7) {
    opacity: 0.9936;
    transform: translate(63.3918vw, -10px) scale(0.6007);
    animation: fall-7 21s -19s linear infinite;
}

@keyframes fall-7 {
    70.701% {
        transform: translate(59.8627vw, 70.701vh) scale(0.6007);
    }

    to {
        transform: translate(61.62725vw, 100vh) scale(0.6007);
    }
}

.snow:nth-child(8) {
    opacity: 0.3466;
    transform: translate(70.5311vw, -10px) scale(0.7701);
    animation: fall-8 30s -29s linear infinite;
}

@keyframes fall-8 {
    47.768% {
        transform: translate(68.3315vw, 47.768vh) scale(0.7701);
    }

    to {
        transform: translate(69.4313vw, 100vh) scale(0.7701);
    }
}

.snow:nth-child(9) {
    opacity: 0.0709;
    transform: translate(42.4763vw, -10px) scale(0.9933);
    animation: fall-9 24s -28s linear infinite;
}

@keyframes fall-9 {
    73.491% {
        transform: translate(43.7025vw, 73.491vh) scale(0.9933);
    }

    to {
        transform: translate(43.0894vw, 100vh) scale(0.9933);
    }
}

.snow:nth-child(10) {
    opacity: 0.1925;
    transform: translate(47.6777vw, -10px) scale(0.4899);
    animation: fall-10 30s -2s linear infinite;
}

@keyframes fall-10 {
    77.792% {
        transform: translate(51.1565vw, 77.792vh) scale(0.4899);
    }

    to {
        transform: translate(49.4171vw, 100vh) scale(0.4899);
    }
}

.snow:nth-child(11) {
    opacity: 0.7184;
    transform: translate(79.8264vw, -10px) scale(0.7972);
    animation: fall-11 28s -18s linear infinite;
}

@keyframes fall-11 {
    42.431% {
        transform: translate(76.056vw, 42.431vh) scale(0.7972);
    }

    to {
        transform: translate(77.9412vw, 100vh) scale(0.7972);
    }
}

.snow:nth-child(12) {
    opacity: 0.2896;
    transform: translate(50.1152vw, -10px) scale(0.0856);
    animation: fall-12 19s -30s linear infinite;
}

@keyframes fall-12 {
    63.599% {
        transform: translate(56.9384vw, 63.599vh) scale(0.0856);
    }

    to {
        transform: translate(53.5268vw, 100vh) scale(0.0856);
    }
}

.snow:nth-child(13) {
    opacity: 0.3664;
    transform: translate(78.09vw, -10px) scale(0.3149);
    animation: fall-13 29s -22s linear infinite;
}

@keyframes fall-13 {
    51.918% {
        transform: translate(82.0152vw, 51.918vh) scale(0.3149);
    }

    to {
        transform: translate(80.0526vw, 100vh) scale(0.3149);
    }
}

.snow:nth-child(14) {
    opacity: 0.594;
    transform: translate(6.6789vw, -10px) scale(0.6618);
    animation: fall-14 18s -28s linear infinite;
}

@keyframes fall-14 {
    65.397% {
        transform: translate(1.2389vw, 65.397vh) scale(0.6618);
    }

    to {
        transform: translate(3.9589vw, 100vh) scale(0.6618);
    }
}

.snow:nth-child(15) {
    opacity: 0.2968;
    transform: translate(77.5204vw, -10px) scale(0.0844);
    animation: fall-15 16s -28s linear infinite;
}

@keyframes fall-15 {
    41.74% {
        transform: translate(69.1935vw, 41.74vh) scale(0.0844);
    }

    to {
        transform: translate(73.35695vw, 100vh) scale(0.0844);
    }
}

.snow:nth-child(16) {
    opacity: 0.0766;
    transform: translate(54.4254vw, -10px) scale(0.5698);
    animation: fall-16 18s -13s linear infinite;
}

@keyframes fall-16 {
    73.133% {
        transform: translate(56.964vw, 73.133vh) scale(0.5698);
    }

    to {
        transform: translate(55.6947vw, 100vh) scale(0.5698);
    }
}

.snow:nth-child(17) {
    opacity: 0.3633;
    transform: translate(74.9071vw, -10px) scale(0.2472);
    animation: fall-17 14s -1s linear infinite;
}

@keyframes fall-17 {
    74.471% {
        transform: translate(79.0081vw, 74.471vh) scale(0.2472);
    }

    to {
        transform: translate(76.9576vw, 100vh) scale(0.2472);
    }
}

.snow:nth-child(18) {
    opacity: 0.1828;
    transform: translate(77.1903vw, -10px) scale(0.9742);
    animation: fall-18 24s -1s linear infinite;
}

@keyframes fall-18 {
    55.414% {
        transform: translate(76.077vw, 55.414vh) scale(0.9742);
    }

    to {
        transform: translate(76.63365vw, 100vh) scale(0.9742);
    }
}

.snow:nth-child(19) {
    opacity: 0.8577;
    transform: translate(88.0623vw, -10px) scale(0.7984);
    animation: fall-19 12s -18s linear infinite;
}

@keyframes fall-19 {
    75.299% {
        transform: translate(84.5862vw, 75.299vh) scale(0.7984);
    }

    to {
        transform: translate(86.32425vw, 100vh) scale(0.7984);
    }
}

.snow:nth-child(20) {
    opacity: 0.1945;
    transform: translate(85.8265vw, -10px) scale(0.3455);
    animation: fall-20 11s -27s linear infinite;
}

@keyframes fall-20 {
    51.931% {
        transform: translate(86.4286vw, 51.931vh) scale(0.3455);
    }

    to {
        transform: translate(86.12755vw, 100vh) scale(0.3455);
    }
}

.snow:nth-child(21) {
    opacity: 0.1444;
    transform: translate(17.4504vw, -10px) scale(0.7158);
    animation: fall-21 13s -24s linear infinite;
}

@keyframes fall-21 {
    49.547% {
        transform: translate(14.3175vw, 49.547vh) scale(0.7158);
    }

    to {
        transform: translate(15.88395vw, 100vh) scale(0.7158);
    }
}

.snow:nth-child(22) {
    opacity: 0.2414;
    transform: translate(77.7769vw, -10px) scale(0.6238);
    animation: fall-22 24s -29s linear infinite;
}

@keyframes fall-22 {
    30.38% {
        transform: translate(77.9944vw, 30.38vh) scale(0.6238);
    }

    to {
        transform: translate(77.88565vw, 100vh) scale(0.6238);
    }
}

.snow:nth-child(23) {
    opacity: 0.8334;
    transform: translate(22.9458vw, -10px) scale(0.1329);
    animation: fall-23 24s -25s linear infinite;
}

@keyframes fall-23 {
    74.224% {
        transform: translate(22.4796vw, 74.224vh) scale(0.1329);
    }

    to {
        transform: translate(22.7127vw, 100vh) scale(0.1329);
    }
}

.snow:nth-child(24) {
    opacity: 0.0498;
    transform: translate(24.8575vw, -10px) scale(0.3759);
    animation: fall-24 16s -28s linear infinite;
}

@keyframes fall-24 {
    50.724% {
        transform: translate(33.8217vw, 50.724vh) scale(0.3759);
    }

    to {
        transform: translate(29.3396vw, 100vh) scale(0.3759);
    }
}

.snow:nth-child(25) {
    opacity: 0.6251;
    transform: translate(78.9713vw, -10px) scale(0.8872);
    animation: fall-25 25s -14s linear infinite;
}

@keyframes fall-25 {
    45.221% {
        transform: translate(87.843vw, 45.221vh) scale(0.8872);
    }

    to {
        transform: translate(83.40715vw, 100vh) scale(0.8872);
    }
}

.snow:nth-child(26) {
    opacity: 0.9679;
    transform: translate(68.3761vw, -10px) scale(0.4829);
    animation: fall-26 23s -24s linear infinite;
}

@keyframes fall-26 {
    45.226% {
        transform: translate(67.304vw, 45.226vh) scale(0.4829);
    }

    to {
        transform: translate(67.84005vw, 100vh) scale(0.4829);
    }
}

.snow:nth-child(27) {
    opacity: 0.0353;
    transform: translate(90.8402vw, -10px) scale(0.7069);
    animation: fall-27 16s -5s linear infinite;
}

@keyframes fall-27 {
    46.338% {
        transform: translate(90.5441vw, 46.338vh) scale(0.7069);
    }

    to {
        transform: translate(90.69215vw, 100vh) scale(0.7069);
    }
}

.snow:nth-child(28) {
    opacity: 0.9533;
    transform: translate(94.4843vw, -10px) scale(0.8699);
    animation: fall-28 22s -2s linear infinite;
}

@keyframes fall-28 {
    62.775% {
        transform: translate(102.9951vw, 62.775vh) scale(0.8699);
    }

    to {
        transform: translate(98.7397vw, 100vh) scale(0.8699);
    }
}

.snow:nth-child(29) {
    opacity: 0.743;
    transform: translate(55.4277vw, -10px) scale(0.8563);
    animation: fall-29 24s -1s linear infinite;
}

@keyframes fall-29 {
    57.547% {
        transform: translate(49.6524vw, 57.547vh) scale(0.8563);
    }

    to {
        transform: translate(52.54005vw, 100vh) scale(0.8563);
    }
}

.snow:nth-child(30) {
    opacity: 0.6132;
    transform: translate(34.8836vw, -10px) scale(0.4543);
    animation: fall-30 10s -12s linear infinite;
}

@keyframes fall-30 {
    35.345% {
        transform: translate(29.0344vw, 35.345vh) scale(0.4543);
    }

    to {
        transform: translate(31.959vw, 100vh) scale(0.4543);
    }
}

.snow:nth-child(31) {
    opacity: 0.6401;
    transform: translate(16.468vw, -10px) scale(0.8551);
    animation: fall-31 12s -16s linear infinite;
}

@keyframes fall-31 {
    61.663% {
        transform: translate(16.6393vw, 61.663vh) scale(0.8551);
    }

    to {
        transform: translate(16.55365vw, 100vh) scale(0.8551);
    }
}

.snow:nth-child(32) {
    opacity: 0.4643;
    transform: translate(49.1429vw, -10px) scale(0.5861);
    animation: fall-32 26s -3s linear infinite;
}

@keyframes fall-32 {
    47.276% {
        transform: translate(56.6928vw, 47.276vh) scale(0.5861);
    }

    to {
        transform: translate(52.91785vw, 100vh) scale(0.5861);
    }
}

.snow:nth-child(33) {
    opacity: 0.0053;
    transform: translate(74.2388vw, -10px) scale(0.4937);
    animation: fall-33 29s -25s linear infinite;
}

@keyframes fall-33 {
    38.035% {
        transform: translate(70.9215vw, 38.035vh) scale(0.4937);
    }

    to {
        transform: translate(72.58015vw, 100vh) scale(0.4937);
    }
}

.snow:nth-child(34) {
    opacity: 0.6643;
    transform: translate(15.0259vw, -10px) scale(0.8957);
    animation: fall-34 19s -8s linear infinite;
}

@keyframes fall-34 {
    60.327% {
        transform: translate(24.4597vw, 60.327vh) scale(0.8957);
    }

    to {
        transform: translate(19.7428vw, 100vh) scale(0.8957);
    }
}

.snow:nth-child(35) {
    opacity: 0.5416;
    transform: translate(36.1978vw, -10px) scale(0.8729);
    animation: fall-35 12s -24s linear infinite;
}

@keyframes fall-35 {
    59.115% {
        transform: translate(35.8467vw, 59.115vh) scale(0.8729);
    }

    to {
        transform: translate(36.02225vw, 100vh) scale(0.8729);
    }
}

.snow:nth-child(36) {
    opacity: 0.8574;
    transform: translate(40.5647vw, -10px) scale(0.4665);
    animation: fall-36 10s -15s linear infinite;
}

@keyframes fall-36 {
    53.742% {
        transform: translate(42.0034vw, 53.742vh) scale(0.4665);
    }

    to {
        transform: translate(41.28405vw, 100vh) scale(0.4665);
    }
}

.snow:nth-child(37) {
    opacity: 0.2652;
    transform: translate(36.2477vw, -10px) scale(0.5838);
    animation: fall-37 22s -2s linear infinite;
}

@keyframes fall-37 {
    48.114% {
        transform: translate(35.8278vw, 48.114vh) scale(0.5838);
    }

    to {
        transform: translate(36.03775vw, 100vh) scale(0.5838);
    }
}

.snow:nth-child(38) {
    opacity: 0.0367;
    transform: translate(47.6197vw, -10px) scale(0.0612);
    animation: fall-38 16s -12s linear infinite;
}

@keyframes fall-38 {
    34.939% {
        transform: translate(55.5789vw, 34.939vh) scale(0.0612);
    }

    to {
        transform: translate(51.5993vw, 100vh) scale(0.0612);
    }
}

.snow:nth-child(39) {
    opacity: 0.7361;
    transform: translate(26.1376vw, -10px) scale(0.2253);
    animation: fall-39 29s -13s linear infinite;
}

@keyframes fall-39 {
    34.184% {
        transform: translate(27.705vw, 34.184vh) scale(0.2253);
    }

    to {
        transform: translate(26.9213vw, 100vh) scale(0.2253);
    }
}

.snow:nth-child(40) {
    opacity: 0.5829;
    transform: translate(70.6459vw, -10px) scale(0.963);
    animation: fall-40 13s -11s linear infinite;
}

@keyframes fall-40 {
    51.793% {
        transform: translate(73.5575vw, 51.793vh) scale(0.963);
    }

    to {
        transform: translate(72.1017vw, 100vh) scale(0.963);
    }
}

.snow:nth-child(41) {
    opacity: 0.7663;
    transform: translate(17.8679vw, -10px) scale(0.359);
    animation: fall-41 20s -14s linear infinite;
}

@keyframes fall-41 {
    36.989% {
        transform: translate(26.681vw, 36.989vh) scale(0.359);
    }

    to {
        transform: translate(22.27445vw, 100vh) scale(0.359);
    }
}

.snow:nth-child(42) {
    opacity: 0.9526;
    transform: translate(11.8653vw, -10px) scale(0.5961);
    animation: fall-42 24s -10s linear infinite;
}

@keyframes fall-42 {
    33.084% {
        transform: translate(16.0295vw, 33.084vh) scale(0.5961);
    }

    to {
        transform: translate(13.9474vw, 100vh) scale(0.5961);
    }
}

.snow:nth-child(43) {
    opacity: 0.1383;
    transform: translate(62.958vw, -10px) scale(0.5908);
    animation: fall-43 30s -4s linear infinite;
}

@keyframes fall-43 {
    59.043% {
        transform: translate(63.7219vw, 59.043vh) scale(0.5908);
    }

    to {
        transform: translate(63.33995vw, 100vh) scale(0.5908);
    }
}

.snow:nth-child(44) {
    opacity: 0.1229;
    transform: translate(75.5759vw, -10px) scale(0.0415);
    animation: fall-44 23s -4s linear infinite;
}

@keyframes fall-44 {
    55.273% {
        transform: translate(76.2575vw, 55.273vh) scale(0.0415);
    }

    to {
        transform: translate(75.9167vw, 100vh) scale(0.0415);
    }
}

.snow:nth-child(45) {
    opacity: 0.6254;
    transform: translate(63.3576vw, -10px) scale(0.2113);
    animation: fall-45 10s -2s linear infinite;
}

@keyframes fall-45 {
    42.016% {
        transform: translate(71.2528vw, 42.016vh) scale(0.2113);
    }

    to {
        transform: translate(67.3052vw, 100vh) scale(0.2113);
    }
}

.snow:nth-child(46) {
    opacity: 0.412;
    transform: translate(37.8805vw, -10px) scale(0.0092);
    animation: fall-46 12s -14s linear infinite;
}

@keyframes fall-46 {
    64.937% {
        transform: translate(40.4587vw, 64.937vh) scale(0.0092);
    }

    to {
        transform: translate(39.1696vw, 100vh) scale(0.0092);
    }
}

.snow:nth-child(47) {
    opacity: 0.2186;
    transform: translate(42.2711vw, -10px) scale(0.5019);
    animation: fall-47 15s -8s linear infinite;
}

@keyframes fall-47 {
    68.877% {
        transform: translate(49.676vw, 68.877vh) scale(0.5019);
    }

    to {
        transform: translate(45.97355vw, 100vh) scale(0.5019);
    }
}

.snow:nth-child(48) {
    opacity: 0.173;
    transform: translate(57.7449vw, -10px) scale(0.2872);
    animation: fall-48 20s -2s linear infinite;
}

@keyframes fall-48 {
    36.213% {
        transform: translate(59.2969vw, 36.213vh) scale(0.2872);
    }

    to {
        transform: translate(58.5209vw, 100vh) scale(0.2872);
    }
}

.snow:nth-child(49) {
    opacity: 0.574;
    transform: translate(28.7243vw, -10px) scale(0.9023);
    animation: fall-49 19s -4s linear infinite;
}

@keyframes fall-49 {
    41.824% {
        transform: translate(35.8793vw, 41.824vh) scale(0.9023);
    }

    to {
        transform: translate(32.3018vw, 100vh) scale(0.9023);
    }
}

.snow:nth-child(50) {
    opacity: 0.1857;
    transform: translate(9.2145vw, -10px) scale(0.7095);
    animation: fall-50 17s -20s linear infinite;
}

@keyframes fall-50 {
    46.352% {
        transform: translate(-0.355vw, 46.352vh) scale(0.7095);
    }

    to {
        transform: translate(4.42975vw, 100vh) scale(0.7095);
    }
}

.snow:nth-child(51) {
    opacity: 0.4332;
    transform: translate(22.0076vw, -10px) scale(0.8354);
    animation: fall-51 23s -12s linear infinite;
}

@keyframes fall-51 {
    62.137% {
        transform: translate(30.7974vw, 62.137vh) scale(0.8354);
    }

    to {
        transform: translate(26.4025vw, 100vh) scale(0.8354);
    }
}

.snow:nth-child(52) {
    opacity: 0.6415;
    transform: translate(60.9507vw, -10px) scale(0.7604);
    animation: fall-52 25s -24s linear infinite;
}

@keyframes fall-52 {
    49.015% {
        transform: translate(57.3878vw, 49.015vh) scale(0.7604);
    }

    to {
        transform: translate(59.16925vw, 100vh) scale(0.7604);
    }
}

.snow:nth-child(53) {
    opacity: 0.8195;
    transform: translate(2.6478vw, -10px) scale(0.8031);
    animation: fall-53 19s -18s linear infinite;
}

@keyframes fall-53 {
    36.519% {
        transform: translate(-3.3051vw, 36.519vh) scale(0.8031);
    }

    to {
        transform: translate(-0.32865vw, 100vh) scale(0.8031);
    }
}

.snow:nth-child(54) {
    opacity: 0.5755;
    transform: translate(55.2073vw, -10px) scale(0.2686);
    animation: fall-54 14s -21s linear infinite;
}

@keyframes fall-54 {
    56.432% {
        transform: translate(60.6595vw, 56.432vh) scale(0.2686);
    }

    to {
        transform: translate(57.9334vw, 100vh) scale(0.2686);
    }
}

.snow:nth-child(55) {
    opacity: 0.49;
    transform: translate(37.5074vw, -10px) scale(0.2732);
    animation: fall-55 21s -8s linear infinite;
}

@keyframes fall-55 {
    79.91% {
        transform: translate(42.9875vw, 79.91vh) scale(0.2732);
    }

    to {
        transform: translate(40.24745vw, 100vh) scale(0.2732);
    }
}

.snow:nth-child(56) {
    opacity: 0.066;
    transform: translate(7.3152vw, -10px) scale(0.5821);
    animation: fall-56 11s -28s linear infinite;
}

@keyframes fall-56 {
    66.246% {
        transform: translate(-1.7784vw, 66.246vh) scale(0.5821);
    }

    to {
        transform: translate(2.7684vw, 100vh) scale(0.5821);
    }
}

.snow:nth-child(57) {
    opacity: 0.9879;
    transform: translate(87.3456vw, -10px) scale(0.1157);
    animation: fall-57 16s -10s linear infinite;
}

@keyframes fall-57 {
    49.883% {
        transform: translate(82.5201vw, 49.883vh) scale(0.1157);
    }

    to {
        transform: translate(84.93285vw, 100vh) scale(0.1157);
    }
}

.snow:nth-child(58) {
    opacity: 0.3341;
    transform: translate(8.0402vw, -10px) scale(0.5036);
    animation: fall-58 12s -12s linear infinite;
}

@keyframes fall-58 {
    46.396% {
        transform: translate(13.3448vw, 46.396vh) scale(0.5036);
    }

    to {
        transform: translate(10.6925vw, 100vh) scale(0.5036);
    }
}

.snow:nth-child(59) {
    opacity: 0.4456;
    transform: translate(83.1386vw, -10px) scale(0.3853);
    animation: fall-59 21s -14s linear infinite;
}

@keyframes fall-59 {
    71.923% {
        transform: translate(86.3303vw, 71.923vh) scale(0.3853);
    }

    to {
        transform: translate(84.73445vw, 100vh) scale(0.3853);
    }
}

.snow:nth-child(60) {
    opacity: 0.4305;
    transform: translate(4.0049vw, -10px) scale(0.5147);
    animation: fall-60 21s -9s linear infinite;
}

@keyframes fall-60 {
    69.491% {
        transform: translate(-2.5946vw, 69.491vh) scale(0.5147);
    }

    to {
        transform: translate(0.70515vw, 100vh) scale(0.5147);
    }
}

.snow:nth-child(61) {
    opacity: 0.8086;
    transform: translate(30.7406vw, -10px) scale(0.9899);
    animation: fall-61 24s -14s linear infinite;
}

@keyframes fall-61 {
    39.583% {
        transform: translate(27.2135vw, 39.583vh) scale(0.9899);
    }

    to {
        transform: translate(28.97705vw, 100vh) scale(0.9899);
    }
}

.snow:nth-child(62) {
    opacity: 0.4611;
    transform: translate(98.627vw, -10px) scale(0.3396);
    animation: fall-62 21s -25s linear infinite;
}

@keyframes fall-62 {
    71.79% {
        transform: translate(98.2796vw, 71.79vh) scale(0.3396);
    }

    to {
        transform: translate(98.4533vw, 100vh) scale(0.3396);
    }
}

.snow:nth-child(63) {
    opacity: 0.4388;
    transform: translate(26.9886vw, -10px) scale(0.3913);
    animation: fall-63 10s -1s linear infinite;
}

@keyframes fall-63 {
    30.005% {
        transform: translate(20.4926vw, 30.005vh) scale(0.3913);
    }

    to {
        transform: translate(23.7406vw, 100vh) scale(0.3913);
    }
}

.snow:nth-child(64) {
    opacity: 0.1239;
    transform: translate(48.9194vw, -10px) scale(0.0969);
    animation: fall-64 17s -21s linear infinite;
}

@keyframes fall-64 {
    75.192% {
        transform: translate(53.7467vw, 75.192vh) scale(0.0969);
    }

    to {
        transform: translate(51.33305vw, 100vh) scale(0.0969);
    }
}

.snow:nth-child(65) {
    opacity: 0.0417;
    transform: translate(27.6773vw, -10px) scale(0.8966);
    animation: fall-65 18s -25s linear infinite;
}

@keyframes fall-65 {
    34.277% {
        transform: translate(30.0477vw, 34.277vh) scale(0.8966);
    }

    to {
        transform: translate(28.8625vw, 100vh) scale(0.8966);
    }
}

.snow:nth-child(66) {
    opacity: 0.13;
    transform: translate(14.3706vw, -10px) scale(0.5167);
    animation: fall-66 27s -9s linear infinite;
}

@keyframes fall-66 {
    49.906% {
        transform: translate(20.0218vw, 49.906vh) scale(0.5167);
    }

    to {
        transform: translate(17.1962vw, 100vh) scale(0.5167);
    }
}

.snow:nth-child(67) {
    opacity: 0.7725;
    transform: translate(72.6602vw, -10px) scale(0.8496);
    animation: fall-67 16s -5s linear infinite;
}

@keyframes fall-67 {
    40.539% {
        transform: translate(69.9545vw, 40.539vh) scale(0.8496);
    }

    to {
        transform: translate(71.30735vw, 100vh) scale(0.8496);
    }
}

.snow:nth-child(68) {
    opacity: 0.6528;
    transform: translate(5.1264vw, -10px) scale(0.4447);
    animation: fall-68 19s -20s linear infinite;
}

@keyframes fall-68 {
    50.342% {
        transform: translate(5.4572vw, 50.342vh) scale(0.4447);
    }

    to {
        transform: translate(5.2918vw, 100vh) scale(0.4447);
    }
}

.snow:nth-child(69) {
    opacity: 0.0122;
    transform: translate(31.8296vw, -10px) scale(0.0173);
    animation: fall-69 27s -13s linear infinite;
}

@keyframes fall-69 {
    69.943% {
        transform: translate(28.3202vw, 69.943vh) scale(0.0173);
    }

    to {
        transform: translate(30.0749vw, 100vh) scale(0.0173);
    }
}

.snow:nth-child(70) {
    opacity: 0.1959;
    transform: translate(34.9424vw, -10px) scale(0.9681);
    animation: fall-70 12s -26s linear infinite;
}

@keyframes fall-70 {
    31.394% {
        transform: translate(39.9193vw, 31.394vh) scale(0.9681);
    }

    to {
        transform: translate(37.43085vw, 100vh) scale(0.9681);
    }
}

.snow:nth-child(71) {
    opacity: 0.3254;
    transform: translate(71.2403vw, -10px) scale(0.4606);
    animation: fall-71 23s -21s linear infinite;
}

@keyframes fall-71 {
    73.801% {
        transform: translate(63.5548vw, 73.801vh) scale(0.4606);
    }

    to {
        transform: translate(67.39755vw, 100vh) scale(0.4606);
    }
}

.snow:nth-child(72) {
    opacity: 0.1311;
    transform: translate(79.6331vw, -10px) scale(0.4522);
    animation: fall-72 14s -8s linear infinite;
}

@keyframes fall-72 {
    45.407% {
        transform: translate(74.6963vw, 45.407vh) scale(0.4522);
    }

    to {
        transform: translate(77.1647vw, 100vh) scale(0.4522);
    }
}

.snow:nth-child(73) {
    opacity: 0.5347;
    transform: translate(69.9104vw, -10px) scale(0.3914);
    animation: fall-73 21s -23s linear infinite;
}

@keyframes fall-73 {
    55.684% {
        transform: translate(62.2064vw, 55.684vh) scale(0.3914);
    }

    to {
        transform: translate(66.0584vw, 100vh) scale(0.3914);
    }
}

.snow:nth-child(74) {
    opacity: 0.8851;
    transform: translate(27.5218vw, -10px) scale(0.5678);
    animation: fall-74 27s -6s linear infinite;
}

@keyframes fall-74 {
    53.193% {
        transform: translate(35.0915vw, 53.193vh) scale(0.5678);
    }

    to {
        transform: translate(31.30665vw, 100vh) scale(0.5678);
    }
}

.snow:nth-child(75) {
    opacity: 0.9298;
    transform: translate(60.4401vw, -10px) scale(0.9681);
    animation: fall-75 29s -7s linear infinite;
}

@keyframes fall-75 {
    35.215% {
        transform: translate(58.5596vw, 35.215vh) scale(0.9681);
    }

    to {
        transform: translate(59.49985vw, 100vh) scale(0.9681);
    }
}

.snow:nth-child(76) {
    opacity: 0.3;
    transform: translate(74.9862vw, -10px) scale(0.1785);
    animation: fall-76 26s -2s linear infinite;
}

@keyframes fall-76 {
    42.297% {
        transform: translate(73.5414vw, 42.297vh) scale(0.1785);
    }

    to {
        transform: translate(74.2638vw, 100vh) scale(0.1785);
    }
}

.snow:nth-child(77) {
    opacity: 0.302;
    transform: translate(38.6668vw, -10px) scale(0.8959);
    animation: fall-77 25s -26s linear infinite;
}

@keyframes fall-77 {
    78.676% {
        transform: translate(46.6713vw, 78.676vh) scale(0.8959);
    }

    to {
        transform: translate(42.66905vw, 100vh) scale(0.8959);
    }
}

.snow:nth-child(78) {
    opacity: 0.0614;
    transform: translate(66.6856vw, -10px) scale(0.3643);
    animation: fall-78 25s -16s linear infinite;
}

@keyframes fall-78 {
    66.625% {
        transform: translate(58.0963vw, 66.625vh) scale(0.3643);
    }

    to {
        transform: translate(62.39095vw, 100vh) scale(0.3643);
    }
}

.snow:nth-child(79) {
    opacity: 0.5123;
    transform: translate(94.9244vw, -10px) scale(0.6807);
    animation: fall-79 16s -3s linear infinite;
}

@keyframes fall-79 {
    30.77% {
        transform: translate(96.021vw, 30.77vh) scale(0.6807);
    }

    to {
        transform: translate(95.4727vw, 100vh) scale(0.6807);
    }
}

.snow:nth-child(80) {
    opacity: 0.6006;
    transform: translate(96.6407vw, -10px) scale(0.9186);
    animation: fall-80 28s -19s linear infinite;
}

@keyframes fall-80 {
    43.348% {
        transform: translate(87.3764vw, 43.348vh) scale(0.9186);
    }

    to {
        transform: translate(92.00855vw, 100vh) scale(0.9186);
    }
}

.snow:nth-child(81) {
    opacity: 0.0179;
    transform: translate(46.4135vw, -10px) scale(0.6745);
    animation: fall-81 19s -25s linear infinite;
}

@keyframes fall-81 {
    33.108% {
        transform: translate(55.6655vw, 33.108vh) scale(0.6745);
    }

    to {
        transform: translate(51.0395vw, 100vh) scale(0.6745);
    }
}

.snow:nth-child(82) {
    opacity: 0.7273;
    transform: translate(6.5696vw, -10px) scale(0.4157);
    animation: fall-82 15s -8s linear infinite;
}

@keyframes fall-82 {
    71.155% {
        transform: translate(9.4765vw, 71.155vh) scale(0.4157);
    }

    to {
        transform: translate(8.02305vw, 100vh) scale(0.4157);
    }
}

.snow:nth-child(83) {
    opacity: 0.2038;
    transform: translate(30.1138vw, -10px) scale(0.4316);
    animation: fall-83 27s -18s linear infinite;
}

@keyframes fall-83 {
    73.332% {
        transform: translate(33.3448vw, 73.332vh) scale(0.4316);
    }

    to {
        transform: translate(31.7293vw, 100vh) scale(0.4316);
    }
}

.snow:nth-child(84) {
    opacity: 0.5717;
    transform: translate(14.3777vw, -10px) scale(0.1041);
    animation: fall-84 12s -27s linear infinite;
}

@keyframes fall-84 {
    35.217% {
        transform: translate(21.7154vw, 35.217vh) scale(0.1041);
    }

    to {
        transform: translate(18.04655vw, 100vh) scale(0.1041);
    }
}

.snow:nth-child(85) {
    opacity: 0.4758;
    transform: translate(77.8406vw, -10px) scale(0.0501);
    animation: fall-85 17s -26s linear infinite;
}

@keyframes fall-85 {
    67.342% {
        transform: translate(75.1382vw, 67.342vh) scale(0.0501);
    }

    to {
        transform: translate(76.4894vw, 100vh) scale(0.0501);
    }
}

.snow:nth-child(86) {
    opacity: 0.1639;
    transform: translate(24.6835vw, -10px) scale(0.6978);
    animation: fall-86 29s -6s linear infinite;
}

@keyframes fall-86 {
    39.713% {
        transform: translate(32.5678vw, 39.713vh) scale(0.6978);
    }

    to {
        transform: translate(28.62565vw, 100vh) scale(0.6978);
    }
}

.snow:nth-child(87) {
    opacity: 0.8102;
    transform: translate(41.3906vw, -10px) scale(0.2286);
    animation: fall-87 29s -14s linear infinite;
}

@keyframes fall-87 {
    62.93% {
        transform: translate(49.7089vw, 62.93vh) scale(0.2286);
    }

    to {
        transform: translate(45.54975vw, 100vh) scale(0.2286);
    }
}

.snow:nth-child(88) {
    opacity: 0.824;
    transform: translate(59.3443vw, -10px) scale(0.5061);
    animation: fall-88 16s -12s linear infinite;
}

@keyframes fall-88 {
    52.708% {
        transform: translate(53.9573vw, 52.708vh) scale(0.5061);
    }

    to {
        transform: translate(56.6508vw, 100vh) scale(0.5061);
    }
}

.snow:nth-child(89) {
    opacity: 0.8716;
    transform: translate(67.6705vw, -10px) scale(0.2889);
    animation: fall-89 20s -6s linear infinite;
}

@keyframes fall-89 {
    53.578% {
        transform: translate(73.0094vw, 53.578vh) scale(0.2889);
    }

    to {
        transform: translate(70.33995vw, 100vh) scale(0.2889);
    }
}

.snow:nth-child(90) {
    opacity: 0.5586;
    transform: translate(29.8146vw, -10px) scale(0.248);
    animation: fall-90 27s -24s linear infinite;
}

@keyframes fall-90 {
    44.172% {
        transform: translate(28.8895vw, 44.172vh) scale(0.248);
    }

    to {
        transform: translate(29.35205vw, 100vh) scale(0.248);
    }
}

.snow:nth-child(91) {
    opacity: 0.1941;
    transform: translate(3.7228vw, -10px) scale(0.2377);
    animation: fall-91 10s -9s linear infinite;
}

@keyframes fall-91 {
    75.275% {
        transform: translate(7.9149vw, 75.275vh) scale(0.2377);
    }

    to {
        transform: translate(5.81885vw, 100vh) scale(0.2377);
    }
}

.snow:nth-child(92) {
    opacity: 0.0662;
    transform: translate(56.1477vw, -10px) scale(0.2216);
    animation: fall-92 29s -28s linear infinite;
}

@keyframes fall-92 {
    62.58% {
        transform: translate(51.1483vw, 62.58vh) scale(0.2216);
    }

    to {
        transform: translate(53.648vw, 100vh) scale(0.2216);
    }
}

.snow:nth-child(93) {
    opacity: 0.2305;
    transform: translate(97.1642vw, -10px) scale(0.1614);
    animation: fall-93 17s -4s linear infinite;
}

@keyframes fall-93 {
    41.435% {
        transform: translate(105.8469vw, 41.435vh) scale(0.1614);
    }

    to {
        transform: translate(101.50555vw, 100vh) scale(0.1614);
    }
}

.snow:nth-child(94) {
    opacity: 0.6593;
    transform: translate(34.3732vw, -10px) scale(0.4508);
    animation: fall-94 29s -17s linear infinite;
}

@keyframes fall-94 {
    46.075% {
        transform: translate(42.7584vw, 46.075vh) scale(0.4508);
    }

    to {
        transform: translate(38.5658vw, 100vh) scale(0.4508);
    }
}

.snow:nth-child(95) {
    opacity: 0.5677;
    transform: translate(84.5329vw, -10px) scale(0.3594);
    animation: fall-95 26s -14s linear infinite;
}

@keyframes fall-95 {
    52.578% {
        transform: translate(81.0731vw, 52.578vh) scale(0.3594);
    }

    to {
        transform: translate(82.803vw, 100vh) scale(0.3594);
    }
}

.snow:nth-child(96) {
    opacity: 0.7388;
    transform: translate(4.0921vw, -10px) scale(0.3432);
    animation: fall-96 16s -7s linear infinite;
}

@keyframes fall-96 {
    51.157% {
        transform: translate(6.166vw, 51.157vh) scale(0.3432);
    }

    to {
        transform: translate(5.12905vw, 100vh) scale(0.3432);
    }
}

.snow:nth-child(97) {
    opacity: 0.1941;
    transform: translate(35.7723vw, -10px) scale(0.7032);
    animation: fall-97 22s -4s linear infinite;
}

@keyframes fall-97 {
    44.903% {
        transform: translate(29.0234vw, 44.903vh) scale(0.7032);
    }

    to {
        transform: translate(32.39785vw, 100vh) scale(0.7032);
    }
}

.snow:nth-child(98) {
    opacity: 0.5252;
    transform: translate(43.8595vw, -10px) scale(0.4398);
    animation: fall-98 23s -8s linear infinite;
}

@keyframes fall-98 {
    79.267% {
        transform: translate(49.3933vw, 79.267vh) scale(0.4398);
    }

    to {
        transform: translate(46.6264vw, 100vh) scale(0.4398);
    }
}

.snow:nth-child(99) {
    opacity: 0.9915;
    transform: translate(22.4134vw, -10px) scale(0.2925);
    animation: fall-99 20s -14s linear infinite;
}

@keyframes fall-99 {
    42.776% {
        transform: translate(20.2609vw, 42.776vh) scale(0.2925);
    }

    to {
        transform: translate(21.33715vw, 100vh) scale(0.2925);
    }
}

.snow:nth-child(100) {
    opacity: 0.4304;
    transform: translate(71.8648vw, -10px) scale(0.7126);
    animation: fall-100 23s -5s linear infinite;
}

@keyframes fall-100 {
    70.742% {
        transform: translate(79.0175vw, 70.742vh) scale(0.7126);
    }

    to {
        transform: translate(75.44115vw, 100vh) scale(0.7126);
    }
}

.snow:nth-child(101) {
    opacity: 0.956;
    transform: translate(58.1942vw, -10px) scale(0.9079);
    animation: fall-101 20s -16s linear infinite;
}

@keyframes fall-101 {
    49.017% {
        transform: translate(65.2355vw, 49.017vh) scale(0.9079);
    }

    to {
        transform: translate(61.71485vw, 100vh) scale(0.9079);
    }
}

.snow:nth-child(102) {
    opacity: 0.947;
    transform: translate(49.0605vw, -10px) scale(0.0126);
    animation: fall-102 17s -21s linear infinite;
}

@keyframes fall-102 {
    66.127% {
        transform: translate(58.3601vw, 66.127vh) scale(0.0126);
    }

    to {
        transform: translate(53.7103vw, 100vh) scale(0.0126);
    }
}

.snow:nth-child(103) {
    opacity: 0.1046;
    transform: translate(81.4642vw, -10px) scale(0.1633);
    animation: fall-103 13s -18s linear infinite;
}

@keyframes fall-103 {
    53.592% {
        transform: translate(79.3167vw, 53.592vh) scale(0.1633);
    }

    to {
        transform: translate(80.39045vw, 100vh) scale(0.1633);
    }
}

.snow:nth-child(104) {
    opacity: 0.1336;
    transform: translate(49.7199vw, -10px) scale(0.5677);
    animation: fall-104 15s -13s linear infinite;
}

@keyframes fall-104 {
    59.535% {
        transform: translate(49.0031vw, 59.535vh) scale(0.5677);
    }

    to {
        transform: translate(49.3615vw, 100vh) scale(0.5677);
    }
}

.snow:nth-child(105) {
    opacity: 0.6525;
    transform: translate(90.0649vw, -10px) scale(0.1484);
    animation: fall-105 17s -25s linear infinite;
}

@keyframes fall-105 {
    60.247% {
        transform: translate(87.2919vw, 60.247vh) scale(0.1484);
    }

    to {
        transform: translate(88.6784vw, 100vh) scale(0.1484);
    }
}

.snow:nth-child(106) {
    opacity: 0.4459;
    transform: translate(34.7613vw, -10px) scale(0.2049);
    animation: fall-106 13s -7s linear infinite;
}

@keyframes fall-106 {
    31.871% {
        transform: translate(39.9967vw, 31.871vh) scale(0.2049);
    }

    to {
        transform: translate(37.379vw, 100vh) scale(0.2049);
    }
}

.snow:nth-child(107) {
    opacity: 0.3393;
    transform: translate(67.8825vw, -10px) scale(0.9033);
    animation: fall-107 29s -4s linear infinite;
}

@keyframes fall-107 {
    77.603% {
        transform: translate(66.5194vw, 77.603vh) scale(0.9033);
    }

    to {
        transform: translate(67.20095vw, 100vh) scale(0.9033);
    }
}

.snow:nth-child(108) {
    opacity: 0.5122;
    transform: translate(39.2087vw, -10px) scale(0.1896);
    animation: fall-108 24s -4s linear infinite;
}

@keyframes fall-108 {
    53.406% {
        transform: translate(31.2959vw, 53.406vh) scale(0.1896);
    }

    to {
        transform: translate(35.2523vw, 100vh) scale(0.1896);
    }
}

.snow:nth-child(109) {
    opacity: 0.1079;
    transform: translate(96.6151vw, -10px) scale(0.5734);
    animation: fall-109 26s -30s linear infinite;
}

@keyframes fall-109 {
    64.661% {
        transform: translate(94.7369vw, 64.661vh) scale(0.5734);
    }

    to {
        transform: translate(95.676vw, 100vh) scale(0.5734);
    }
}

.snow:nth-child(110) {
    opacity: 0.5026;
    transform: translate(74.9326vw, -10px) scale(0.0035);
    animation: fall-110 13s -2s linear infinite;
}

@keyframes fall-110 {
    65.836% {
        transform: translate(76.3392vw, 65.836vh) scale(0.0035);
    }

    to {
        transform: translate(75.6359vw, 100vh) scale(0.0035);
    }
}

.snow:nth-child(111) {
    opacity: 0.4662;
    transform: translate(47.4116vw, -10px) scale(0.7062);
    animation: fall-111 16s -6s linear infinite;
}

@keyframes fall-111 {
    50.509% {
        transform: translate(49.5929vw, 50.509vh) scale(0.7062);
    }

    to {
        transform: translate(48.50225vw, 100vh) scale(0.7062);
    }
}

.snow:nth-child(112) {
    opacity: 0.2346;
    transform: translate(66.5711vw, -10px) scale(0.8506);
    animation: fall-112 26s -2s linear infinite;
}

@keyframes fall-112 {
    30.615% {
        transform: translate(68.9081vw, 30.615vh) scale(0.8506);
    }

    to {
        transform: translate(67.7396vw, 100vh) scale(0.8506);
    }
}

.snow:nth-child(113) {
    opacity: 0.1058;
    transform: translate(61.6351vw, -10px) scale(0.8499);
    animation: fall-113 29s -29s linear infinite;
}

@keyframes fall-113 {
    51.022% {
        transform: translate(62.1495vw, 51.022vh) scale(0.8499);
    }

    to {
        transform: translate(61.8923vw, 100vh) scale(0.8499);
    }
}

.snow:nth-child(114) {
    opacity: 0.5107;
    transform: translate(35.7927vw, -10px) scale(0.4011);
    animation: fall-114 16s -19s linear infinite;
}

@keyframes fall-114 {
    42.145% {
        transform: translate(31.0633vw, 42.145vh) scale(0.4011);
    }

    to {
        transform: translate(33.428vw, 100vh) scale(0.4011);
    }
}

.snow:nth-child(115) {
    opacity: 0.3699;
    transform: translate(52.0848vw, -10px) scale(0.4247);
    animation: fall-115 30s -17s linear infinite;
}

@keyframes fall-115 {
    78.985% {
        transform: translate(45.2377vw, 78.985vh) scale(0.4247);
    }

    to {
        transform: translate(48.66125vw, 100vh) scale(0.4247);
    }
}

.snow:nth-child(116) {
    opacity: 0.7597;
    transform: translate(0.0068vw, -10px) scale(0.808);
    animation: fall-116 29s -3s linear infinite;
}

@keyframes fall-116 {
    72.284% {
        transform: translate(-2.6641vw, 72.284vh) scale(0.808);
    }

    to {
        transform: translate(-1.32865vw, 100vh) scale(0.808);
    }
}

.snow:nth-child(117) {
    opacity: 0.6655;
    transform: translate(55.7083vw, -10px) scale(0.8398);
    animation: fall-117 19s -11s linear infinite;
}

@keyframes fall-117 {
    60.132% {
        transform: translate(63.9697vw, 60.132vh) scale(0.8398);
    }

    to {
        transform: translate(59.839vw, 100vh) scale(0.8398);
    }
}

.snow:nth-child(118) {
    opacity: 0.2777;
    transform: translate(39.5649vw, -10px) scale(0.9957);
    animation: fall-118 16s -13s linear infinite;
}

@keyframes fall-118 {
    38.322% {
        transform: translate(36.5263vw, 38.322vh) scale(0.9957);
    }

    to {
        transform: translate(38.0456vw, 100vh) scale(0.9957);
    }
}

.snow:nth-child(119) {
    opacity: 0.6734;
    transform: translate(46.527vw, -10px) scale(0.0584);
    animation: fall-119 11s -20s linear infinite;
}

@keyframes fall-119 {
    68.324% {
        transform: translate(37.0148vw, 68.324vh) scale(0.0584);
    }

    to {
        transform: translate(41.7709vw, 100vh) scale(0.0584);
    }
}

.snow:nth-child(120) {
    opacity: 0.6257;
    transform: translate(82.5382vw, -10px) scale(0.1579);
    animation: fall-120 19s -27s linear infinite;
}

@keyframes fall-120 {
    73.065% {
        transform: translate(80.5146vw, 73.065vh) scale(0.1579);
    }

    to {
        transform: translate(81.5264vw, 100vh) scale(0.1579);
    }
}

.snow:nth-child(121) {
    opacity: 0.2922;
    transform: translate(37.8125vw, -10px) scale(0.9193);
    animation: fall-121 29s -6s linear infinite;
}

@keyframes fall-121 {
    65.585% {
        transform: translate(42.1884vw, 65.585vh) scale(0.9193);
    }

    to {
        transform: translate(40.00045vw, 100vh) scale(0.9193);
    }
}

.snow:nth-child(122) {
    opacity: 0.3815;
    transform: translate(18.5079vw, -10px) scale(0.9585);
    animation: fall-122 24s -24s linear infinite;
}

@keyframes fall-122 {
    36.36% {
        transform: translate(24.4442vw, 36.36vh) scale(0.9585);
    }

    to {
        transform: translate(21.47605vw, 100vh) scale(0.9585);
    }
}

.snow:nth-child(123) {
    opacity: 0.9757;
    transform: translate(38.8092vw, -10px) scale(0.2348);
    animation: fall-123 26s -5s linear infinite;
}

@keyframes fall-123 {
    39.305% {
        transform: translate(38.065vw, 39.305vh) scale(0.2348);
    }

    to {
        transform: translate(38.4371vw, 100vh) scale(0.2348);
    }
}

.snow:nth-child(124) {
    opacity: 0.1076;
    transform: translate(3.4407vw, -10px) scale(0.1189);
    animation: fall-124 21s -16s linear infinite;
}

@keyframes fall-124 {
    77.831% {
        transform: translate(-6.0661vw, 77.831vh) scale(0.1189);
    }

    to {
        transform: translate(-1.3127vw, 100vh) scale(0.1189);
    }
}

.snow:nth-child(125) {
    opacity: 0.3684;
    transform: translate(94.8554vw, -10px) scale(0.8828);
    animation: fall-125 21s -1s linear infinite;
}

@keyframes fall-125 {
    34.37% {
        transform: translate(93.8163vw, 34.37vh) scale(0.8828);
    }

    to {
        transform: translate(94.33585vw, 100vh) scale(0.8828);
    }
}

.snow:nth-child(126) {
    opacity: 0.2775;
    transform: translate(45.2455vw, -10px) scale(0.4818);
    animation: fall-126 30s -8s linear infinite;
}

@keyframes fall-126 {
    74.482% {
        transform: translate(40.7221vw, 74.482vh) scale(0.4818);
    }

    to {
        transform: translate(42.9838vw, 100vh) scale(0.4818);
    }
}

.snow:nth-child(127) {
    opacity: 0.977;
    transform: translate(93.232vw, -10px) scale(0.9397);
    animation: fall-127 10s -15s linear infinite;
}

@keyframes fall-127 {
    76.789% {
        transform: translate(85.62vw, 76.789vh) scale(0.9397);
    }

    to {
        transform: translate(89.426vw, 100vh) scale(0.9397);
    }
}

.snow:nth-child(128) {
    opacity: 0.2849;
    transform: translate(9.0547vw, -10px) scale(0.8775);
    animation: fall-128 10s -10s linear infinite;
}

@keyframes fall-128 {
    57.976% {
        transform: translate(3.9799vw, 57.976vh) scale(0.8775);
    }

    to {
        transform: translate(6.5173vw, 100vh) scale(0.8775);
    }
}

.snow:nth-child(129) {
    opacity: 0.6366;
    transform: translate(60.2423vw, -10px) scale(0.5452);
    animation: fall-129 16s -16s linear infinite;
}

@keyframes fall-129 {
    39.26% {
        transform: translate(58.7041vw, 39.26vh) scale(0.5452);
    }

    to {
        transform: translate(59.4732vw, 100vh) scale(0.5452);
    }
}

.snow:nth-child(130) {
    opacity: 0.3368;
    transform: translate(33.7796vw, -10px) scale(0.8707);
    animation: fall-130 16s -23s linear infinite;
}

@keyframes fall-130 {
    35.377% {
        transform: translate(35.0151vw, 35.377vh) scale(0.8707);
    }

    to {
        transform: translate(34.39735vw, 100vh) scale(0.8707);
    }
}

.snow:nth-child(131) {
    opacity: 0.8533;
    transform: translate(81.2807vw, -10px) scale(0.6215);
    animation: fall-131 15s -2s linear infinite;
}

@keyframes fall-131 {
    37.814% {
        transform: translate(74.972vw, 37.814vh) scale(0.6215);
    }

    to {
        transform: translate(78.12635vw, 100vh) scale(0.6215);
    }
}

.snow:nth-child(132) {
    opacity: 0.6455;
    transform: translate(16.553vw, -10px) scale(0.8374);
    animation: fall-132 18s -13s linear infinite;
}

@keyframes fall-132 {
    63.772% {
        transform: translate(18.5176vw, 63.772vh) scale(0.8374);
    }

    to {
        transform: translate(17.5353vw, 100vh) scale(0.8374);
    }
}

.snow:nth-child(133) {
    opacity: 0.7682;
    transform: translate(44.7307vw, -10px) scale(0.2908);
    animation: fall-133 14s -29s linear infinite;
}

@keyframes fall-133 {
    49.707% {
        transform: translate(50.3768vw, 49.707vh) scale(0.2908);
    }

    to {
        transform: translate(47.55375vw, 100vh) scale(0.2908);
    }
}

.snow:nth-child(134) {
    opacity: 0.8549;
    transform: translate(26.8225vw, -10px) scale(0.2475);
    animation: fall-134 10s -27s linear infinite;
}

@keyframes fall-134 {
    55.198% {
        transform: translate(17.6042vw, 55.198vh) scale(0.2475);
    }

    to {
        transform: translate(22.21335vw, 100vh) scale(0.2475);
    }
}

.snow:nth-child(135) {
    opacity: 0.4183;
    transform: translate(16.458vw, -10px) scale(0.3349);
    animation: fall-135 14s -15s linear infinite;
}

@keyframes fall-135 {
    36.613% {
        transform: translate(10.5618vw, 36.613vh) scale(0.3349);
    }

    to {
        transform: translate(13.5099vw, 100vh) scale(0.3349);
    }
}

.snow:nth-child(136) {
    opacity: 0.3189;
    transform: translate(74.0148vw, -10px) scale(0.3896);
    animation: fall-136 21s -16s linear infinite;
}

@keyframes fall-136 {
    66.503% {
        transform: translate(80.9356vw, 66.503vh) scale(0.3896);
    }

    to {
        transform: translate(77.4752vw, 100vh) scale(0.3896);
    }
}

.snow:nth-child(137) {
    opacity: 0.1196;
    transform: translate(6.5304vw, -10px) scale(0.1296);
    animation: fall-137 12s -14s linear infinite;
}

@keyframes fall-137 {
    34.255% {
        transform: translate(8.6895vw, 34.255vh) scale(0.1296);
    }

    to {
        transform: translate(7.60995vw, 100vh) scale(0.1296);
    }
}

.snow:nth-child(138) {
    opacity: 0.5117;
    transform: translate(93.5976vw, -10px) scale(0.6247);
    animation: fall-138 10s -21s linear infinite;
}

@keyframes fall-138 {
    50.181% {
        transform: translate(92.6448vw, 50.181vh) scale(0.6247);
    }

    to {
        transform: translate(93.1212vw, 100vh) scale(0.6247);
    }
}

.snow:nth-child(139) {
    opacity: 0.3933;
    transform: translate(51.4056vw, -10px) scale(0.4837);
    animation: fall-139 14s -21s linear infinite;
}

@keyframes fall-139 {
    78.419% {
        transform: translate(44.6883vw, 78.419vh) scale(0.4837);
    }

    to {
        transform: translate(48.04695vw, 100vh) scale(0.4837);
    }
}

.snow:nth-child(140) {
    opacity: 0.8886;
    transform: translate(13.9223vw, -10px) scale(0.7883);
    animation: fall-140 26s -27s linear infinite;
}

@keyframes fall-140 {
    70.399% {
        transform: translate(7.412vw, 70.399vh) scale(0.7883);
    }

    to {
        transform: translate(10.66715vw, 100vh) scale(0.7883);
    }
}

.snow:nth-child(141) {
    opacity: 0.2341;
    transform: translate(29.1052vw, -10px) scale(0.4233);
    animation: fall-141 22s -1s linear infinite;
}

@keyframes fall-141 {
    37.067% {
        transform: translate(35.3515vw, 37.067vh) scale(0.4233);
    }

    to {
        transform: translate(32.22835vw, 100vh) scale(0.4233);
    }
}

.snow:nth-child(142) {
    opacity: 0.0248;
    transform: translate(62.6376vw, -10px) scale(0.8142);
    animation: fall-142 22s -14s linear infinite;
}

@keyframes fall-142 {
    40.965% {
        transform: translate(61.2vw, 40.965vh) scale(0.8142);
    }

    to {
        transform: translate(61.9188vw, 100vh) scale(0.8142);
    }
}

.snow:nth-child(143) {
    opacity: 0.4185;
    transform: translate(31.7985vw, -10px) scale(0.5);
    animation: fall-143 22s -30s linear infinite;
}

@keyframes fall-143 {
    32.507% {
        transform: translate(36.7683vw, 32.507vh) scale(0.5);
    }

    to {
        transform: translate(34.2834vw, 100vh) scale(0.5);
    }
}

.snow:nth-child(144) {
    opacity: 0.3272;
    transform: translate(7.163vw, -10px) scale(0.4694);
    animation: fall-144 14s -9s linear infinite;
}

@keyframes fall-144 {
    72.764% {
        transform: translate(13.4503vw, 72.764vh) scale(0.4694);
    }

    to {
        transform: translate(10.30665vw, 100vh) scale(0.4694);
    }
}

.snow:nth-child(145) {
    opacity: 0.8613;
    transform: translate(8.5356vw, -10px) scale(0.6525);
    animation: fall-145 24s -28s linear infinite;
}

@keyframes fall-145 {
    57.845% {
        transform: translate(0.5004vw, 57.845vh) scale(0.6525);
    }

    to {
        transform: translate(4.518vw, 100vh) scale(0.6525);
    }
}

.snow:nth-child(146) {
    opacity: 0.8721;
    transform: translate(29.1566vw, -10px) scale(0.3637);
    animation: fall-146 27s -11s linear infinite;
}

@keyframes fall-146 {
    79.484% {
        transform: translate(31.5244vw, 79.484vh) scale(0.3637);
    }

    to {
        transform: translate(30.3405vw, 100vh) scale(0.3637);
    }
}

.snow:nth-child(147) {
    opacity: 0.3745;
    transform: translate(42.7952vw, -10px) scale(0.5689);
    animation: fall-147 13s -29s linear infinite;
}

@keyframes fall-147 {
    64.33% {
        transform: translate(41.7555vw, 64.33vh) scale(0.5689);
    }

    to {
        transform: translate(42.27535vw, 100vh) scale(0.5689);
    }
}

.snow:nth-child(148) {
    opacity: 0.4143;
    transform: translate(50.5679vw, -10px) scale(0.5136);
    animation: fall-148 22s -4s linear infinite;
}

@keyframes fall-148 {
    30.75% {
        transform: translate(50.477vw, 30.75vh) scale(0.5136);
    }

    to {
        transform: translate(50.52245vw, 100vh) scale(0.5136);
    }
}

.snow:nth-child(149) {
    opacity: 0.2267;
    transform: translate(8.0794vw, -10px) scale(0.2716);
    animation: fall-149 10s -2s linear infinite;
}

@keyframes fall-149 {
    36.397% {
        transform: translate(17.9673vw, 36.397vh) scale(0.2716);
    }

    to {
        transform: translate(13.02335vw, 100vh) scale(0.2716);
    }
}

.snow:nth-child(150) {
    opacity: 0.5665;
    transform: translate(84.6065vw, -10px) scale(0.0033);
    animation: fall-150 13s -13s linear infinite;
}

@keyframes fall-150 {
    70.56% {
        transform: translate(78.6207vw, 70.56vh) scale(0.0033);
    }

    to {
        transform: translate(81.6136vw, 100vh) scale(0.0033);
    }
}

.snow:nth-child(151) {
    opacity: 0.9951;
    transform: translate(72.1566vw, -10px) scale(0.3338);
    animation: fall-151 25s -20s linear infinite;
}

@keyframes fall-151 {
    68.149% {
        transform: translate(66.8482vw, 68.149vh) scale(0.3338);
    }

    to {
        transform: translate(69.5024vw, 100vh) scale(0.3338);
    }
}

.snow:nth-child(152) {
    opacity: 0.2477;
    transform: translate(11.7471vw, -10px) scale(0.6618);
    animation: fall-152 12s -6s linear infinite;
}

@keyframes fall-152 {
    31.95% {
        transform: translate(12.069vw, 31.95vh) scale(0.6618);
    }

    to {
        transform: translate(11.90805vw, 100vh) scale(0.6618);
    }
}

.snow:nth-child(153) {
    opacity: 0.221;
    transform: translate(78.711vw, -10px) scale(0.7627);
    animation: fall-153 30s -14s linear infinite;
}

@keyframes fall-153 {
    69.992% {
        transform: translate(85.2371vw, 69.992vh) scale(0.7627);
    }

    to {
        transform: translate(81.97405vw, 100vh) scale(0.7627);
    }
}

.snow:nth-child(154) {
    opacity: 0.4715;
    transform: translate(8.8697vw, -10px) scale(0.3803);
    animation: fall-154 24s -19s linear infinite;
}

@keyframes fall-154 {
    45.17% {
        transform: translate(14.5281vw, 45.17vh) scale(0.3803);
    }

    to {
        transform: translate(11.6989vw, 100vh) scale(0.3803);
    }
}

.snow:nth-child(155) {
    opacity: 0.365;
    transform: translate(31.8407vw, -10px) scale(0.5813);
    animation: fall-155 23s -25s linear infinite;
}

@keyframes fall-155 {
    33.757% {
        transform: translate(38.7243vw, 33.757vh) scale(0.5813);
    }

    to {
        transform: translate(35.2825vw, 100vh) scale(0.5813);
    }
}

.snow:nth-child(156) {
    opacity: 0.6837;
    transform: translate(85.2636vw, -10px) scale(0.9468);
    animation: fall-156 23s -1s linear infinite;
}

@keyframes fall-156 {
    57.216% {
        transform: translate(89.6597vw, 57.216vh) scale(0.9468);
    }

    to {
        transform: translate(87.46165vw, 100vh) scale(0.9468);
    }
}

.snow:nth-child(157) {
    opacity: 0.1631;
    transform: translate(85.6362vw, -10px) scale(0.6449);
    animation: fall-157 13s -30s linear infinite;
}

@keyframes fall-157 {
    42.964% {
        transform: translate(86.3575vw, 42.964vh) scale(0.6449);
    }

    to {
        transform: translate(85.99685vw, 100vh) scale(0.6449);
    }
}

.snow:nth-child(158) {
    opacity: 0.0754;
    transform: translate(66.301vw, -10px) scale(0.7047);
    animation: fall-158 10s -10s linear infinite;
}

@keyframes fall-158 {
    64.942% {
        transform: translate(73.5212vw, 64.942vh) scale(0.7047);
    }

    to {
        transform: translate(69.9111vw, 100vh) scale(0.7047);
    }
}

.snow:nth-child(159) {
    opacity: 0.0475;
    transform: translate(5.8351vw, -10px) scale(0.1906);
    animation: fall-159 28s -25s linear infinite;
}

@keyframes fall-159 {
    62.569% {
        transform: translate(1.8445vw, 62.569vh) scale(0.1906);
    }

    to {
        transform: translate(3.8398vw, 100vh) scale(0.1906);
    }
}

.snow:nth-child(160) {
    opacity: 0.943;
    transform: translate(75.5607vw, -10px) scale(0.973);
    animation: fall-160 13s -2s linear infinite;
}

@keyframes fall-160 {
    69.984% {
        transform: translate(80.1526vw, 69.984vh) scale(0.973);
    }

    to {
        transform: translate(77.85665vw, 100vh) scale(0.973);
    }
}

.snow:nth-child(161) {
    opacity: 0.0707;
    transform: translate(4.9753vw, -10px) scale(0.9563);
    animation: fall-161 30s -1s linear infinite;
}

@keyframes fall-161 {
    74% {
        transform: translate(11.3828vw, 74vh) scale(0.9563);
    }

    to {
        transform: translate(8.17905vw, 100vh) scale(0.9563);
    }
}

.snow:nth-child(162) {
    opacity: 0.8042;
    transform: translate(33.4948vw, -10px) scale(0.1773);
    animation: fall-162 14s -3s linear infinite;
}

@keyframes fall-162 {
    67.695% {
        transform: translate(34.795vw, 67.695vh) scale(0.1773);
    }

    to {
        transform: translate(34.1449vw, 100vh) scale(0.1773);
    }
}

.snow:nth-child(163) {
    opacity: 0.9542;
    transform: translate(58.2778vw, -10px) scale(0.2378);
    animation: fall-163 25s -8s linear infinite;
}

@keyframes fall-163 {
    47.165% {
        transform: translate(54.5294vw, 47.165vh) scale(0.2378);
    }

    to {
        transform: translate(56.4036vw, 100vh) scale(0.2378);
    }
}

.snow:nth-child(164) {
    opacity: 0.995;
    transform: translate(84.9523vw, -10px) scale(0.42);
    animation: fall-164 30s -20s linear infinite;
}

@keyframes fall-164 {
    34.214% {
        transform: translate(88.5382vw, 34.214vh) scale(0.42);
    }

    to {
        transform: translate(86.74525vw, 100vh) scale(0.42);
    }
}

.snow:nth-child(165) {
    opacity: 0.2054;
    transform: translate(3.282vw, -10px) scale(0.9976);
    animation: fall-165 11s -29s linear infinite;
}

@keyframes fall-165 {
    40.614% {
        transform: translate(4.0648vw, 40.614vh) scale(0.9976);
    }

    to {
        transform: translate(3.6734vw, 100vh) scale(0.9976);
    }
}

.snow:nth-child(166) {
    opacity: 0.9278;
    transform: translate(3.3113vw, -10px) scale(0.9911);
    animation: fall-166 19s -11s linear infinite;
}

@keyframes fall-166 {
    78.574% {
        transform: translate(10.2757vw, 78.574vh) scale(0.9911);
    }

    to {
        transform: translate(6.7935vw, 100vh) scale(0.9911);
    }
}

.snow:nth-child(167) {
    opacity: 0.0014;
    transform: translate(7.7969vw, -10px) scale(0.8288);
    animation: fall-167 17s -12s linear infinite;
}

@keyframes fall-167 {
    42.135% {
        transform: translate(4.5613vw, 42.135vh) scale(0.8288);
    }

    to {
        transform: translate(6.1791vw, 100vh) scale(0.8288);
    }
}

.snow:nth-child(168) {
    opacity: 0.8196;
    transform: translate(76.8851vw, -10px) scale(0.5104);
    animation: fall-168 26s -27s linear infinite;
}

@keyframes fall-168 {
    35.441% {
        transform: translate(69.8012vw, 35.441vh) scale(0.5104);
    }

    to {
        transform: translate(73.34315vw, 100vh) scale(0.5104);
    }
}

.snow:nth-child(169) {
    opacity: 0.3555;
    transform: translate(25.1029vw, -10px) scale(0.6376);
    animation: fall-169 14s -29s linear infinite;
}

@keyframes fall-169 {
    46.527% {
        transform: translate(15.2994vw, 46.527vh) scale(0.6376);
    }

    to {
        transform: translate(20.20115vw, 100vh) scale(0.6376);
    }
}

.snow:nth-child(170) {
    opacity: 0.4174;
    transform: translate(50.2668vw, -10px) scale(0.391);
    animation: fall-170 21s -14s linear infinite;
}

@keyframes fall-170 {
    40.975% {
        transform: translate(46.5567vw, 40.975vh) scale(0.391);
    }

    to {
        transform: translate(48.41175vw, 100vh) scale(0.391);
    }
}

.snow:nth-child(171) {
    opacity: 0.6864;
    transform: translate(56.1087vw, -10px) scale(0.0387);
    animation: fall-171 13s -19s linear infinite;
}

@keyframes fall-171 {
    60.225% {
        transform: translate(64.0796vw, 60.225vh) scale(0.0387);
    }

    to {
        transform: translate(60.09415vw, 100vh) scale(0.0387);
    }
}

.snow:nth-child(172) {
    opacity: 0.5274;
    transform: translate(86.6644vw, -10px) scale(0.3806);
    animation: fall-172 23s -9s linear infinite;
}

@keyframes fall-172 {
    40.537% {
        transform: translate(85.7182vw, 40.537vh) scale(0.3806);
    }

    to {
        transform: translate(86.1913vw, 100vh) scale(0.3806);
    }
}

.snow:nth-child(173) {
    opacity: 0.66;
    transform: translate(31.2878vw, -10px) scale(0.7909);
    animation: fall-173 29s -7s linear infinite;
}

@keyframes fall-173 {
    47.307% {
        transform: translate(28.0013vw, 47.307vh) scale(0.7909);
    }

    to {
        transform: translate(29.64455vw, 100vh) scale(0.7909);
    }
}

.snow:nth-child(174) {
    opacity: 0.0735;
    transform: translate(64.9376vw, -10px) scale(0.9961);
    animation: fall-174 17s -29s linear infinite;
}

@keyframes fall-174 {
    39.175% {
        transform: translate(66.6998vw, 39.175vh) scale(0.9961);
    }

    to {
        transform: translate(65.8187vw, 100vh) scale(0.9961);
    }
}

.snow:nth-child(175) {
    opacity: 0.6791;
    transform: translate(59.7848vw, -10px) scale(0.5189);
    animation: fall-175 24s -13s linear infinite;
}

@keyframes fall-175 {
    69.327% {
        transform: translate(60.0131vw, 69.327vh) scale(0.5189);
    }

    to {
        transform: translate(59.89895vw, 100vh) scale(0.5189);
    }
}

.snow:nth-child(176) {
    opacity: 0.1694;
    transform: translate(95.4992vw, -10px) scale(0.6884);
    animation: fall-176 24s -14s linear infinite;
}

@keyframes fall-176 {
    48.767% {
        transform: translate(96.6801vw, 48.767vh) scale(0.6884);
    }

    to {
        transform: translate(96.08965vw, 100vh) scale(0.6884);
    }
}

.snow:nth-child(177) {
    opacity: 0.056;
    transform: translate(6.2655vw, -10px) scale(0.6592);
    animation: fall-177 13s -26s linear infinite;
}

@keyframes fall-177 {
    31.43% {
        transform: translate(15.1541vw, 31.43vh) scale(0.6592);
    }

    to {
        transform: translate(10.7098vw, 100vh) scale(0.6592);
    }
}

.snow:nth-child(178) {
    opacity: 0.4027;
    transform: translate(94.5562vw, -10px) scale(0.8404);
    animation: fall-178 20s -29s linear infinite;
}

@keyframes fall-178 {
    43.849% {
        transform: translate(90.4379vw, 43.849vh) scale(0.8404);
    }

    to {
        transform: translate(92.49705vw, 100vh) scale(0.8404);
    }
}

.snow:nth-child(179) {
    opacity: 0.5828;
    transform: translate(17.1777vw, -10px) scale(0.8429);
    animation: fall-179 27s -5s linear infinite;
}

@keyframes fall-179 {
    69.708% {
        transform: translate(10.1362vw, 69.708vh) scale(0.8429);
    }

    to {
        transform: translate(13.65695vw, 100vh) scale(0.8429);
    }
}

.snow:nth-child(180) {
    opacity: 0.2478;
    transform: translate(24.2632vw, -10px) scale(0.1989);
    animation: fall-180 24s -12s linear infinite;
}

@keyframes fall-180 {
    38.449% {
        transform: translate(16.9461vw, 38.449vh) scale(0.1989);
    }

    to {
        transform: translate(20.60465vw, 100vh) scale(0.1989);
    }
}

.snow:nth-child(181) {
    opacity: 0.2073;
    transform: translate(38.477vw, -10px) scale(0.0861);
    animation: fall-181 25s -3s linear infinite;
}

@keyframes fall-181 {
    35.692% {
        transform: translate(40.6806vw, 35.692vh) scale(0.0861);
    }

    to {
        transform: translate(39.5788vw, 100vh) scale(0.0861);
    }
}

.snow:nth-child(182) {
    opacity: 0.0328;
    transform: translate(32.7764vw, -10px) scale(0.29);
    animation: fall-182 15s -11s linear infinite;
}

@keyframes fall-182 {
    60.124% {
        transform: translate(33.4607vw, 60.124vh) scale(0.29);
    }

    to {
        transform: translate(33.11855vw, 100vh) scale(0.29);
    }
}

.snow:nth-child(183) {
    opacity: 0.4275;
    transform: translate(56.2603vw, -10px) scale(0.5318);
    animation: fall-183 21s -27s linear infinite;
}

@keyframes fall-183 {
    78.37% {
        transform: translate(59.0471vw, 78.37vh) scale(0.5318);
    }

    to {
        transform: translate(57.6537vw, 100vh) scale(0.5318);
    }
}

.snow:nth-child(184) {
    opacity: 0.1921;
    transform: translate(65.2802vw, -10px) scale(0.4105);
    animation: fall-184 17s -21s linear infinite;
}

@keyframes fall-184 {
    48.155% {
        transform: translate(55.7512vw, 48.155vh) scale(0.4105);
    }

    to {
        transform: translate(60.5157vw, 100vh) scale(0.4105);
    }
}

.snow:nth-child(185) {
    opacity: 0.7041;
    transform: translate(68.4532vw, -10px) scale(0.08);
    animation: fall-185 22s -16s linear infinite;
}

@keyframes fall-185 {
    63.865% {
        transform: translate(58.5191vw, 63.865vh) scale(0.08);
    }

    to {
        transform: translate(63.48615vw, 100vh) scale(0.08);
    }
}

.snow:nth-child(186) {
    opacity: 0.0364;
    transform: translate(55.7425vw, -10px) scale(0.0921);
    animation: fall-186 26s -13s linear infinite;
}

@keyframes fall-186 {
    47.873% {
        transform: translate(51.6477vw, 47.873vh) scale(0.0921);
    }

    to {
        transform: translate(53.6951vw, 100vh) scale(0.0921);
    }
}

.snow:nth-child(187) {
    opacity: 0.8427;
    transform: translate(54.8563vw, -10px) scale(0.3365);
    animation: fall-187 21s -4s linear infinite;
}

@keyframes fall-187 {
    39.05% {
        transform: translate(54.2798vw, 39.05vh) scale(0.3365);
    }

    to {
        transform: translate(54.56805vw, 100vh) scale(0.3365);
    }
}

.snow:nth-child(188) {
    opacity: 0.8954;
    transform: translate(26.044vw, -10px) scale(0.6764);
    animation: fall-188 21s -26s linear infinite;
}

@keyframes fall-188 {
    41.449% {
        transform: translate(24.579vw, 41.449vh) scale(0.6764);
    }

    to {
        transform: translate(25.3115vw, 100vh) scale(0.6764);
    }
}

.snow:nth-child(189) {
    opacity: 0.6533;
    transform: translate(97.5393vw, -10px) scale(0.0887);
    animation: fall-189 27s -24s linear infinite;
}

@keyframes fall-189 {
    36.317% {
        transform: translate(104.4714vw, 36.317vh) scale(0.0887);
    }

    to {
        transform: translate(101.00535vw, 100vh) scale(0.0887);
    }
}

.snow:nth-child(190) {
    opacity: 0.9713;
    transform: translate(39.0437vw, -10px) scale(0.6364);
    animation: fall-190 12s -3s linear infinite;
}

@keyframes fall-190 {
    38.349% {
        transform: translate(34.0551vw, 38.349vh) scale(0.6364);
    }

    to {
        transform: translate(36.5494vw, 100vh) scale(0.6364);
    }
}

.snow:nth-child(191) {
    opacity: 0.8096;
    transform: translate(41.596vw, -10px) scale(0.0197);
    animation: fall-191 18s -14s linear infinite;
}

@keyframes fall-191 {
    74.494% {
        transform: translate(46.271vw, 74.494vh) scale(0.0197);
    }

    to {
        transform: translate(43.9335vw, 100vh) scale(0.0197);
    }
}

.snow:nth-child(192) {
    opacity: 0.2232;
    transform: translate(41.7282vw, -10px) scale(0.4818);
    animation: fall-192 10s -25s linear infinite;
}

@keyframes fall-192 {
    30.043% {
        transform: translate(41.5301vw, 30.043vh) scale(0.4818);
    }

    to {
        transform: translate(41.62915vw, 100vh) scale(0.4818);
    }
}

.snow:nth-child(193) {
    opacity: 0.7787;
    transform: translate(54.049vw, -10px) scale(0.5764);
    animation: fall-193 27s -7s linear infinite;
}

@keyframes fall-193 {
    61.38% {
        transform: translate(53.4915vw, 61.38vh) scale(0.5764);
    }

    to {
        transform: translate(53.77025vw, 100vh) scale(0.5764);
    }
}

.snow:nth-child(194) {
    opacity: 0.9254;
    transform: translate(37.7947vw, -10px) scale(0.8372);
    animation: fall-194 25s -7s linear infinite;
}

@keyframes fall-194 {
    38.956% {
        transform: translate(40.6598vw, 38.956vh) scale(0.8372);
    }

    to {
        transform: translate(39.22725vw, 100vh) scale(0.8372);
    }
}

.snow:nth-child(195) {
    opacity: 0.6789;
    transform: translate(9.3734vw, -10px) scale(0.2093);
    animation: fall-195 24s -26s linear infinite;
}

@keyframes fall-195 {
    71.825% {
        transform: translate(14.2974vw, 71.825vh) scale(0.2093);
    }

    to {
        transform: translate(11.8354vw, 100vh) scale(0.2093);
    }
}

.snow:nth-child(196) {
    opacity: 0.7742;
    transform: translate(70.0638vw, -10px) scale(0.3012);
    animation: fall-196 20s -3s linear infinite;
}

@keyframes fall-196 {
    61.644% {
        transform: translate(77.9059vw, 61.644vh) scale(0.3012);
    }

    to {
        transform: translate(73.98485vw, 100vh) scale(0.3012);
    }
}

.snow:nth-child(197) {
    opacity: 0.6866;
    transform: translate(59.1038vw, -10px) scale(0.5548);
    animation: fall-197 21s -12s linear infinite;
}

@keyframes fall-197 {
    33.579% {
        transform: translate(60.5941vw, 33.579vh) scale(0.5548);
    }

    to {
        transform: translate(59.84895vw, 100vh) scale(0.5548);
    }
}

.snow:nth-child(198) {
    opacity: 0.9323;
    transform: translate(34.8845vw, -10px) scale(0.8344);
    animation: fall-198 12s -5s linear infinite;
}

@keyframes fall-198 {
    76.159% {
        transform: translate(41.0248vw, 76.159vh) scale(0.8344);
    }

    to {
        transform: translate(37.95465vw, 100vh) scale(0.8344);
    }
}

.snow:nth-child(199) {
    opacity: 0.0959;
    transform: translate(26.843vw, -10px) scale(0.235);
    animation: fall-199 15s -9s linear infinite;
}

@keyframes fall-199 {
    38.221% {
        transform: translate(23.8351vw, 38.221vh) scale(0.235);
    }

    to {
        transform: translate(25.33905vw, 100vh) scale(0.235);
    }
}

.snow:nth-child(200) {
    opacity: 0.3353;
    transform: translate(7.2975vw, -10px) scale(0.9723);
    animation: fall-200 13s -2s linear infinite;
}

@keyframes fall-200 {
    44.874% {
        transform: translate(6.281vw, 44.874vh) scale(0.9723);
    }

    to {
        transform: translate(6.78925vw, 100vh) scale(0.9723);
    }
}

/* End of snow */
/* Birds Style Temporarily */
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:300');

*,
*::before,
*::after {
    box-sizing: border-box;
}

.bird {
    background-image: url(/Images/McCarthys/svg/bird-cells.svg);
    background-size: auto 100%;
    width: 22px;
    height: 31.25px;
    will-change: background-position;
    animation-name: fly-cycle;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite;
    opacity: 0.7;
    cursor: grab;
}

    .bird:hover {
        transform: scale(3);
    }

.bird--one {
    animation-duration: 1s;
    animation-delay: -0.5s;
}

.bird--two {
    animation-duration: 0.9s;
    animation-delay: -0.75s;
}

.bird--three {
    animation-duration: 1.25s;
    animation-delay: -0.25s;
}

.bird--four {
    animation-duration: 1.1s;
    animation-delay: -0.5s;
}

.bird-container {
    position: absolute;
    top: 20%;
    left: -10%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation-name: fly-right-one;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.bird-container--one {
    animation-duration: 15s;
    animation-delay: 0;
}

.bird-container--two {
    animation-duration: 16s;
    animation-delay: 1s;
}

.bird-container--three {
    animation-duration: 14.6s;
    animation-delay: 9.5s;
}

.bird-container--four {
    animation-duration: 16s;
    animation-delay: 10.25s;
}

@keyframes fly-cycle {
    100% {
        background-position: -900px 0;
    }
}

@keyframes fly-right-one {
    0% {
        transform: scale(0.3) translateX(-10vw);
    }

    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }

    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }

    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }

    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
}

@keyframes fly-right-two {
    0% {
        transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }

    10% {
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }

    30% {
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }

    40% {
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }

    51% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
}

/* End of Brids Styles */
    /*====================================================
---------------------- Slider ----------------------
====================================================*/
    .slider .slides .slide .slide-content .mobile-hide {
        display: none;
    }

    .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: 97%;
        left: 50%;
        transform: translate(-50%, -97%);
        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%, #122633 50%) right;
        background-size: 200%;
        animation-name: fill;
        animation-iteration-count: infinite;
        animation-name: fill;
    }
        /*.navigation-manual:hover{
    background-position: left;
}*/

        .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%;
    }

    #radio5:checked ~ .first {
        margin-left: -80%;
    }

    #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,
    #radio1:checked ~ .fifth button, #radio1:checked ~ .fifth a, #radio1:checked ~ .fifth 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,
    #radio2:checked ~ .fifth button, #radio2:checked ~ .fifth a, #radio2:checked ~ .fifth 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,
    #radio3:checked ~ .fifth button, #radio3:checked ~ .fifth a, #radio3:checked ~ .fifth 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,
    #radio4:checked ~ .fifth button, #radio4:checked ~ .fifth a, #radio4:checked ~ .fifth input {
        visibility: hidden;
    }

    #radio5:checked ~ .first button, #radio5:checked ~ .first a, #radio5:checked ~ .first input,
    #radio5:checked ~ .second button, #radio5:checked ~ .second a, #radio5:checked ~ .second input,
    #radio5:checked ~ .third button, #radio5:checked ~ .third a, #radio5:checked ~ .third input,
    #radio5:checked ~ .fourth button, #radio5:checked ~ .fourth a, #radio5:checked ~ .fourth 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;
    }

    #radio5:checked ~ .navigation-manual .manual-btn5 {
        background: #fff;
        padding: 4px;
        border: 2px solid #fff;
    }

    @media screen and (min-width: 1024px) {
        .slider .slides .slide .slide-content .mobile-hide {
            display: block;
        }

        .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;
        }

        #radio5:checked ~ .navigation-manual .manual-btn5 {
            padding: 5px;
        }
    }


    @keyframes fill {
        0% {
            background-position: right;
        }

        100% {
            background-position: left;
        }
    }

    @keyframes glowingRipple {
        0% {
            box-shadow: 0.5px 0.5px 5px #fff;
        }

        50% {
            box-shadow: 0.5px 0.5px 25px #fff;
        }

        100% {
            box-shadow: 0.5px 0.5px 5px #fff;
        }
    }
/*
    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: 5px 5px 15px -15px rgba(0,0,0,0.3);
    z-index: 101;
}

.Store__content ._sort-sidear .section-sub-title{
    text-transform: uppercase;
    padding-bottom: 20px;
    border-bottom: 2px solid #eae9e8;
}

    .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: block;
}

/*@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-sub-items {
    padding: 0;
    margin-bottom: 10px;
    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: 5px 0 5px 10px;
    background-color: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}
.Store__content ._sort-sidear ._sort-button.clearance {
    background-color: #f0c954;
    padding: 3px 0px 3px 30px;
    margin: 0px 0px 0px -20px;
    width: 100%;
}

    .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: 30px
}

.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: 10px;
}

.Store__content .icon--selected.icon--clearance.isSelected:before {
    top: 8px;
    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: 130px;
}*/

.Store__content ._products-section ._product-card ._copy-wrap {
    padding: 10px 10px 20px;
}

    .Store__content ._products-section ._product-card ._copy-wrap .body-copy--medium {
        font-size: .77rem;
        letter-spacing: .2px;
        line-height: 1.3;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

.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: 5px
}

@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 50px
    }
}

.Store__content ._products-section ._product-card ._copy-wrap .button.-lrg {
    width: calc(100% - 20px);
    padding: 10px 20px;
    position: absolute;
    bottom: 40px;
    font-size: 12px;
    line-height: 12px;
}

@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, 
        .Store__content ._products-section ._product-card:focus: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: 40px;
    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 h3.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] + ._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 + ._colour-text {
            outline: 0;
            border: 2px solid #f0c954;
            box-shadow: 0 0 5px #f0c954;
        }

    .Product__content ._product-sidear .colorName{
        text-transform: uppercase;
        margin-left: 5px;
        margin-top: -10px;
        font-size: 12px;
        font-weight: 700;
    }
    .Product__content ._product-sidear ._label.productInfoLabel {
        font-size: 12px;
    }

    .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;
            font-weight: bold;
            font-size: 18px;
            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: fit-content;
        text-align: left;
        padding: 0 10px;
        margin: 10px 0;
        display: block;
        
    }
    .Product__content ._product-sidear ._size-select .modalTriggerButton ._size-guide {
        border-left: 3px solid #49b7b1;
        white-space: nowrap;
    }
    .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: not-allowed;
    opacity: .6
}

    .Product__content ._product-sidear ._cart-button:hover, 
    .Product__content ._product-sidear ._cart-button:focus {
        background-color: #991a30
    }

    .Product__content ._product-sidear ._cart-button.isVisible {
        cursor: pointer;
        opacity: 1
    }

        .Product__content ._product-sidear ._cart-button.isVisible:hover, 
        .Product__content ._product-sidear ._cart-button.isVisible:focus {
            background-color: #122633
        }

.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
}
    .Checkout ._dropwdown-wrapper {
        max-height: 44px;
    }

    .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: #122633;
    position: relative
}
.Checkout ._dropwdown-wrapper ._dropdown-button {
    padding: 5px 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;
    }
.Checkout ._dropwdown-wrapper.dynamicDropdown ._dropdown-button:after {
    top: 15px;
}

.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, 
    .Product__content .icon--tooltip:focus ._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: 5px 5px 2px;
    color: #122633;
    letter-spacing: 0.7px;
}
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;
}


/* ---- 3. Shopping Cart Content Section ----*/

@media screen and (min-width:768px) {
    ._cart-section .order-section-wrap {
        margin-right: 20px;
    }
}
@media screen and (min-width:1024px) {
    .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-top: 1px;
    }

.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
    }



/* ---- 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
}

.notice {
    display: flex;
    align-items: flex-start;
    padding: 15px 0px 0px;
    border-radius: 5px;
    color: #122633;
    font-size: 14px;
    font-weight: 400;
    max-width: 400px;
}

.notice-icon {
    color: #fff;
    background-color: #122633;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 400;
    width: 24px;
    height: 17px;
    padding: 2px;
    text-align: center;
}
/*
    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: #991a30;
    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 .ui-datepicker-calendar tbody tr td.selected-date {
    background-color: #991a30;
    color: #FFF;
    border-radius: 5px;
}

.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
    }

.messageContainer {
    background: #f0c954;
    color: #3b3a37;
    border: none;
    border-radius: 20px;
    padding: 5px 20px;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.1);
}
.messageContainer p{
    margin: 10px 0 !important;
}
/* - 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: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: fit-content;
            transition: 300ms ease-in-out;
            padding: 5px 20px;
        }

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: #122633;
        border: 2.5px solid #122633;
        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;
        padding: 2.5px;
    }


@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;
    line-height: 30px;
}

/* -- 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;
}

/* 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: 40px 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: 5px;
}

.cartProductDescription.desktop{
    margin-top: 10px;
    margin-bottom: 40px;
    line-height: 1.4;
}

.cartProductDescription.mobile .descriptionHeading{
    display: none;
}
.cartProductDescription.desktop .descriptionHeading{
    display: block;
}
.cartProductDescription .descriptionBody {
    font-size: 12px;
    line-height: 15px;
    display: block;
    margin-bottom: 5px;
    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;
    }
}

.FullWidth__image.-section.-posthead {
    height:200px;
}

@media screen and (min-width:768px) {
    .FullWidth__image.-section.-posthead {
        height: 400px;
    }
}

@media screen and (min-width:768px) {
    .Posts ._posts-rss {
        float: none;
        position: absolute;
        top: 12px;
        right: 0
    }
}

@media screen and (min-width:1024px) {
    .Posts ._posts-rss {
        top: 24px
    }
}

.Posts ._posts ._post {
    text-decoration: none;
    padding: 0;
    margin-bottom: 30px
}

.LetUsHelp ._posts .-threecol,
.LetUsHelp ._posts .-fourcol {
    padding: 0px 15px;
    margin-bottom: 50px;
}

.LetUsHelp ._posts .container__row {
    display:flex;
    width:100%;
    height:0%;
}



@media screen and (min-width:768px) {
    .Posts ._posts ._post:nth-child(odd) {
        padding-right: 15px
    }

    .LetUsHelp ._posts .-threecol:nth-child(3n+1) {
        padding-left: 0px
    }    
    .LetUsHelp ._posts .-fourcol:nth-child(4n+1) {
        padding-left: 0px
    }
}

@media screen and (min-width:768px) {
    .Posts ._posts ._post:nth-child(2n) {
        padding-left: 15px
    }


    .LetUsHelp ._posts .-threecol:nth-child(3n+3) {
        padding-right: 0px
    }    
    .LetUsHelp ._posts .-fourcol:nth-child(4n+4) {
        padding-right: 0px
    }
}

.Posts ._posts ._post-image {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:768px) {
    .Posts ._posts ._post-image {
        height:240px;
    }
}

.LetUsHelp ._posts .-threecol ._post-image {
    height: 270px;
}

.LetUsHelp ._posts .-threecol ._post-image iframe {
    border:0px;
}

.LetUsHelp ._posts ._post-image {
    height: 180px;
}


.Posts ._posts ._post-wrap {
    padding: 20px 30px 40px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    min-height: 200px;
}

.LetUsHelp ._posts ._post-wrap {
    min-height: 150px;
}

    .Posts ._posts ._post-wrap .body-title {
        margin-bottom: 10px
    }

    .Posts ._posts ._post-wrap .body-copy--small {
        margin-bottom: 20px
    }

.Post__pagination ._posts-pagination,
.Posts ._posts-pagination {
    margin-bottom: 30px
}

.Post__pagination ._posts-page-items,
.Posts ._posts-page-items {
    text-align: center;
    padding: 0;
    margin: 0
}

.Post__pagination ._posts-page-item,
.Posts ._posts-page-item {
    display: inline-block
}

.Post__pagination ._posts-page-link,
.Posts ._posts-page-link {
    padding: 0 5px;
    margin: 0 5px
}

.Post__pagination ._posts-prev-icon,
.Posts ._posts-prev-icon {
    margin-right: 10px
}

.Post__pagination ._posts-next,
.Posts ._posts-next {
    text-align: right
}

.Post__pagination ._posts-next-icon,
.Posts ._posts-next-icon {
    margin-left: 10px
}


.tag-items {
    padding: 0;
    margin: 0 0 30px
}

.tag-item {
    display: inline-block;
    margin-right: 20px;
    margin: 0 10px 10px 0
}

@media screen and (min-width:768px) {
    .tag-item {
        margin: 0 20px 0 0
    }
}

.tag-item:first-of-type {
    margin: 0 0 10px
}

@media screen and (min-width:768px) {
    .tag-item:first-of-type {
        margin: 0 10px 10px 0;
        display: inline-block
    }
}

.tag-link {
    padding: 5px 10px;
    background: #122633;
    transition: all .1s ease-in-out;
    opacity: 1
}

    .tag-link:hover {
        opacity: .9
    }

.Post ._post-wrapper {
    width: 100%;
    max-width: 820px;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .Post ._post-wrapper {
        padding: 0 20px
    }
}

.Post__banner {
    padding: 0
}

@media screen and (min-width:768px) {
    .Post__banner {
        padding: 0 20px
    }
}

.Post__banner .FullWidth__image {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .Post__banner .FullWidth__image {
        height: 400px
    }
}

.Post__banner ._banner-copy {
    width: 100%;
    max-width: 1160px;
    text-align: right;
    padding-right: 20px;
    margin: 10px auto 30px
}

@media screen and (min-width:768px) {
    .Post__banner ._banner-copy {
        padding: 0
    }
}

.Post__banner ._banner-copy .link {
    font-size: .875rem
}

.Post ._author-wrap {
    margin-bottom: 30px;
    position: relative
}

    .Post ._author-wrap .social-items {
        margin-top: 20px
    }

@media screen and (min-width:768px) {
    .Post ._author-wrap .social-items {
        position: absolute;
        bottom: 10px;
        right: 0
    }
}

.Post ._author-image {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%
}

@media screen and (min-width:768px) {
    .Post ._author-image {
        margin-right: 30px
    }
}

.Post ._author-copy {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.Post__link-list .items {
    list-style: none;
    padding: 0;
    margin-top: 0
}

.Post__gallery ._gallery {
    width: 100%;
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .Post__gallery ._gallery {
        text-align: initial
    }
}

.Post__gallery ._gallery-thumbnail {
    width: 200px;
    height: 200px;
    margin: 0 15px 30px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer
}

.Post__gallery ._gallery-image {
    width: auto;
    height: 100%
}

.Post__pagination {
    margin: 0 auto 30px
}

    .Post__pagination .social-items {
        display: inline-block
    }


.social-items {
    padding: 0;
    margin: 0;
    list-style: none;
    vertical-align: bottom
}

@media screen and (min-width:768px) {
    .social-items {
        text-align: right
    }
}

.social-item {
    display: inline-block
}

.social-link {
    font-size: 20px;
    color: #3b3a37;
    margin-right: 20px;
    text-decoration: none;
    transition: all .1s ease-in-out;
    opacity: 1;
    cursor: pointer
}

    .social-link:hover {
        opacity: .9
    }

    .social-link:visited {
        text-decoration: none;
        color: #3b3a37
    }
 /*add class names here for different swatches*/  

/*.swatch-BRN {
    background: #000 url('../../Images/ProductPhotos/colours/2.gif') no-repeat center center;
}

.swatch-KEL {
    background: #000 url('../../Images/ProductPhotos/colours/19.gif') no-repeat center center;
}

.swatch-YEL {
    background: #000 url('../../Images/ProductPhotos/colours/20.gif') no-repeat center center;
}

.swatch-GLD {
    background: #000 url('../../Images/ProductPhotos/colours/24.gif') no-repeat center center;
}

.swatch-FOR {
    background: #000 url('../../Images/ProductPhotos/colours/26.gif') no-repeat center center;
}

.swatch-BGE {
    background: #000 url('../../Images/ProductPhotos/colours/27.gif') no-repeat center center;
}

.swatch-PNK {
    background: #000 url('../../Images/ProductPhotos/colours/32.gif') no-repeat center center;
}

.swatch-RYL {
    background: #000 url('../../Images/ProductPhotos/colours/40.gif') no-repeat center center;
}

.swatch-BUR {
    background: #000 url('../../Images/ProductPhotos/colours/41.gif') no-repeat center center;
}

.swatch-OXF {
    background: #000 url('../../Images/ProductPhotos/colours/45.gif') no-repeat center center;
}

.swatch-TAU {
    background: #000 url('../../Images/ProductPhotos/colours/46.gif') no-repeat center center;
}

.swatch-PUR {
    background: #000 url('../../Images/ProductPhotos/colours/47.gif') no-repeat center center;
}

.swatch-RED {
    background: #000 url('../../Images/ProductPhotos/colours/50.gif') no-repeat center center;
}

.swatch-GRN {
    background: #000 url('../../Images/ProductPhotos/colours/51.gif') no-repeat center center;
}

.swatch-MRN {
    background: #000 url('../../Images/ProductPhotos/colours/52.gif') no-repeat center center;
}

.swatch-BLU {
    background: #000 url('../../Images/ProductPhotos/colours/53.gif') no-repeat center center;
}

.swatch-SIL {
    background: #000 url('../../Images/ProductPhotos/colours/54.gif') no-repeat center center;
}

.swatch-PWD {
    background: #000 url('../../Images/ProductPhotos/colours/55.gif') no-repeat center center;
}

.swatch-TAN {
    background: #000 url('../../Images/ProductPhotos/colours/57.gif') no-repeat center center;
}

.swatch-LBU {
    background: #000 url('../../Images/ProductPhotos/colours/58.gif') no-repeat center center;
}

.swatch-DRK {
    background: #000 url('../../Images/ProductPhotos/colours/59.gif') no-repeat center center;
}

.swatch-WHT {
    background: #000 url('../../Images/ProductPhotos/colours/60.gif') no-repeat center center;
}

.swatch-ASH {
    background: #000 url('../../Images/ProductPhotos/colours/61.gif') no-repeat center center;
}

.swatch-NAT {
    background: #000 url('../../Images/ProductPhotos/colours/62.gif') no-repeat center center;
}

.swatch-GRY {
    background: #000 url('../../Images/ProductPhotos/colours/63.gif') no-repeat center center;
}

.swatch-NIL {
    background: #000 url('../../Images/ProductPhotos/colours/65.gif') no-repeat center center;
}

.swatch-BLK {
    background: #000 url('../../Images/ProductPhotos/colours/66.gif') no-repeat center center;
}

.swatch-CHR {
    background: #000 url('../../Images/ProductPhotos/colours/67.gif') no-repeat center center;
}

.swatch-KHA {
    background: #000 url('../../Images/ProductPhotos/colours/68.gif') no-repeat center center;
}

.swatch-NVY {
    background: #000 url('../../Images/ProductPhotos/colours/69.gif') no-repeat center center;
}

.swatch-PEA {
    background: #000 url('../../Images/ProductPhotos/colours/71.gif') no-repeat center center;
}

.swatch-LGR {
    background: #000 url('../../Images/ProductPhotos/colours/73.gif') no-repeat center center;
}

.swatch-ORG {
    background: #000 url('../../Images/ProductPhotos/colours/74.gif') no-repeat center center;
}

.swatch-DRN {
    background: #000 url('../../Images/ProductPhotos/colours/95.gif') no-repeat center center;
}

.swatch-DYE {
    background: #000 url('../../Images/ProductPhotos/colours/96.gif') no-repeat center center;
}

.swatch-CLR {
    background: #000 url('../../Images/ProductPhotos/colours/99.gif') no-repeat center center;
}

.swatch-AST {
    background: #000 url('../../Images/ProductPhotos/colours/102.gif') no-repeat center center;
}

.swatch-ACB {
    background: #000 url('../../Images/ProductPhotos/colours/106.gif') no-repeat center center;
}

.swatch-HTO {
    background: #000 url('../../Images/ProductPhotos/colours/125.gif') no-repeat center center;
}

.swatch-DKH {
    background: #000 url('../../Images/ProductPhotos/colours/142.gif') no-repeat center center;
}

.swatch-BLA {
    background: #000 url('../../Images/ProductPhotos/colours/297.gif') no-repeat center center;
}

.swatch-BWH {
    background: #000 url('../../Images/ProductPhotos/colours/298.gif') no-repeat center center;
}

.swatch-RAR {
    background: #000 url('../../Images/ProductPhotos/colours/322.gif') no-repeat center center;
}

.swatch-DKB {
    background: #000 url('../../Images/ProductPhotos/colours/323.gif') no-repeat center center;
}*/

